آموزش ایجاد یک متن نئونی با فتوشاپ CS6

آموزش ایجاد یک متن نئونی با فتوشاپ CS6
  • 1392/8/30
  • مبين
  • 12

3dneon29 از زمانی که بخش 3D یا سه بعدی به نرم افزار محبوب فتوشاپ اضافه شده است آموزش های فراوان و متعددی در این زمینه در دنیای مجازی منتشر شده است. امروز در گویا آی تی قصد داریم که به آموزش بخش سه بعدی در فتوشاپ بپردازیم. در این مقاله قصد داریم به شما نحوه ساخت و طراحی یک متن نئونی را آموزش دهیم  برای طراحی این پروژه به فتوشاپ CS6 نیاز دارید. پس از مشاهده این آموزش نیز می توانید به طراحی متن های سه بعدی در فتوشاپ بپردازید و اوج خلاقیت خود را روی یک اثر هنری بریزید. منابع استفاده شده در این آموزش :

مرحله 1

برای شروع با استفاده از کلید های میانبر Ctrl+N یک سند جدید با ابعاد  width: 1440px, height: 900px و وضوح یا resolution: 72. ایجاد کنید و نام آن را 3D Neon بگذارید. 3dneon1 مرحله 2

رنگ پس زمینه را با رنگ  #15243b پر کنید اکنون فونت You’re Gone” را که در ابتدای مقاله معرفی کردیم دانلود کنید و آن را نصب کنید برای نصب آن باید فونت را در آدرس C:WindowsFonts حال متن PARTY! را با رنگ سفید و اندازه 250 pt تایپ کنید. پنجره Character را در منوی Window باز کنید و تنظیمات آن را همانند تصاویر زیر تغییر دهید. 3dneon2a 3dneon2b 3dneon2c مرحله 3

به منوی لایه ها بروید و روی لایه متن کلیک راست کرده و سپس گزینه Convert to Shape را انتخاب کنید حال Pen tool  را انتخاب کنید رنگ آن را به  #488dc6 تغییر دهید و همانند تصویر زیر عمل کنید. پس از آن که منوی تنظیمات pen tool را انتخاب کردید روی More Options  کلیک کنید پنجره تازه ای برای شما باز می شود تنظیمات را همانند زیر دنبال کنید اگر از متن زیر متوجه نشدید می توانید با تصاویر مراحل را دنبال کنید.

  • Align: Center
  • Caps: Round
  • Corners: Round
  • Dashed Line: Checked
  • Dash: 38
  • Gap: 3

3dneon3a پس از اعمال تنظیمات تصویر شما باید به شکل زیر در بیاید. 3dneon3b مرحله 4

از لایه متن یک کپی بگیرید و نام آن را Party! Black بگذارید بریا کپی کردن لایه می توانید روی لایه کلیک راست کرده وگزینه Duplicate را انتخاب کنید. سپس تنظیمات مرحله قبل را با کمی تفاوت همانند تصویر زیر انجام دهید. 3dneon4 مرحله 5

از لایه Party! Black یک کپی دیگر بگیرید و نام آن را support بگذارید باز هم در این قسمت از تنظیمات مرحله 3 استفاده میکنیم اما مقادیر باید کمی تغییر داده شود.

  • Preset: select the dotted line
  • Align: Inside
  • Caps: Round
  • Corners: Round
  • Dashed Line: Checked
  • Dash: 0
  • Gap: 18

3dneon5 مرحله 6

اکنون برای طبیعی به نظر رسیدن کار باید مقداری کابل برای پشت متن طراحی کنیم. برای این کار از ابزار Pen tool استفاده می کنیم رنگ stroke  را به #081a2b تغییر دهیدو سپس با اندازه 5 pt کابل را همانند تصویر زیر طراحی کنید به یاد داشته باشید که شما می توانید کابل را به شکل دیگری طراحی کنید.

3dneon6a 3dneon6b لایه های شما باید همانند تصویر زیر باشد. 3dneon6c مرحله 7

اکنون کار با بخش 3D را آغار می کنیم. حال باید تمامی لایه ها را به 3D اکستروژن تبدیل کنیم. این امکان وجو ندارد که به صورت یکجا تمامی لایه ها را به 3D اکستروژن تبدیل کنیم پس این مرحله را برای تک تک لایه ها به جز لایه Background تکرار می کنیم. لایه مورد نظر را انتخاب کنید و به منوی 3D>New 3D Extrusion from Selected Layer بروید. همچنین می توانید این کار را با  کلیک راست روی لایه مورد نظر و انتخاب convert and select the New 3D Extrusion from Selected Layerاین عمل را انجام دهید.

3dneon7مرحله 8

حال برای لایه background به منوی 3D>New Mesh from Layer>Postcard بروید یا می توانید  با کلیک راست کردن روی لایه background و انتخاب گزینه Postcard این عمل را انجام دهید.

3dneon8a

3dneon8b

مرحله 9

همه لایه ها را انتخاب کنید و به منوی 3D>Merge 3D Layers بروید.

3dneon9a

3dneon9b

مرحله 10

در این مرحله میخواهیم عمق همه 3d extrusions را تغییر دهیم. ابتدا لایه  rope یا طناب را در پنل 3D انتخاب کنید سپس از پنجره Properties خواص آن را همانند تصاویر زیر تغییر دهید.  مقدار  Extrusion Depth را برابر 0 قرار دهید سپس در منوی شکل های آماده شکل Pillow Inflate را انتخاب کنید.

3dneon10a

3dneon10b

مرحله 11

در پنجره Properties  لایه Party! Blue را انتخاب کنید مقدار Extrusion Depth را به 0; تغییر دهید پس از آن بر روی Shape Preset کلیک کنید و همانند تصویر زیر Pillow Inflate را انتخاب کنید سپس روی آیکون Cap در بالای این پنل کلیک کنید مقدار Angle را به 90º و Strength را به 20 % تغییر دهید. در تصاویر زیر می توانید این مرحله را کامل ببینید.

3dneon11a

3dneon11b

3dneon11c

این مرحله را برای لایه Party! Black نیز تکرار کنید.

3dneon11d

مرحله 12

در پنل 3D  لایه support را انتخاب کنید و  Extrusion Depth را به 35 تغییر دهید.

3dneon12a

3dneon12b

مرحله 13

درپنل 3D بخش Scene را انتخاب کنید سپس روی پنل Properties کلیک کنید و مقدار Presets را به Hidden Wireframe تغییر دهید. در گوشه ای از تصویر کلیک راست کنید و left را انتخاب کنید تا نمای دید به سمت چپ تغییرداده شود. سپس همانند تصویر زیر کابل ها را تغییر موقعیت دهید.

3dneon13a

3dneon13b

مرحله 14

اکنون نوبت به تغییر زاوریه رسیده است با استفاده از ابزار Move  جسم 3D را تغییر مکان دهید همچنین می توانید مختصان آن را که در تصویر زیر درج شده است وارد کنید.

3dneon14a

دیدگاه کنونی یا Current view را برای رفع های بعد ذخیره کنید. برای این کار می توانید در پنل 3D روی View>Save کلیک کنید. شما می توانید شی 3D خود را به هر مکانی حرکت دهید و با بازگشت به این منو و انتخاب نمای ذخیره شده می توانید به این حالت باز گردید.

3dneon14b

مرحله 15

حال باید متریال ها را به متن اضافه کنیم.

تمام لایه های متریال متن لایه Party! Blue را انتخاب کنید در پنل Properties تکسچر را حذف کنید روش حذف تکسچر در تصویر سمت چپ آمده شده است سپس مقادیر زیر را روی آن تنظیم کنید.

Diffuse: #a0d6ff
Specular: #348bcd
Illumination: #3ba6f8
Ambient: #454545
Shine: 80%
Reflection: 17%
Roughness: 0%
Bump: 0%

3dneon15a

3dneon15b

مرحله 16

تمام لایه های متریال لایه Party! Black را انتخاب کنید سپس مقادیر زیر را وارد کنید :

Diffuse: # 7f7f7f
Specular: # 333333
Illumination: #000000
Ambient: #000000
Shine: 20%
Reflection: 20%
Roughness: 7%
Bump: 10%

3dneon16

مرحله 17

تمام لایه های متریال لایه  support را انتخاب کنید و سپس مقادیر زیر را تغیییر دهید:

Diffuse: # 7f7f7f
Specular: # 333333
Illumination: #000000
Ambient: #0167a1
Shine: 20%
Reflection: 10%
Roughness: 5%
Bump: 10%

3dneon17

مرحله 18

تمام لایه های متریلا لایه rope را انتخاب کنید و سپس مقادیر زیر را تغییر دهید:

Shine: 20%
Reflection: 43%
Roughness: 9%
Bump: 10%

3dneon18مرحله 19

حال باید کمی تغییر در ظاهر این پروژه بدهیم روی لایه Environment کلیک کنید در پنجره Properties تیک گزینه IBL را بردارید. برداشتن تیک این گزینه به ما در مراحل بعدی کار با لایه background کمک میکند. در ادامه مقدار Opacity را به 60% و مقدار Roughness را به 20% تغییر دهید.

3dneon19a

در این مرحله تصویر شما باشید این گونه باشد.

3dneon19b

مرحله 20

در این مرحله میخواهیم یک نور سرد به متن اضافه کنیم. در پایین پانل 3D همانند تصویر ززیر روی آیکون Add a new Light to Scene کلیک کنید در منوی آبشاری باز شده New Infinite Light را انتخاب کنید. رنگ را به  #b4f2ff تغییر دهیدمقدار Intensity را به 60% و مقدار shadaw را به 11% تغییر دهید.

3dneon20a

3dneon20b

مرحله 21

در پانل 3D لایه background را انتخاب کنید و سپس در پنجره Properties مراحل زیر را دنبال کنید:

Diffuse: # 023963
Specular: # 333333
Illumination: #000000
Ambient: #0167a1
Shine: 23%
Reflection: 89%
Roughness: 47%
Bump: 10%

3dneon21

مرحله 22

اکنون میخواهیم به دیوار یک texture یا بافت اضافه کنیم. لایه Background را انتخاب کنید و به پانل Background بروید روی آیکون file کلیک کنید این آیکون در کنار Diffuse قرار دارد. Edit Texture را انتخاب کنید یک پیغام برای شما ظاهر می شود ok را بزنید بعد از آن پرونده جدید با صفحه Background اصلی باز می شود.

3dneon22a

3dneon22b

مرحله 23

texture دانلود شده را در داخل نرم افزار فتوشاپ باز کنید با استفاده از کلید های میانبر ctrl+t آن را تغییر اندازه دهید به طوری که تمام صفحه را بپوشاند. روی لایه texture کلیک راست کرده و گزینه texture را بزنید تا از آن یک کپی گرفته شود آن را پنهان کنید.3dneon23a

3dneon23b

3dneon23cمرحله 24

دیگر نیازی به لایه Background یا پس زمینه نیست می توانید آن را حذف کنید. بافشردن کلیدهای میانبر Ctrl+U کادر محاوره ای Hue/Saturation را باز کنید هم چنین می توانید از منوی Image>Adjustment>Hue/Saturation آن را باز کنید. در پنجره باز شده مقدار Hue را به 213 , Saturation را به 54 وLightness را به -67 تغییر دهید.

3dneon24a

کادر محاوره ای Levels رااز طریق کلید های میانبر ctrl+D باز کنید همچنین می توانید آن را از منوی Image>Adjustment>Levels باز کنید. مقادیر را همانند تصویر زیر تغییر دهید

3dneon24b

مرحله 25

در این مرحله میخواهیم به دیوار یک نور اضافه کنیم به صفحه  texture بازگردید لایه  duplicated شده را از حالت پنهان در آورید بازهم کادر محاوره ای  Hue/Saturation را باز کنید مقدار Hue را به 213 , Saturation را به 25 و  Lightness را به -40 تغییر دهید.

3dneon25aیک لایه ماسک ایجاد کنید مقدار  Opacity را به 82% و مقدار  Fill را به 70% نیز تغییر دهید تصویر شما باید به شکل زیر در آید.

3dneon25b

3dneon25c

حال میخواهیم لایه تیره را کمیش بیش تر تیره کنیم برای این کار کارد محاوره ای Levels را باز کنید highlight آن را به 191 تغییر دهید آن را ذخیره کنید.

3dneon26a

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

3dneon26b

مرحله 27

تنظیمات نهایی

شما می توانید قسما خالی سند اصلی را با crop کردن پر کنید من از ابزار  move برای پر کردن این فضا استفاده کرده ام.

3dneon27a

پس از آن که کارتان با این پروژه تمام شد باید آن را رندر کنید برای این کار می توانید از کلیدهای میانبر Alt+Shift+Ctrl+R و از منوی Menu 3D>Render استفاده کنید.

3dneon27b

مرحله 28

اگر دقت کرده باشید حروف متن ما درخشش خوبی ندارند پس بهتر است برای زیبا تر به نظر رسیدن آن به متن درخشش بدهیم. به پانل لایه ها باز گردید و یک لایه جدید ایجاد کنید نام آن را  Glow بگذارید و یک براش نرم با اندازه 25px انتخاب کنید رنگ را به #00ccff تغییر داده و opacity را به 25% تغییر دهید و با براش روی حروف روی حروف را رنگ آمیزی کنید.

3dneon28

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

دیدگاه خود را وارد کنید
تعداد دیدگاه ها : 12 دیدگاه
  1. سلام
    کارت خیلی عالی بود ولی من هر کار میکنم درست نمیشه…
    بعضی جاهاشو خوب توضیح ندادی؟!

  2. ساعت یک و نیم شروع کردم الان ساعت چهار و ربع بالای نصف شبه و نتونستم درستش کنم. بعضی جاهاشو جا انداختی شایدم من نتونستم(توی مرحله ی ۳ بعدی)
    کاش یه اکسپورت از طرح میذاشتین تا بتونیم مهندسی معکوس روش کار کنیم

  3. سلام سیستم من convert to shape نمیشه و میگه type layer uses a faux bold style !!!! من چیکار باید کنم
    لطفا سریع جواب بدید از خیلی وقته درگیرشم

  4. سلام.واقعا عالی بود همون چیزی شد که میخاستم.دو تا طرح درست کردم یکی طرح party و دیگری هم طرح اسم خودم.خیلی خوب شدن.خسته نباشید.

    1. لطف میکنی عکس طرحی که به اسم خودتون هستش رو برام بفرستین

  5. عالی بود من برای یه پروژه ازش استفاده کردم واقعا گیرا بود خیلی خیلی خیلی سپاس گذارم

  6. سلام
    خیلی عالی بود
    من بار دوم تونستم (۲ روز) درستش کنم چندتا نکته ریز رو توضیح نداد بودین واسه کسایی مثل من ک زیاد تسلط ندارن خودش معضلیست

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