رد جديد  مشاركة جديدة 
1 الأصوات - 5 بمعدل   كيفية تصميم قائمة موقع بأستخدام الفوتوشوب
الكاتب الرسالة
Pepo
عضو مميز



المشاركات : 5,096
مجموعة : الاعضاء
الإنتساب : 30-12-2006
الحالة : غير متصل
السمعة : 37
الرد : #1
كيفية تصميم قائمة موقع بأستخدام الفوتوشوب

بسم الله الرحمن الرحيم



قم بفتح عمل جديد بمقاس 200 عرض و 300 ارتفاع وقم بتلوين الخلفية بلون غامق



قم بأنشاء لاير جديد, واجعل اسمه ( الأزرار ) ثم قم بأختيار اداة التقطيع المربعة وبالضغط مع الأستمرار على زر Shift فى لوحة المفاتيح قم بتحديد مربع لا تزيد كثيرا فى الأرتفاع لأنه سوف يكون ارتفاع ازرار القائمة انظر الصورة



الأن اختر اداة التدرج للألوان ثم اختار منها اداة Angle gradient tool كما هو موضح بالصورة



الأن اضغط فى لوحة المفاتيح على D ثم X لأسترجاع الألوان الأفتراضية ( ألأبيض والأسود ) ثم بداخل المربع الذى حددته قم بسحب اداة التدرج من اعلى اليمين الى اسفل اليسار انظر الصور




الأن اذهب الى Select>Modify>Contract واعطه القيمة 2 ثن اضغط موافق, وقم بتلوين الجزء المحدد الجديد بالون الرمادى الفاتح كما بالصور



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



الأن وركز معى قليلا فى هذه الخطوة قم بالضغط على alt+ctrl+shift من لوحة المفاتيح, مع استمرار الضعط ثم من لوحة المفاتيح اضغط على السهم الأيمن اكثر من مرة حتى تحصل على العرض المناسب لمقاس الزر فى القائمة. انظر الصور



الأن حدد الزر الذى قمنا بعمله مثل ماهو مبين بالصورة التالية



الأن اضغط من لوحة المفاتيح على alt+ctrl+shift اثناء ضغطك على هذه المفاتيح اضغط مرة واحدة على زر السهم الأسفل, ثم ارفع ايدك عن مفاتيح alt+ctrl+shift وبعدها كرر عملية الضغط على زر السهم الأسفل, حتى تقوم بوضع الزر المحدد تحت الزر الذى قبلها, ثم اضغط مرة اخرى alt+ctrl+shift ومرة واحدة على زر السهم الأسفل ثم اتركهم, وهكذا حتى تحصل على النتيجة الموضحة فى الصورة التالية



الأن بإستخدام اداة التقطيع الدائرى او البيضاوى قم بتحديد جزء من الجانب الأيمن للعمل السابق كما هو موضح بالصورة,  قم بأنشاء لاير جديد, وبأستخدام اداة التدرج للألوان قم بتلوينها كما هو بالصورة ( اثناء سحبك لأداة التدرج اضغط زر shift حتى يكون السحب بخط مستقيم ويكون الشكل مرتب )



الأن, ركز معى قليلا. اضغط على زر ctrl مع استمرار الضغط, ثم بأستخدام الفأرة قم بأختيار لاير الأزرار, الأن اعكس التحديد الذى ظهر لك عن طريق الضغط من لوحة المفاتيح على ctrl+shift+I ثم اضغط على زر Delet سوف ينتج لك الشكل التالى



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



ثم بتكرار نفس عملة ال alt+ctrl+shift قم بتكرار هذا الجزء الذى يحتى على التدرج اللونى الى كل الأزرار كما هو موضح بالصورة التالية



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

اخر مواضيعى

مع التحية Pepo
لولا ان لهذا المنتدى اخوة واخوات مثلكم.. ما كان له وجود حتى الأن
احبكم فى الله
2007-01-04 03:57 AM
زيارة موقع العضو إعرض جميع مشاركات العضو إقتبس الرسالة فى رد
shehap xp
عضو مبتدئ
**



المشاركات : 12
مجموعة : الأعضاء
الإنتساب : 14-01-2007
الحالة : غير متصل
السمعة : 0
الرد : #2
RE: كيفية تصميم قائمة موقع بأستخدام الفوتوشوب

بسم الله الرحمن الرحيم

الف الف شكر يا بيبو

ننتظر المزيد

اخر مواضيعى

مع التحية shehap xp
2007-01-15 04:55 PM
إعرض جميع مشاركات العضو إقتبس الرسالة فى رد
المتألقة
عضو مشارك
***



المشاركات : 106
مجموعة : الأعضاء
الإنتساب : 18-01-2007
الحالة : غير متصل
السمعة : 0
الرد : #3
RE: كيفية تصميم قائمة موقع بأستخدام الفوتوشوب

بسم الله الرحمن الرحيم

درس جميل سلمت يمناك اخي الكريم

اخر مواضيعى

مع التحية المتألقة


سمـاء سابقا
2007-01-21 09:27 AM
إعرض جميع مشاركات العضو إقتبس الرسالة فى رد
Pepo
عضو مميز



المشاركات : 5,096
مجموعة : الاعضاء
الإنتساب : 30-12-2006
الحالة : غير متصل
السمعة : 37
الرد : #4
RE: كيفية تصميم قائمة موقع بأستخدام الفوتوشوب

بسم الله الرحمن الرحيم

مشكورين جميعا على المرور والتعليقات المشجعة


2007-01-21 11:07 PM
زيارة موقع العضو إعرض جميع مشاركات العضو إقتبس الرسالة فى رد
alfawalidou
عضو نشيط جدا
****



المشاركات : 403
مجموعة : الأعضاء
الإنتساب : 29-11-2007
الحالة : غير متصل
السمعة : 2
الرد : #5
Re: كيفية تصميم قائمة موقع بأستخدام الفوتوشوب

بسم الله الرحمن الرحيم

مشكور على الدرس الرائع

اخر مواضيعى

مع التحية alfawalidou
﴿ ذَلِكَ وَمَنْ يُعَظِّمْ شَعَائِرَ اللَّهِ فَإِنَّهَا مِنْ تَقْوَى الْقُلُوبِ ﴾
[الحج:32]

غير مسموح بعرض الروابط الا بعد التسجيل و تفعيل العضوية
غير مسموح بعرض الروابط الا بعد التسجيل و تفعيل العضوية
عالم البرامج النادرة
2007-12-16 10:27 PM
زيارة موقع العضو إعرض جميع مشاركات العضو إقتبس الرسالة فى رد
*حلا*
عضو مبتدئ
**



المشاركات : 14
مجموعة : الأعضاء
الإنتساب : 26-01-2008
الحالة : غير متصل
السمعة : 0
الرد : #6
Re: كيفية تصميم قائمة موقع بأستخدام الفوتوشوب

بسم الله الرحمن الرحيم

ابداااااااااااع
اعجبتني طريقة عمل القائمة

ششرح راااااااائع

بارك الله فيك


اخر مواضيعى
2008-01-26 09:33 AM
إعرض جميع مشاركات العضو إقتبس الرسالة فى رد
awtil.com
عضو مشارك
***



المشاركات : 156
مجموعة : الأعضاء
الإنتساب : 14-09-2007
الحالة : غير متصل
السمعة : 0
الرد : #7
Re: كيفية تصميم قائمة موقع بأستخدام الفوتوشوب

بسم الله الرحمن الرحيم

الدرس جميل و خفيف الناقص هي تلك اللمسات الجميلة الموجودة بالصورة الاولى
ان شاء الله سيتم تحضير ضروس مماتلة وبالتفاصيل المملة
تقبل شكرى وتقديري

اخر مواضيعى

مع التحية awtil.com
غير مسموح بعرض الروابط الا بعد التسجيل و تفعيل العضوية // غير مسموح بعرض الروابط الا بعد التسجيل و تفعيل العضوية // غير مسموح بعرض الروابط الا بعد التسجيل و تفعيل العضوية // غير مسموح بعرض الروابط الا بعد التسجيل و تفعيل العضوية

تشرفنا زيارتكم
2008-01-29 10:33 AM
زيارة موقع العضو إعرض جميع مشاركات العضو إقتبس الرسالة فى رد

رد جديد  مشاركة جديدة 
كيفية تصميم قائمة موقع بأستخدام الفوتوشوب

إحتمالات التقييم ...
المشاركة : الكاتب الردود : المشاهدات : آخر رد
  طريقة عمل اي صورة متحركة على الفوتوشوب شرجاوي 0 31 2008-05-15 09:50 PM
آخر رد: شرجاوي
  فى اربع ساعات فقط..تعلم الفوتوشوب من الصفر حتى الاحتراف إيمان البديوى 8 1,281 2008-04-19 10:30 AM
آخر رد: saever11
  دروس تصميم واجهة بسيطة و تقطيعها awtil.com 4 399 2008-04-05 10:06 AM
آخر رد: awtil.com
  تجميعة الفوتوشوب 2008 aio photoshop awtil.com 0 174 2008-03-28 09:16 AM
آخر رد: awtil.com
  اسرار الفوتوشوب Pepo 2 495 2008-03-10 03:53 PM
آخر رد: moommoom
  درس تصميم الأوسمة (مميز) Pepo 7 2,576 2008-03-05 08:45 PM
آخر رد: w-o-d
  درس تصميم واجهة بسيطة بالفوتوشوب awtil.com 2 497 2008-02-17 04:58 PM
آخر رد: awtil.com
  درس عمل نص ثلاثي الأبعاد في الفوتوشوب.. murtadha_al 3 363 2007-12-28 09:26 PM
آخر رد: أبوعبدالملك
  الدرس الثاني في الفوتوشوب "شرح شريط القوائم " tarek_zohdy 2 227 2007-12-18 03:15 PM
آخر رد: tarek_zohdy
  الدرس الأول في الفوتوشوب "كيفية عمل ملف جديد" tarek_zohdy 4 248 2007-12-17 09:28 PM
آخر رد: tarek_zohdy

إشترك بالمشاركة | إضافة المشاركة للمفضلة
الذهاب إلى :