تصميم واجهة احترافيه بالفوتوشوب منتدى او موقع شرح مفصل بالصوره

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نقوم بعرض الواجهه النهائية التي سنصممها

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نبداء بالجزء الأول وهو تصميم .. الخلفيه مع البنر .. وهو الجزء الاصعب بالموقع والأهم .. لذالك خصصنا له الجزء الاول كاملا .. وبعده نكمل

الموقع بالجزء الثاني كاملا ..

,,,,,,,,,,,,,,,,,,,,,,,,

افتح برنامج الفوتوشوب بالضغط مرتين على ايقونة البرنامج ( دبل كليك )

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نختار من ملف .... جديد .

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نضبط المقاسات كما تلاحظ 770 - 800 بكسيل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نختار لونين متناسقين واحد ثقيل والاخر خفيف ... ونقوم بتلوين الخلفيه باللون الخفيف كما تلاحظ

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نرسم بالدائره ( اذا لم تكن واضحه الدائره عندك اضغط الزر الايمن على المربع وخترها من القائمه ) نرسم 3 دوائر ويكون شكلها كما تلاحظ بالصوره

اثنتين بشكل طولي والاخرى كبيره بالنص

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نحول الدوائر جميعا لنتمكن من التعامل معها بشكل افضل ... تابع الصوره لتحويل الدوائر الى اشكال عاديه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نقوم بتعبئة الدوائر بالباترين .. والباترين هو خطوط او نقط او اشكال لتجميل الحشو بالمربعات والدوائر .. تابع الصوره لتتعرف كيف يتم الوصل للباترين

والتعبئه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نقوم بتعبئة الدوائر واحد واحد نحدد الدائره بالضغط عليها ثم نعبئها بالباترن المختار ... والان نريد اعطاء الدوائر شكل افضل .. نختار الاداة الموضحه

بالصوره ونذهب للخيار الاخير .

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نعمل كما تلاحظ بالصوره وهذا لأعطاء الدائره تحديد على اطرافها

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نرسم دائرتين بالاعلى كما تلاحظ

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ونعدل على الدوائر لنعطيها شكل افضل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نبداء بضبط الاعدادات كما تلاحظ بالصور التاليه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وهذا التعديل الاخير ولاكن انتبه عند الانتهاء من ضبط الاعدادات نضغط على الزر المحدد باللون الأحمر . نيو ستايل . لنحفظ التعديلات ونطبقها بكل سهوله على

اي شكل اخر ... بعد الحفظ اضغط اوكي ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نطبق الاعدادات على الدائره الثانيه نفس الاولى .. وهذا بالذهاب الى قائمة الستايلات او الانماط .. وختيار اخر نمط . وهو الذي قمنا بحفظة قبل قليل

. ومن لم تظهر له هذه الانماط يذهب الى .. قائمة وندوز او نوافذ .. ثم يختار ستايل او نمط ....... بعد تعديل الدوائر . نرسم مستطيل فوقها

ونعطيه الاعدادات نفس مافعلنا بالدوائر .. ونقوم بتعبئتة بالباترن كما تعلمنا قبل قليل ... ينتج هذا الشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نريد ان نرسم اشكال على الاطراف للبنر ... نختار الشكل من قائمة الادوات ونحدد الشكل الذي نريد كما تلاحظ بالصوره وهو محدد باللون الاحمر

ومن لم تظهر هذه الاشكال عنده يضغط على الزر الصغير بأقصى اليمين .. وهو محدد باللون الازرق بالصوره التاليه .. تظهر قائمه . اختر كلمة all

او الكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نرسم بالشكل المحدد اثنين ونوزعها على اليمين واليسار بشكل منسق ونعطيها اعدادات مثل الدوائر السابقه من قائمة ستايل التي حفظنا الاعدادات بها كما تلاحظ

بالصوره

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

والان نختار شكل جديد وليكن الموجود بالصوره التاليه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نرسم ورقه يمين وننسخها او نرسم اخرى يسار ونعطيها ستايل نفس ستايل الاشكال الاخر .. وتلاحظ تكرار الاعدادات او الستايل على الكل وهذا لتنسيق الموقع

بشكل احترافي .. الان نريد ان نضبط الشكلين بحيث يظهر الثاني عكس الاول وهذا لتنسيق الشكل بين اليمين واليسار للموقع .. نقوم اولا بتحديد الشكل

المطلوب تابع الصور التاليه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ثم نعكسها باأتباع الصوره التاليه

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

ينتج هذا الشكل الى الان ..

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نرسم دائره متناسقه بالنص ونعطيها نفس ستايل الاشكال الاخرى .

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الانر نريد ان نجعل للدائره التي بالنص خلفية ولتكن صوره .. نذهب الى ملف ... فتح .

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نختار الصوره ونضغط فتح

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نجعل الصوره فوق الدائره .. وندمجها .. باتباع الصوره التاليه .

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعد الدمج نريد تعديل الوان الصوره لتتناسق مع الموقع .. تابع الصوره لتعديل الألوان

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

تظهر نافذه التعديل .. اول شي نأشر بعلامة صح على المربعات الموضحه تحت .. ثم نسحب الموشر ليعطينا اللون المطلوب للصوره

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

بعد تعديل البنر .. باقي اضافات جماليه .. خفيفه .. وليكن كما هو موضح بالصوره التاليه .. نرسم دائره صغيره ثم نختار من الاشكال الخط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نرسم الخط من فوق لتحت كما هو محدد باللون الاحمر بالصوره التاليه .. ونعطيه الفلتر الموضح ... تابع

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

تظهر نافذه تحذيريه .. اضغط اوكي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هذا الفلتر يسمح لك بالتعديل على الخط كما تشاء .. اعمل منحنيات بالخط بالضغط والسحب للجهه التي تريد ... اذا اردت ان تعيده لشكله الاول لتعدل عليه

مره اخرى اضغط على الزر المحدد باللون الاحمر للتعديل .. بعد ضبط الخط اضغط اوكي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نكرر الخط ونعمل الشكل المطلوب مع الدائره الصغيره التي رسمناها .. ونكرر هذا الشكل لتوزيعه على البنر كما تريد ..

ينتج عندنا هذا البنر بشكل احترافي مع الخلفيه ........

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اتمنى التطبيق لتعم الفائده
مع خالص تمنياتي للجميع بالتوفيق

» تصميم موقع احترافي بالفوتوشوب شرح بالصور + من الألف الى الياء
» عمل شعار ريل بلير بالفوتوشوب
» كل شيء على الفوتو شوب شرح مفصل صوره وكتابه
» شرح آلية عمل منظومة الانترنت شرح مفصل وكاملا
» سبحان الله ولادة فرس بالصوره