اذهب إلى المحتوى

تصميم شريط ملون (Ribbon) باستخدام فوتوشوب


E.Nourddine

سنحاول في هذا الدّرس تصميم شريط ملون Ribon باستخدام برنامج فوتوشوب، وستكون هذه هي النتيجة النهائية لهذا الدرس بعد تتبع وتطبيق كامل خطواته:

23_final.thumb.JPG.b2f595a9ba90b5e761cfc

افتح مشروعا جديدا على Photoshop بالإعدادات التالية:

  • الأبعاد: 500x500pixels.
  • الدقة: Resolution 720Dpi.
  • نمط الألوان: Color Mode RVB8bit.

مع خلفية ذات لون #cebfae:

01_fill_color.thumb.JPG.5170b441c5e9b0d1

نجلب الصورة التالية للمشروع:

02_Ribon.thumb.jpg.e852c6d2fcedbd077bb79

نغير في خصائص الدمج Blending Options إلى القيمة Overlay:

03_Overlay_mode.thumb.JPG.dcdaf76691058d

في طبقة جديدة SHIFT+CTRL+N وباستعمال أداة التحديد المستطيلة الشكل (Marquee Tool (M نقوم بتحديد شكل مستطيل ونملأه بأداة الطلاء (G) باللون #dc1154:

04_Marquee_Tool_And_Fill_Color.thumb.jpg

نكرر نفس العملية باللونين #94d64d و #fff000:

05_Fill_Other_Select_Marquee_Tool_Withe_

ندمج الطبقات الثلاث الأخيرة Ctrl+E ثم ننسخ الطبقة الناتجة Ctrl+J.

ندير الطبقة الأولى محوريا من القائمة:

Menu > Edit > Path Transformation > Flip Vertical

06_MLerge_Layers_and_Duplicate_And_trans

ثم الاختصار Ctrl+T للتعديل يدويا:

07_Transform.thumb.JPG.d74026dd6e7649afa

باستعمال أداة التحديد المستطيلة الشكل (Marquee Tool (M نحدد مستطيلا فوق الطبقة الأولى ثم نضغط زر Delete ثم نفس الشيء بالنسبة للطبقة الثانية:

08_Delete_selt_of_any_Layers_And_Marquee

ننشئ طبقة جديدة SHIFT+CTRL+N يبن الطبقتين الأخيرتين:

09_New_Layer.thumb.JPG.f94e16030d7c83657

نضيف فرشاة باللون الأسود فوق الطبقة الجديدة:

10_brush.thumb.JPG.4cb0bcb8c4932fa81251d

نغير في قيمة الشفافية:

11_opacity_50.thumb.JPG.caa42a4f96be40c3

ثم نضيف النص:

12_Make_Texte.thumb.JPG.c489b1f0421af6b0

من نافذة خصائص الدمج Blending Options نختار:

13_Outer_Glow.thumb.JPG.7b9a9a3b9085019f

 

14_after_Outer_Glow.thumb.JPG.fac355c181

من القائمة:

 Menu > Filter > Filter Gallery

15_Filter_Gallery.thumb.JPG.e5e862e5130e

 

16_after_Filter_Gallery.thumb.JPG.c2494e

من جديد إلى خصائص الدمج Blending Options:

17_Gradient.thumb.JPG.6f5602a7f52fd6a318

 

18_gradient.thumb.JPG.6f7a60dbc352ee59b0

 

19_after_Gradient.thumb.JPG.0fe1e4107454

في مشروع جديد بحجم 3x3pixels، وباستعمال أداة الشكل المستطيل نضيف أربع أشكال بيضاء:

557872b027f4e_20_new_document_3_3px.thum

ثم من القائمة:

 Menu > Edit > define Pattern

نعود لمشروعنا، باستعمال أداة الطلاء مع اختيار نوع Pattern والشفافية 40 في إعداداتها، نملأ كل طبقة:

21_Fill_with_pattern_with_opacity_40_for

نضيف بأداة القلم الشكل التالي:

22_make_shape.thumb.JPG.11abe92dd38dc888

نزيل بعض الجوانب بأداة الممحاة ونخفض من شفافيته قليلا لنتحصل على الصورة النهائية:

23_final.thumb.JPG.b2f595a9ba90b5e761cfc

ترجمة -وبتصرّف-للدّرس: Créer un ruban réaliste avec photoshop.


تفاعل الأعضاء

أفضل التعليقات

لا توجد أية تعليقات بعد



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...