danger
11-16-2008, 11:35 AM
السلام عليكم و رحمة الله و بركاته
اهلا بكم مره اخري في درس جديد من سلسلة الدروس المترجمه حصريا لموقعكم بكسل ,
النتجه النهائيه لدرس اليوم
خطوات الدرس :
قم بفتح مساحة عمل جديده بالابعاد التاليه 600×460
قم بإختيار لون خلفيه مناسب لك ,,
قم بعمل طبقه جديده و سميها “hd_top” ,,
قم بإختيار اداة rounded rectangle , بعد إختيار الاداه علينا تغير بعض الخيارات فيها كما في الصوره التاليه ,,
قم بإختيار اللون الاسود ثم قم برسم المستطيل مع الاستمرار الضغط علي زر Shift حتي تحصل علي مستطيل
دائري الاركان ,,
قم بالذهاب إلي edit > transform > perspective ,,
قم بسحب المؤشر الايمن العلوي او الايسر للداخل حتي تحصل علي شكل يشبه الاتي ,,
المستطيل اللي صمنناه الان سيكون هو الجزء العلوي الخاص بالايقونه لذالك دعنا نضيف بعض الجماليات و العمق إليه ,,
لذاللك قم بإضافة ال layer styles التالي إليه ,,
لون التدرج من الممكن تغيره كما تريد ,, يجب الان ان تكون وصلت الي نتيجه تشبه الاتي ..
قم بتكرير الطبقه المسماه “hd_top” ,,
قم بوضع الطبقه الجديده تحت الاصليه ,,
قم بالنقر بزر الماوس الايمن عليها ثم قم بإختيار “clear layer styles” و قم بعمل color
overlay عليها و إستعمل اللون “#5e5e5e”
قم بتسمية تلك الطبقه الجديده بإسم “hd_middle” و قم بتحريكها إلي الاسفل حوالي مرتين ,,
قم بتكرير (Duplicate) الطبقه المسماه “hd_top” و قم بعمل clear the layer
styles كما تعلمنا ,,
الان و اثناء الضغط علي زر “ALT” قم بالضغط علي زر السهم السفلي في لوحة المفاتيح حوالي من 40-42
مره ,, و هذا سيقوم بعمل من 40-42 طبقه جديده ,,
قم بإخفاء كل الطبقات ماعادا الطبقات ال 40 التي سبق و كررناها ,,
الان قم بالذهاب إلي layer > merge visable و هذا لدمج الطبقات ال 40 في طبقه واحده ,
قم بإعادة اظهار الطبقات التي سبق و اخفيناها ,,
قم بسحب الطبقه الجديده تحت الطبقه المسماه “hd_middle” ,,
سمي الطبقه بإسم “hd_bottom”
قم بتطبيق ال layer styles التالي علي الطبقه المسماه “hd_bottom” ,,
يجب ان تكون وصلت للنتيجه التاليه
الان اصبح معنا الشكل الاسايل للهارد درايف ,,
حان الان وقت إضافة بعض التفاصيل الاخري ,,
اولا قم بعمل طبقه جديده فوق الطبقه المسماه “hd_top” و سميها “hd_shine” ,,
الان قم بإستعمال اداة pen tool و قم بتحديد منطقة تشبه الصوره التاليه ,,
قم بتلوين المنطقه التي حددناها باللون الابيض
قم بتغير ال opacity إلي 15% ,,
قم بتكرير الطبقه المسماه “hd_top” ,,
قم بالضغط علي زر “CTRL + T” ,
الان و اثناء الضغط علي زر shift قم بتغير حجمها و ضعها في نتصف الهارد درايف ,,
قم بتسمية تلك الطبقه “hd_indent” ,,
قم بإاضافة ظل (shadow) للشكل كما في الصوره التاليه ,,
الان قم بضبط ال blending mode الخاص بالطبقه علي “lighten” ,,
الان يجب ان تكون وصلت للشكل التالي ,,
الان قم بإختيار اداة "rectangular marquee" ,,
قم بعمل مربعين صغيرين ,, في طبقتين مختلفتين و سميهم “light 1 on” و “light 2
off” ,,
تجدونهم في الصوره التاليه باللون ازرق ,,
قم بتطبيق ال layer styles الاتي علي الطبقه المسماه “light 1 on” ,,
قم بتطبيق هذا ال layer styles علي الطبقه المسماه “light 2 off” ,,
النتيجه الحاليه
الان قم برسم مستطيل طويل في المقدمه و بجانبه مربع صغير ,,
و طبق عليهم layer styles الاتي
بالنسبه للمربع الصغير قم بتغير ال color overlay إلي اللون الابيض ,,
يجب ان تكون النتيجه الحاليه ,,,
الان و في المستطيل الطويل قم بإاضافة مستطيل لونه اصفر بسمك 1 pixel و اخر لونه رمادي داكن بالسمك 2 pixel ,,
بالنسبه للمربع الابيض قم بإاضافة 4 نقاط داخله ,,
شاهد الصوره الاتيه
قم بأضافة نصوص كتابيه , و انتهي الدرس
ارجو ان تكونوا استفدتم شئ جديد و تكنيك جديد في التصميم
اهلا بكم مره اخري في درس جديد من سلسلة الدروس المترجمه حصريا لموقعكم بكسل ,
النتجه النهائيه لدرس اليوم
خطوات الدرس :
قم بفتح مساحة عمل جديده بالابعاد التاليه 600×460
قم بإختيار لون خلفيه مناسب لك ,,
قم بعمل طبقه جديده و سميها “hd_top” ,,
قم بإختيار اداة rounded rectangle , بعد إختيار الاداه علينا تغير بعض الخيارات فيها كما في الصوره التاليه ,,
قم بإختيار اللون الاسود ثم قم برسم المستطيل مع الاستمرار الضغط علي زر Shift حتي تحصل علي مستطيل
دائري الاركان ,,
قم بالذهاب إلي edit > transform > perspective ,,
قم بسحب المؤشر الايمن العلوي او الايسر للداخل حتي تحصل علي شكل يشبه الاتي ,,
المستطيل اللي صمنناه الان سيكون هو الجزء العلوي الخاص بالايقونه لذالك دعنا نضيف بعض الجماليات و العمق إليه ,,
لذاللك قم بإضافة ال layer styles التالي إليه ,,
لون التدرج من الممكن تغيره كما تريد ,, يجب الان ان تكون وصلت الي نتيجه تشبه الاتي ..
قم بتكرير الطبقه المسماه “hd_top” ,,
قم بوضع الطبقه الجديده تحت الاصليه ,,
قم بالنقر بزر الماوس الايمن عليها ثم قم بإختيار “clear layer styles” و قم بعمل color
overlay عليها و إستعمل اللون “#5e5e5e”
قم بتسمية تلك الطبقه الجديده بإسم “hd_middle” و قم بتحريكها إلي الاسفل حوالي مرتين ,,
قم بتكرير (Duplicate) الطبقه المسماه “hd_top” و قم بعمل clear the layer
styles كما تعلمنا ,,
الان و اثناء الضغط علي زر “ALT” قم بالضغط علي زر السهم السفلي في لوحة المفاتيح حوالي من 40-42
مره ,, و هذا سيقوم بعمل من 40-42 طبقه جديده ,,
قم بإخفاء كل الطبقات ماعادا الطبقات ال 40 التي سبق و كررناها ,,
الان قم بالذهاب إلي layer > merge visable و هذا لدمج الطبقات ال 40 في طبقه واحده ,
قم بإعادة اظهار الطبقات التي سبق و اخفيناها ,,
قم بسحب الطبقه الجديده تحت الطبقه المسماه “hd_middle” ,,
سمي الطبقه بإسم “hd_bottom”
قم بتطبيق ال layer styles التالي علي الطبقه المسماه “hd_bottom” ,,
يجب ان تكون وصلت للنتيجه التاليه
الان اصبح معنا الشكل الاسايل للهارد درايف ,,
حان الان وقت إضافة بعض التفاصيل الاخري ,,
اولا قم بعمل طبقه جديده فوق الطبقه المسماه “hd_top” و سميها “hd_shine” ,,
الان قم بإستعمال اداة pen tool و قم بتحديد منطقة تشبه الصوره التاليه ,,
قم بتلوين المنطقه التي حددناها باللون الابيض
قم بتغير ال opacity إلي 15% ,,
قم بتكرير الطبقه المسماه “hd_top” ,,
قم بالضغط علي زر “CTRL + T” ,
الان و اثناء الضغط علي زر shift قم بتغير حجمها و ضعها في نتصف الهارد درايف ,,
قم بتسمية تلك الطبقه “hd_indent” ,,
قم بإاضافة ظل (shadow) للشكل كما في الصوره التاليه ,,
الان قم بضبط ال blending mode الخاص بالطبقه علي “lighten” ,,
الان يجب ان تكون وصلت للشكل التالي ,,
الان قم بإختيار اداة "rectangular marquee" ,,
قم بعمل مربعين صغيرين ,, في طبقتين مختلفتين و سميهم “light 1 on” و “light 2
off” ,,
تجدونهم في الصوره التاليه باللون ازرق ,,
قم بتطبيق ال layer styles الاتي علي الطبقه المسماه “light 1 on” ,,
قم بتطبيق هذا ال layer styles علي الطبقه المسماه “light 2 off” ,,
النتيجه الحاليه
الان قم برسم مستطيل طويل في المقدمه و بجانبه مربع صغير ,,
و طبق عليهم layer styles الاتي
بالنسبه للمربع الصغير قم بتغير ال color overlay إلي اللون الابيض ,,
يجب ان تكون النتيجه الحاليه ,,,
الان و في المستطيل الطويل قم بإاضافة مستطيل لونه اصفر بسمك 1 pixel و اخر لونه رمادي داكن بالسمك 2 pixel ,,
بالنسبه للمربع الابيض قم بإاضافة 4 نقاط داخله ,,
شاهد الصوره الاتيه
قم بأضافة نصوص كتابيه , و انتهي الدرس
ارجو ان تكونوا استفدتم شئ جديد و تكنيك جديد في التصميم