مغزابزار > آموزش‌ > طراحی و تصویرسازی > افکت متنی > روش ایجاد افکت متن پارچه با طرح کامو در ادوبی فتوشاپ
آموزش فتوشاپ استایل لایه افکت متنی

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

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

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

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

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

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

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

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

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

منابع آموزش

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

دانلود فایل

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

مرحله ۱

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

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

مرحله ۲

رنگ زمینه جلو را به کد رنگ #۶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 (افکت های متن پارچه‌ای) است.

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

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