آموزش نوشته سه بعدی در فتوشاپ
در این آموزش قصد داریم نشان دهیم چگونه با استفاده از چند تکسچر، تنظیمات 3D در فتوشاپ و نور پردازی ، یک چیپ واقعی طراحی کنیم. (مانند adjustment layer)
بزن بریم که شروع کنیم !
پیشنهاد میکنیم پست ساخت پانوراما 360 درجه در فتوشاپ (Polar Panorama) را نیز همین الان ببینید.
آموزش نوشته سه بعدی در فتوشاپ روی چوب | آموزش حرفه ای نوشته 3D در فتوشاپ
این افکت الهام گرفته از استایلهای موجود در Evento Market است. پس باید ارزش اون رو دونست.
سورس های آموزش
فایل های لازم برای آموزش نوشته سه بعدی در فتوشاپ روی چوب:
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 میتوانینم تغییر دهیم.
مرحله ی دوم
بروید به Type > Convert to Shape.
2- ایجاد 3d mesh
مرحله ی اول
بروید به 3D > New 3D Extrusion from Selected Path.
مرحله ی دوم
برای دسترسی به تنظیمات 3Dmesh و Properties، دو پنل را باید باز کنید، پنل 3D و پنل Propeties ( اگر این 2 پنل را ندارید از منوی Window بیاورید).
پنل 3D دارای تمام اجزای صحنه ی سه بعدی است و وقتی روی هر کدام کلیک کنید به تنظیمات و ویژگی های هر کدام دسترسی پیدا خواهید کرد. پس قبل از اینکه تنظیمات پنل Properties را در مورد عنصری بخواهید تغییر دهید مطمئن شوید که پنل 3D را انتخواب کرده باشید.
مرحله ی سوم
با انتخاب Move Tool مجموعه ای از حالتهای 3D در سمت راست نوار Option خواهید دید، و میتوانید با کلیک و درگ کردن تغییراتی را بر عنصر مورد نظر در پنل 3D بوجود آورید.
3- تنظیمات 3D Mesh
مرحله ی اول
تب Text Mesh را از پنل 3D انتخاب کنید سپس از پنل Properties، Texture Mapping را به Tile و Extrusion Depth را به 35 تغییر دهید.
مرحله ی دوم
بر روی آیکون cap در بالای پنل properties کلیک کنید، حالا Bevel Width را به 1 و Contourرا به Half Round تغییر دهید.
3- Front Material Settings
مرحله اول
بر روی تب Front Inflation Material در پنل 3D کلیک کنید، سپس در پنل Properties بر روی آیکن Diffuse texture کلیک کنید و Replace Texture را انخواب نمایید.
عکس PlywoodPainted0057 – Image 2 image را بارگذاری کنید.
مرحله ی دوم
آیکن Diffuse texture را دوباره انتخاب کنید و بر Edit UV Properties بگزینید.
آنچه در این مرحله باید انجام دهید این است که مقادیر Tile و Offset را تا رسیدن به مقدار دلخواه تغییر دهید.
مقدار Tile میزان کشش texture را نشان میدهد، در حالی که مقدار Offset موقعیت آنرا نشان میدهد، در نتیجه در نتیجه چوب بدون رنگ در زیر متن ظاهر میشود.
مرحله ی چهارم
مقدار Bump را به تغییر دهید، بر روی آیکن پوشه ی آن کلیک کنید و نام front material texture’s را از لیست انتخاب کنید.
این کار باعث میشود مقدار یکسانی از Diffuse تکستچر به Bump اعمال شود. مطمئن شوید کهUV Properties ویرایش شود که هماهنگ با Diffuse آن باشد.
5- تنظیمات Extrusion and Bevel Material
همان مراحل تکسچر PlywoodPainted0057 – Image 1 را برای Front Bevel و Extrusion Materials اعمال کنید.
نگران ویژگی های UV نباشید، بعدا به آنها رسیدگی میکنیم.
6- عوض کردن جهت متن
مرحله ی اول
تب متن مش را انتخاب کنید، ب روی آیکون Coordinates در بالای پنل Properties کلیک کنید، X Rotation Angle را به 90 تغییر دهید.
مرحله ی دوم
بروید به 3D > Move Object to Ground Plane.
مرحله ی سوم
به 3D > Split Extrusion بروید.
این کار باعث میشود حروف از هم جدا شوند و ازین پس میتوانید جدا جدا بر روی هریک کار کنید.
مرحله ی چهارم
Move Tool را انتخاب کنید و 3D Axis برای جابجایی حروف هرطور که میپسندید استفاده کنید.
فلشها محور مختصات را نشان میدهند. بخش زیرین برای چرخش استفاده میشود، مکعب ها برای مقیاس بندی هستند و مکعب های وسط برای مقایسه یکنواختی بکار میروند. همه ی آنچه باید انجام دهید این است که درگ کنید و هرچا که میخواهید قرار دهید.
مرحله ی پنجم
با استفاده از Move Tool’s 3D Modes میتوانید Camera View را عوض کنید سپس برای هر حرف به تنظیم UV Properties درFront Bevel و Extrusion Materials بپردازید.
7- ایجاد Ground Plane
مرحله ی اول
Rectangle Tool را بردارید، یک مستطیل که تا بیرون سند امتداد میابد بسازید.
مستطیل را Ground Plane بنامید.
مرحله ی دوم
بروید به 3D > New 3D Extrusion from Selected Path و Extrusion Depth را 1 قرار دهید.
مرحله ی سوم
روی آیکن Coordinates کلیک کرده و X Rotation Angle را به 90 تغییر دهید.
مرحله چهارم
بر روی تب Current View کلیک کنید سپس یک نام برای متن 3D چوبی از منوی View انتخاب کنید.
8- ادغام لایه های 3D و Texture و Ground Plane
مرحله 1
هر دو لایه 3D شما باید انتخاب شود، سپس به 3D > Merge 3D Layers بروید.
مرحله دوم
Ground Plane را در بالای صفحه ی Ground Plane قرار دهید، حرکت دهید تا وقتی که متن در مرکز قرار گیرد.
مرحله 3
Camera View را تغیر دهید تا فقط ground plane را نشان دهد، بدون هیچ فضای خالی.
هنگامی کا این کار را انجام دهید تکسچر WoodPlanksBare0050 – Image 2 را به جلوی Ground Plane با استفاده از بافتهای قسمت 4 اعمال کنید،
توجه داشته باشید این تکسچر tileable نیست، بنابراین اگر پیدا کردن لبه ها برایتان سخت بود میتوانید با هر تکسچر tileable که میخواهید عوضش کنید.
9- تنظیم Infinite Light
مرحله ی اول
بر تب Infinite Light 1 کلیک کنید، Intensity را به 100 و Shadow Softness را به 30 تغییر دهید .
مرحله دوم
از Move Tool برای حرکت نور بی نهایت همانطور که در پایین نشان داده شده است استفاده کنید، یا میتوانید از مقادیر Coordinates استفاده کنید.
10- اضافه کردن و تنظیم نور نقطه ای
مرحله 1
روی Add new Light بر آیکن Scene در بالای پنل 3D کلیک کنید، New Spot Light را انتخاب نمایید.
مرحله ی دوم
Intensity را به 35 تغییر دهید، تیک باکس Shadows را بردارید، و مقدار Cone را به 93.9 و Hotspot را به 47 تغییر دهید. تیک Light Falloff box را بگذارید و مقدار Outer را به 3800 برسانید و Inner را به 666.
مرحله سوم
سپس Spot Light را به مانند زیر حرکت دهید.
مرحله ی چهارم
شما همواره میتوانید از مقادیر Coordinates برای محل نور ها استفاده کنید.
11. تنظیم نور محیط
مرحله اول
بر روی تب Environment در پنل 3D کلیک کرده سپس آیکن IBL texture انتخاب کنید و Replace Texture را انتخاب کنید. سپس عکس های Living room و dining room را بارگذاری کنید.
مرحله دوم
Intensity را به 20% وShadow Opacity را 30% تغییر دهید.
مرحله ی سوم
از Move Tool برای حرکت نور تکستچر در اطراف تا جایی که به نتیجه ی دلخواه برسید استفاده کنید.
12- رندر گیری از صفحه
هرگونه تغییرات دیگری که دوست دارید ایجاد کنید سپس به 3D > Render بروید.
رندر گیری ممکن است طول بکشد، میتوانید با فشردن کلید Esc هر زمان که خواستید آنرا قطع کنید.
13- اضافه کردن لایه های Adjustment
مرحله ی اول
برروی Create new fill یا آیکن adjustment layer در بالای پنل لایه ها کلیک کنید سپس Brightness/Contrast را انتخاب کنید.
مرحله ی دوم
Contrast را به 35 تغییر دهید.
مرحله سوم
یک Curves adjustment layer اضافه کنید و سپس برای هر کدام یک curves بسازید:
قرمز:
سبز:
آبی:
مرحله چهارم
یک Levels adjustment layer اضافه کنید، مقدار Shadow input را به 19 و Gamma را به 0.85 تغییر دهید.
تقریبا آموزش نوشته سه بعدی در فتوشاپ به مراحل پایانی نزدیک شده است. آخرین مراحل را هم با ما باشید …
14. اعمال فیلتر High Pass
مرحله اول
همزمان با اتنخاب لایه ی Levels، کلیدهای Option-Command-Shift-E را بفشارید برای ایجاد لایه ی stamp.
لایه را High Pass بنامید، سپس به Filter > Convert for Smart Filters بروید.
مرحله ی دوم
به Filter > Other > High Pass بروید، radius را 10 بگذارید.
مرحله ی سوم
Blend Mode لایه ی High Pass را به Soft Light تغییر دهیدو Opacity را 35% قرار دهید.
14- اضافه کردن Grunge Texture
مرحله ی اول
محل استفاده ی این 160 بالای همه ی لایه هاست، لایه را Texture بنامید، وبه Edit > Transform > Rotate 90° Counter Clockwise بروید.
Blend Mode لایه ی Texture را به Soft Light و Opacity را به 30% تغییر دهید.
مرحله ی دوم
یک Hue/Saturation adjustment layer اضافه کنید، آنرا به لایه ی Texture کلیپ (clip) کنید، Saturation را به -50 برسانید.
تبریک! کار (نوشته سه بعدی در فتوشاپ) به پایان رسید!
در این آموزش یک متن ساده را به یک متن 3D تبدیل کردیم، و تنظیمات آنرا تنظیم کردیم. بعد از آن ما بافت مورد نیاز را ساختیم، سپس به تقسیم extrusion و تغییر متن و اضافه کردن ground plane پرداختیم.
بر روی نور و camera view کار کردیم و از آن رندر گرفتیم. در آخر یک جفت adjustment layers به منظور افزایش روشنایی و یک grunge texture برای اتمام کار ساختیم.
سلام ، صفحه جدید در فتوشاپ باز میکنم و MODE اونو رو RGB میذارم و پنجره 3D فعاله ، اما اگر MODE این صفحه جدید رو از ابتدا بر روی CMYK بزارم پنجره 3D فعال نیست ، آیا این قانون فتوشاپ هستش یا ایراد سخت افزاری سیستم ، ممنون
سلام قانونی است در فتوشاپ که باید در محیط rgb این کار را انجام دهید.
سپاس ، ولی عجب قانون نهفته و غیر عیانی بود که من نوعی برای پیدا و متوجه اون شدن ،کلی درگیر شدم
سه بعدی مختص RGB است
سلام و درود ، صفحه ای جدید در فتوشاپ باز میکنم ، اگر MODE اونو در حالت RGB قرار بدم ، بخش 3D فعاله ، ولی اگر بر روی CMYK بزارم بخش 3D فعال نیست ، آیا اساس کار فتوشاپ بر همین اساسه یا اینکه نه مربوط به سخت افزار سیستم می باشد ؟ ممنون
درود اساس بر همین است.
سلام و درود فراوان خدمت شما عزیزان .خیلی سپاسگزارم استاد گرامی
سلام، موفق باشید
سلام.شرمنده ببخشید من ادرس این صفحه رو از کجا میتونم پیدا کنم .اخه من کروم دارم.و بالی همین صفحه سمت چپ feed رو کپی کردم فقط صفحه اول رو برام کانورت کرد
خدمت شما : https://bitgraph.ir/3d-wooden-work
سلام و درود خدمت اساتید گرامی.ببخشید این اموزش های تصویری رو ک ب صورت فیلم نیستن مثل همین اموزش چطوری میشه یکجا دانلود کرد.مچکرم
سلام خدمت شما، در گوگل بنویسید "webpage to pdf" وبسایت های آنلاینی میاره و شما باید آدرس این مطلب را وارد کرده و پی دی اف اون رو تحوریل بگیرید.
http://yon.ir/t7lt
این تصویر رو ببینید. این تیک اصلا برای من خاموشه. نمیشه زدش. یعنی ممکنه گرافیک سیستمم پایین باشه و اینجوری باشه؟
سلام بله انگار گرافیکتون پایینه و با فتوشاپ اوکی نیست. بازهم درایور اون رو اپدیت کنید و تست بزنید.
سلام. یک مشکل دیگه هم که من دارم اینه که منوی 3D اصلا برای من فعال نیست هیچکدومش. من توی مراحل اول اون متن رو به حالت shape در آوردم. ولی بعدش که رفتم توی منوی 3D تا کار رو ادامه بدم به مشکل خوردم چون از منوی 3D هیچکدوم از گزینه ها فعال نبود.
سلام، لطفا چک کنید ببینید graphic processor در فتوشاپ شما فعاله ؟ بعد چک کنید که درست کرک کردید یا نه ؟ اکثرا از این دو مشکل ناشی میشه غیر فعال بودن منوی سه بعدی.
سلام. اون تصویر living room and dining room که باید بخریمش که! خب الان چجوری میشه این تصویر رو گرفت؟ خرید که نمیشه کرد. از کجا گیرش بیارم؟
همین " living room and dining room " در گوگل جستجو کنید و عکس های با کیفیت رو بگیرید. کارتون حل میشه مشکلی نخواهد داشت.
ممنون از راهنماییتون.مشکل رفع شد.
خواهش میکنم موفق باشید.
the type layer uses faux bold style.
در منوی window>>characters یک گزینه faux bold هست، که برای bold کردن بیشتر استفاده می شود. موقع تایپ نوشته اون گزینه رو غیر فعال کنید.
سلام.
زمانی که نوشته رو convert to shap میکنم پیغام خطا میده و دیگه 3D هم فعال نمیشه.ضمن اینکه من از همین فونت استفاده میکنم.
ممنون میشم راهنمایی کنید.
لطفا پیغام خطا را بنویسید تا بهتر راهنمایی کنیم.