شما اینجا هستید: خانه / افکت های 3 بعدی / ایجاد تایپوگرافی به سبک توت فرنگی درفتوشاپ
ایجاد تایپوگرافی به سبک توت فرنگی درفتوشاپ

ایجاد تایپوگرافی به سبک توت فرنگی درفتوشاپ

این آموزش به ترفندهای ایجادنوشته ای ساده به تایپوگرافی بارنگ وفرم توت فرنگی میپردازه و خیلی زیاد با افکت های layer style آشنا میشین…

شرح آموزش:

نرم افزار: فتوشاپ
مدت آموزش: ۳۰دقیقه
سطح آموزش:مبتدی

منابع:

فونت
توت فرنگی

گام اول

سندی به ابعاد width:1515 – height:733 pixels باز کنین.وعددfbc9c9 رو برای رنگ  foreground واردکنین.
حروف مورد نظرتون رو تایپ کنین. نیاز به یه فونت تپل داریم:)
میتونین از فونت قسمت منابع استفاده کنین.
تنظیمات زیر رو برای سایزورنگ  فونت استفاده کنین:

1-1

کلیدهای ctrl+j رو دوبار گرفته تا دولایه کپی ازلایه نوشته  داشته باشیم.

2

به آخرین لایه ای که ایجاد شده برین وبه گزینه fill ازپالت layer عدد۰ بدین.
روی لایه اصلی که نوشته رو در ابتدا تایپ کردین دابل کلیک کنین تا جدول layer style باز بشه وتنظیمات زیر رو انجام بدین:

3

4

5

6

7

نتیجه زیر به دست میاد:

8

درحالی که روی همین لایه هستین،از کلید های جهت نمای کیبورد استفاده کنین ودوبار به سمت راست کلید هارو فشار بدین و دوبار به سمت پایین :
میبین که نوشته جابه جامیشه:

9

روی اولین لایه نوشته که کپی کرده بودیم، دابل کلیک کنین وتنظیمات زیر رو انجام بدین:

10

روی لایه دوم کپی شده دابل کلیک کنین و از کادر باز شده تنظیمات زیر رو انجام بدین:

11

برای تنظیمات زیر از یه تکسچر پیش فرض فتوشاپ استفاده میکنیم:

44

نتیجه ای شبیه تصویر زیر داریم:

12

گام دوم

کلیدهای ctrl+n رو ازصفحه کیبوردبگیرین وسندی با ابعاد۱۰۰*۱۰۰ pixels ایجاد کنین و ابزارElips tools رو از جعبه ابزار انتخاب کنین وروی صفحه کلید کنین وتنظیمات زیر رو واردکادربازشده کنین:

13

ابزارDirect selection رو انتخاب میکنیم وروی سه نقطه مشخص شده طبق تصویر زیر کلیک میکنیم وبعد کلیدهای ctrl+t رو میگیریم ودستگیره های فعال رو به سمت داخل شکل میکشیم:

14

فایل رومیبندیم و save میکنیم.به منوی Edit میریم وگزینه define brush preset رو انتخاب میکنیم تا شکل قطره به صورت یک براش ذخیره شه وok میکنیم.

گام سوم

گزینه brush رو ازجعبه ابزارانتخاب میکنیم وکلید f5 رو ازصفحه کیبورد میزنیم تا کادر تنظیمات براش باز بشه، از قسمت براش ها شکلی که قبلا ساختیم و save کردیم رو انتخاب میکنیم وتنظیمات زیر رو انجام میدیم:

15

16

لایه جدید باز کنین ورنگ foreground عددd9a907 وارد میکنیم وروی حروف میکشیم ونتیجه شبیه زیر داریم:

17

از لایه دانه های زرد رنگ یه کپی بگیرین( ctrl+j) وبه fill عدد۰ بدین. به لایه اصلی دانه ها برین وتنظیمات زیر رو انجام بدین:

18

19

نتیجه به شکل زیر ایجاد میشه:

20-1

روی لایه کپی شده از دانه ها دابل کلیک کنین وتنظیمات زیررو انجام بدین:

22

23

24

نتیجه به شکل زیر است:

21

گام چهارم

روی لایه اصلی(اولین لایه) نوشته ها میریم وکلید ctrl رو نگه میداریم وروی قسمت  لایه که حرف T تایپ شده کلیک میکنیم تا حروف به حالت انتخاب در بیان وبعد به منوی  select میریم وگزینه Modify/expand رو انتخاب میکنیم وبه کادربازشده عدد۳ میدیم تا کل نوشته ها باافکت سایه ها انتخاب بشن:

25

بالای تمامی لایه ها، لایه جدیدی بازکنین(ctrl+shift+n) واسم لایه inner shadow بذارین.رنگ background رو سفیدبذارین وکلیدهای ctrl+delete رو بگیرین که نوشته سفید رنگ بشه وبه fill عدد۰ بدین:

26-1

روی لایه دابل کلیک کنین وتنظیمات زیر رو انجام بدین:

27

تو این مرحله کمی دقت کنین!
درحالی که ازمرحله قبلی نوشته ها سلکت هستند،بالای لایه های نوشته یه لایه جدید ایجاد کنین واسم لایه رو top gradient بذارین و دوباره با ctrl+delete رنگ نوشته رو سفید میکنیم:

28

با ابزار rectangular marquee تمامی حروف به غیر از حرف اول رو انتخاب میکنیم:

29-1

به منوی Edit رفته وcut رو انتخاب کنین:

نتیجه زیر رو داریم:

30

به آدرس رو به رو برین:Edit/paste special/paste in place
با رفتن به آدرس بالا لایه جدید ایجاد میشه (اسم لایه رو gradient2 بذارین) با رفتن به آدرس بالا رنگ نوشته ها مجدد سفید میشه . fill هردولایه رو۰ بدین تا لایه ها به رنگ اصلی برگردن.درادامه روی لایه اول (top gradient) دابل کلیک کنین وتنظیمات زیر رو انجام بدین:

31

32-1

33

34

35

نتیجه به شکل سایه ای سبز رنگ روی اولین حرف نوشته ایجاد میشه:

36

گام پنجم

روی لایه راست کلیک کنین وگزینه copy layer style رو انتخاب کنین وروی لایه gradient2 برین وراست کلیک کنین وگزینه paste layer style کلیک کنین و روی همین لایه دابل کلیک کنین وتنظیمات زیر رو انجام بدین:

37

نتیجه:

38

گام ششم

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

38-1

38-2

وبرگ های سبزرو وارد صفحه نوشته ها بکنین وروی اولین حرف قرار بدین وبا گرفتن کلیدهای ctrl+t کوچکترش کنین وبا راست کلیک کردن داخل کادرترنسفورم، گزینه wrap رو انتخاب کنین وکمی برگ هارو تغییر بدین تا روی حرف طبیعی تر قرار بگیره:

39

40

روی لایه برگ دابل کلیک کنین وتنظیمات زیررو انجام بدین:

41

تو این مرحله آموزش تموم میشه که میتونین از بک گراند ساده صورتی رنگ استفاده کنین یا با ترفندهای دیگه به سلیقه خودتون افکتی به زمینه اضافه کنین…
امیدوارم لذت برده باشین…
موفق باشین دوستان:)

43

درباره ی Narges Dashti

دوستان هنرمند و هنردوست خوبم، وقتتون بخیر و سقفتون رنگی... نرگس دشتی هستم؛ تخصصم علاقه است و یه تیکه کاغذ که یه جایی روش نوشته گرافیک، رد خاطره انگیز سال های خوش با هم بودن هام... سابقه حرفه ایم دل دادن به این هنره و چند تا کشوی گرد و خاک گرفته توی چند تا شرکت خصوصی و دولتی که هنوزم منو به خاطرهاشون دارن. خوب دیگه، اینقدر دست روی دست زیاده و خوش سلیقه فراوون که مثلا تسلطم فتوشاپه و وردستم کورل و برش کارم فری هند و صبحا با ایلوستریتور میریم شرکت، مثل یه جور حرف اضافی و سبک می مونه که خواهش می کنم نشنوین! امیدوارم بتونم حسی رو که زاییده دقایق بی زمان و بی مکان تکنیک ها و تاکتیک ها، نه! دقایق چکیدن و گم شدن توی دریای بی مرز هنره، با شما شریک بشم و تحفه هایی ناقابل رو پیشکش مهر و علاقتون به این هنر متعالی کنم...

۳۵ دیدگاه

  1. سلااام
    اقا هرکار میکنم این قسمتش نمیشهه:(((
    Direct selection رو انتخاب میکنیم وروی سه نقطه مشخص شده طبق تصویر زیر کلیک میکنیم وبعد کلیدهای ctrl+t رو میگیریم ودستگیره های فعال رو به سمت داخل شکل میکشیم:

  2. بازم سلام
    خودم فهمیدم چطوری عکسم رو بذارم
    این هم چیزی که من ساختم. البته مدل پرتقالی
    http://upload7.ir/imgs/2014-09/19088267962246238925.jpg

  3. سلام مرسی از آموزش. خیلی عالی بود
    من مدل پرتقالی درست کردم اما نمیدونم چطوری میتونم عکسمو بذارم که ببینید!!

  4. من هر کاری میکنم از مرحله ای Layer style رو تنظیم میکنیم نمیتونم رد شم اصن چیزی که در میارم شبیه اون نمیشه

  5. سلام
    خسته نباشید
    اگه میشه فایل PSD این کار را بگذارید

  6. سلام
    میخواستم نظر شما رو بدونم
    ممنون میشم اگه ببینید…

    http://upload7.ir/imgs/2014-07/40571764852781955561.jpg

  7. نسخه ی CC فتوشاپ یا creative cloud تفاوت چندای با cs6 نداره.
    دوست عزیز با cc هم میتونید انجام بدید

  8. مدیر جون جواب منم بده لطفا
    ای طرحم آموزش میدین یا نه ؟!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!برم دنبال کارم!!!
    http://www.graphicha.com/wp-content/uploads/2014/01/Shatter-Effect-Photosho1.jpg

    تشکر

  9. خودم رفتم تو تنظیماتش گشتم چنبار خرابش کردم تا بالاخره فهمیدم باید چیکارش کنم
    واین در اومد
    http://8pic.ir/images/x0oimfypfguxc3bp8qwb.jpg

  10. سلام . اگه میشه آموزش ساخت استایل نام سایت هایی که داخل بنر های زیر اومده را آموزش بدید .

    http://farsbanner.us/Banner/940×140/DINA%20CENTER.gif

    http://farsbanner.us/Banner/940×140/ABRVPN.gif

    http://farsbanner.us/Banner/940×140/PARSCISCO.gif

    http://farsbanner.us/Banner/940×140/MAHANVPN.gif

    http://farsbanner.us/Banner/940×140/VPN%20HA.gif

    یکی از اینا رو هم آموزش بدید خوبه .

    مـــــــــــــــــــــــــــــــــــــــــــــــــــــمــنون از سایت خوبتـون .

  11. ســـــــــــــــــــــــــــــــــــــــــــــــــــلامــ

    ممنونم از پیشنهادتون ولی من حدود ۲ هفته پیش کامنت گذاشتم و پیشنهاد ساخت کارت تبریک دادم

    آقای مدیر سایت گفتن پیشنهاد خوبیه ، منتظر باشم ؛ بزودی آماده میشه

    در هر صورت باز هم تشکر

  12. سلام آبجی
    من یه مشکل داشتم
    تو قسمتی که گفتین
    به آخرین لایه ای که ایجاد شده برین وبه گزینه fill ازپالت layer عدد۰ بدین.
    اون قسمت Layer که تو عکس اون پایینه برای من نیست
    چیکار کنم؟

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

  14. سلام ببخشید با تمام نسخه ها این رو میشه انجام داد ؟؟؟؟
    نسخه ای که من در اختیار دارم cc می باشد …

  15. در قسمتی که باید ” روی لایه دوم کپی شده دابل کلیک کنین و از کادر باز شده تنظیمات رو انجام بدیم ، گزینه ی tecture تون هم فعاله ولی عکسشو نزاشتید ک ما تنظیماتشو اعمال کنیم واسه همینم تو اون مرحله مثه شما نمیشه کارمون. ممنون میشم بزارید اونم.

  16. سلام
    همه آموزشاتون رو دنبال کردم واقعا عالی بود و خیلی بدردم خورد و کار کردم
    خواهشا این عکس زیر رو آموزش بدید
    http://www.graphicha.com/wp-content/uploads/2014/01/Shatter-Effect-Photosho1.jpg

  17. ســــــــــــــــــــــــــــلام
    خیلیــــــــــــــــــــــــــــــ قشنگ بود
    من کارت تــــبــریک تولد میخوام لــــــــطـــفـــا
    بـــــــــا تــــــــشــــــــکر

  18. ببخشید
    ابجی !!
    میگم چرا مال من براق نمیشه
    همه مراحلو میرم ولی مشکل اینجاس براق نمیشه و کار زشت در میاد

  19. سلام داداش
    چرا من سایز صد در صد رو میزنم کوچیک در میاد
    اصلا هر سایزی که اینجا گفته میشه میزنم کوچیک در میاد
    میتونی کمکم کنی ؟

    • سلام من آبجی هستم
      برای ایجاد صفحه ای جدید درکادر new در ابتدا حتمابه تنظیمات پیکسل وسانتیمتر دقت کن.
      تو این آموزش ۲سایز متفاوت عنوان شده. یکی کادر بزرک برای کار اصلی در گام اول با تنظیمات زیر:
      عرض:۱۵۱۵ پیکسل
      ارتفاع:۷۳۳ پیکسل
      دومی برای ایجاد یه نقطه کوچک سیاه در گام دوم که نیاز به کادری جدید و سایز کوچک داریم که همون ۱۰۰ در ۱۰۰ پیکسل درسته.

  20. سلام ، چه نازه ،دوسش دارم . بابت آموزشای خوبت ممنون

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

بپر بالا !