درس الببغاء · تصميم الفوتوشوب رحلة PRIME
معسكر المصمم المحترف PRIME · تصميم الفوتوشوب

بوستر TEXTURES والببغاء فوق العنوان

خلفية شجر غامقة، وعنوان أبيض ضخم بتوهج ناعم، وببغاء أزرق راسه داخل على الكلمة. في هالحقيبة كل اللي تحتاجه عشان تطبّق الدرس: الصور، والخطوات، والنصوص، وأكواد الألوان، وملف الفوتوشوب.

مدة الدرس ١٢ دقيقةالمدربة أثير الزهراني · ملف 1920 × 1440 · ٩ خطوات
الدرس بالأرقام

خلفية وعنوان وببغاء، وطبقات مرتبة

0دقيقة
0خطوات
0صور رئيسية
0نصوص
0ألوان
0ماسكات
توزيع الفيديو

إحدى عشرة فقرة، وكل فقرة لها ناتج

اضغط أي فقرة في الشريط عشان تشوف وش تطلع منها، ووين تلقاها في الفيديو.

فكرة الدرس

ثلاث أفكار تبني البوستر

العمق في هالبوستر جاي من ترتيب الطبقات، مو من صورة جاهزة: الشجر ورا، والكلمة في النص، والببغاء قدام.

ترتيب الطبقات يصنع العمق

الطبقة اللي فوق تغطي اللي تحتها. نرفع طبقة الببغاء فوق العنوان، فيدخل راسه على الكلمة بدون ما نقص من النص.

الخطوة ٥

Smart Object وفلتر يتعدّل

ننسخ طبقة العنوان ونحوّلها Smart Object، ونطبق Gaussian Blur. الفلتر يبقى تحت الطبقة ونقدر نرجع نعدّل رقمه.

الخطوة ٤

الماسك بدل المسح

الأبيض يبيّن والأسود يخفي. بفرشاة ناعمة سوداء نخفي التوهج من وسط الكلمة، ونرجع أي جزء بالأبيض.

الخطوات ٤ و٥
المرفقات

كل ملفات الدرس جاهزة للتحميل

صورة الشجر للخلفية، وصورة الببغاء مفصولة وجاهزة للدرس. وندخلها للتصميم من File › Place Embedded.

صورة الببغاء
صورة الببغاءBlue-Macaw-Lesson.png1024 × 1536 · خلفية شفافة · ٢٫٩ ميقا
خلفية الشجر
خلفية الشجرTropical-Foliage.png1448 × 1086 · ١٫٦ ميقا
البوستر النهائي
البوستر النهائيParrot-Final.jpg1920 × 1440 · ١٫٦ ميقا
ملف الفوتوشوب
ملف الفوتوشوبParrot-Poster.psdكل الطبقات · ٣٣ ميقا · يفتح في Google Driveتحميل من Drive

الخطوط المستخدمة: Impact للعنوان، وArial Bold للنصوص الجانبية، وDIN Condensed Bold لعلامة PARENTAL ADVISORY. كلها موجودة في الماك، وتلقونها في قائمة الخطوط على طول.

المشروع خطوة بخطوة

من ملف فاضي إلى TEXTURES

تسع مراحل، وكل مرحلة من ملف الفوتوشوب نفسه. اضغط أي خطوة عشان تشوف شكل البوستر عندها، واضغط الصورة عشان تكبّرها.

الخطوة ٥ · الببغاء فوق العنوان

اسحب الخط وشوف وش سوى ترتيب الطبقات

بعد ما نفصل الببغاء بـ Select › Subject وماسك، نحفظ نسخة PNG ونرجع للتصميم وندخلها من File › Place Embedded. نتأكد إن طبقة الببغاء فوق طبقات العنوان في لوحة Layers، فيغطي جزء من الحروف ويصير عندنا عمق: الشجر ورا، والكلمة في النص، والببغاء قدام.

من القائمة
File › Place Embedded
قبلبعدبعد الببغاءقبل
الخطوات ٣ · ٤ · العنوان والتوهج
الشجر وطبقة التغميق
TEXTURESالعنوان · نص قابل للتعديل
نسخة Smart Object وعليها Blur

العنوان الأصلي يبقى، والتأثير على نسخة

نحدد طبقة TEXTURES وننسخها، ونحوّل النسخة من Layer › Smart Objects › Convert to Smart Object. بعدها Filter › Blur › Gaussian Blur، فيطلع توهج ناعم حول الحروف. نضيف ماسك للنسخة ونمسح بفرشاة ناعمة سوداء على وسط الكلمة، ونخلي شفافيتها ٨٥٪.

من القائمة
Filter › Blur › Gaussian Blur
الأوامر والاختصارات

كل اللي ضغطناه في مكان واحد

التكبير والتحريك بالماوس، والألوان بكودها. وهذي الأوامر اللي مرت علينا بالترتيب.

1File › New وملف 1920 × 1440
2File › Place Embedded للخلفية
3Solid Color للتغميق بشفافية ٣٠٪
4Convert to Smart Object للتوهج
النصوص والخطوط والألوان

انسخ النص والصقه في الفوتوشوب

الخطوط كلها موجودة في الماك. والنصوص الجانبية كلها بنفس اللون الرمادي الفاتح.

النصالخطالحجمالمسافة بين الحروفاللون
TEXTURESImpact550 px0#F5F7F5
ELEVATE YOUR / ART WITH THESE / TEXTURESArial · Bold35 px45#A7AEA8
TEXTURE STUDYArial · Bold22 px180#A7AEA8
ALL RIGHTS RESERVEDArial · Bold22 px100#A7AEA8
P A R E N T A LDIN Condensed · Bold25 px100#A7AEA8
ADVISORYDIN Condensed · Bold64 px0#A7AEA8
E X P L I C I T L Y R I C SDIN Condensed · Bold17 px0#A7AEA8
العنوان
TEXTURES
على اليسار واليمين · ثلاث أسطر
ELEVATE YOUR
ART WITH THESE
TEXTURES
فوق على اليسار
TEXTURE STUDY
فوق على اليمين
ALL RIGHTS RESERVED
العلامة · السطر الأول
P A R E N T A L
العلامة · الكلمة الكبيرة
ADVISORY
العلامة · السطر الأخير
E X P L I C I T  L Y R I C S
أكواد الألوان

انسخ الكود والصقه في خانة الكود

#00110C
أخضر غامق جدًاطبقة التغميق · شفافية ٣٠٪
#F5F7F5
أبيض مكسورالعنوان TEXTURES
#A7AEA8
رمادي فاتحكل النصوص الجانبية والعلامة
#808080
رمادي متوسططبقة الحبيبات · Soft Light ١٤٪
التمرين والتسليم

نفس الفكرة بعنصر وكلمة من اختيارك

اختر صورة لعنصر واضح، حيوان أو منتج، وخلفية فيها ملمس، وكلمة وحدة كبيرة. طبّق نفس الترتيب: الخلفية، والتغميق، والعنوان والتوهج، والعنصر فوق العنوان، والحبيبات.

بطاقة التمرين

صورة العنصر (وش يدخل على الكلمة):
صورة الخلفية:
الكلمة الكبيرة:
لون طبقة التغميق وشفافيتها:
وين يدخل العنصر على الحروف:
النصوص الجانبية:
وش غيّرت عن بوستر الدرس:

العنصر اللي له شكل واضح من فوق، زي راس طير أو قمة منتج، يدخل على الحروف بشكل حلو. والكلمة لازم تبقى مقروءة حتى لو تغطّى جزء منها.

وش تسلّم؟ علّم اللي خلصته