LOGO

 

سلام دوستای شاپرکی در این آموزش جالب که باید از هر دو نرم افزار ایلوستریتور و فتوشاپ اجرا میشه رو براتون می ذارم که مهارتتونو خیلی زیاد افزایش می ده محرمم پیشاپیش تسلیت عرض می کنم و از همتون التماس دعا دارم. اگه سوالی یا مشکلی داشتین از مطرح کردنش دریغ نکنین. این پست در حال ترجمس و مرحله به مرحله کامل میشه :) ممنونم 

final designioustimes candy cane type tutorial1 How to Create Candy Cane Typography with Photoshop and Illustrator


در این آموزش شما فرا می گیرید که با دو نرم افزار فتوشاپ و ایلوستریتور یک تایپ استایل زیبای آبنباتی خلق کنین و از اون در کارهای طراحیتون استفاده کنین. 

در طی این آموزش شما یاد میگیرید:

  • طرز خلق براش، الگو و وکتور پیشرفته
  • شحصی سازی بلندینگ مد در فتوشاپ
  • خلق نور و سایه
  • خلق بک گراند برای عکسهاتون
  • استفاده از adjustment layers

سطح آموزش: متوسط- پیشرفته

زمان تکمیل: یک ساعت

نرم افزارهای مورد نیاز: ایلوستریتور و فتوشاپ

بافت کاغذ از bashcorpo

تصویر نهایی تایپوگرافی آبنباتی:

final designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

قدم1

ایلوستریتور رو باز کنین و یه سند  “Letter” در سیستم رنگی CMYK در رزولوشن 72 dpiدرست کنین. 

1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

قدم 2

ابزار رسم مستطیلو (M) بردارین و یه مستطیل طوسی مث شکل زیر رسم کنین. 

2 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

قدم 3

یه مستطیل دیگه رسم کنین اما بسیار باریکتر از قبلی. رنگشو به قرمز یا رنگی متضاد قبلی تغییر بدین. 

3 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

قدم 4

ابزار انتخاب (V) رو برداشته، مستطیل دومی رو بچرخونین. لازم به زاویه دقیق نیست فقط طبق تصاویر عمل کنین.  4 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

قدم 5

کلید رو نگه دارین و کلیک درگ به راست کنین تا مستطیل قرمز کپی و ایجاد شود. کلید شیفت رو در حین کشیدن نگه دارین تا در یک خط راست جابجا شود. 5 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

قدم6

ترکیب  کلید هایCTRL+Dرو سه بار بزنین این کار دستور آخر شما رو تکرار خواهد کرد که در این مورد کپی کردن این شکل بوده است. 

6 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

قدم 7

مستطیل خاکستری رو انتخاب کنین اونو بلندترش کنین برای این کار از ترکیب کنترل+سی برای کپی و از ترکیب کنترل+وی برای پیست در جلوی مستطیل خاکستری برای بلندتر کردنش استفاده کنین. با استفاده از ترکیب کنترل شیفت و [ اونو به جلو بیارین. 

7 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 8

Remove its Fill, select all the red rectangles and right-click > Make Clipping Mask. Select all artwork (CTRL+A)  and hit the Merge button. Then paste in front a copy of the merged shape (CTRL+C > CTRL+F). Grab the Eraser Tool (SHIFT+E), hold the ALT key and erase the left side, along with a part of the red stripe.

8 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

8.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

8.2 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 9

Move the copied shape to the right until the first red stripe aligns with the second stripe from the shape below it. Reduce Opacity to see it better. Now select the shape above and set its Fill color to black.

9 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

9.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 10

Grab the Selection Tool (V), select the black rectangle, hold the ALT key and click-drag the middle distortion point, like below.

10 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 11

In the Pathfinder window (Window > Pathfinder), click the Merge button. Then select all artwork and hit Merge again. Grab the Direct Selection Tool (A), select the black rectangle and hit Delete.

11 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 12

Select all artwork and click-drag it into the Brushes palette (F7) Set it to “Pattern Brush”. Grab the Path Tool (P) and draw a long straight path. Then click the brush you just created. This is a good way to check if your pattern is correct.

12 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

12.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 13

Click the Grab the Ellipse Tool (L) and draw a circle. Hold the SHIFT key while click-dragging to make it perfect.

13 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 14

Click the rectangular shape and copy the Height value from the top menu bar. Select the circle and paste this value to Width and Height.

14 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 15

Select both shapes and align them to horizontal axis. CTRL+click near the design to deselect, then grab the Direct Selection Tool (A) and select the left side anchorpoint of the circle and hit Delete. Align

15 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

15.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

15.2 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 16

Grab the Selection Tool (V) and align the resulting shape like in the image below. Slect the rectangle and ALT+click-drag to create a copy. Realign the copy with its original, just like in STEP 9.

16 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 17

Select the half-circle, remove its Fill, hold SHIFT and click the rectangle behind it. Now right-click > Make Clipping Mask. In the Pathfinder window (Window > Pathfinder), click the Merge button.

17 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

17.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 18

Open the Swatches palette (Window > Swatches) and click-drag the resulting shape into the palette. Name this “candy-end”. In the Brushes palette (F5), select our brush. Make sure you have everything deselected (CTRL+click in a blank area).

18 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 19

Open the dropdown menu and select Options. Click the last box and select “candy-end” from the list. Hit OK. Select the practice path and click the brush again. See how it looks.

19 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

19.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 20

Do the same for the other end of the path.

20 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 21

Now that we have a candy-like pattern brush, lets create the text. I used “Giddyup Std” font as reference. Grab the Horizontal Type Tool (T) and type the text below. Use multiple rows.

21 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 22

Select all text and go to Object > Expand, then go to Object > Path > Clean up.

22 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

22.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 23

In the Layers palette (F7), click the “Create New Layer” button and lock the layer below it. Select the newly created layer.

23 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 24

Grab the path tool and trace the text, but do not follow it entirely, feel free to connect words, add loops and cool knots. When you’re done tracing, select all these paths. Get creative!

NOTE: If you want to change colors, simply go to the shapes created, change their colors and create a new brush. My color choice was light gray with pink. The black background if for the pics to be more clear, adding this is not compulsory.

24 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 25

Go to Object Expand Appearance, then go to the Pathfinder window and hit “Merge”, then go to  Object > Path > Clean up.

25 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

25.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

25.2 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 26

Open Photoshop and go to File > New to create a new document of 1600 x 2300 px in RGB color mode at 72 dpi.

26 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 27

Grab the Gradient Tool (G) and apply the gradient shown below to the background layer.

27 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

27.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 28

Click-drag the vector text from Illustrator to Photoshop resize it a bit and hit enter. Right-click near the layer thumb, select “Rasterize Layer”, then click the “fx” button and select Blending Options. Use the settings below.

28 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

28.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

28.2 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

28.3 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

28.4 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

28.5 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

28.6 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 29

Create a new layer (CTRL+SHIFT+N), set Blending mode to Multiply, grab the Brush Tool (B), set Hardness to 0% and remove any extra setting from the Brushes palette and paint some shadows to give it a more 3D look. Use a dark purple color.

Tip: CTRL+click the text layer and go to Layer > Layer Mask > Reveal All.

29 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 30

Create a new layer (CTRL+SHIFT+N) and place it below the text layer, grab the Brush Tool (B), set Hardness to 0% and remove any extra setting from the Brushes palette and paint some shadows, as if parts of the text bend away from the wall.

30 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 31

Open the “paper texture”. Select all (CTRL+A), copy it (CTRL+C) and paste it into our document (CTRL+V).Place the layer above the background layer. Resize it to fit the canvas and hit Enter. Set Blending mode to Multiply.

31 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 32

Go to Layer > New Fill Layer > Solid color… and Layer > New Adjustment Layer > Color Balance, Black & White. Use the settings below for each.

32 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

32.1 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

32.2 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

STEP 33

Select all artwork (CTRL+A, copy merged (CTRL+SHIFT+C)  and paste it. Go to Filter > Sharpen > Unsharp Mask. Hit OK.

33 designioustimes candy cane type tutorial How to Create Candy Cane Typography with Photoshop and Illustrator

Done!

final designioustimes candy cane type tutorial1 How to Create Candy Cane Typography with Photoshop and Illustrator

Download the source file from below and see it for yourself !

zip How to Create Candy Cane Typography with Photoshop and Illustrator  Candy cane type tutorial (23.2 MiB, 57 hits

 



آخرین مطالب

 
» جرایم در تایپوگرافی ( دوشنبه ۱ شهریور ۱۳٩٥ )
» تبادل لینک با شاپرک دیزاین ( جمعه ۱٦ آبان ۱۳٩۳ )
» معرفی ویژگی Transform Selections فتوشاپ ( پنجشنبه ۱٥ آبان ۱۳٩۳ )
» معرفی وب سایت PSD Covers ( سه‌شنبه ٢٩ مهر ۱۳٩۳ )
» تمپلیت آماده طراحی قالب بندی وب سایت ( یکشنبه ٢۱ مهر ۱۳٩٢ )
» بیشتر از 40 فایل لایه باز پی اس دی برای ارائه بهتر پورتفولیو ( چهارشنبه ٢٥ اردیبهشت ۱۳٩٢ )
» خلق تصاویر Duo-Tone ( دوشنبه ۱٤ اسفند ۱۳٩۱ )
» پاسخ به برخی سوالات ( سه‌شنبه ۱٤ آذر ۱۳٩۱ )
» رنگ شناسی - معرفی وب سایت کاربردی در تشخیص و استفاده رنگها ( یکشنبه ٢٢ امرداد ۱۳٩۱ )
» آموزش تایپوگرافی زیبای دایره ای ( سه‌شنبه ۳ امرداد ۱۳٩۱ )