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

بوستر رياضي بعنوان ضخم

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

مدة الدرس ٦ دقايق المدربة أثير الزهراني · ملف 1200 × 1500 · ١٢ خطوة
الدرس بالأرقام

عنوان ويد وكورة، وبوستر كامل

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

تسع فقرات، وكل فقرة لها ناتج

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

فكرة الدرس

ثلاث حركات تصنع البوستر

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

عنوان يعبّي البوستر

نكتب GRIP بخط Impact، وبعدين Free Transform: نكبّره من الزاوية، ونفك السلسلة ونطوّل الحروف بس.

الخطوات ٢ و٣

الماسك يشيل الخلفية

Select › Subject يحدد اليد والكورة، وزر الماسك يخفي الخلفية البيضا بدون ما يمسحها.

الخطوة ٥

فراغ دائري في الحروف

تحديد دائري أكبر من الكورة على طبقة العنوان، وبعدين Layer › Layer Mask › Hide Selection.

الخطوة ٦
المرفقات

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

صورة اليد والكورة مسوّاة بـ Magnific، والشعار بخلفية شفافة ولونه أبيض. وندخلهم للفوتوشوب من File › Place Embedded.

صورة اليد والكورة
صورة اليد والكورةMagnific-Hand.png2048 × 2048 · ٤٫٨ ميقا
شعار أثر الأبيض
الشعارAthar-Logo.pngأبيض بخلفية شفافة · ٠٫١ ميقا
البوستر النهائي
البوستر النهائيGrip-Poster.jpg1200 × 1500 · ١٫٢ ميقا
ملف الفوتوشوب
ملف الفوتوشوبGrip-Poster.psdكل الطبقات · ١٩ ميقا · يفتح في Google Driveتحميل من Drive
المشروع خطوة بخطوة

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

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

الخطوة ٦ · الفراغ الدائري

اسحب الخط وشوف وش سوى الفراغ

نضغط على طبقة العنوان، ونختار أداة الماركي الدائرية. نمسك Shift مع Option ونسحب من وسط الكورة، فيطلع تحديد دائري أكبر من الكورة بشوي. بعدها Layer › Layer Mask › Hide Selection، فينشال من الحروف شكل دائرة، ويطلع فراغ برتقالي يفصل الكورة عن الحروف. ونلغي التحديد بـ Command مع D.

من القائمة
Layer › Layer Mask › Hide Selection
قبل الفراغبعد الفراغبعد الفراغقبل
الخطوات ٤ · ٥ · ٦ · ترتيب الطبقات
الخلفية البرتقالية
GRIPالعنوان وعليه ماسك الدائرة
اليد والكورة · فوق العنوان

اليد فوق العنوان، والعنوان فوق الخلفية

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

من القائمة
Select › Subject
الأوامر والاختصارات

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

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

1File › New وملف طولي
2Solid Color للخلفية
3Edit › Free Transform للعنوان
4File › Place Embedded للصور
النصوص والخطوط والألوان

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

الخطوط كلها موجودة في الماك أو تجي مع الفوتوشوب. واللون الأبيض واحد لكل النصوص.

النصالخطالحجمالمسافة بين الحروفالمحاذاة
GRIPImpactأكبر حجم وبعدين نمطّه-30Center
FOCUS / CONTROL / STRENGTHDIN Condensed · Bold40 px0Right
TITLE / GRIPHelvetica Neue · Medium14 px20Left
POSTER / EVERYDAYSHelvetica Neue · Medium14 px20Left
DATE / 06.01.2025Helvetica Neue · Medium14 px20Left
THE ESSENCE OF CONTROL …Helvetica Neue · Medium13 px0Left
DESIGNED BY / ATHARHelvetica Neue · Bold15 px20Right
العنوان
GRIP
على اليمين · ثلاث أسطر
FOCUS
CONTROL
STRENGTH
معلومة ١
TITLE
GRIP
معلومة ٢
POSTER
EVERYDAYS
معلومة ٣
DATE
06.01.2025
الفقرة اللي تحت
THE ESSENCE OF CONTROL, STRENGTH, AND PRECISION. IT’S A RAW REFLECTION
OF URBAN ENERGY - WHERE POWER MEETS PERSISTENCE. IN THE STREETS,
FOCUS IS EVERYTHING. THIS IS MORE THAN JUST A GAME;
IT’S A MINDSET.
اسم المصمم
DESIGNED BY
ATHAR
أكواد الألوان

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

#F0581F
برتقاليالخلفية (Solid Color)
#F3F1EC
أبيض مكسورالعنوان وكل النصوص والباركود
التمرين والتسليم

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

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

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

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

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

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