بسم الله الرحمن الرحيم
والصلاة والسلام على اشرف الأنبياء والمرسلين ..... اما بعد ::
( اللهم لاعلم لنا الاماعلمتنا )
أقدم لكم اخواني وأخواتي اعضاء منتدى الفوعة وزواره الكرام
شرح مفصل عن تصميم موقع احترافي بالفوتوشوب من الألف الى الياء وبالتفصيل الممل
.......... ولا يقتصر التصميم على هذا الشرح فلا مانع من الزياده
عليه حتى تجعل من موقعك تحفة فنيه
قبل البدء نقوم بعرض الشكل النهائي التقريبي للموقع
نبـــــــداء الدرس على بركة الله ,,,,,,,,,,,,,,,,,,!!!!!
افتح الفوتوشوب وعمل صفحه جديده من new او جديد وختر القياسات 777 * 555 او على حسب رغبتك
نأتي بالصوره التى نريد ان نضعها خلفيه بالضغط على open او فتح ونختار الصوره من جهازنا ثم نسحبها الى منطقة العمل وهنا اخترت خلفية الورود
نضغط على CTRL + T ونسحب اطراف التحديد للصوره حتى نغطي الصفحة بها
بعد ان نغطي الصفحة البيضاء بالصوره نضغط انتر لأزالت التحديد ثم نذهب الى filter >>> blur >>> radial blur ونطبق الخيارات
ستلاحظ ان الصوره اصبحت كالأشعاع ثم نبداء بوضع بنر او مربع عنوان الموقع تابع :
ثم نطبق فلتر على المربع الذي رسمناه والفلتر هو
تظهر رسالة تفيد أن الشكل سيحدث به تغيرات المهم انت اضغط ok
ضع خيارات الفلتر
بعد اعطاء البنر انحناء نعطيه تأثير الضل من اسفل قائمة اللير نختار
نضع الخيارات كما يلي
opacity 75%
dictance 0
spread 0
size 8
quality اول واحدة من ثاني صف ثم نختار المربع الاول ثم موافق
الأن نريد وضع خلفية للبنر او مربع عنوان الموقع .. نضغط فتح ثم نختار صوره ونسحبها الى منطقة العمل كما شرحنا قبل
ونغطي بالصوره ثلاث ارباع البنر بالضغط على CTRL+T وسحبها الى الوضع المطلوب
الأن اضغط انتر لأزالت التحديد ... الأن نريد دمج الصوره مع البنر بحيث تكون الصوره داخل اطار البنر فقط .. وركز في هذه الخطوه
اول خطوة نرتب الصور كالتالي: صورة خلفية البنر فوق تحتها البنر تحتها الخلفية الاساسية
الان اجعل التحديد على خلفية البنر واقصد بالتحديد اللون الازرق الواضح على الصوره التي تتحكم بها وهي الصوره الأولى ويجب ان تكون
فوق البنر وليس تحته الأن اضغط الأختصار CTRL+G وهذه
الخطوه لدمج الخلفيه مع البنر وجعلها داخل حدود البنر فقط .. حركها لتعرف معنى كلامي .. بعد عمل الازم ستلاحظ وجود سهم صغير يدل على
دمج الصوره مع البنر
الأن نريد تغيير لون خلفية البنر لتتناسب مع لون البنر وذلك بالضغط على CTRL+U وقم بعمل
نفس الأعدادات التالية :
ضع نفس الارقام اللي تحت او على حسب رغبتك اسحب مؤشر التدريج ولاحظ تغير الوان الصورة
Hlue:325
Saturation:50
Lightness:+45
ضع صح جنب Colorize ضروري جداً والا لن يتغي اللون
الأن نريد وضع صوره داخل شكل جميل وتكون بالزاويه على اليمين للموقع .. نختار شكل من الاشكال الجاهزه عندنا او فرشاه
وليكن شكل ويمكن الحصول عليه بالضغط بالزر الأيمن على المربع وختيار اخر شكل من بين المجموعه..
بعد الحصول على الشكل المطلوب وليكن قلب مثلا .. نأتي بالصوره التي نريد دمجها معه ونضع الصوره فوق الشكل وندمجها بالضغط
على CTRL+G كما علمنا سابقا .. الأن نريد تحريك الشكل مع الصوره الى المكان المناسب ويمكن تحريكهما معاً بربطهما معاً
اذا عملت تحديد شريحة وضغطت بالفراغ امام اي شريحة يتم ربطهما معاً تضغط في مكان الفراغ بين الاسم واشارة العين اذا اردت ان تربطهما مثلاً
ونحرك الشكل الذى عملناه وهو قلب داخله صورة بنت الى الجهه اليمني من البنر
ونعطيه بعض التاثيرات مثل الضل او على حسب الرغبه كما تعلمنا تاثير الضل سابقا:
نرسم مربع بالنص من ادات المربع بشريط الأدوات ونعطيها تأثير الضل كما عرفناه لاحظ
ونكتب فوقه كلمة chat او دخول الزوار او اي كلمة ترغب بها ونعمل لها تأثيرات ماعليك الاوضع علامة صح امام الخيارات التي امامك
نضع فراشه او قلوب او ايقونات او حتى صوره ونمسح اطرافها لمربع الشات حتى تعطيه منظر جذاب
وطبعا كلمه chat نغير لونها الأسود الى اي لون متناسق مع الموقع لاحظ بعد التعديلات .. مع اضافة بعض
اللمسات من الفرش الجاهزه لبرنامج الفوتوشوب
الان نكتب عنوان الموقع ونعطيه نفس تأثيرات كلمة شات التي عملناها سابقاً ونزيد عليها بتمويج العنوان ليكون بارزاً عند دخول الموقع
وهذا عند الضغط على زر الكتابه انضر فوق بالزاويه اليمنى للفوتوشوب تلاحظ وجود زر حرف T وتحته انحناء
وعند الضغط عليها يتم عرض مربع ومنه تختار اي شكل يعجبك مع امكانية سحب اشرطة التمرير وتغيير الشكل
ليتناسب مع الوضع الذي تريد
بعد التعديلات على اسم الموقع ووضعه بالبنر بالحجم المناسب للموقع ...... لم يبقى لنا الا الأزرار
وهذه تتم بعمل زر واحد ونسخه لأكثر من نسخه على حسب عدد الأزرار بموقعك
نبداء بعمل مستطيل ثم نقوم بمسح احد الاطراف بالممحاه مسحاً خفيفاً حتى يكون متدرجاً بالمسح
اي يكون احد الاطراف واضح والطرف الاخر خفيف ونضع عند الطرف الواضح اي شكل
لعطي الزر شكلا جميلا مثلا نختار القلب المحدد فقط
كما يمكنك اعطائه شكلا افضل بأضافة تأثيرات عليه
اما هذا القلب فهو عباره عن فرشاه جاهزه وهناك اشكال وفرش كثيره تفيدك
بتصميمك فحرص على اقتناء اكبر عدد ممكن منها
الى هذا الحد نكون قد انهيناء تصميم موقع كاملا بشكل احترافي بالفوتوشوب
لأي استفسارات انا جاهز ........ ولاحد يتردد بالأسئله
السلام عليكم ورحمة الله وبركاته
الإخوة الأعزاء أعضاء و زوار منتدى الفوعة السلام عليكم و رحمة الله و بركاته و أهلاً وسهلاً بكم في أسرة منتدى الفوعة 
نأمل أن تجدوا ما يسركم ويفيدكم في هذا المنتدى * متمنين لكم أطيب وأسعد الأوقات 
موضوع: تصميم موقع اخترافي بواسطة برنامج الفتوشوب 
الإثنين يوليو 26, 2010 5:03 pm
