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


دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  

أضغط هنا وأشترك مجانا الان

العدد مفتوح
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
EL-LORD
فريق الابداع

EL-LORD

البلد : مصر
الجنس : ذكر
المساهمات : 4152
نقاط النشاط : 4317

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Empty
مُساهمةموضوع: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب   تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyالخميس 5 أغسطس 2021 - 16:43

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

الخطوة 1

أحد المقاسات الأكثر شيوعًا في مجال تصميم اﻷشرطة اﻹعلانية هو 300px * 250px. افتح برنامج فوتوشوب Photoshop وأنشئ مستندًا جديدًا بخلفيّة رماديّة وبمقاسات أكبر.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-1.thumb.png.6fad10ef24cae71f7af46673826dd342

الخطوة 2

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

الخطوة 3

طبّق كذلك تأثير التوهّج الداخليّ، قد يبدو التّأثير مشوّشًا اﻵن ولكنه سيعطي لمسة جميلة للمستطيل في النّهاية.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-3.thumb.png.28af2c51c1773da07cb26768c885221e

الخطوة 4

سنطبّق نقشًا على المستطيل وسيكون شفّافًا تقريبًا، لذا سنطبّق نمط المزج Soft Light وشفافيّة بمقدار 5%.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-4.thumb.png.5df45efd155a6dfbe340144972868e9c

الخطوة 5

سننهي العمل على المستطيل بإضافة تأثير الحدّ الخارجيّ Stroke، بحجم 1px بلون أغمق من لون المستطيل اﻷساسيّ.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-5.thumb.png.97386418678ace615a12826e1d9fcc8b

الخطوة 6

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

الخطوة 7

ارسم مستطيلاً باﻷبعاد 260px * 125px بواسطة أداة المستطيل مدوّر الحوافّ Rounded Rectangle Tool بمقدار 2px، ثم طبق تأثيرّ الظلّ عليه، سنضاعف الشّكل مرّتين، ثمّ نقلّل حجم الشكل اﻷوّل بنسبة 1% والثّاني بنسبة 2%.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-7.thumb.png.8ad911a232e8265eaadbad7116721955

الخطوة 8

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

الخطوة 9

ارسم مستطيلًا أحمر اللّون (#dc4027) بواسطة أداة المستطيل مدوّر الحواف (U)، سيكون الشكل اﻷساسي الذي سيمثّل زرّ اﻹجراء. طبّق تأثير الظلّ Drop Shadow.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-9.thumb.png.5eddf9a191b53739d5c56c12b8e25b7f

الخطوة 10

طبّق تأثير الظلّ الداخليّ Inner Shadow بشفافيّة مقدارها 15%.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-10.thumb.png.7df61f26003e781483bd0ba872b35ddf

الخطوة 11

طبّق تأثير التّدرّج اللونيّ Gradient Overlay ونمط مزج الطّبقة Soft Light بشفافيّة مقدارها 35%.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-11.thumb.png.3d6c97b74b9ca5c13f1e27698b98870a

الخطوة 12

طبّق تأثير الحدّ الخارجيّ على الزرّ، واختر التدرّج اللونيّ من قائمة نوع التّعبئة Fill Type لكي نطبّق لونًا أحمر غامق للجزء السفليّ من الزرّ ولونًا فاتحًا للجزء العلويّ منه.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-12.thumb.png.b1349191a701f645d1413e605737f217

الخطوة 13

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

الخطوة 14

أخيرًا سنضيف بعض النّصوص التي تشبه كتابة اليد إلى زرّ اﻹجراء، ويمكن استخدام الخطّ (Journal) للحصول على هذا التّأثير.
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Step-14.thumb.png.3805dc85df77879cb9afceda9f040dca
إضافة السّهم سهلة كذلك، إذ يمكن رسم أيّ شكل، خطّ مائل على سبيل المثال، ثمّ باستخدام خاصّيّة لوي النّص Warp Text للحصول على هذا التّأثير.


الرجوع الى أعلى الصفحة اذهب الى الأسفل
AmEr Dz
 
 
AmEr Dz

البلد : الجزائر
الجنس : ذكر
المساهمات : 7719
نقاط النشاط : 5785

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Empty
مُساهمةموضوع: رد: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب   تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyالجمعة 27 أغسطس 2021 - 18:49

شــكرا لك 


توقيع : AmEr Dz



تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Aiyo--12
<<<< لشكوى الأعضاء ضد فريق المنتدى >>>>
<<<< القانون العام لمنتدى الدعاية و الإشهار >>>>
<<<< القانون العام لعلبة الدردشة >>>>

ڷسټ-أٵڦڞڷ-مڽ ڠيرێ-ۈڸڰڹ?ٲمڷڰ ڦنآعۀ-عڊم مڨآرڻۀ-ڹڣس?-پأحڍ ,,, أَلّتٌظًأَهِرٌ بُأُلَسًعّأُدًة أٌسَهٌلٌ بِڳَثِيٌرُ مُنٌ شِرّحٌ سّبُبِ حًزُنُڳً لَلٌأٌخُرِيُنّ






الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
دليل الإشهار العربي :: منتدى الإبداع :: الأقسام الإبداعية :: قسم تعليم التصميم-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى دليل الإشهار العربي