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