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

18 بهمن 1399
3d-photoshop-wood-text-effect1

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


فایل‌های مورد نیاز برای این آموزش


ایجاد متن

قدم اول: طراحی متن چوبی سه بعدی را با ایجاد یک سند یا داکیومنت جدید شروع می‌کنیم. یک سند یا داکیومنت با ابعاد 1000 در 750 پیکسل (بصورت افقی) ایجاد کنید و آن را با خاکستری روشن، رنگ‌ کنید.
با استفاده از فونت Insaniburger with Cheese که در ابتدای این آموزش جهت دانلود قرار داده شده است، با رنگ مشکی یک متن دلخواه بنویسید.
اندازه‌ی نوشته، کاملا دلخواه است و به خودتان بستگی دارد.

نوشتن متن دلخواه در فتوشاپ

قدم دوم: در حالیکه‌ لایه‌ی متنی که نوشته اید، در پنل لایه‌ها در حالت انتخاب قرار دارد، به مسیر Type > Convert to Shape بروید. (اگر پنل لایه‌ها را نمی‌بینید، به مسیر Window > Layer) بروید.

تبدیل متن به shape در فتوشاپ

ایجاد شبکه‌ی سه بعدی (3d Mesh)

قدم اول: به مسیر 3D > New 3D Extrusion from Selected Path بروید.

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

قدم دوم: برای دسترسی به تنظیمات شبکه‌ی سه بعدی باید دو پنل مهم را باز کنید: پنل 3D و پنل Properties (هر دو پنل از منوی Windows در فتوشاپ قابل دسترسی هستند.)
پنل 3D دربردارنده‌ی تمام محتویات یک صحنه‌ی سه بعدی است و اگر روی هر کدام از الِمان‌های موجود در این پنل کلیک کنید، جزئیات تنظیماتشان از پنل Properties قابل دسترسی می‌شود. پس حواستان باشد که اول آن الِمانی که می‌خواهید تغییر دهید، از پنل 3D انتخاب کنید و سپس جزئیات آن را از پنل Properties تغییر دهید.

پنلهای 3d و properties در فتوشاپ

قدم سوم: اگر روی ابزار Move کلیک کنید، مجموعه‌ای از حالت‌های مشاهده‌ی صحنه‌ی سه بعدی (3D Modes) در سمت راست پنل در مقابل شما ظاهر می‌شود. حالا می‌توانید هر کدام از این حالت‌ها را انتخاب و با کلیک و درگ کردن در صحنه، از آن‌ استفاده کنید.

انواع Mode در حالت سه بعدی

تنظیمات شبکه‌ی سه بعدی

قدم اول: روی نام شبکه‌ یا مش کلمه‌ای که نوشته‌اید (در این آموزش WOOD)، در پنل 3D کلیک کنید.
اکنون از پنل Properties، منوی Texture Mapping را به Tile تغییر دهید و اسلایدر بخش Extrusion Depth را روی عدد 35 بگذارید.

تغییر Texture Mapping

قدم دوم: از پنل Properties روی آیکون Cap کلیک کنید و سپس Bevel Width را به 1 تغییر دهید. نمودار Contour هم باید روی Half Round تنظیم شده باشد.

تغییر Bevel Width

تنظیمات متریال روبرویی

قدم اول: از پنل 3D، به بخش Front Inflation Material بروید.
اکنون از پنل Properties بر روی آیکون کنار تکسچر، در مقابل Diffuse کلیک کنید. از منوی ظاهر شده، Replace Texture را برگزینید.
از پنجره‌ی ظاهر شده، تکسچر صفحه‌ی چوبی پوسته پوسته شده شماره دو را که در ابتدای آموزش دانلود کردید، انتخاب و باز (Open) کنید.

تنظیمات Front Inflation Material

قدم دوم: از پنل Properties بر روی آیکون کنار تکسچر، در مقابل Diffuse کلیک کنید. از منوی ظاهر شده، Edit UV Properties را برگزینید.

Edit UV Properties در فتوشاپ سه بعدی

قدم سوم: برای رسیدن به نتیجه‌ی مطلوب باید در پنجره‌ای که ظاهر شده است، مقادیر Tile و Offset را تغییر دهیم.
Tile مربوط به میزان کشیدگی تکسچر است در حالیکه Offset مربوط به موقعیت تکسچر است.
مقادیر موجود در تصویر را در مقابل Tile و Offset وارد کنید تا نتیجه‌ای مشابه تصویر زیر حاصل شود:

تغییرات Tile و Offset

قدم چهارم: اکنون در پنل Properties، مقدار Bump را به 15 تغییر دهید و بعد روی آیکون فولدری که در مقابل همین گزینه وجود دارد، کلیک کنید و روی نام تکسچری که برای قسمت جلویی نوشته استفاده کردید، کلیک کنید.

تغییر مقدار Bump در فتوشاپ سه بعدی

تنظیمات متریال Extrusion و Bevel

از پنل 3D، به بخش‌های Front Bevel Material و Extrusion Materials بروید.
مطابق آنچه که در قسمت قبلی توضیح دادیم، از پنل Properties بر روی آیکون کنار تکسچر، در مقابل Diffuse کلیک کنید.
از منوی ظاهر شده، Replace Texture را برگزینید.
از پنجره‌ی ظاهر شده، تکسچر صفحه‌ی چوبی پوسته پوسته شده شماره یک را که در ابتدای آموزش دانلود کردید، انتخاب و باز (Openn) کنید.

تنظیمات Front Bevel Material و Extrusion Materials

تغییر وضعیت و شیوه‌ی قرارگیری متن

قدم اول: از پنل 3D بر روی نام مش نوشته‌ی خود کلیک نمائید. از پنل Properties روی آیکون Coordinates کلیک کنید.
در مقابل زاویه‌ی چرخش نسبت به محور X عدد 90 را وارد کنید.

تغییر زاویه تکسچر Coordinates

قدم دوم: به مسیر 3D > Move Object to Ground Plane بروید تا نوشته روی زمین قرار بگیرد.

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

قدم سوم: به مسیر 3D > Split Extrusion بروید. با این کار اجزای متن سه بعدی از هم جدا می‌شوند و شما می‌توانید روی هر حرف به صورت جداگانه کار کنید. در پنل 3D هم این موضوع قابل تشخیص است.

Split Extrusion در فتوشاپ سه بعدی

قدم چهارم: ابزار Move را انتخاب کنید و با کمک محورهای سه بعدی، کلمات را آنطوری که دلتان می‌خواهد، بچینید.

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

جابجایی حروف در راستای محورها در فتوشاپ سه بعدی

قدم پنجم: با انتخاب ابزار Move و نیز برگزیدن یکی از حالت‌های چهارگانه که قبلا شرح دادیم، می‌توانید زوایه‌ی دوربین را تغییر دهید.
UV Properties را برای قسمت‌های Front Bevel و Extrusion Materials برای هر حرف تنظیم کنید (در همین آموزش در بخش تنظیمات متریال روبرویی این موضوع توضیح داده شده است.)

تنظیمات Front Bevel و Extrusion Materials

ساخت صفحه‌ی زمینه

قدم اول: از نوار ابزار، Rectangle Tool را انتخاب کنید و مستطیلی بکشید که تا لبه‌های داکیومنت را در بر بگیرد.
نام لایه‌ی این مستطیل را در پنل لایه‌ها Ground Plane بگذارید.

ایجاد لایه‌ی زمین Ground Plane

قدم دوم: به مسیر 3D > New 3D Extrusion from Selected Path بروید و مطابق تصویر زیر، مقدار Extrusion Depth را به 1 تغییر دهید.

تنظیمات بخش New 3D Extrusion from Selected Path

قدم سوم: از پنل Properties روی آیکون Coordinates کلیک کنید و در مقابل زاویه‌ی چرخش نسبت به X عدد 90 را وارد کنید.

تغییر زاویه چرخش نسبت به محور x

قدم چهارم: از پنل 3D به تب Current View بروید. در پنل Properties، در مقابل View، نام شبکه‌ی متنی خود را انتخاب کنید. 

Current View در فتوشاپ سه بعدی

ادغام کردن لایه‌های سه‌بعدی و تکسچر صفحه‌ی زمینه

قدم اول: هر دو لایه‌ی سه بعدی، یعنی کلمات و صفحه‌ی زمینه را از پنل لایه‌ها انتخاب کنید و به مسیر 3D > Merge 3D Layers بروید تا در هم ادغام شوند.

ادغام لایه ها Merge 3D Layers

قدم دوم: از پنل 3D، مش صفحه‌ی پس زمینه (Ground Plane) را انتخاب کنید. آن را به بالای New Group ببرید.
اکنون این مش صفحه‌ی زمینه را طوری حرکت دهید که نوشته‌ها در مرکز آن قرار بگیرند.

قرار دادن کلمات در مرکز صفحه زمینه در فتوشاپ

قدم سوم: زاویه دوربین را مطابق دلخواه یا مانند تصویر زیر تغییر دهید. به گونه‌ای که هیچ قسمت خالی در صفحه دیده نشود.
برای متریال نمای روبرویی یعنی Front Inflation Material، تکسچر صفحات چوبی که در ابتدای آموزش دانلود کردید را تعیین نمائید. (چگونگی این کار در سطور پیشین توضیح داده شده است.)

Front Inflation Material

تنظیمات نور بی‌نهایت صحنه

قدم اول: به تب Infinite Light 1 از پنل 3D بروید.
Intensity را روی 100 و Shadow Softness را روی 30 بگذارید.

اضافه کردن Infinite Light یا نور بی نهایت به صحنه

قدم دوم: در حالیکه تب Infinite Light 1 از پنل 3D در حالت انتخاب قرار دارد، در پنل Properties روی آیکون Coordinates کلیک کنید و مقادیر موجود در تصویر زیر زیر را وارد کنید:

مقادیر Coordinates

تنظیمات نور نقطه‌ای صحنه

قدم اول: در قسمت پائینی پنل 3D آیکونی به نام Add new Light to Scene وجود دارد. آن را انتخاب کنید و سپس New Spot Light را برگزینید.

Add new Light to Scene

قدم دوم: در پنل Properties، مقدار Intensity را روی 35 بگذارید، تیک Shadows را بردارید و مقدار Cone را به 93.9 تغییر دهید. Hotspot نیز باید 47 باشد.
در مقابل Light Falloff تیک بگذارید و Outer را روی 3800 و Inner را روی 666 تنظیم کنید.

تنظیمات نور نقطه ای در فتوشاپ

قدم سوم: اکنون نور نقطه‌ای را مانند تصویر زیر جابجا کنید:

جابجایی نور نقطه ای در فتوشاپ

قدم چهارم: همچنین می‌توانید در پنل Properties روی آیکون Coordinates کلیک کنید و مقادیر موجود در تصویر زیر زیر را وارد کنید:

تنظیمات Coordinates

تنظیمات نور محیطی

قدم اول: در پنل Properties، روی تب Environment کلیک کنید.
روی آیکون تکسچر IBL کلیک کنید و گزینه‌ی Replace Texture را انتخاب کنید. سپس عکس اتاق نشیمن را که در ابتدای آموزش دریافت کرده‌اید، بارگذاری نمائید.

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

قدم دوم: در پنل Properties، مقدار Intensity را روی 20 بگذارید. Shadow Opacity نیز بهتر است روی 30 باشد.

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

قدم سوم: می‌توانید با کمک ابزار Move این نور محیطی را جابجا کنید و به نقطه‌ی رضایت‌بخشی ببرید.

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

رندر کردن صحنه

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

رندر کردن صحنه در فتوشاپ سه بعدی

تنظیمات لایه‌ها

قدم اول: پس از اتمام طراحی متن چوبی سه بعدی باید آن را ویرایش کنیم و رنگ‌ها و کنتراست را بهبود ببخشیم. از قسمت پائینی پنل لایه‌ها در فتوشاپ، روی آیکون Create new fill or adjustment layer کلیک کنید و سپس Brightness/Contrast را انتخاب نمائید.

Create new fill or adjustment layer

قدم دوم: مقدار Contrast را روی 35 بگذارید.

تغییر میزان Contrast

قدم سوم: مجددا از قسمت پائینی پنل لایه‌ها در فتوشاپ، روی آیکون Create new fill or adjustment layer کلیک کنید و اینبار Curves را انتخاب نمائید.
شکل نمودار را به صورت زیر درآورید.
برای قرمز:

Curves برای قرمز

برای سبز:

نمودار Curves برای سبز

برای آبی:

نمودار Curves برای آبی

قدم چهارم: مجددا از قسمت پائینی پنل لایه‌ها در فتوشاپ، روی آیکون Create new fill or adjustment layer کلیک کنید و اینبار Levels را انتخاب نمائید و تنظیماتی که در عکس زیر می‌بینید، اعمال کنید.

Create new fill or adjustment layer

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

قدم اول: در حالیکه از پنل لایه‌ها، لایه‌ی Levels را انتخاب کرده‌اید، کلیدهای Ctrl+Shift+Alt+E تا یک لایه‌ی استمپی ایجاد شود.
نام این لایه را High Pass بگذارید و به مسیر Filter > Convert for Smart Filters بروید.

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

قدم دوم: به مسیر Filter > Other > High Pass بروید و مقدار Radius را 10 وارد کنید.

تغییر Radius در فیلتر High Pass

قدم سوم: وضعیت لایه‌ی High Pass را به Soft Light تغییر دهید و Opacity را روی %35 بگذارید.

تغییر Mode به Soft Light

افزودن تکسچر گرانژ

قدم اول: تکسچر گرانژی که در ابتدای آموزش دریافت کرده‌اید، در فتوشاپ باز کنید و به عنوان بالاترین لایه در پنل لایه‌ها قرار دهید. نام این لایه را Texture بگذارید.
به مسیر Edit > Transform > Rotate 90° Counter Clockwise بروید تا این لایه را بچرخانید.
وضعیت لایه‌ی مذکور را به به Soft Light تغییر دهید و Opacity را روی %30 بگذارید.

افزودن تکسچر گرانژ

قدم دوم: از قسمت پائینی پنل لایه‌ها در فتوشاپ، روی آیکون Create new fill or adjustment layer کلیک کنید و اینبار Hue/Saturation را انتخاب نمائید. لایه‌ی جدید ایجاد می‌شود. این لایه را به لایه‌ی Texture کلیپ کنید.
مقدار Saturation را به -50 تغییر دهید.

تغییر Hue/Saturation در فتوشاپ

طراحی متن چوبی سه بعدی در فتوشاپ

خلاصه

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

نویسنده شوید
دیدگاه‌های شما (4 دیدگاه)

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

مهدی
28 دی 1399
با سلام و خسته نباشید به شما و تشکر برای اموزش های بینظیر شما فایل ها همشون ارور میدن و باز نمیشن و اگ میشه برای اموزشات فتوشاپ مانند ایلوستریتور هم بصورت ویدیو بزارید تا بتونیم هماهنگ یاد بگیریم ممنون میشم با تشکر

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

hilma
03 مهر 1399
باسلام خدمت شما و تشکر از مطالب بسیار عالی شما.ببخسید میخواستم بدونم به جه دلیل فونت تکسچر های چوبی نمیشه دانلود کرد و ارور میده؟؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

روکسو
06 مهر 1399
سلام و سپاس از همراهی شما همه فایل‌ها بررسی شدند و بدون هیچ مشکلی قابل دانلود هستند.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

مجید
25 شهریور 1399
سلام فایلای پیوست هیچ کدوم موجود نیست

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

روکسو
25 شهریور 1399
همه فایل‌های پیوست همین الان بررسی شدند و هیچکدام مشکلی نداشتند.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.