منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


  أفضل 4 أعضاء في الأسبوع

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

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

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

EL-LORD

ذكر
الحمل
عدد المساهمات : 150
نقاط النشاط : 183
السٌّمعَة : 9
بلد العضو : تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Egypt10
العمر : 32

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

سنتعلّم معًا كيفيّة صناعة شريط إعلاني ببضع خطوات بسيطة، حيث سنصمّم شريطًا إعلانيًّا من الصّفر وفي غضون دقائق. سنسعى كذلك لجعل هذا الشّريط متعدد الاستخدامات لتتمكّن من استخدامه في اﻹعلان عن أي مشروع من مشاريعك الخاصّة.  3(1)
تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب 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 للحصول على هذا التّأثير.


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

منصورة

انثى
الدلو
عدد المساهمات : 13973
نقاط النشاط : 16967
السٌّمعَة : 52
بلد العضو : تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Algeri10
العمر : 59

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Empty
مُساهمةموضوع: رد: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب   تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyالسبت أغسطس 07, 2021 12:41 am

يعطيك العافيه علي الشرح
بإنتظآر جديدك وعذب أطروحآتك


كل القلوب إلى الحبيب تميل
ومعي بهذا شاهد ودليل
اما الدليل إذا ذكرت محمداً
صارت دموع العارفين تسيل
هذا رسول الله نبراس الهدى
هذا لكل العالمين نبيا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.manssora.com/
EL-LORD
عضو فعال 

EL-LORD

ذكر
الحمل
عدد المساهمات : 150
نقاط النشاط : 183
السٌّمعَة : 9
بلد العضو : تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Egypt10
العمر : 32

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Empty
مُساهمةموضوع: رد: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب   تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyالسبت أغسطس 07, 2021 7:25 pm

منصورة كتب:
يعطيك العافيه علي الشرح
بإنتظآر جديدك وعذب أطروحآتك

الله يعافيكي تحياتي ليكي وردة حمراء


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

Zoolraqey

ذكر
عدد المساهمات : 1918
نقاط النشاط : 2787
السٌّمعَة : 38
بلد العضو : تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Sudan10

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Empty
مُساهمةموضوع: رد: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب   تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyالسبت أغسطس 07, 2021 10:47 pm

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

في انتظار جديدك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ahs-madani.yoo7.com
EL-LORD
عضو فعال 

EL-LORD

ذكر
الحمل
عدد المساهمات : 150
نقاط النشاط : 183
السٌّمعَة : 9
بلد العضو : تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Egypt10
العمر : 32

تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Empty
مُساهمةموضوع: رد: تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب   تصميم شريط إعلاني متعدد الاستخدامات في الفوتوشوب Emptyالأحد أغسطس 08, 2021 12:51 am

Zoolraqey كتب:
بارك الله فيك على الشرح

في انتظار جديدك

الله يعافيك حبيبي نورت الموضوع تحية مع الشكر


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

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