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

آموزش تایپوگرافی حروف با افکت ربان درفتوشاپ

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

شرح آموزش:

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

منابع:
حروفETH

 

مرحله اول

سندی با ابعاد زیر باز کنین:

1

از جعبه ابزاراعداد foreground:fdfdfd  و background:9e9a97 وارد کنین.
ابزارGradient tool از جعبه ابزار انتخاب کنین وطبق تصویر زیر تنظیمات را انجام بدین:

2

مرحله دوم

فونت ETH رو از قسمت منابع دانلود کنین یا با یه فونت ساده حروف مورد نظرتون رو تایپ کنین،از زیرمجموعه  window گزینه character روباز کنین وتنظیمات زیر رو انجام بدین:

3

مرحله سوم

در ادامه ctrl+n رو از صفحه کیبورد گرفته و سندی جدید با ابعاد زیر باز کنین:

4

از جعبه ابزار rectangle tool رو انتخاب میکنیم، روی صفحه دابل کلیک میکنیم تاکادر تنظیم ابعاد باز بشه و تنظیمات زیر را طبق تصویرانجام میدیم تا مستطیل مشکی داخل صفحه ایجاد شود:

5

ابزارDirect selection رو از جعبه ابزار انتخاب کنین و سمت چپ مستطیل رو به سمت پایین و سمت راست مستطیل رو طبق تصویر زیر به سمت بالا بکشین:

6

ابزار Add anchor point رو از جعبه ابزار انتخاب میکنیم و طبق تصویر زیر در چهار نقطه از لبه تصویر کلیک میکنیم تا گره جدید ایجاد شود:

7

دوباره ابزارDirect selection  انتخاب میکنیم و طبق تصاویر نقاط رو جابجا میکنیم :

8

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

9

مرحله چهارم

از پالت layer روی لایه مستطیل دابل کلیک کنین تا پنل رنگ باز بشه وعدد b23636 رو وارد کنین تا رنگ زیر رو داشته باشیم:

10

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

11

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

12

روی لایه راست کلیک میکنیم و گزینهDuplicate layer رو انتخاب میکنیم ،روی لایه دابل کلیک میکنیم و عدد۲f1616 رو وارد میکنیم تا نتیجه زیر به دست بیاد:

13

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

14

به منوی Edit/transform path/Elip vertical رفته وکلیک کنین تا نتیجه زیر ایجاد بشه:

15

به پالت layer برین ولایه کپی شده (قرمز رنگ) رو زیره لایه اولی قرار بدین :

16

کلید shift رو پایین نگه میداریم و روی هر دولایه اخیر کلیک میکنیم تا انتخاب شوند وبعد روی لایه بالایی راست کلیک کرده و گزینه  rasterise layer رو انتخاب میکنیم و دوباره راست کلیک میکنیم و گزینه  merge layer رو انتخاب میکنیم تا لایه ها ادغام شوند:

17

مرحله پنجم

بعد از ادغام کردن دو لایه تصویر رو درک میکنیم داخل اولین صفحه و روی نوشته در جایی مناسب مثل تصویر زیر قرار میدیم:

18

با استفاده از کلیدهای ctrl+j از تصویر ربان کوتاه کپی میگیریم و طبق تصویر زیر روی هم میچینیم وزمانی که از نتیجه کار راضی بودین لایه های کپی شده جدید رو با نگه داشتن کلید shift انتخاب کنین وروی یکی از لایه ها راست کلیک کنین و گزینه merge layer رو انتخاب کنین تا لایه ها یکی بشن و کار برای ادامه راحت تر بشه و اسم لایه رو به اسم حروف تغییر بدین هم خیلی بهتره

19

مرحله ششم

این چیدمان رو برای ابتدای حرف p هم انجام میدیم و اما برای ادامه حرف p دوباره یه کپی از ربان کوتاه میگیریم و با کلیدهای ctrl+t مانند تصویر زیر جابه جا میکنیم (چرخش)

20

ربان کوتاه رو طبق تصویر بالا در جای مناسبی قرار میدیم ولایه رو زیر لایه های دیگه در پالت لایه قرار میدیم و طبق تصویر زیر میتونین با پاک کن جاهای اضافه رو پاک کنین (اگه پاک کن تو این مرحله عمل نکرد بدونین که باید لایه هارو ادغام کنین. یعنی روی لایه های جدید راست کلیک کنین وگزینه merge layer رو انتخاب کنین در این حالت پاک کن عمل میکنه)

22

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

23

قسمت بعدی رو هم طبق توضیحات قبلی (یعنی کپی گرفتن از لایه قبلی با CTRL+J وچرخش لایه با دستگیره های  CTRL+T )انجام میدیم:

24

فراموش نکنین بعد از اتمام طراحی هر حرف تمامی لایه هارو انتخاب کنین و راست کلیک کرده وگزینه MERGE LAYER رو انتخاب کنین.
برای حرف P  نتیجه زیر را داریم:

25

مرحله هفتم

حرف S را طبق تصویر زیر و توضیحات مراحل قبل شروع میکنیم:

26

فراموش نکنین لایه جدید رو طبق وضعیت اون، زیر یا روی لایه قبلی قرار بدین.
تصویر زیر میتونه کمکتون کنه:

27

طراحی حروف با ربان کوتاه را ادامه بدین تا به پایان حرف آخر برسین،
لایه های حروف را با نگه داشتن کلید  SHIFT انتخاب کنین و روی یکی از لایه ها راست کلیک کنین و گزینه MERGE LAYER رو انتخاب کنین تا همه حروف یک لایه داشته باشند.
در ادامه علامت چشم کنار لایه تایپ شده را غیر فعال کنین تا حروف زیر ربان پاک شوند.
در این مرحله طراحی حروف تموم میشه و نتیجه زیر رو داریم:

28

مرحله هشتم

روی لایه حروف دابل کلیک میکنین تا منوی layer style باز بشه و تنظیمات زیر رو انجام بدین:

29

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

30

مرحله نهم

در پالت لایه روی قسمت thumbnail لایه کلیک میکنیم تا حروف به حالت انتخاب در بیان و کلید alt+shift+ctrl+n رو میگیریم تا لایه جدید باز بشه و اسم اون روبه ” ربان طلایی ” تغییر میدیم:

31

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

32

33

34

ابزار brush با تنظیمات تصویر زیر رو انتخاب میکنیم ورنگ  foreground:ffb94a در نظر میگیریم و طبق تصویر زیر روی حروف کمی به صورت خمیده طبق انحنای شکل خطوطی میکشیم:

35

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

36

برای تغییر رنگ ربان، از پایین پالت layer گزینه Hue/saturation رو انتخاب میکنیم و تنظیمات زیر رو انجام میدیم:

37

 

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

38

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

pdf_download_button

درباره ی Narges Dashti

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

۳۸ دیدگاه

  1. سلام
    ممنون انجامش دادم تموم شد

  2. مرسی درست کردم عالی بود فقط حرف و عوض کردم و چندتا چیز میز اضافه کردم خلاصه خیلیییییی زیبا بود مرسی. اینو لوگوی کارام میکنمhttp://upir.ir/93dey/HDS3.png

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

  4. خیلی قشنگ شد البته برای من کلمه ی S یه جوری شده
    اینم برای من : =)

    http://i.cubeupload.com/JGuQfh.jpg

  5. از آموزشتون سپاس گزارم..!
    بسیار آموزنده بود.

  6. طرح لایه بازش را لطفا بگذارید
    ممنون از شما

  7. میشه طرح لایه باز روبان رو هم بذارید

  8. کمک !!! تو مرحله ۳ من با rectangle too مربع رو میسازم اصلا مربع وسط صفحه نمیاد !!!! چسبیده به کناره ی بکگراند ! بعد ابزار Direct selection رو انتخاب میکنم اصلا مربع قابلیت سلکت نداره !!! انگار عین برچسب چسبیده به بکگراند !!! چرا اینجوریه ! تاحالا تو هیچکدوم اموزش ها مشکل این مدلی اونم تو مراحل اول نداشتم !!!

    • شما ورژن فتوشاپت چیه؟ اگه cx5 به بعده، که خوب. اما اگه ورژ ن قدیمی تره آپ دیت کن.
      دوم اینکه اگه ورژن مشکلی نداره، فتوشاپت رو ریست کن چون مرحله سه تمرینی عادی هست ونباید این مشکل پیش بیاد!
      موفق باشی

  9. سلام من CS6 دارم.ولی معمولیه.ممنون میشم بهم بگید بهتره از کدوم ورژنش استفاده کنم؟؟؟

  10. واقعا ممنون عاشق این سایتم

  11. وای کمرم شکست.تموم شد دستت درد نکنه با این که خیلی طول کشید ولی چیزه خوبیه
    بازم مرسی

  12. سلام . یه سوال داشتم . میخواستم بپرسم چطوری میشه نا حیه یه عکس رو پیدا کرد( مثلا Left و Top و…).
    مثلا Left . Right . top . Bottom این عکسی که نمنطقشو مشخص کردم.
    http://www.axgig.com/images/84153268048273475804.jpg

  13. سلام آموزشتون عالیهههههههههه

    من ساختمش منتها من این مدلیشو لازم داشتم و ساختم

    http://www.xum.ir/images/2014/06/14/111dmirc.jpg

    بازم ممنون و منتظر اموزشای دیگه تون هستم:)

  14. سلام خسته نباشی، کمکم کن که همین اول کار موندم ، من هرچی لایه کپی شده رو به زیر لایه اصلی میارم مطابق تصویر شما نمیشه یه نگاه به تصویر من بندازید
    http://8pic.ir/images/89272161210058631420.jpg

    • سلام عزیزم
      مشکل شما اینه که میخواین لایه کپی شده رو ببرین زیر لایه اول!!!.لایه کپی شده باید بالای لایه اول باشه.
      آموزش رو یک باره دیگه با دقت بخون،گفته شده لایه رو کپی کنین و در ادامه فقط به منوی
      Edit/transform path/Elip vertical رفته وکلیک کنین .اینطوری تصاویر طبق نتیجه به دست میان.
      موفق باشی گلم:)

  15. خیلی خوبه ولی وقط زیاد میخاد

  16. سلام
    خسته نباشی عالی بود

  17. اومدم زودی برسم اولین نظر رو بدم دیدم انگار از دنیا عقبم
    اینم شانس ما

  18. خسته نباشین،بابت آموزشهای خوبتون!

  19. خیلی طول میکشه :))
    من تو همین ۲۵ دقیقه دو حرف ip رو درست کردم

    ممنون :))

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

بپر بالا !