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

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

سطح آموزش: مبتدی

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

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

این مجموعه کامل شامل هشت افکت نوشته است و با شکل و نوشته کار میکند.

استایل‌های فابریک پارچه

منابع آموزش

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

دانلود فایل

۱. روش ایجاد الگوی فابریک پارچه

مرحله ۱

فتوشاپ را باز کنید و یک سند جدید با ابعاد ۱۸ در ۱۸ پیکسل ایجاد کنید.

مرحله ۲

رنگ زمینه جلو را به کد رنگ #۶b6b6b تغییر دهید.

مرحله ۳

کلیدهای Ctrl و Shift و N را بزنید تا یک لایه جدید ایجاد کنید. سپس ابزار Rectangle را بردارید و یک مربع با سایز ۶x6px در گوشه سمت چپ بالا رسم کنید (میتوانید با گرفتن کلیدهای Ctrl و Space و زدن کلیک چپ در تصویر زوم کنید)

ما به یک تکسچر درست مثل تصویر زیر نیاز داریم. توجه کنید که ما سه رنگ مختلف در تصویر داریم: رنگ #۶b6b6b برای رنگ روشن، #۳f3f3f برای رنگ میانه و #۱۲۱۲۱۲ برای رنگ تیره. به ایجاد مربع ۶x6px در لایه‌های جداگانه ادامه دهید تا کل سند ۱۸x18px پر شود.

مرحله ۴

به منوی Edit بروید و گزینه Define Pattern را بزنید و نام الگو را بصورت Fabric Texture Tutorial قرار دهید. سپس بروی OK بزنید تا الگو را ذخیره کنید.

۲. روش ایجاد تکسچر پارچه کمو

مرحله ۱

یک سند با سایز ۴۸۶ در ۴۸۶ پیکسل ایجاد کنید.

مرحله ۲

کلید D را بزنید تا رنگ‌های زمینه جلو و عقب را ریست کنید. سپس به منوی Filter بروید و در Render ، گزینه Clouds را انتخاب کنید.

مرحله ۳

به منوی Filter بروید و در Pixelate ، گزینه Mosaic را بزنید، مقدار Cell Size را به ۱۸ مربع تغییر دهید و بروی OK کلیک کنید.

مرحله ۴

به منوی Filter بروید و گزینه Filter Gallery را انتخاب کنید. در دسته Artistic ، گزینه Cutout را با این تنظیمات انتخاب کنید:

• بخش Number of Levels (تعداد سطوح) را روی ۴ یا ۵ قرار دهید (آزمایش کنید و ببینید کدام را بیشتر میپسندید)
• Edge Simplicity: 1 (سادگی لبه)
• Edge Fidelity: 1 (صافی لبه)

مرحله ۵

حالا بروی لایه Background کلیک دوبل کنید تا قفل لایه را باز کنید و سپس نام آنرا به Base Camo تغییر دهید و بروی OK کلیک کنید.

مرحله ۶

بروی لایه Base Camo کلیک دوبل کنید تا پنجره Layer Style را باز کنید. یک استایل Pattern Overlay (پوشش الگو) با این تنظیمات اضافه کنید:

• Blend Mode: Hard Light (حالت ترکیبی)
• Opacity: 52% (شفافیت)
• برای Pattern (الگو) ، الگویی که قبلا ایجاد کردید یعنی Fabric Texture Tutorial را انتخاب کنید.
• Scale: 100% (اسکیل)
• گزینه Link with Layer (ارتباط با لایه) تیک خورده باشد

بروی OK کلیک کنید.

تصویر شما باید همچون زیر باشد:

مرحله ۷

به منوی Window بروید و Adjustments را بزنید تا پنل Adjustments را باز کنید.

مرحله ۸

با کلیک روی آخرین آیکون پنل، افکت Gradient Map را اضافه کنید.

مرحله ۹

بروی آیکون گرادینت لایه‌ی Gradient Map 1 کلیک کنید و بدین ترتیب پنل Properties باز خواهد شد.

مرحله ۱۰

بروی نوار گرادینت پنل Properties کلیک کنید تا ویرایشگر گرادینت (Gradient Editor) را باز کنید.

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

یک گرادینت با این تنظیمات ایجاد کنید:

• رنگ توقف اول: #0c1005
• موقعیت توقف اول: %۰
• رنگ توقف دوم: #۸aa269
• موقعیت توقف دوم: %۵۱
• رنگ توقف سوم: #e3efcc
• موقعیت توقف سوم: %۱۰۰

مرحله ۱۱

لایه Base Camo را انتخاب کنید و به منوی Edit بروید و Define Pattern را انتخاب کنید و سپس نام الگو را Camo Fabric قرار دهید و بروی OK کلیک کنید.

۳. روش ایجاد تکسچر حاشیه

مرحله ۱

یک سند با ابعاد ۴x4px و با پس زمینه سیاه ایجاد کنید.

مرحله ۲

بروی تصویر زوم کنید تا اینکه پیکسل‌ها را بصورت تک‌تک ببینید. سپس ابزار Pencil را با سایز ۱px بردارید و یک خط سفید مورب همانطور که در تصویر نشان داده شده ترسیم کنید.

مرحله ۳

به منوی Edit بروید و Define Pattern را انتخاب کنید و نام آنرا Border Texture قرار دهید.

۴. روش ایجاد استایل‌های لایه

مرحله ۱

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

مرحله ۲

ابزار Type (کلید T) را بردارید و فونت Aller Display را با سایز ۱۷۹pt تنظیم کرده و کلمه FABRIC را بنویسید. سپس آنرا روی تاقچه در تصویر پس زمینه قرار دهید.

مرحله ۳

بروی لایه نوشته کلیک دوبل کنید تا پنجره استایل لایه (Layer Style) باز شود.

با استایل Pattern Overlay شروع میکنیم تا بتوانیم ببینیم چه چیزی در تصویر اتفاق می افتد.

استایل Pattern Overlay را با این تنظیمات اضافه کنید:

• Blend Mode: Normal (حالت ترکیبی)
• Opacity: 100% (شفافیت)
• Pattern (الگو): تکسچری که ایجاد کردیم یعنی Camo Fabric را انتخاب کنید.
• Scale: 25% (اسکیل)
• گزینه Link with Layer (ارتباط با لایه) تیک خورده باشد.

مرحله ۴

یک استایل Bevel & Emboss با این تنظیمات اضافه کنید:

• Style: Emboss (استایل: برجستگی)
• Technique: Smooth (متد: روش)
• Depth: 174% (عمق)
• Direction: Up (جهت: بالا)
• Size: 4 px (سایز)
• Soften: 0 px (ملایم کردن)
• گزینه Use Global Light (استفاده از نور سراسری) تیک نخورده باشد
• Angle: 90º (زاویه)
• Altitude: 48º (ارتفاع)
• Gloss Contour (برجستگی براق): بروی باکس روبروی آن کلیک کنید و Load را بزنید تا فایل نقش برجستگی داخل فایل زیپ را باز کنید.
• Highlight Mode: Screen (حالت ترکیبی هایلایت)
• Highlight Mode Color: #ffffff (رنگ حالت ترکیبی هایلایت)
• Highlight Mode Opacity: 10% (شفافیت حالت ترکیبی هایلایت)
• Shadow Mode: Normal (حالت ترکیبی سایه)
• Shadow Mode Color: #364928 (رنگ حالت ترکیبی سایه)
• Shadow Mode Opacity: 81% (شفافیت حالت ترکیبی سایه)

مرحله ۵

یک استایل Stroke با تنظیمات زیر اضافه کنید:

• Size: 4 px (سایز)
• Position: Outside (موقعیت: بیرون)
• Blend Mode: Normal (حالت ترکیبی)
• Opacity: 100% (شفافیت)
• گزینه Overprint (چاپ روی هم) تیک نخورده باشد
• Fill Type: Pattern (نوع پر کردن: الگو)
• Pattern (الگو): الگوی Camo Fabric را انتخاب کنید.
• Scale: 25% (اسکیل)
• Link with Layer (ارتباط با لایه) تیک خورده باشد.

مرحله ۶

یک Inner Shadow (سایه داخلی) با تنظیمات زیر اضافه کنید:

• Blend Mode: Linear Light (حالت ترکیبی)
• Opacity: 2% (شفافیت)
• گزینه Use Global Light (استفاده از نور سراسری) تیک نخورده باشد.
• Angle: -27º (زاویه)
• Distance: 6 px (فاصله)
• Choke: 6% (محدود کردن)
• Size: 8 px (سایز)
• Contour: Linear (نقش برجسته)
• گزینه Anti-Aliased تیک نخورده باشد.
• Noise: 0% (نویز)

 

مرحله ۷

یک افکت Inner Glow با این تنظیمات اضافه کنید:

• Blend Mode: Overlay (حالت ترکیبی)
• Opacity: 20% (شفافیت)
• Noise: 0% (نویز)
• Color: #ffffff
• Technique: Softer (متد: ملایم‌تر)
• Source: Center (سورس: مرکز)
• Choke: 39% (محدود کردن)
• Size: 27 px (سایز)
• Contour: Linear (نقش برجسته)
• گزینه Anti-Aliased (ضدنویز) تیک نخورده باشد.
• Range: 85% (گستره)
• Jitter: 0% (دگرگونی)

مرحله ۸

یک استایل Outer Glow با این تنظیمات اضافه کنید:

• Blend Mode: Linear Light (حالت ترکیبی)
• Opacity: 100% (شفافیت)
• Noise: 59% (نویز)
• Color: #969c8e (رنگ)
• Technique: Softer (متد: ملایم‌تر)
• Spread: 100% (انتشار)
• Size: 4 px (سایز)
• Contour: Linear (نقش برجسته)
• گزینه Anti-Aliased (ضدنویز) تیک خورده باشد
• Range: 100% (گستره)
• Jitter: 0% (دگرگونی)

مرحله ۹

یک افکت Drop Shadow با این تنظیمات اضافه کنید:

• Blend Mode: Normal (حالت ترکیبی)
• Color: #000000 (رنگ)
• Opacity: 100% (شفافیت)
• گزینه Use Global Light (استفاده از نور سراسری) تیک نخورده باشد
• Angle: 146º (زاویه)
• Distance: 1 px (فاصله)
• Spread: 26% (انتشار)
• Size: 10 px (سایز)
• Contour: Linear (نقش برجسته)
• گزینه Anti-Aliased (ضد نویز) تیک نخورده باشد.
• Noise: 0% (نویز)
• گزینه Layer Knocks Out Drop Shadow (غلبه لایه بر سایه) تیک خورده باشد.

مرحله ۱۰

لایه نوشته را انتخاب کنید و کلیدهای Ctrl و J را بزنید تا آنرا تکثیر کنید. سپس نام لایه کپی شده را به Camo Top تغییر دهید.

مرحله ۱۱

روی لایه Camo Top کلیک راست را بزنید و Clear Layer Style را انتخاب کنید. سپس روی آن کلیک دوبل بزنید تا پنجره Layer Style را باز کنید.

یک استایل Bevel & Emboss با این تنظیمات اضافه کنید:

• Style: Emboss (استایل: برجستگی)
• Technique: Smooth (متد: هموار)
• Depth: 174% (عمق)
• Direction: Up (جهت: بالا)
• Size: 4 px (سایز)
• Soften: 0 px (ملایم کردن)
• گزینه Use Global Light (استفاده از نور سراسری) تیک نخورده باشد
• Angle: 90º (زاویه)
• Altitude: 48º (ارتفاع)
• Gloss Contour (برجستگی براق): فایل برجستگی که قبلا نصب کردید یعنی Fabric Custom را انتخاب کنید.
• گزینه Anti-Aliased (ضد نویز) تیک خورده باشد
• Highlight Mode: Screen (حالت ترکیبی هایلایت)
• Highlight Mode Color: #ffffff (رنگ حالت ترکیبی هایلایت)
• Highlight Mode Opacity: 0% (شفافیت حالت ترکیبی هایلایت)
• Shadow Mode: Normal (حالت ترکیبی سایه)
• Shadow Mode Color: #4d6326 (رنگ حالت ترکیبی سایه)
• Shadow Mode Opacity: 15% (شفافیت حالت ترکیبی سایه)

مرحله ۱۲

یک استایل Stroke با این تنظیمات اضافه کنید:

• Size: 2 px (سایز)
• Position: Outside (موقعیت: بیرون)
• Blend Mode: Linear Dodge – Add (حالت ترکیبی)
• Opacity: 45% (شفافیت)
• گزینه Overprint (چاپ روی هم) تیک نخورده باشد
• Fill Type: Pattern (حالت پر کردن: الگو)
• Pattern (الگو): گزینه Border Texture را انتخاب کنید (این الگو تصویر دوخت روی لبه‌ها را ایجاد میکند)
• Scale: 200% (سایز)
• گزینه Link with Layer (ارتباط با لایه) تیک خورده باشد

مرحله ۱۳

یک استایل Inner Shadow (سایه داخلی) با این تنظیمات اضافه کنید:

• Blend Mode: Soft Light (حالت ترکیبی)
• Color: #000000
• Opacity: 20% (شفافیت)
• استفاده از Use Global Light تیک نخورده باشد.
• Angle: -27º (زاویه)
• Distance: 0 px (فاصله)
• Choke: 62% (محدود کردن)
• Size: 10 px (سایز)
• Contour: Linear (نقش برجسته)
• گزینه Anti-Aliased (ضدنویز) تیک نخورده باشد.
• Noise: 0% (نویز)

مرحله ۱۴

یک استایل Inner Glow (سایه داخلی) با این تنظیمات اضافه کنید:

• Blend Mode: Overlay (حالت ترکیبی)
• Opacity: 4% (شفافیت)
• Noise: 0% (نویز)
• Color: #ffffff (رنگ)
• Technique: Softer (متد: ملایم‌تر)
• Source: Center (سورس: مرکز)
• Choke: 53% (محدود کردن)
• Size: 16 px (سایز)
• Contour: Linear (نقش برجستگی)
• Anti-Aliased (ضد نویز) تیک نخورده باشد
• Range: 85% (گستره)
• Jitter: 0% (دگرگونی)

بعد از آن بروی OK کلیک کنید.

تبریک میگم، کار شما تمام شد!

در این آموزش روش ایجاد افکت نوشته فابریک پارچه کمو در ادوبی فتوشاپ را یاد گرفتید.

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

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

امیدوارم که از این آموزش لذت برده باشید و در صورت تمایل نظرات خود را در زیر قرار دهید.

این افکت متنی که ساختیم بخشی از آیتم Fabric Styles (افکت های متن پارچه‌ای) است.

افکت های متن پارچه‌ای