افکت متن سه بعدی اکریلیک

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

در افکت متنی که قصد داریم آن را آموزش دهیم می‌توانید کار با شیپ (Shape) و قابلیت‌های قسمت 3D را بهتر درک کنید و توسط این دو اثری اکریلیک / پلاستیکی / شیشه‌ای ایجاد کنید.

نتیجه‌ی نهایی

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

جزئیات آموزش

  • نرم‌افزار موردنیاز: فتوشاپ (Photoshop)
  • نسخه: CS6 Extended به بالا

دانلو منابع

  • حجم: 232.92 کیلوبایت
  • محتویات: فونت INTRO + فولدر پترن ها
  • پسورد فایل :www.etuts.ir

گام ۱

یک سند (document) جدید با سایزهای px۱۱۵۲ x ۸۶۴ و متنی بارنگ #d7d7d7 با استفاده از فونت INTRO ایجاد کنید، سایز فونت را pt۱۵۰ قرار داده، درصورتی‌که متن شما بیش از دو خط شد، مقدار Leading را روی px۱۳۵ تنظیم نمایید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

یک کپی (Duplicate) از لایه‌ی متن گرفته، سپس روی آن کلیک راست نمایید و گزینه‌ی Convert to Shape را انتخاب کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

ابزار Direct Selection Tool را انتخاب نموده، حال می‌توانید نوارابزار را در قسمت بالا مشاهده نمایید. حالت Fill را به None تغییر دهید و همین‌طور رنگ Stroke را به #707070، اندازه Stroke را ۵ کرده و همچنین Align را به Outside تغییر دهید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

گام ۲

لایه‌ی متن را انتخاب نموده، در قسمت منوها به مسیر 3D > New 3D Extrusion from Selected Layer رفته، لایه‌ای که به شیپ (shape) تبدیل کردیم را انتخاب کرده و به مسیر 3D > New 3D Extrusion from Selected Path بروید. با این کار هر دولایه ما به دولایه‌ی سه‌بعدی تبدیل خواهند شد.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

از لایه شیپ سه‌بعدی (shape 3D layer) یک کپی (Duplicate) بگیرید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

از لایه‌ی زمینه (Background layer) کپی گرفته و آن را به بالای همه‌ی لایه‌ها تغییر مکان دهید، آن را انتخاب و از طریق منوی برنامه به مسیر 3D > New Mesh from Layer > Postcard بروید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

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

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

گام ۳

برای اینکه به تنظیمات و همچنین خصوصیات این شبکه‌ی سه‌بعدی دسترسی داشته باشید کافی است دو پانل خاص را باز کنید، اولاً پانل 3D و دوماً پانل Properties (که هر دو را می‌توانید از منوی Window انتخاب نمایید).

همه‌ی componentهای صحنه‌ی سه بعدی درون پانل 3D می‌باشند و زمانی‌که روی هر کدام از نام‌های موجود در این پانل کلیک نمایید، قادر به دیدن تنظیمات آن در پانل Properties هستید؛ بنابراین مطمئن باشید که همیشه عنصری (element) که قصد تغییر خصوصیات یا به عبارتی تنظیمات مربوط به آن رادارید در پانل سه بعدی انتخاب یا همان کلیک کرده باشید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

با کلیک بر روی لایه‌ای که نام آن Background mesh است در پانل سه بعدی شروع می‌کنیم، سپس بر روی آیکون Coordinates در بالای پانل Properties کلیک نمایید و X Rotation Angle را روی ۹۰ تنظیم کنید. این باعث موازی شدن آن با زمین می‌شود.

SimpleAcrylic_03_2

حال به مسیر 3D > Snap Object to Ground Plane بروید. سپس، برای جلوگیری از مشکلات رندر لازم است که مقدار Y Position را بسیار کم کنیم (تقریباً در حدود ۰٫۰۱).

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

گام ۴

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

اکنون تب Current View را برای تغییر زاویه دوربین درون پانل سه‌بعدی انتخاب کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

روی صحنه برای تغییر زاویه کلیک و درگ کنید و به سمتی که دوست دارید آن را تغییر دهید. این کار برای شما می‌تواند خیلی لذت‌بخش باشد ^_^

در این آموزش، ما آن را به سمت بالا کمی متمایل به جلو تنظیم کردیم؛ بنابراین ما به این نیاز داشتیم که آن را درواقع روی زمین بزاریم نه روی دیوار یا هر جهت دیگر.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

گام ۵

دکمه‌ی Ctrl/Cmd را گرفته و بر روی کل شبکه‌ی سه‌بعدی کلیک کنید (درواقع بهتر اگر بگوییم فولدرهای هر سه متن را باهم انتخاب کنید)، سپس بر روی آیکون Coordinates در Properties panel کلیک نمایید و X Rotation Angle را به ۹۰ تغییر بدهید. سپس به مسیر 3D > Snap Object to Ground Plane بروید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

اگر دوست دارید شبکه را از محل کنونی خود حرکت دهید، لازم نیست این مقدار را تغییر بدهید. برای این کار کافی است هر سه را انتخاب و بر اساس محورهای مختصات تغیر مکان دهید.

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

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

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

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

امتحان کنید! مطمئناً لذت‌بخش است. به هر سمتی که دوست دارید حرکت دهید و در انتها دید دلخواه خود را ایجاد نمایید.

SimpleAcrylic_05_3

گام ۶

فولدر شبکه متن اصلی را باز نموده و روی اولین گزینه در این پانل (3D) کلیک کنید، در قسمت Extrusion Depth می‌توان میزان شفافیت متن را کم یا زیاد کنید، در این آموزش ما این مقدار را روی ۲۴۳ تنظیم کرده‌ایم.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

روی لایه‌ی متن shape شده نیز کلیک نموده و مقدار Extrusion Depth آن را ۲۰ کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

بر روی آیکون Cap در پانل Properties کلیک کنید و مقدار Bevel Width را بر روی ۱۰% تنظیم نمایید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

همین کار را برای لایه شکل متن دیگر (کپی) انجام دهید. اکنون از ابزار حرکت استفاده کرده و هر دولایه را به‌صورت تکی از پایین به سمت بالا کشیده تا حالت زیر ایجاد شود.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

گام ۷

حال همه‌ی تب‌های Material درون دولایه‌ی شیپ شده (با Ctrl/Cmd به‌علاوه کلیک) انتخاب کنید، سپس با کلیک بر روی آیکون مقابل Diffuse در پانل Properties گزینه‌ی Remove Texture را انتخاب کنید. برای ایجاد یک بافت خوب همیشه لازم است از این روش استفاده کنید.

افکت متن 3D اکریلیک

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

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

حال Material متن اصلی را انتخاب نموده و مقادیری که در تصویر زیر می‌بینید را اعمال کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

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

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

گام ۸

بر روی لایه‌ی Material پس‌زمینه (بک‌گراند) کلیک کنید و هر دو مقدار Diffuse و Opacity را حذف نموده و از مقادیری که در زیر نشان داده‌شده‌اند برای یک زمینی که حالت بازتاب‌کننده دارد استفاده کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

روی آیکون Diffuse کلیک کنید و گزینه‌ی New Texture را انتخاب کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

ابعاد را ۱۱۵۲ و ۸۶۴ تغییر دهید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

روی آیکون Diffuse کلیک کرده و گزینه‌ی Edit Texture را انتخاب کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

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

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

دو بار روی لایه‌ی کپی کلیک کرده قسمت افکت Pattern Overlay را باز کنید و تصویر webtreats_light_wood4.jpg را به‌عنوان پترن از درون فایل Resources که در قسمت ابتدای آموزش قراردادیم انتخاب کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

بر روی آیکون Create new fill or adjustment layer در انتهای باکس لایه‌ها کلیک و گزینه‌ی Levels را انتخاب کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

مقدار Gamma را به ۱٫۳۵ تغییر دهید و Highlights آن را ۲۰۷ کنید. فایل را ذخیره کنید (File > Save) و آن را ببندید (File > Close) تا به قسمت طراحی خود برگردیم.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

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

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

مقدار U Scale را روی ۱۰۰%، مقدار V Scale را روی ۲۰۰% و هر دو مقدار U Offset و V Offset را روی ۰ تنظیم کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

با اعمال material می‌توان همه‌ی ابعاد و ساق و برگه‌های شبکه را پوشش داد. مطمئن شوید که مکان قسمت حجم را به‌صورت دلخواه بر روی قسمت زیر و بالا به‌خوبی قرارگرفته باشند در غیر این صورت از Y Position آن را کمی تغییر دهید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

گام ۹

تب Infinite Light 1 را از درون پانل سه‌بعدی (3D panel) انتخاب کنید و Intensity آن را ۸۰% و تیک Shadows را بردارید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

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

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

همچنین، یادتان باشد که می‌توانید با کلیک و درگ کردن توسط Move Tool آن را تغییر دهید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

روی آیکون Add new Light to Scene در قسمت پایین پانل سه‌بعدی کلیک کنید و New Point Light را انتخاب کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

Intensity را روی ۵۰% و Shadow Softness را روی ۳۰% تنظیم کنید.

برای طبیعی کردن نور، تیک باکس Light Falloff را بزنید. این باعث می‌شود که نور کمی محوشده و آن را از منبع نور دورتر کنید.

میزان اُفت نور در قسمت Inner به مقدار ۲۵٫۶۲ است و همچنین برای Outer عدد ۱۶۰۷٫۸۳ است.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

تغییر موقعیت نور باعث روشن شدن متن شده و همچنین سایه را در پشت متن قرار داده است. این‌ها مقادیری است که در این آموزش مورداستفاده قرارگرفته شده است.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

این قسمت برای روشنایی بود.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

گام ۱۰

یک لایه جدید در بالای لایه‌ی سه‌بعدی ایجاد کرده و رنگ آن را مشکی کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

به مسیر 3D > New Mesh from Layer > Mesh Preset > Sphere بروید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

درون پانل سه‌ بعدی روی تب Current View کلیک کنید و در پانل Properties طبق تصویر زیر مقادیر را تغییر دهید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

بر روی لایه‌ی material در پانل سه بعدی کلیک کنید و مقادیر زیر را اعمال کنید.

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

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

حال می‌توانید به تعداد دلخواه خود از این لایه کپی کنید و چندین نمونه از این بادکنک‌ها را در صحنه داشته باشید.

می‌توانید رنگ هرکدام را آن به چیزی که خودتان دوست دارید تغییر دهید.

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

ابتدا لایه‌ها را به هر مکانی که دوست داشتید انتقال دهید و پس از آن‌همه‌ی این لایه‌ها را انتخاب و آن‌ها را باهم ادغام کنید (3D > Merge 3D Layers).

این می‌تواند کمی زمان‌بر باشد و بستگی به تعداد بادکنک‌هایی دارد که شما ایجاد می‌کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

بعد از اینکه کارتان تمام شد، آن‌ها را انتخاب و به مسیر (3D > Render) بروید.

معمولاً Render نمودن (سایه بخشیدن) ممکن است زمان زیادی ببرد، به خاطر این‌که هم سایه‌ها نرم هستند و هم اینکه بادکنک‌های ما حجم بالایی دارند؛ اما برای اینکه این کار را متوقف کنید می‌توانید بر روی هر قسمتی از طرح فقط یک‌بار کلیک کنید به همین سادگی!

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

گام ۱۱

زمانی که کار Render تمام شد، روی آیکون Create new fill or adjustment layer در پایین پانل لایه کلیک کرده و گزینه‌ی Gradient Map را انتخاب کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

اکنون شیب مشکی به سفید را انتخاب کنید، قسمت Blend Mode که در تنظیمات لایه‌ها هست را روی Soft Light تنظیم کنید و میزان تاری (Opacity) را بر روی ۳۰% قرار دهید. این باعث زنده‌تر شدن رنگ‌ها و بالا رفتن کنتراست آن می‌شود.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

این بار روی آیکون Create new fill or adjustment layer در پایین پانل لایه کلیک کرده و گزینه‌ی Solid Color را انتخاب کنید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

حال رنگ Color Picker را به ۱۲۰۰۲۹# تغییر دهید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

در تنظیمات لایه Blend Mode آن را به Exclusion تغییر دهید.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

این هم از این!

امیدوارم از این آموزش لذت برده باشید و مفید باشد.

افکت متن 3D اکریلیک
افکت متن 3D اکریلیک
افکت متن 3D اکریلیک

افکت متن سه بعدی اکریلیک

کامنت ها

15 پاسخ به “افکت متن سه بعدی اکریلیک”

    • با سلام
      پسورد فایل :www.etuts.ir
      وقتی فایل زیپ رو باز کنید در قسمت کامنتش پسورد رو میتونید ببینید. در واقع اونجا گذاشتم. ولی از این به بعد اینجا هم قرار میدم.
      پوزش میطلبم به خاطر قرار ندادن در اینجا.
      با تشکر از شما به خاطر یادآوری

      • آموزش تون فوق العاده بود
        ممنون از وقتی که گذاشتید
        منتظر کارهای بعدی تون هستیم …

      • خوشحالیم ک خوشتون اومده… 🙂
        در همین زمینه (3D) افکت دیگه ای که مراحل آن خیلی کمتر و راحتتره و زیباتر از این نمونه هست در حال ساخته البته به طور اختصاصی به همراه فایل PSD
        .به زودی…

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

  1. سلام
    میزان سختی این آموزش را باید فوق العاده سخت بزارید /:
    خیلی خوب میشد آموزش تصویری هم در کنارش می ذاشتید.

    ممنون از آموزشی که گذاشتید

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

لطفا اگر سوالی نامرتبط با این مطلب دارید، از تب «پرسیدن سوال» استفاده کنید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد.

لطفا اگر سوالی خارج از موضوع این مطلب دارید آن را در فروم مطرح کنید.

<