آموزش فتوشاپ 17 دقیقه 145

آموزش نوشته سه بعدی در فتوشاپ روی چوب | آموزش حرفه ای نوشته 3D در فتوشاپ

چکیدهآموزش نوشته سه بعدی در فتوشاپ در این آموزش قصد داریم نشان دهیم چگونه با استفاده از چند تکسچر، تنظیمات 3D در فتوشاپ و نور پردازی ، یک چیپ واقعی طراحی کنیم. (مانند adjustment layer) بزن بریم که شروع کنیم ! پیشنهاد میکنیم پست ساخت پانوراما 360 درجه در فتوشاپ (Polar Panorama) را نیز همین […]

آموزش نوشته سه بعدی در فتوشاپ

در این آموزش قصد داریم نشان دهیم چگونه با استفاده از چند تکسچر، تنظیمات 3D در فتوشاپ و نور پردازی ، یک چیپ واقعی طراحی کنیم. (مانند adjustment layer)

بزن بریم که شروع کنیم !

پیشنهاد میکنیم پست ساخت پانوراما 360 درجه در فتوشاپ (Polar Panorama) را نیز همین الان ببینید.

آموزش نوشته سه بعدی در فتوشاپ روی چوب | آموزش حرفه ای نوشته 3D در فتوشاپ

این افکت الهام گرفته از استایلهای موجود در Evento Market است. پس باید ارزش اون رو دونست.

سورس های آموزش

فایل های لازم برای آموزش نوشته سه بعدی در فتوشاپ روی چوب:

فونت Insaniburger with Cheese

PlywoodPainted0057 Image 1 and Image 2 | ساز small

WoodPlanksBare0050 Image 2 | سایز medium

Living room and dining room  | سایز Small

Use This 160 توسط Inthename-Stock

1. ایجاد متن

مرحله ی اول

برای ساخت نوشته با افکت چوبی ابتدا یک سند 1000*750 px بسازید، بک گراند را با رنگ خاکستری پر کنید.

متنی به رنگ مشکی  با فونت Insaniburger with Cheese بنویسید. سایز فونت مهم نیس بعدا در قسمت 3D میتوانینم تغییر دهیم.

step_01_1

مرحله ی دوم

بروید به Type > Convert to Shape.

step_01_2

2- ایجاد 3d mesh

مرحله ی اول

بروید به  3D > New 3D Extrusion from Selected Path.

step_02_1

مرحله ی دوم

برای دسترسی به تنظیمات 3Dmesh و Properties، دو پنل را باید باز کنید، پنل 3D و پنل Propeties ( اگر این 2 پنل را ندارید از منوی Window بیاورید).

پنل 3D دارای تمام اجزای صحنه ی سه بعدی است و وقتی روی هر کدام کلیک کنید به تنظیمات و ویژگی های هر کدام دسترسی پیدا خواهید کرد. پس قبل از اینکه تنظیمات پنل Properties را در مورد عنصری بخواهید تغییر دهید مطمئن شوید که پنل 3D را انتخواب کرده باشید.

step_02_2

مرحله ی سوم

با انتخاب Move Tool مجموعه ای از حالتهای 3D در سمت راست نوار Option خواهید دید، و میتوانید با کلیک و درگ کردن تغییراتی را بر عنصر مورد نظر در پنل 3D بوجود آورید.

step_02_3

3- تنظیمات 3D Mesh

مرحله ی اول

تب Text Mesh را از پنل 3D انتخاب کنید سپس از پنل Properties، Texture Mapping را به  Tile و  Extrusion Depth را به 35  تغییر دهید.

step_03_1

مرحله ی دوم

بر روی  آیکون cap در بالای  پنل properties کلیک کنید، حالا Bevel Width را به 1 و Contourرا به Half Round تغییر دهید.

step_03_2

3- Front Material Settings

مرحله اول

بر روی تب Front Inflation Material در پنل 3D کلیک کنید، سپس در پنل  Properties بر روی آیکن Diffuse texture کلیک کنید و Replace Texture را انخواب نمایید.

عکس PlywoodPainted0057 – Image 2 image را بارگذاری کنید.

step_04_1-1

مرحله ی دوم

آیکن  Diffuse texture را دوباره انتخاب کنید و بر Edit UV Properties بگزینید.

step_04_2

آنچه در این مرحله باید انجام دهید این است که مقادیر Tile و Offset را تا رسیدن به مقدار دلخواه تغییر دهید.

مقدار Tile میزان کشش texture  را نشان میدهد، در حالی که مقدار Offset موقعیت آنرا نشان میدهد، در نتیجه در نتیجه چوب بدون رنگ در زیر متن ظاهر میشود.

step_04_3

مرحله ی چهارم

مقدار Bump را به  تغییر دهید، بر روی آیکن پوشه ی آن کلیک کنید و نام front material texture’s را از لیست انتخاب کنید.

این کار باعث میشود مقدار یکسانی از Diffuse تکستچر به Bump اعمال شود. مطمئن شوید کهUV Properties ویرایش شود که هماهنگ با Diffuse آن باشد.

step_04_4

5- تنظیمات Extrusion and Bevel Material

همان مراحل تکسچر PlywoodPainted0057 – Image 1 را برای Front Bevel و Extrusion Materials اعمال کنید.

نگران ویژگی های UV نباشید، بعدا به آنها رسیدگی میکنیم.

step_05_1

6- عوض کردن جهت متن

مرحله ی اول

تب متن مش را انتخاب کنید، ب روی آیکون Coordinates در بالای پنل Properties کلیک کنید، X Rotation Angle را به 90 تغییر دهید.

step_06_1

مرحله ی دوم

بروید به 3D > Move Object to Ground Plane.

step_06_2

مرحله ی سوم

به 3D > Split Extrusion بروید.

این کار باعث میشود حروف از هم جدا شوند و ازین پس میتوانید جدا جدا بر روی هریک کار کنید.

step_06_3

مرحله ی چهارم

Move Tool را انتخاب کنید و 3D Axis برای جابجایی حروف هرطور که میپسندید استفاده کنید.

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

step_06_4

مرحله ی پنجم

با استفاده از Move Tool’s 3D Modes میتوانید Camera View را عوض کنید سپس برای هر حرف به تنظیم UV Properties درFront Bevel و Extrusion Materials بپردازید.

step_06_5

7- ایجاد Ground Plane

مرحله ی اول

Rectangle Tool را بردارید، یک مستطیل که تا بیرون سند امتداد میابد بسازید.

مستطیل را Ground Plane  بنامید.

step_07_1

مرحله ی دوم

بروید به 3D > New 3D Extrusion from Selected Path و  Extrusion Depth را 1 قرار دهید.

step_07_2

مرحله ی سوم

روی آیکن Coordinates کلیک کرده و X Rotation Angle را به 90 تغییر دهید.

step_07_3

مرحله چهارم

بر روی تب Current View کلیک کنید سپس یک نام برای متن 3D  چوبی از منوی View انتخاب کنید.

step_07_4

8- ادغام لایه های 3D و Texture و Ground Plane

مرحله 1

هر دو لایه 3D شما باید انتخاب شود، سپس به 3D > Merge 3D Layers بروید.

step_08_1

مرحله دوم

Ground Plane را در بالای صفحه ی Ground Plane قرار دهید، حرکت دهید تا وقتی که متن در مرکز قرار گیرد.

step_08_2

مرحله 3

Camera View را تغیر دهید تا فقط ground plane را نشان دهد، بدون هیچ فضای خالی.

هنگامی کا این کار را انجام دهید تکسچر  WoodPlanksBare0050 – Image 2 را به جلوی Ground Plane  با استفاده از بافتهای قسمت اعمال کنید،

توجه داشته باشید این تکسچر tileable نیست، بنابراین اگر پیدا کردن لبه ها برایتان سخت بود میتوانید با هر تکسچر tileable که میخواهید عوضش کنید.

step_08_3

بر تب Infinite Light 1 کلیک کنید، Intensity را به 100 و Shadow Softness  را به 30 تغییر دهید .

step_09_1

مرحله دوم

از Move Tool برای حرکت نور بی نهایت همانطور که در پایین نشان داده شده است استفاده کنید، یا میتوانید از مقادیر Coordinates استفاده کنید.

step_09_2

10- اضافه کردن و تنظیم نور نقطه ای

مرحله 1

روی Add new Light بر آیکن Scene در بالای پنل 3D کلیک کنید، New Spot Light را انتخاب نمایید.

step_10_1

مرحله ی دوم

Intensity را به 35 تغییر دهید، تیک باکس Shadows را بردارید، و  مقدار Cone را به 93.9  و Hotspot را به 47 تغییر دهید. تیک Light Falloff box را بگذارید و مقدار Outer را به 3800 برسانید و  Inner را به 666.

step_10_2

مرحله سوم

سپس Spot Light  را به مانند زیر حرکت دهید.

step_10_3

مرحله ی چهارم

شما همواره میتوانید از مقادیر Coordinates برای محل نور ها استفاده کنید.

step_10_4

11. تنظیم نور محیط

مرحله اول

بر روی تب Environment در پنل 3D کلیک کرده سپس آیکن IBL texture انتخاب کنید و Replace Texture را انتخاب کنید. سپس عکس های Living room و dining room را بارگذاری کنید.

step_11_1

مرحله دوم

Intensity را به 20% وShadow Opacity را 30% تغییر دهید.

step_11_2

از Move Tool برای حرکت نور تکستچر در اطراف تا جایی که به نتیجه ی دلخواه برسید استفاده کنید.

step_11_3

12- رندر گیری از صفحه

هرگونه تغییرات دیگری که دوست دارید ایجاد کنید سپس به 3D > Render بروید.

رندر گیری ممکن است طول بکشد، میتوانید با فشردن کلید Esc هر زمان که خواستید آنرا قطع کنید.

step_12_1

13- اضافه کردن لایه های Adjustment

مرحله ی اول

برروی Create new fill یا آیکن adjustment layer  در بالای  پنل لایه ها کلیک کنید سپس Brightness/Contrast را انتخاب کنید.

step_13_1

مرحله ی دوم

Contrast را به 35 تغییر دهید.

step_13_2

مرحله سوم

یک Curves adjustment layer اضافه کنید و سپس برای هر کدام یک curves بسازید:

قرمز:

step_13_3

سبز:

step_13_4

آبی:

step_13_5

مرحله چهارم

یک Levels adjustment layer اضافه کنید، مقدار Shadow input را به 19 و  Gamma را به 0.85 تغییر دهید.

step_13_6

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

14. اعمال فیلتر High Pass

مرحله اول

همزمان با اتنخاب لایه ی Levels، کلیدهای Option-Command-Shift-E را بفشارید برای ایجاد لایه ی stamp.

لایه را High Pass بنامید، سپس به Filter > Convert for Smart Filters بروید.

step_14_1

مرحله ی دوم

به Filter > Other > High Pass بروید، radius را 10 بگذارید.

step_14_2

مرحله ی سوم

Blend Mode لایه ی  High Pass را به Soft Light تغییر دهیدو  Opacity  را 35% قرار دهید.

step_14_3

14- اضافه کردن Grunge Texture

مرحله ی اول

محل استفاده ی این 160 بالای همه ی لایه هاست، لایه را Texture بنامید، وبه Edit > Transform > Rotate 90° Counter Clockwise بروید.

Blend Mode لایه ی Texture را به Soft Light و  Opacity را به 30% تغییر دهید.

step_15_1

مرحله ی دوم

یک Hue/Saturation adjustment layer اضافه کنید، آنرا به لایه ی Texture کلیپ (clip) کنید، Saturation را به -50 برسانید.

step_15_2

تبریک!  کار (نوشته سه بعدی در فتوشاپ) به پایان رسید!

در این آموزش یک متن ساده را به یک متن 3D تبدیل کردیم، و تنظیمات آنرا تنظیم کردیم. بعد از آن ما بافت مورد نیاز را ساختیم،  سپس به تقسیم extrusion و تغییر متن و اضافه کردن ground plane پرداختیم.

بر روی نور و camera view کار کردیم و از آن رندر گرفتیم. در آخر یک جفت adjustment layers به منظور افزایش روشنایی و  یک grunge texture برای اتمام کار ساختیم.

step_16

امتیاز: 0 از ۵ - تعداد رای: 0
اشتراک گذاری این صفحه
گفتگو و سوالات شما در این قسمت میتوانید نظر یا سوال خود را در مورد مقاله یا آموزش مطرح کنید.
دیدگاهتان را بنویسید برای ارسال دیدگاه لازم است در سایت وارد شده یا ثبت نام کنید ...
24 دیدگاه به گفتگوی ما بپیوندید و نظرتان را با ما به اشتراک بگذارید ...
کاربر بیت گرف 1398/04/22

سلام ، صفحه جدید در فتوشاپ باز میکنم و MODE اونو رو RGB میذارم و پنجره 3D فعاله ، اما اگر MODE این صفحه جدید رو از ابتدا بر روی CMYK بزارم پنجره 3D فعال نیست ، آیا این قانون فتوشاپ هستش یا ایراد سخت افزاری سیستم ، ممنون

    ارسطو اعتمادی 1398/04/23

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

      کاربر بیت گرف 1398/04/23

      سپاس ، ولی عجب قانون نهفته و غیر عیانی بود که من نوعی برای پیدا و متوجه اون شدن ،کلی درگیر شدم

        ارسطو اعتمادی 1398/04/23

        سه بعدی مختص RGB است

کاربر بیت گرف 1398/04/21

سلام و درود ، صفحه ای جدید در فتوشاپ باز میکنم ، اگر MODE اونو در حالت RGB قرار بدم ، بخش 3D فعاله ، ولی اگر بر روی CMYK بزارم بخش 3D فعال نیست ، آیا اساس کار فتوشاپ بر همین اساسه یا اینکه نه مربوط به سخت افزار سیستم می باشد ؟ ممنون

    ارسطو اعتمادی 1398/04/23

    درود اساس بر همین است.

کاربر بیت گرف 1395/08/15

سلام و درود فراوان خدمت شما عزیزان .خیلی سپاسگزارم استاد گرامی

    ارسطو اعتمادی 1395/08/16

    سلام، موفق باشید

کاربر بیت گرف 1395/08/15

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

    ارسطو اعتمادی 1395/08/15

    خدمت شما : https://bitgraph.ir/3d-wooden-work

کاربر بیت گرف 1395/08/14

سلام و درود خدمت اساتید گرامی.ببخشید این اموزش های تصویری رو ک ب صورت فیلم نیستن مثل همین اموزش چطوری میشه یکجا دانلود کرد.مچکرم

    ارسطو اعتمادی 1395/08/14

    سلام خدمت شما، در گوگل بنویسید "webpage to pdf" وبسایت های آنلاینی میاره و شما باید آدرس این مطلب را وارد کرده و پی دی اف اون رو تحوریل بگیرید.

کاربر بیت گرف 1395/07/20

http://yon.ir/t7lt

این تصویر رو ببینید. این تیک اصلا برای من خاموشه. نمیشه زدش. یعنی ممکنه گرافیک سیستمم پایین باشه و اینجوری باشه؟

    ارسطو اعتمادی 1395/07/20

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

کاربر بیت گرف 1395/07/16

سلام. یک مشکل دیگه هم که من دارم اینه که منوی 3D اصلا برای من فعال نیست هیچکدومش. من توی مراحل اول اون متن رو به حالت shape در آوردم. ولی بعدش که رفتم توی منوی 3D تا کار رو ادامه بدم به مشکل خوردم چون از منوی 3D هیچکدوم از گزینه ها فعال نبود.

    ارسطو اعتمادی 1395/07/16

    سلام، لطفا چک کنید ببینید graphic processor در فتوشاپ شما فعاله ؟ بعد چک کنید که درست کرک کردید یا نه ؟ اکثرا از این دو مشکل ناشی میشه غیر فعال بودن منوی سه بعدی.

کاربر بیت گرف 1395/07/16

سلام. اون تصویر living room and dining room که باید بخریمش که! خب الان چجوری میشه این تصویر رو گرفت؟ خرید که نمیشه کرد. از کجا گیرش بیارم؟

    ارسطو اعتمادی 1395/07/16

    همین " living room and dining room " در گوگل جستجو کنید و عکس های با کیفیت رو بگیرید. کارتون حل میشه مشکلی نخواهد داشت.

کاربر بیت گرف 1395/07/06

ممنون از راهنماییتون.مشکل رفع شد.

    ارسطو اعتمادی 1395/07/07

    خواهش میکنم موفق باشید.

کاربر بیت گرف 1395/07/06

the type layer uses faux bold style.

    ارسطو اعتمادی 1395/07/06

    در منوی window>>characters یک گزینه faux bold هست، که برای bold کردن بیشتر استفاده می شود. موقع تایپ نوشته اون گزینه رو غیر فعال کنید.

کاربر بیت گرف 1395/07/06

سلام.
زمانی که نوشته رو convert to shap میکنم پیغام خطا میده و دیگه 3D هم فعال نمیشه.ضمن اینکه من از همین فونت استفاده میکنم.
ممنون میشم راهنمایی کنید.

    ارسطو اعتمادی 1395/07/06

    لطفا پیغام خطا را بنویسید تا بهتر راهنمایی کنیم.

مطالعه با تمرکز بیشتر
پست های پربازدید هفته 6 پست پربازدید در دسترس شماست!
آموزش هوش مصنوعی استیبل دیفیوژن...

آموزش هوش مصنوعی استیبل دیفیوژن...

مهسا سلطانی
دانلود اسکریپت Motion Bro v4.0.4...

دانلود اسکریپت Motion Bro v4.0.4...

مهدی فریدونی
دانلود و نصب اسکریپت motion...

دانلود و نصب اسکریپت motion...

احسان ملائی
دانلود Adobe Firefly | هوش...

دانلود Adobe Firefly | هوش...

مهدی فریدونی
میدجورنی رایگان و نحوه استفاده...

میدجورنی رایگان و نحوه استفاده...

مهسا سلطانی
جداسازی صدای خواننده از موزیک...

جداسازی صدای خواننده از موزیک...

مهدی فریدونی
دوره روتوش
دوره جامع گرافیک و ویدیو
×