طريقة عمل تصميم بالفوتوشوب
والصلاة و السلام علي اشرف الانبياء و المرسلين ….. اما بعد ::
( اللهم لاعلم لنا الاماعلمتنا )
اقدم لكم اخوانى و اخواتى اعضاء منتديات ترايدنت و زوارة الكرام
شرح مفصل عن تصميم موقع احترافى بالفوتوشوب من الالف الي الياء و بالتفصيل الممل
والشرح بالصور ………. و لا يقتصر التصميم علي ذلك الشرح فلا ما نع من الزياده
علية حتي تجعل من موقعك تحفة فنيه
قبل البدء نقوم بعرض الشكل النهائى التقريبى للموقع
نبداء الدرس علي بركة الله ,,,,,,,,,,,,,,,,,,!!!!!
افتح الفوتوشوب و عمل صفحة حديثة من new او جديد و ختر القياسات 777 * 555 او علي حسب رغبتك لاحظ الصور :::
ناتى بالصورة التي نريد ان نضعها خلفية بالضغط علي open او فتح و نختار الصورة من جهازنا بعدها نسحبها الي منطقة العمل و هنا اخترت خلفية الورود لاحظ الصور
نضغط علي CTRL + T و نسحب اطراف التحديد للصورة حتي نغطى الصفحة فيها لاحظ الصوره
بعد ان نغطى الصفحة البيضاء بالصورة نضغط انتر لازالت التحديد بعدها نذهب الي filter >>> blur >>> radial blur و نطبق الخيارات كما بالصورة :
ستلاحظ ان الصورة اصبحت كالاشعاع بعدها نبداء بوضع بنر او مربع عنوان الموقع و سيصبح الشرح بالصور تابع :
ثم نطبق فلتر علي المربع الذي رسمناة و الفلتر هو كما بالصوره
تظهر رسالة تفيد ان الشكل سيحدث بة تغيرات المهم انت اضغط ok
ضع خيارات الفلتر كما بالصوره
بعد اعطاء البنر انحناء نعطية تاثير الضل من اسفل قائمة اللير نختار كما بالصوره
نضع الخيارات كما بالصوره
الان نريد و ضع خلفية للبنر او مربع عنوان الموقع .. نضغط فتح بعدها نختار صورة و نسحبها الي منطقة العمل كما شرحنا قبل
ونغطى بالصورة ثلاث ارباع البنر بالضغط علي CTRL+T و سحبها الي الوضع المطلوب لاحظ الصوره
الان اضغط انتر لازالت التحديد … الان نريد دمج الصورة مع البنر بحيث تكون الصورة داخل اطار البنر فقط .. و ركز فهذة الخطوه
سيصبح شرحها بالصور اروع :
الان اجعل التحديد علي خلفية البنر و اقصد بالتحديد اللون الازرق الواضح علي الصورة التي تتحكم فيها و هى الصورة الاولي و يجب ان تكون
فوق البنر و ليس تحتة الان اضغط الاختصار CTRL+G و هذه
الخطوة لدمج الخلفية مع البنر و جعلها داخل حدود البنر فقط .. حركها لتعرف معني كلامى .. بعد عمل الازم ستلاحظ و جود سهم صغير يدل على
دمج الصورة مع البنر لاحظ الصورة :
الان نريد تغيير لون خلفية البنر لتتناسب مع لون البنر و هذا بالضغط علي CTRL+U و قم بعمل
نفس الاعدادات بالصورة :
الان نريد و ضع صورة داخل شكل رائع و تكون بالزاوية علي اليمين للموقع .. نختار شكل من الاشكال الجاهزة عندنا او فرشاه
وليكن شكل و ممكن الحصول علية بالضغط بالزر الايمن علي المربع و ختيار احدث شكل من بين المجموعه.. تابع الصور :
بعد الحصول علي الشكل المطلوب و ليكن قلب مثلا .. ناتى بالصورة التي نريد دمجها معة و نضع الصورة فوق الشكل و ندمجها بالضغط
علي CTRL+G كما علمنا سابقا .. الان نريد تحريك الشكل مع الصورة الي المكان المناسب و يم تحريكهما معا بربطهما معا
وذلك يتم كما بالصورة :
ونحرك الشكل الذي عملناة و هو قلب داخلة صورة فتاة الي الجهة اليمنى من البنر
ونعطية بعض التاثيرات كالضل او علي حسب الرغبة كما تعلمنا تاثير الضل سابقا
سيكون شكل الموقع حتي الان تقريبا كما بالصورة :
نرسم مربع بالنص من ادات المربع بشريط الادوات و نعطيها تاثير الضل كما عرفناة لاحظ
ونكتب فوقة كلمة chat او دخول الزوار او اي كلمة ترغب فيها و نعمل لها تاثيرات كما فالصورة ما عليك الاوضع علامة صح امام الخيارات التي امامك
نضع فراشة او قلوب او ايقونات او حتي صورة و نمسح اطرافها لمربع الشات حتي تعطية منظر جذاب
وبالتاكيد كلمة chat نغير لونها الاسود الي اي لون متناسق مع الموقع لاحظ بعد التعديلات .. مع اضافة بعض
اللمسات من الفرش الجاهزة لبرنامج الفوتوشوب
الان نكتب عنوان الموقع و نعطية نفس تاثيرات كلمة شات التي عملناها سابقا و نزيد عليها بتمويج العنوان ليصبح بارزا عند دخول الموقع
وهذا عند الضغط علي زر الكتابة انضر فوق بالزاوية اليمني للفوتوشوب تلاحظ و جود زر حرف T و تحتة انحناء
لاحظ الشرح بالصور
وعند الضغط عليها يتم عرض مربع و منة تختار اي شكل يعجبك مع امكانية سحب اشرطة التمرير و تغيير الشكل
ليتناسب مع الوضع الذي تريد لاحظ الصوره
بعد التعديلات علي اسم الموقع و وضعة بالبنر بالحجم المناسب للموقع …… لم يبقي لنا الا الازرار
وهذة تتم بعمل زر و احد و نسخة لاكثر من نسخة علي حسب عدد الازرار بموقعك
نبداء بعمل مستطيل بعدها نقوم بمسح احد الاطراف بالممحاة مسحا خفيفا حتي يصبح متدرجا بالمسح
اى يصبح احد الاطراف و اضح و الطرف الاخر خفيف و نضع عند الطرف الواضح اي شكل
لعطى الزر شكلا جميلا مثلا نختار القلب المحدد فقط كما بالصور :
كما يمكنك اعطائة شكلا اروع باضافة تاثيرات عليه
اما ذلك القلب فهو عبارة عن فرشاة جاهزة و هنالك اشكال و فرش كثيرة تفيدك
بتصميمك فحرص علي اقتناء اكبر عدد يمكن منها
الي ذلك الحد نكون ربما انهيناء تصميم موقع كاملا بشكل احترافى بالفوتوشوب
لاى استفسارات انا جاهز …….. و لاحد يتردد بالاسئله
ومن اراد الصور التي استعملتها بالتصميم فلقد ارفقتها مع الموضوع
وكذالك لمن لاتظهر له الصور فقد ارفقتها مرتبة بالارقام
تحياتي
