Advertisement
  1. Design & Illustration
  2. Graphic Design

كيفية إنشاء تصميم ملصق سريالية في Adobe Photoshop

Scroll to top
Laura Keung
Read Time: 9 min
Graphic DesignPoster DesignLayer MasksAdobe PhotoshopPhoto Manipulation

Arabic (العربية/عربي) translation by Muhammad Hakim Almadani (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

في هذا البرنامج التعليمي، سوف تتعلم كيفية استخدام تقنيات التصميم الرئيسية لإنشاء تصميم ملصق المضربين في Adobe Photoshop.

ما سوف تحتاج

سوف تحتاج إلى الوصول إلى Adobe Photoshop – إذا لم يكن لديك البرنامج، يمكنك تنزيل نسخة تجريبية من موقع Adobe Website. ستحتاج أيضا إلى الموارد التالية:

تحميل الصور وتثبيت الخط، وكنت على استعداد للبدء!

1. إعداد ملف فوتوشوب جديد

الخطوة 1

في Photoshop، انتقل إلى File > New. اسم المستند Surreal Poster. تعيين Width إلى 1270px  وHeight إلى 1600px. تعيين Resolution إلى 72 pixels / Inch. انقر فوق موافق.

Create a new photoshop fileCreate a new photoshop fileCreate a new photoshop file

الخطوة 2

اضغط Command-R إحضار الحكام حول المستند. الرأس إلى View > New Guide. الخيار نافذة New Guide، حدد Horizontal وتعيين الدليل إلى 70 px. انقر فوق موافق.

القيام بنفسه بالنسبة للجوانب الأخرى من المستند عن طريق طرح 70px من الحجم النهائي. لتفعيل وتنشيط خطوط الإرشاد، اضغط -Command؛.

Set margins by using guidesSet margins by using guidesSet margins by using guides

الخطوة 3

لهذا الملصق، فإننا سنضع شبكة 2:4 (العرض x الارتفاع). وهذا يعني أننا سوف تقسم الملصق أفقياً إلى قسمين، وعمودياً إلى أربعة أقسام. سوف تساعدنا هذه الشبكة في محاذاة العناصر وإنشاء تخطيط نظيفة.

الرأس إلى View > New Guide. في إطار الخيار New Guide، حدد Vertical وتعيين الدليل إلى 635px. انقر فوق موافق.

دعونا تعيين horizontal إرشاد أفقية إلى 400px , 800px و 1200px. انقر فوق موافق.

Create a 24 grid on the documentCreate a 24 grid on the documentCreate a 24 grid on the document

2-كيفية إنشاء الضوء الشرائط تأثير

الخطوة 1

في Layers الطبقات، انقر Create a New Fill or Adjustment Layer > Gradient.

Add a new gradient fill layerAdd a new gradient fill layerAdd a new gradient fill layer

الخطوة 2

في نافذة خيار Gradient Fill ، انقر فوق خيار Gradient. في نافذة Gradient Editor ، تأكد من أن سدادات العتامة تكون على كل جانب من شريط اللون. تعيين منتقي الألوان الأيسر إلى 070629#. في إطار الخيارStops، تعيين Location إلى %20. تعيين منتقي الألوان الصحيحة إلى 008470#. انقر فوق موافق.

On the gradient editor option window set the color pickers to blue and green on the left and right hand sideOn the gradient editor option window set the color pickers to blue and green on the left and right hand sideOn the gradient editor option window set the color pickers to blue and green on the left and right hand side

الخطوة 3

مرة أخرى على إطار خيار Gradient Fill ، قم بتعيين Style إلى Linear و Angel إلى 50-. انقر فوق موافق.

Set the style to linear and the angle to -50 Click OKSet the style to linear and the angle to -50 Click OKSet the style to linear and the angle to -50 Click OK

الخطوة 4

قم بإنشاء New Layer بالضغط على Shift-Command-N اسم الطبقة 1Streak. انقر فوق موافق.

Create a new layerCreate a new layerCreate a new layer

الخطوة 5

على شريط الأدوات، حدد (Brush Tool (B. الحق في الضغط على المجلس لتعيين Hardness إلى %100.

انقر فوق لون Fill، وتعيين اللون إلى cf21db#. إنشاء فرشاة الطوابع ذات أحجام مختلفة بواسطة النقر فوق في المستند. بسرعة لتغيير حجم الفرشاة، ضرب [لزيادة أو] أن ينخفض.

Using the brush tool create stamps over the documentUsing the brush tool create stamps over the documentUsing the brush tool create stamps over the document

الخطوة 6

أكثر من رئيس Filter > Blur > Motion Blur. في إطار Motion Blur، حدد المربع معاينة. تعيين Angel إلى 45 وDistance إلى  2000pixels  . انقر فوق موافق.

Apply the motion blue filterApply the motion blue filterApply the motion blue filter

الخطوة 7

سنقوم بتكرار هذا الأسلوب وإضافة مسحه خفيفة لون ثاني.

قم بإنشاء New Layer بالضغط على Shift-Command-N اسم الطبقة 2 Streak. انقر فوق موافق.

انقر فوق لون Fill، وتعيين اللون إلى ffa2a2 #. إنشاء فرشاة الطوابع ذات أحجام مختلفة بواسطة النقر فوق في المستند. ضرب [لزيادة أو] لإنقاص حجم الفرشاة.

اضغط على Commmand-F — سيتم تكرار هذا الاختصار مرشح آخر وإعدادات استخدمنا.

Create a new layer and use a different color to create the same effectCreate a new layer and use a different color to create the same effectCreate a new layer and use a different color to create the same effect

الخطوة 8

في لوحة الطبقات، حدد كل الطبقات متواصلة بالضغط باستمرار على المفتاح Shift والنقر فوق. خفض Opacity إلى 45 في المائة.

Lower the opacity to 45Lower the opacity to 45Lower the opacity to 45

الخطوة 9

اضغط Shift-Command-N لإنشاء New Layer وتسميته الواردة 1 Streak. انقر فوق موافق.

حدد (Paint Bucket Tool (G، وتعيين لون Fill إلى 33ffff#. انقر فوق المستند لاستخدام اللون.

على شريط الأدوات، حدد (Brush Tool (B. انقر فوق لون Fill، وتعيين اللون إلى f9365c#. إنشاء فرشاة الطوابع ذات أحجام مختلفة بواسطة النقر فوق في المستند. حاول التركيز على مركز المستند. ضرب [لزيادة أو] لإنقاص حجم الفرشاة.

أكثر من رئيس Filter > Blur > Motion Blur. الضبابية في Motion Blur، حدد Preview معاينة. تعيين Angel إلى 45 وDistance إلى 1000pixels. انقر فوق موافق.

Create a new layer Using the bucket tool color the layer Using the brush tool and a different color brush over the document Apply the motion blur filterCreate a new layer Using the bucket tool color the layer Using the brush tool and a different color brush over the document Apply the motion blur filterCreate a new layer Using the bucket tool color the layer Using the brush tool and a different color brush over the document Apply the motion blur filter

الخطوة 10

تنشيط هذه الأدلة بالضغط على ;-Command. على شريط الأدوات، حدد (Rectangle (U. انقر فوق المستند لفتح نافذة خيار Create Rectangle. تعيين Width إلى 400 px و Height إلى 800 px. انقر فوق موافق.

Create a rectangle of 400px by 800px Create a rectangle of 400px by 800px Create a rectangle of 400px by 800px

الخطوة 11

في لوحة Layers ، حدد rectangle layer وContained Streak 1  layer. اضغط على V لتحديد Move Tool. رئيس لأكثر من شريط التحكم وحدد Align Horizontal Center الأفقي. إذا لم يكن لديك هذه الخيارات، رئيس لأكثر من Layers > Align  > Horizontal Center.

في حين لا تبدو كما لو كان هذا الخطوة فعل الكثير، فإنه سيتم محاذاة الشكل إلى الطبقة.

Center the rectangle shape and the last new layer we createdCenter the rectangle shape and the last new layer we createdCenter the rectangle shape and the last new layer we created

الخطوة 12

اضغط باستمرار على Command، وانقر فوق الصورة المصغرة للمستطيل في Layers الطبقات. سيقوم هذا بإنشاء مستطيل حول الشكل.

حدد Contained Streak 1 الوارد وانقر على الزر Crate Layer Mask . حذف طبقة المستطيل بسحبه إلى الزر حذف.

Create a layer mask by using the rectangle on the last layerCreate a layer mask by using the rectangle on the last layerCreate a layer mask by using the rectangle on the last layer

الخطوة 13

إذا كانت تبدو الألوان في قناع طبقة جرفت أيضا، نحن يمكن أن يرفعه التباين. الرأس أكثر Create a New Fill or Adjustment Layer  > Brightness/Contrast.

Right Click على طبقة التعبئة الجديدة وحدد Clipping Mask. هذا للتعديلات التي تطبق فقط على الطبقة تحتها.

قم بضبط الإعدادات كما تريدها في لوحة خصائص.

Add a brightnesscontrast adjustment layerAdd a brightnesscontrast adjustment layerAdd a brightnesscontrast adjustment layer

الخطوة 14

لنقم بإنشاء واحدة Contained Streak  أكثر لتفريق في السكون.

قم بإنشاء New Layer بالضغط على Shift-Command-N اسم Contained Streak 2 الواردة. انقر فوق موافق.

باستخدام (Brush Tool (B، الفرشاة فوق المستند. تستخدم هذه الرموز اللون: b1422d# ، #cac631، #41bc22. حاول أن تركز على الجانب الأيسر من المستند.

اضغط Command-F تكرار الإجراء الأخير Motion Blur.

على شريط الأدوات، حدد (Rectangle (U. انقر فوق المستند لفتح نافذة خيار Create Rectangle. تعيين Width و Height إلى 430 px. انقر فوق موافق.

في لوحة Layers، اضغط باستمرار على Command، وانقر فوق الصورة المصغرة لمربع الشكل. سيقوم هذا بإنشاء مستطيل حول الشكل.

انقر فوق Contained Streak 1 الوارد وانقر على الزر Create Layer Mask. حذف الشكل.

Repeat the steps to create another element with a light streakRepeat the steps to create another element with a light streakRepeat the steps to create another element with a light streak

الخطوة 15

لجعل مربع الشكل تتلاشى، حدد قناع Contained Streak 2 الواردة. حدد  (Brush Tool (B وتعيين لون التعبئة إلى اللون الأسود.

انقر على الحق في الوثيقة، وتعيين الفرشاة حجم 180 px وHardness إلى 0%. فرشاة على الزاوية اليسرى العليا من المربع.

نقل كل طبقات Contained Streak إلى نفس الموقف أدناه.

Using the brush tool fade a corner of the square Using the brush tool fade a corner of the square Using the brush tool fade a corner of the square

3-كيفية تحرير الصور

الخطوة 1

اسحب الصورة الجبال إلى المستند Surreal Poster.

اضغط على Command-T للتحويل. التوجه إلى شريط التحكم، وقم بتنشيط الزر Maintain Aspect Ratio. تعيين Height وWidth إلى 120%. اضغط المفتاح Enter للمتابعة.

قم بمحاذاة غيض الجبل الأول لدليل آخر الثانية. محاذاة إلى أدنى نقطة من الجبل إلى دليل مركز. لقد نفذت تحليقا فوق كل النقاط باللون الأحمر في الصورة أدناه.

Drag the mountain image into the PS documentDrag the mountain image into the PS documentDrag the mountain image into the PS document

الخطوة 2

أثناء تحديد طبقة الجبال، انقر فوق الزر Add Layer Mask. حدد  (Brush Tool (B وتعيين لون التعبئة إلى اللون الأسود. يمكنك استخدام أي حجم لك أفضل، ولكن تأكد من أن يتم تعيين Hardness إلى 100. بدء تنظيف السماء قبالة الطبقة.

تأكد من أن كنت تعمل على Layer Mask وليس على الطبقة الرئيسية.

Using a layer mask brush off the sky on the mountain imageUsing a layer mask brush off the sky on the mountain imageUsing a layer mask brush off the sky on the mountain image

الخطوة 3

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

في لوحة Layers، انقر فوق في Create a New Fill or Adjustment Layer > Black & White. إضافة Adjustment Layer أخرى من التكيف، ولكن هذه المرة بإضافة Brightness/Contrast.

حدد كلا من هذه الطبقات، وانقر Right click > Create Clipping Mask. ضبط هذه الطبقات اثنين في لوحة خصائص كما تريدها. لقد اخترت أن يرفعه على النقيض لخلق هذا مشهد تأثيراً.

Add a brightnesscontrast and a black white adjustment layer Create a clipping mask to affect only the mountains imageAdd a brightnesscontrast and a black white adjustment layer Create a clipping mask to affect only the mountains imageAdd a brightnesscontrast and a black white adjustment layer Create a clipping mask to affect only the mountains image

الخطوة 4

اسحب الصورة الطيور إلى المستند Surreal Poster.

اضغط على Command-T للتحويل. التوجه إلى شريط التحكم، وقم بتنشيط الزر Maintain Aspect Ratio. تعيين Height وWidth إلى 375%.

في محاولة لوضع الطيور في وسط الملصق وعبر الطبقات Contained Streak.

Drag the bird image into the Ps documentDrag the bird image into the Ps documentDrag the bird image into the Ps document

الخطوة 5

أثناء تحديد طبقة الطيور، انقر فوق الزر Add Layer Mask. حدد  (Brush Tool (B، وتعيين لون التعبئة إلى اللون الأسود. يمكنك استخدام أي حجم الفرشاة لك أفضل، ولكن تأكد من أن يتم تعيين Hardness إلى 100. بدء تنظيف السماء قبالة صورة الطيور.

Using layer masks brush off the sky on the bird imageUsing layer masks brush off the sky on the bird imageUsing layer masks brush off the sky on the bird image

الخطوة 6

دعنا نغير لون الطيور العمل بشكل أفضل مع الألوان لدينا على موقعنا ملصق. في لوحة Layers، انقر فوق في Create a New Fill or Adjustment Layer > Hue/Saturation.

تغيير إعدادات لوحة الخصائص: Hue إلى -25 وSaturation إلى + 45.

Add a huesaturation adjustment layer Add a huesaturation adjustment layer Add a huesaturation adjustment layer

4-كيفية إضافة نص

في لوحة الأدوات، حدد (Text Tool (T. أنا استخدم نص أبيض على النقيض مع خلفية ملونة.

محرف أنا استخدم هو Catesque, from Envato Elements. إحضار لوحة الأدوات عن طريق الذهاب إلى Type > Panels > Character Panel. وفيما يلي تفاصيل أضفت. لقد سردت أيضا نوع حجم وأوزان خط معين.

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

لا تتردد في استخدام النص الخاص بك!

le
spectacle
des
oiseaux

museum-national.com

(Catesque Black Italic, Size: 65 pt and 25 pt, Leading: 70 pt, Tracking: 100 pt, aligned to the left)

LYON
1 AU 25 MARS
 2018

BORDEAUX
5 AU 28 AVRIL
  2018

(Catesque Black Italic and Italic, Size: 30 pt, Leading: 35 pt, Tracking: 100 pt, aligned to the right)

Add text to the posterAdd text to the posterAdd text to the poster

5-كيفية بصريا تعزيز العناصر

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

حدد (Brush Tool (B، وتعيين إلى حجم كنت مرتاحاً للعمل مع. وهذا سيتوقف على ما كنت سأكون إضافة ظل. سوف يتم إضافة الظلال على مركز ثلاثة العناصر. سوف Size الحجم 500 px وHardness إلى 0%. تعيين لون التعبئة إلى اللون الأسود. شريط التحكم، تعيين Opacity على 20%.

قم بإنشاء طبقة جديدة تحت كل عنصر من العناصر المذكورة أعلاه. ابدأ بخفة بالفرشاة على الطبقة وإضافة البعد. يمكنك إضافة كثيرا أو قليلاً كما تريد.

وأضاف لقد الصورة قبل الظل على اليسار والصورة مظلل على الحق. أفضل بكثير!

If desired add shadow to the center elements On the left side is the pre-shadow image on the right side is the shadowed imageIf desired add shadow to the center elements On the left side is the pre-shadow image on the right side is the shadowed imageIf desired add shadow to the center elements On the left side is the pre-shadow image on the right side is the shadowed image

6-كيفية حفظ الملف لصفحة ويب

الرأس إلى File > Save واحفظ الملف كما تفعل عادة.

لحفظ ملف JPEG لملف صفحة ويب، رئيس لأكثر من File Save for Web أو Shift-Option-Command-S. حدد نوع الملف الذي تريد حفظ المستند في – وأنا أشعر باختيار JPEG – وتعيين 100 للجودة. تحت حجم الصورة، يمكنك تغيير حجم بكسل الصورة إذا كان لديك أية قيود حجم.

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

انقر على حفظ... اختيار الموقع في إطار جديد، وانقر فوق حفظ مرة أخرى.

Save the fileSave the fileSave the file

تهانينا! لقد انتهيت من هذا البرنامج التعليمي!

في هذا البرنامج التعليمي، لقد أنشأنا ملصق ملون وبصريا للاهتمام. يجب التأكد من وظيفة لك في التعليقات أدناه! واليوم، كنت قد تعلمت أن:

  • إنشاء ملصق متوازنة وأنيق باستخدام الشبكات.
  • استخدام "أقنعة طبقة" عزل الصور والجمع بينها وبين العناصر الأخرى.
  • بنجاح استخدام "طبقات التعديل" لقرص الألوان وتحرير العناصر دون المساس بسلامتها.
  • تعزيز العناصر بصريا عند هذه بحاجة إلى دفعة لإنشاء ملصق ملفتة للنظر.
Final resultFinal resultFinal result

إذا كنت تحب هذا البرنامج التعليمي، قد ترغب هذه:

Advertisement
Graphic DesignPoster DesignLayer MasksAdobe PhotoshopPhoto Manipulation
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Laura Keung
Laura Keung
Brand and Editorial Designer / Munich, Germany
Laura is a design writer, design mentor, and entrepreneur leading Laura Keung Studio, currently based in Munich, Germany. She had her first design client during her first year of university and since then she fell in love with the design process. Laura studied at the Ontario College of Art and Design University in Toronto before interning at renowned studios in Canada and Austria. With 12 years of experience in the design industry, Laura leads her own design studio and collaborates with other creatives on branding and editorial design projects.
Advertisement
Advertisement
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.