همونطور که وعده داده بودم این آموزش ارائه می گردد هرجاش مشکل داشتین بهم بگین توضیح بدم. ممنون از همه تبریکات عید و اظهار نظرات و همینطور لطف بی دریغ شما عزیزای شاپرکی.

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

Step 1

فتوشاپو باز کنین و یه سند جدید بسازین. من از اندازه 2560x1440 pixels  استفاده کردم. می تونین در این آموزش از پورتره خودتون استفاده کنین. بهتره بک گراند عکس رو حذف کنین.

Super Easy Typographic Portrait in Photoshop

Step 2


Duplicate the layer and go to Image>Adjustment>Desaturate. You will have a black and white photo. Add a white background. After that save the file, it has to be PSD otherwise it won't work with the Displace filter.

Super Easy Typographic Portrait in Photoshop

Step 3

With the Horizontal Type Tool (T) create text boxes and start adding texts. The idea is to play with the texts, they don't have to be readable, or at least with normal legibility, so play with the line-heights, reduce that so the lines overlay one another.

Also make some keywords much bigger and bold, like in my case I highlight some words like Photoshop Tutorials, Illustrator, Inspiration... Also, play with italic, regular texts as well as alignments and text sizes. Tip: I used Garamond for the font, I think serif fonts look much better for this effect.

Super Easy Typographic Portrait in Photoshop

Step 4

For each layer, go to Layer>Layer Style>Drop Shadow. Use Multiply for the Blend Mode, black for the color, 90º for the Angle and 5 pixels for Distance, Spread and Size.

Also, group all the layers and the duplicate the group. Go to Layer>Merge Group and then go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. This blurry layer will have to stay behind the regular one. The idea is to add some depth to your text, that's why the shadow.

You can duplicate the orginal text again and move it a little bit to the top and left as well to add even more depth.

Super Easy Typographic Portrait in Photoshop

Step 5

Select all the text layers and merge them into one layer only, then go to Filter>Distort>Displace. A dialog box will appear asking you to choose a file. Select the PSD file we created on the Step 2. After that for the Displace settings use 15 for the Horizontal and Vertical Scale; use Tile for Displacement Map and Repeat Edge Pixels for the Undefined Areas.

The displacement map will distort the layer based on the greyscale photo we used, the dark tones go down while the lights go up.

Super Easy Typographic Portrait in Photoshop

Step 6

Put the photo layer on top of the white text layer, then change the Blend Mode of the photo layer to Light Burn.

Super Easy Typographic Portrait in Photoshop

Step 7

The photo has too many details, so go to Filter>Noise>Dust & Scratches. Use 7 pixels for the Radius and 0 levels for the Threshold.

Super Easy Typographic Portrait in Photoshop

Step 8

Mask the text layer so you will have just the texts over the photo.

Super Easy Typographic Portrait in Photoshop


You can reduce a little bit the saturation and as I mentioned before, you can add more text layers and even try different symbols and shapes.

There are many ways to create this effect, this perhaps is the easiest one, but you have to be very careful to make everything very subtle, otherwise the effect won't look as cool as we expect.

TypeFace Experiment in Photoshop

آخرین مطالب

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