آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

دسته بندی :گرافیک دو بعدی 3665
آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

آموزش Photoshop : طراحی افکت تصویری Typography قسمت اول

توی این آموزش، طراحی افکت تصویری Typography رو با Photoshop با هم می بینیم و با ابزارها و تکنیک های مورد نیاز آشنا میشیم. بیاین شروع کنیم!

با ” آموزش Photoshop : طراحی افکت تصویری Typography ” با ما همراه باشید…

  • سطح سختی: متوسط
  • مدت آموزش: 40 تا 50 دقیقه
  • نرم افزار استفاده شده: Adobe Photoshop
  1. شروع

گام اول

اول از همه، تصویری که می خوایم روی اون کار کنیم رو انتخاب می کنیم. برای باز کردن تصویر، وارد مسیر File > Open میشیم. تصویر رو انتخاب می کنیم و روی Ok کلیک می کنیم. قبل از اینکه شروع کنیم، یک سری امکانات رو تنظیم می کنیم.

  1. Color Mode باید روی RGB, 8 Bits/Channel قرار گرفته باشه. برای اطمینان از اون، وارد مسیر Image > Mode میشیم.
  2. اندازه تصویر باید روی 500-3000 px wide/high تنظیم شده باشه. برای اطمینان، وارد مسیر Image > Image Size میشیم.
  3. تصویر باید به صورت Background Layer باشه. برای این کار وارد مسیر Layer > New > Background from Layer میشیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام دوم

حالا باید بوم رو از بالا Expand کنیم. تا فضای بیشتری برای موضوع داشته باشیم. وارد مسیر Image > Canvas Size میشیم و تنظیمات زیر رو وارد می کنیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام سوم

حالا می خوایم همون کار رو برای سمت راست بوم هم تکرار کنیم. وارد مسیر Image > Canvas Size میشیم و تنظیمات زیر رو وارد می کنیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام چهارم

این بار می خوایم همون کار رو برای پایین بوم هم تکرار کنیم. وارد مسیر Image > Canvas Size میشیم و تنظیمات زیر رو وارد می کنیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام پنجم

حالا همون کار رو برای سمت چپ بوم هم تکرار کنیم. وارد مسیر Image > Canvas Size میشیم و تنظیمات زیر رو وارد می کنیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

  1. طراحی پس زمینه

گام اول

توی این بخش، می خوایم پس زمینه رو اضافه کنیم. وارد مسیر Layer > New Fill Layer > Solid Color میشیم و یک Solid Color Fill جدید درست می کنیم. اسمش رو میزاریم Background Color و کد رنگی #f2f2f2 رو براش در نظر می گیریم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام دوم

ابزار Horizontal Type رو انتخاب می کنیم. Arial رو به عنوان فونت در نظر می گیریم. Font Style رو میزاریم روی Regular و Size رو روی 29 پیکسل تنظیم می کنیم. Alignment رو روی Left و Color رو روی #000000 تنظیم می کنیم. بعد هم روی بوم کلیک می کنیم. وارد مسیر Type > Paste Lorem Ipsum میشیم و متن رو Paste می کنیم. شما می تونین از تنظیمات و متن مورد نظر خودتون استفاده کنین. کاملا به خودتون بستگی داره.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام سوم

میریم سراغ پنل Layers و روی این لایه کلیک راست می کنیم و Convert to Paragraph Text کلیک می کنیم. روی Thumbnail این لایه دابل کلیک کرده و Text Box رو به صورت زیر Transform می کنیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام چهارم

وارد مسیر Type > Pasre Lorem Ipsum میشیم و تا زمانی که کل بوم از متن پوشیده بشه، این کار رو تکرار می کنیم. باید مطمئن بشیم که کل بوم از متن پوشیده بشه.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام پنجم

Ctrl+A رو فشار میدیم و بوم رو انتخاب می کنیم و میریم سراغ ابزار Move. بعد هم روی Align Vertical Center و Align Horizontal Center کلیک می کنیم تا متن به صورت افقی و عمودی، تراز بشه. بعد هم Ctrl+D رو فشار میدیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام ششم

Opacity این لایه رو میزاریم روی 25 درصد و اسمش رو میزاریم Background Text.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

  1. طراحی کاراکتر

گام اول

توی این بخش، می خوایم کاراکتر رو اضافه کنیم. وارد مسیر Layer > New > Layer میشیم و یک لایه جدید به اسم Temp درست می کنیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام دوم

لایه های Background Text و Background Color رو مخفی می کنیم. ابزار Brush رو به همراه یک قلموی نرم بر می داریم و به شکل زیر شروع می کنیم به کشیدن.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام سوم

Ctrl رو نگه می داریم و روی Thumbnail لایه کلیک می کنیم تا انتخاب بشه. بعد هم این لایه رو مخفی می کنیم. لایه Background رو انتخاب کرده و Ctrl+J رو می زنیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام چهارم

وارد مسیر Image > Adjustments > Shadows/Highlights میشیم. Shadows Amount رو روی 20 درصد و Highlights Amount رو روی 20 درصد قرار میدیم.

آموزش Photoshop : طراحی افکت تصویری Typography – قسمت اول

گام پنجم

وارد مسیر Image > Adjustment > Threshold میشیم و Threshold Level رو میزاریم روی 128.

گام ششم

اسم این لایه رو میزاریم temp 2. بعد هم لایه Background رو انتخاب کرده و وارد مسیر Layer > New > Layer میشیم. یک لایه جدید درست می کنیم و اسمش رو میزاریم Temp 3.

گام هفتم

دکمه D رو فشار میدیم و Swatch ها رو Reset می کنیم. بعد هم دکمه X رو فشار میدیم. وارد مسیر Edit > Fill میشیم. Contents رو روی Foreground Color و Blending Mode رو روی Normal و Opacity رو روی 100 درصد قرار میدیم.

گام هشتم

لایه Background Text رو انتخاب می کنیم. Ctrl+J روی کیبورد رو فشار میدیم تا Duplicate بشه. بعد هم وارد مسیر Layer > Layer Mask > Reveal All میشیم تا یک لایه ماسک اضافه بشه.

گام نهم

وارد مسیر Image > Apply Image میشیم و تنظیمات زیر رو وارد می کنیم.

گام دهم

Ctrl+I روی کیبورد رو فشار میدیم تا این لایه ماسک Invert بشه. بعد هم Opacity لایه رو روی 100 درصد قرار  میدیم و اسمش رو میزاریم Subject_Text_1.

گام یازدهم

روی لایه Temp 2 کلیک راست کرده و Delete Layer رو می زنیم. Ctrl رو نگه می داریم و روی Thumbnail لایه temp کلیک می کنیم تا این لایه انتخاب بشه. بعد هم لایه Background رو انتخاب می کنیم. Ctrl+J رو فشار میدیم.

گام دوازدهم

میریم سراغ پنل Layer و این لایه رو بالای لایه Temp 3 قرار میدیم. بعد هم لایه Subject_Text_1 رو مخفی کرده و وارد مسیر Image > Adjustments > Threshold میشیم. بعد هم Threshold Level رو میزاریم روی 150.

گام سیزدهم

اسم این لایه رو میزاریم Temp 2. بعد هم لایه Temp 3 رو انتخاب کرده و Ctrl+I رو می زنیم تا این لایه Invert بشه.

گام چهاردهم

لایه Background Text رو انتخاب می کنیم. Ctrl+J رو فشار میدیم تا Duplicate بشه. بعد هم وارد مسیر Layer > Layer Mask > Reveal All میشیم و یک لایه ماسک اضافه بشه.

گام پانزدهم

وارد مسیر Image > Apply Image میشیم و تنظیمات زیر رو براش در نظر می گیریم.

گام شانزدهم

این بار Opacity این لایه رو میزاریم روی 45 درصد و در نهایت، اسم این لایه رو میزاریم Subject_Text_2.

” آموزش Photoshop : طراحی افکت تصویری Typography – قسمت دوم “

دوره های آموزشی مرتبط

مطالب مرتبط

قوانین ارسال دیدگاه در سایت

  • چنانچه دیدگاهی توهین آمیز یا بی ارتباط با موضوع آموزش باشد تایید نخواهد شد.
  • چنانچه دیدگاه شما جنبه ی تبلیغاتی داشته باشد تایید نخواهد شد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

لینک کوتاه: