ღ فيس بوك ღ
اهلا وسهلا بكم في منتداكم سوا عضو او زائر اذا كنت عضوا في المنتدي فسجل الدخول اما اذا كنت زائراٌ
فنتشرف بتسجيلك في منتداك
والمنتدى ليس بكتر اعضاء ولكن بحب اعضاء وترابطهم كاسرة واحد
خالص التحية
ادارة المنتدى
ღ فيس بوك ღ
اهلا وسهلا بكم في منتداكم سوا عضو او زائر اذا كنت عضوا في المنتدي فسجل الدخول اما اذا كنت زائراٌ
فنتشرف بتسجيلك في منتداك
والمنتدى ليس بكتر اعضاء ولكن بحب اعضاء وترابطهم كاسرة واحد
خالص التحية
ادارة المنتدى
ღ فيس بوك ღ
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

ღ فيس بوك ღ

المنتدى ليس بعدد اعضاءه انما بترابطهم
 
البوابةالرئيسيةأحدث الصورالتسجيلدخول

لا تنسوا ضيفتنا على كرسى الاعتراف : moOoly
اتبعوا قوانين المنتدى

تحياأأات الاأأادارة



 

 تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء )

اذهب الى الأسفل 
كاتب الموضوعرسالة
koko
عضو مؤسس
عضو مؤسس
koko


تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) 223784_195482870509528_100001434495463_547068_3075479_n
انثى عدد المساهمات : 212
نقاط : 236
السٌّمعَة : 0
تاريخ التسجيل : 21/06/2011
العمر : 28
العمل/الترفيه : طالبة
المزاج : عادى
الموقع : مصرام الدنيا
وسام : تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) 6

تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Empty
مُساهمةموضوع: تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء )   تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Icon_minitimeالأحد أغسطس 07, 2011 10:23 pm

بسم الله الرحمن الرحيم
والصلاة والسلام على اشرف الأنبياء والمرسلين ..... اما بعد ::
( اللهم لاعلم لنا الاماعلمتنا )
أقدم لكم اخواني وأخواتي اعضاء منتديات ترايدنت وزواره الكرام
شرح مفصل عن تصميم موقع احترافي بالفوتوشوب من الألف الى الياء وبالتفصيل الممل
والشرح بالصور .......... ولا يقتصر التصميم على هذا الشرح فلا مانع من الزياده
عليه حتى تجعل من موقعك تحفة فنيه
قبل البدء نقوم بعرض الشكل النهائي التقريبي للموقع


تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj2005_1

نبـــــــداء الدرس على بركة الله ,,,,,,,,,,,,,,,,,,!!!!!
افتح الفوتوشوب وعمل صفحه جديده من new او جديد وختر القياسات 777 * 555 او على حسب رغبتك لاحظ الصور :::

تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj01
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj02
نأتي
بالصوره التى نريد ان نضعها خلفيه بالضغط على open او فتح ونختار الصوره
من جهازنا ثم نسحبها الى منطقة العمل وهنا اخترت خلفية الورود لاحظ الصور
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj03
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj04
نضغط على CTRL + T ونسحب اطراف التحديد للصوره حتى نغطي الصفحة بها لاحظ الصوره
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj05
بعد
ان نغطي الصفحة البيضاء بالصوره نضغط انتر لأزالت التحديد ثم نذهب الى
filter >>> blur >>> radial blur ونطبق الخيارات كما
بالصوره :
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj06
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj07
ستلاحظ ان الصوره اصبحت كالأشعاع ثم نبداء بوضع بنر او مربع عنوان الموقع وسيكون الشرح بالصور تابع :
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj08
ثم نطبق فلتر على المربع الذي رسمناه والفلتر هو كما بالصوره
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj09
تظهر رسالة تفيد أن الشكل سيحدث به تغيرات المهم انت اضغط ok

تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj010
ضع خيارات الفلتر كما بالصوره
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj011
بعد اعطاء البنر انحناء نعطيه تأثير الضل من اسفل قائمة اللير نختار كما بالصوره
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj012
نضع الخيارات كما بالصوره
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj013
الأن نريد وضع خلفية للبنر او مربع عنوان الموقع .. نضغط فتح ثم نختار صوره ونسحبها الى منطقة العمل كما شرحنا قبل
ونغطي بالصوره ثلاث ارباع البنر بالضغط على CTRL+T وسحبها الى الوضع المطلوب لاحظ الصوره
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj014
الأن اضغط انتر لأزالت التحديد ... الأن نريد دمج الصوره مع البنر بحيث تكون الصوره داخل اطار البنر فقط .. وركز في هذه الخطوه
سيكون شرحها بالصور افضل :
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj015
الان اجعل التحديد على خلفية البنر واقصد بالتحديد اللون الازرق الواضح على الصوره التي تتحكم بها وهي الصوره الأولى ويجب ان تكون
فوق البنر وليس تحته الأن اضغط الأختصار CTRL+G وهذه
الخطوه لدمج الخلفيه مع البنر وجعلها داخل حدود البنر فقط .. حركها لتعرف معنى كلامي .. بعد عمل الازم ستلاحظ وجود سهم صغير يدل على
دمج الصوره مع البنر لاحظ الصوره :
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj016
الأن نريد تغيير لون خلفية البنر لتتناسب مع لون البنر وذلك بالضغط على CTRL+U وقم بعمل
نفس الأعدادات بالصوره :
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj017
الأن نريد وضع صوره داخل شكل جميل وتكون بالزاويه على اليمين للموقع .. نختار شكل من الاشكال الجاهزه عندنا او فرشاه
وليكن شكل ويمكن الحصول عليه بالضغط بالزر الأيمن على المربع وختيار اخر شكل من بين المجموعه.. تابع الصور :
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj018
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj019
بعد الحصول على الشكل المطلوب وليكن قلب مثلا .. نأتي بالصوره التي نريد دمجها معه ونضع الصوره فوق الشكل وندمجها بالضغط
على CTRL+G كما علمنا سابقا .. الأن نريد تحريك الشكل مع الصوره الى المكان المناسب ويم تحريكهما معاً بربطهما معاً
وذلك يتم كما بالصوره :
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj020
ونحرك الشكل الذى عملناه وهو قلب داخله صورة بنت الى الجهه اليمني من البنر
ونعطيه بعض التاثيرات مثل الضل او على حسب الرغبه كما تعلمنا تاثير الضل سابقاً
سيصبح شكل الموقع حتى الأن تقريباً كما بالصوره :
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj021
نرسم مربع بالنص من ادات المربع بشريط الأدوات ونعطيها تأثير الضل كما عرفناه لاحظ
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj012
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj013
ونكتب
فوقه كلمة chat او دخول الزوار او اي كلمة ترغب بها ونعمل لها تأثيرات كما
في الصوره ماعليك الاوضع علامة صح امام الخيارات التي امامك
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj022
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj023
نضع فراشه او قلوب او ايقونات او حتى صوره ونمسح اطرافها لمربع الشات حتى تعطيه منظر جذاب
وطبعا كلمه chat نغير لونها الأسود الى اي لون متناسق مع الموقع لاحظ بعد التعديلات .. مع اضافة بعض
اللمسات من الفرش الجاهزه لبرنامج الفوتوشوب
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj024
الان نكتب عنوان الموقع ونعطيه نفس تأثيرات كلمة شات التي عملناها سابقاً ونزيد عليها بتمويج العنوان ليكون بارزاً عند دخول الموقع
وهذا عند الضغط على زر الكتابه انضر فوق بالزاويه اليمنى للفوتوشوب تلاحظ وجود زر حرف T وتحته انحناء
لاحظ الشرح بالصور
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj025
وعند الضغط عليها يتم عرض مربع ومنه تختار اي شكل يعجبك مع امكانية سحب اشرطة التمرير وتغيير الشكل
ليتناسب مع الوضع الذي تريد لاحظ الصوره
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj026
بعد التعديلات على اسم الموقع ووضعه بالبنر بالحجم المناسب للموقع ...... لم يبقى لنا الا الأزرار
وهذه تتم بعمل زر واحد ونسخه لأكثر من نسخه على حسب عدد الأزرار بموقعك
نبداء بعمل مستطيل ثم نقوم بمسح احد الاطراف بالممحاه مسحاً خفيفاً حتى يكون متدرجاً بالمسح
اي يكون احد الاطراف واضح والطرف الاخر خفيف ونضع عند الطرف الواضح اي شكل
لعطي الزر شكلا جميلا مثلا نختار القلب المحدد فقط كما بالصور :
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء ) Bj027
كما يمكنك اعطائه شكلا افضل بأضافة تأثيرات عليه
اما هذا القلب فهو عباره عن فرشاه جاهزه وهناك اشكال وفرش كثيره تفيدك
بتصميمك فحرص على اقتناء اكبر عدد ممكن منها
الى هذا الحد نكون قد انهيناء تصميم موقع كاملا بشكل احترافي بالفوتوشوب
لأي استفسارات انا جاهز ........ ولاحد يتردد بالأسئله
ومن اراد الصور التي استخدمتها بالتصميم فلقد ارفقتها مع الموضوع
وكذالك لمن لاتظهر له الصور فقد ارفقتها مرتبه بالأرقام

تحياتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء )
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» درس الثبات والمتحرك بالصور
» كتاب لتعليم الفوتو شوب من الالف الي الياء
» طلب تصميم
» درس تصميم الأوسمة
» تصميم لية ولاحلى اخت بالدنيا

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
ღ فيس بوك ღ :: عالم التكنولوجيا :: الكمبيوتر والمسانجر-
انتقل الى: