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

دخول

descriptionتصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyتصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب

more_horiz
سنتعلّم معًا كيفيّة صناعة شريط إعلاني ببضع خطوات بسيطة، حيث سنصمّم شريطًا إعلانيًّا من الصّفر وفي غضون دقائق. سنسعى كذلك لجعل هذا الشّريط متعدد الاستخدامات لتتمكّن من استخدامه في الإعلان عن أي مشروع من مشاريعك الخاصّة.  ::yaho::

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Banner10

الخطوة 1


أحد المقاسات الأكثر شيوعًا في مجال تصميم الأشرطة الاعلانية هو 300px * 250px. افتح برنامج فوتوشوب Photoshop وأنشئ مستندًا جديدًا بخلفيّة رماديّة وبمقاسات أكبر.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-110

الخطوة 2


ارسم مستطيلًا رماديًّا داكنًا باستخدام أداة المستطيل (U)، وكما قلنا سابقًا فإنّ أبعاد المستطيل يجب أن تكون 300px * 250px. أضف تأثير التوهّج الخارجيّ Outer Glow باللون (#343434).

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-210

الخطوة 3


طبّق كذلك تأثير التوهّج الداخليّ، قد يبدو التّأثير مشوّشًا الآن ولكنه سيعطي لمسة جميلة للمستطيل في النّهاية.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-310

الخطوة 4


سنطبّق نقشًا على المستطيل وسيكون شفّافًا تقريبًا، لذا سنطبّق نمط المزج Soft Light وشفافيّة بمقدار 5%.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-410

الخطوة 5


سننهي العمل على المستطيل بإضافة تأثير الحدّ الخارجيّ Stroke، بحجم 1px بلون أغمق من لون المستطيل الأساسي.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-510

الخطوة 6


يمكن استخدام أي مجموعة زخرفيّة تتوفّر لديك، ويتوفّر الكثير من هذه المجاميع مجّانًا على شبكة الانترنت وبمختلف الأشكال والانواع. سنعتمد الخطّ (Bebas Neue) بحجم 48px كخطّ للعنوان، ثمّ نطبّق تأثير الظلّ Drop Shadow على العنوان وعلى الاشكال الزخرفيّة كذلك.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-610

الخطوة 7


ارسم مستطيلاً بالأبعاد 260px * 125px بواسطة أداة المستطيل مدوّر الحوافّ Rounded Rectangle Tool بمقدار 2px، ثم طبق تأثيرّ الظلّ عليه، سنضاعف الشّكل مرّتين، ثمّ نقلّل حجم الشكل الأول بنسبة 1% والثّاني بنسبة 2%.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-710

الخطوة 8


سنعتمد الخطّ (Museo Slab) باللّون (#887e7e)، اختر الايقونات التي ترغب بها وبالأبعاد 16px * 16px من مجموعة IconSweets 2 وضعْها في أماكنها المخصّصة لها. ارسم خطّين دقيقين باللّون (#e6e6e6)، ليكونا بمثابة حدّ فاصل للحدود الخارجيّة للنص.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-810

الخطوة 9


ارسم مستطيلًا أحمر اللّون (#dc4027) بواسطة أداة المستطيل مدوّر الحواف (U)، سيكون الشكل الأساسي الذي سيمثّل زرّ الاجراء. طبّق تأثير الظلّ Drop Shadow.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-910

الخطوة 10


طبّق تأثير الظلّ الداخليّ Inner Shadow بشفافيّة مقدارها 15%.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-111

الخطوة 11


طبّق تأثير التّدرّج اللونيّ Gradient Overlay ونمط مزج الطّبقة Soft Light بشفافيّة مقدارها 35%.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-112

الخطوة 12


طبّق تأثير الحدّ الخارجيّ على الزرّ، واختر التدرّج اللونيّ من قائمة نوع التّعبئة Fill Type لكي نطبّق لونًا أحمر غامق للجزء السفليّ من الزرّ ولونًا فاتحًا للجزء العلويّ منه.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-113

الخطوة 13


اكتب بعض الكلمات على الزرّ مستخدمًا الخطّ (Bebas Neue)، يمكن أن تكتب ما تشاء، وسنختار العبارة (Sign Up)، ثمّ طبّق تأثير الظلّ على النصّ.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-114

الخطوة 14


أخيرًا سنضيف بعض النّصوص التي تشبه كتابة اليد إلى زرّ الاجراء، ويمكن استخدام الخطّ (Journal) للحصول على هذا التّأثير.

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-115

إضافة السّهم سهلة كذلك، إذ يمكن رسم أيّ شكل، خطّ مائل على سبيل المثال، ثمّ باستخدام خاصّيّة لوي النّص Warp Text للحصول على هذا التّأثير.

عدل سابقا من قبل AsHeK EgYpT في الخميس 29 سبتمبر 2022 - 0:06 عدل 1 مرات (السبب : إعادة رفع الصور)

descriptionتصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyرد: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب

more_horiz
شــكرا لك 

descriptionتصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyرد: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب

more_horiz
بارك الله فيك على الشرح

descriptionتصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyرد: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب

more_horiz
تمت إعادة رفع الصور بتاريخ 29.09.2022

descriptionتصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyرد: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب

more_horiz
الله يجزيك الخير يا غالي



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

جميع الحقوق محفوظة لدليل الاشهار العربي