سنتعلّم معًا كيفيّة صناعة شريط إعلاني ببضع خطوات بسيطة، حيث سنصمّم شريطًا إعلانيًّا من الصّفر وفي غضون دقائق. سنسعى كذلك لجعل هذا الشّريط متعدد الاستخدامات لتتمكّن من استخدامه في الإعلان عن أي مشروع من مشاريعك الخاصّة.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Banner10](https://i.servimg.com/u/f30/19/92/52/51/banner10.png)
أحد المقاسات الأكثر شيوعًا في مجال تصميم الأشرطة الاعلانية هو 300px * 250px. افتح برنامج فوتوشوب Photoshop وأنشئ مستندًا جديدًا بخلفيّة رماديّة وبمقاسات أكبر.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-110](https://i.servimg.com/u/f30/19/92/52/51/step-110.png)
ارسم مستطيلًا رماديًّا داكنًا باستخدام أداة المستطيل (U)، وكما قلنا سابقًا فإنّ أبعاد المستطيل يجب أن تكون 300px * 250px. أضف تأثير التوهّج الخارجيّ Outer Glow باللون (#343434).
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-210](https://i.servimg.com/u/f30/19/92/52/51/step-210.png)
طبّق كذلك تأثير التوهّج الداخليّ، قد يبدو التّأثير مشوّشًا الآن ولكنه سيعطي لمسة جميلة للمستطيل في النّهاية.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-310](https://i.servimg.com/u/f30/19/92/52/51/step-310.png)
سنطبّق نقشًا على المستطيل وسيكون شفّافًا تقريبًا، لذا سنطبّق نمط المزج Soft Light وشفافيّة بمقدار 5%.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-410](https://i.servimg.com/u/f30/19/92/52/51/step-410.png)
سننهي العمل على المستطيل بإضافة تأثير الحدّ الخارجيّ Stroke، بحجم 1px بلون أغمق من لون المستطيل الأساسي.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-510](https://i.servimg.com/u/f30/19/92/52/51/step-510.png)
يمكن استخدام أي مجموعة زخرفيّة تتوفّر لديك، ويتوفّر الكثير من هذه المجاميع مجّانًا على شبكة الانترنت وبمختلف الأشكال والانواع. سنعتمد الخطّ (Bebas Neue) بحجم 48px كخطّ للعنوان، ثمّ نطبّق تأثير الظلّ Drop Shadow على العنوان وعلى الاشكال الزخرفيّة كذلك.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-610](https://i.servimg.com/u/f30/19/92/52/51/step-610.png)
ارسم مستطيلاً بالأبعاد 260px * 125px بواسطة أداة المستطيل مدوّر الحوافّ Rounded Rectangle Tool بمقدار 2px، ثم طبق تأثيرّ الظلّ عليه، سنضاعف الشّكل مرّتين، ثمّ نقلّل حجم الشكل الأول بنسبة 1% والثّاني بنسبة 2%.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-710](https://i.servimg.com/u/f30/19/92/52/51/step-710.png)
سنعتمد الخطّ (Museo Slab) باللّون (#887e7e)، اختر الايقونات التي ترغب بها وبالأبعاد 16px * 16px من مجموعة IconSweets 2 وضعْها في أماكنها المخصّصة لها. ارسم خطّين دقيقين باللّون (#e6e6e6)، ليكونا بمثابة حدّ فاصل للحدود الخارجيّة للنص.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-810](https://i.servimg.com/u/f30/19/92/52/51/step-810.png)
ارسم مستطيلًا أحمر اللّون (#dc4027) بواسطة أداة المستطيل مدوّر الحواف (U)، سيكون الشكل الأساسي الذي سيمثّل زرّ الاجراء. طبّق تأثير الظلّ Drop Shadow.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-910](https://i.servimg.com/u/f30/19/92/52/51/step-910.png)
طبّق تأثير الظلّ الداخليّ Inner Shadow بشفافيّة مقدارها 15%.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-111](https://i.servimg.com/u/f30/19/92/52/51/step-111.png)
طبّق تأثير التّدرّج اللونيّ Gradient Overlay ونمط مزج الطّبقة Soft Light بشفافيّة مقدارها 35%.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-112](https://i.servimg.com/u/f30/19/92/52/51/step-112.png)
طبّق تأثير الحدّ الخارجيّ على الزرّ، واختر التدرّج اللونيّ من قائمة نوع التّعبئة Fill Type لكي نطبّق لونًا أحمر غامق للجزء السفليّ من الزرّ ولونًا فاتحًا للجزء العلويّ منه.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-113](https://i.servimg.com/u/f30/19/92/52/51/step-113.png)
اكتب بعض الكلمات على الزرّ مستخدمًا الخطّ (Bebas Neue)، يمكن أن تكتب ما تشاء، وسنختار العبارة (Sign Up)، ثمّ طبّق تأثير الظلّ على النصّ.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-114](https://i.servimg.com/u/f30/19/92/52/51/step-114.png)
أخيرًا سنضيف بعض النّصوص التي تشبه كتابة اليد إلى زرّ الاجراء، ويمكن استخدام الخطّ (Journal) للحصول على هذا التّأثير.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-115](https://i.servimg.com/u/f30/19/92/52/51/step-115.png)
إضافة السّهم سهلة كذلك، إذ يمكن رسم أيّ شكل، خطّ مائل على سبيل المثال، ثمّ باستخدام خاصّيّة لوي النّص Warp Text للحصول على هذا التّأثير.
عدل سابقا من قبل AsHeK EgYpT في الخميس 29 سبتمبر 2022 - 0:06 عدل 1 مرات (السبب : إعادة رفع الصور)
![::yaho::](/users/2814/54/98/72/smiles/126274.gif)
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Banner10](https://i.servimg.com/u/f30/19/92/52/51/banner10.png)
الخطوة 1
أحد المقاسات الأكثر شيوعًا في مجال تصميم الأشرطة الاعلانية هو 300px * 250px. افتح برنامج فوتوشوب Photoshop وأنشئ مستندًا جديدًا بخلفيّة رماديّة وبمقاسات أكبر.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-110](https://i.servimg.com/u/f30/19/92/52/51/step-110.png)
الخطوة 2
ارسم مستطيلًا رماديًّا داكنًا باستخدام أداة المستطيل (U)، وكما قلنا سابقًا فإنّ أبعاد المستطيل يجب أن تكون 300px * 250px. أضف تأثير التوهّج الخارجيّ Outer Glow باللون (#343434).
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-210](https://i.servimg.com/u/f30/19/92/52/51/step-210.png)
الخطوة 3
طبّق كذلك تأثير التوهّج الداخليّ، قد يبدو التّأثير مشوّشًا الآن ولكنه سيعطي لمسة جميلة للمستطيل في النّهاية.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-310](https://i.servimg.com/u/f30/19/92/52/51/step-310.png)
الخطوة 4
سنطبّق نقشًا على المستطيل وسيكون شفّافًا تقريبًا، لذا سنطبّق نمط المزج Soft Light وشفافيّة بمقدار 5%.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-410](https://i.servimg.com/u/f30/19/92/52/51/step-410.png)
الخطوة 5
سننهي العمل على المستطيل بإضافة تأثير الحدّ الخارجيّ Stroke، بحجم 1px بلون أغمق من لون المستطيل الأساسي.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-510](https://i.servimg.com/u/f30/19/92/52/51/step-510.png)
الخطوة 6
يمكن استخدام أي مجموعة زخرفيّة تتوفّر لديك، ويتوفّر الكثير من هذه المجاميع مجّانًا على شبكة الانترنت وبمختلف الأشكال والانواع. سنعتمد الخطّ (Bebas Neue) بحجم 48px كخطّ للعنوان، ثمّ نطبّق تأثير الظلّ Drop Shadow على العنوان وعلى الاشكال الزخرفيّة كذلك.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-610](https://i.servimg.com/u/f30/19/92/52/51/step-610.png)
الخطوة 7
ارسم مستطيلاً بالأبعاد 260px * 125px بواسطة أداة المستطيل مدوّر الحوافّ Rounded Rectangle Tool بمقدار 2px، ثم طبق تأثيرّ الظلّ عليه، سنضاعف الشّكل مرّتين، ثمّ نقلّل حجم الشكل الأول بنسبة 1% والثّاني بنسبة 2%.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-710](https://i.servimg.com/u/f30/19/92/52/51/step-710.png)
الخطوة 8
سنعتمد الخطّ (Museo Slab) باللّون (#887e7e)، اختر الايقونات التي ترغب بها وبالأبعاد 16px * 16px من مجموعة IconSweets 2 وضعْها في أماكنها المخصّصة لها. ارسم خطّين دقيقين باللّون (#e6e6e6)، ليكونا بمثابة حدّ فاصل للحدود الخارجيّة للنص.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-810](https://i.servimg.com/u/f30/19/92/52/51/step-810.png)
الخطوة 9
ارسم مستطيلًا أحمر اللّون (#dc4027) بواسطة أداة المستطيل مدوّر الحواف (U)، سيكون الشكل الأساسي الذي سيمثّل زرّ الاجراء. طبّق تأثير الظلّ Drop Shadow.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-910](https://i.servimg.com/u/f30/19/92/52/51/step-910.png)
الخطوة 10
طبّق تأثير الظلّ الداخليّ Inner Shadow بشفافيّة مقدارها 15%.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-111](https://i.servimg.com/u/f30/19/92/52/51/step-111.png)
الخطوة 11
طبّق تأثير التّدرّج اللونيّ Gradient Overlay ونمط مزج الطّبقة Soft Light بشفافيّة مقدارها 35%.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-112](https://i.servimg.com/u/f30/19/92/52/51/step-112.png)
الخطوة 12
طبّق تأثير الحدّ الخارجيّ على الزرّ، واختر التدرّج اللونيّ من قائمة نوع التّعبئة Fill Type لكي نطبّق لونًا أحمر غامق للجزء السفليّ من الزرّ ولونًا فاتحًا للجزء العلويّ منه.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-113](https://i.servimg.com/u/f30/19/92/52/51/step-113.png)
الخطوة 13
اكتب بعض الكلمات على الزرّ مستخدمًا الخطّ (Bebas Neue)، يمكن أن تكتب ما تشاء، وسنختار العبارة (Sign Up)، ثمّ طبّق تأثير الظلّ على النصّ.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-114](https://i.servimg.com/u/f30/19/92/52/51/step-114.png)
الخطوة 14
أخيرًا سنضيف بعض النّصوص التي تشبه كتابة اليد إلى زرّ الاجراء، ويمكن استخدام الخطّ (Journal) للحصول على هذا التّأثير.
![تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-115](https://i.servimg.com/u/f30/19/92/52/51/step-115.png)
إضافة السّهم سهلة كذلك، إذ يمكن رسم أيّ شكل، خطّ مائل على سبيل المثال، ثمّ باستخدام خاصّيّة لوي النّص Warp Text للحصول على هذا التّأثير.
عدل سابقا من قبل AsHeK EgYpT في الخميس 29 سبتمبر 2022 - 0:06 عدل 1 مرات (السبب : إعادة رفع الصور)