آموزش طراحی افکت متنی در فتوشاپ

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

ایجاد پس‌زمینه و متن

قدم اول در ایجاد افکت متنی: یک پروژه‌ی جدید با اندازه‌های 1280 در 720 پیکسل در فتوشاپ ایجاد کنید. رنگ این پس‌مینه را #0c0101 در نظر بگیرید.

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

• به مسیر Window > Character بروید تا پنجره‌ی کارکترها باز شود. در این پنجره می‌توانید تنظیمات ویژه‌ای را بر روی نوشته خود انجام دهید.
• اندازه فونت را برای این نوشته روی 141 قرار دهید. سایر تنظیمات نیز باید مطابق تصویر زیر باشد.
• نکته‌ای که باید توجه کنید این است که تمام حروف نوشته‌ی انگلیسی شما باید بزرگ باشد.
• وضعیت این نوشته را در نوار تنظیمات بالای نرم‌افزار روی Faux Bold قرار دهید.

بزرگ‌تر کردن برخی حروف

قدم اول: در حالیکه ابزار Text را از نوار ابزار انتخاب کرده‌اید، با موس روی حرف اول یعنی S درگ کنید تا این حرف هایلایت شود. اندازه‌ی این حرف را در پالت کارکترها روی 212 بگذارید.

قدم دوم: می‌خواهیم حرف S را کمی پائین‌تر از سایر حروف بیاوریم. بنابراین باید مقدار baseline shift را در پالت کارکترها تغییر دهید. مقدار عددی 51 را در این قسمت وارد کنید.

قدم سوم: قدم‌های اول و دوم را برای حرف R در انتهای سطر اول نیز انجام دهید.

[در صورت نیاز به دستگاه های چاپ و یا سایر دستگاه ها و قطعات می توانید به مبین تک اعتماد کنید.]

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

قدم اول: مشاهده می‌کنید که فاصله‌ی حرف S از حرف T بسیار کم است. مقدار Kerning را روی عدد 60 بگذارید تا این فاصله تنظیم شود.

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

قدم سوم: در پنل لایه‌ها، لایه‌ی متنی را که نوشته‌اید، انتخاب کنید. مقدار Fill را برای این لایه روی صفر بگذارید.

استایل دادن به متن‌ها

بر روی لایه‌ی متنی که نوشته‌اید در پنل لایه‌ها دوبار کلیک کنید تا پنجره‌ی Blending Options باز شود.

قدم اول: در مقابل Bevel and Emboss تیک زده و وارد این قسمت شوید. تنظیماتی که در زیر می‌بینید، برای این قسمت انجام دهید:

• Style: Stroke Emboss
• Depth: 220
• Size: 3
• تیک این قسمت را بردارید Use Global Light
• Angle: 156
• Altitude: 37
• Gloss Contour: Cone – Inverted
• Check the Anti-aliased box
• Highlight Mode – Opacity: 35%
• Shadow Mode – Opacity: 50%

قدم دوم: در مقابل Contour تیک زده و وارد این قسمت شوید. تنظیماتی که در زیر می‌بینید، برای این قسمت انجام دهید:

Contour: Cove – Deep این قسمت را تیک بزنید Anti-aliased

قدم سوم: در قسمت Stroke این موارد را رعایت کنید:

• Size: 3
• Position: Inside
• Color: #ce1725

قدم چهارم: در قسمت Inner Glow این موارد را رعایت کنید:

• Opacity: 50%
• Noise: 5%
• Color: #ea0f0f
• Size: 17

قدم پنجم: در قسمت Outer Glow این موارد را رعایت کنید:

• Opacity: 50%
• Noise: 5%
• Color: #ea2314
• Size: 12
• Range: 60%

قدم ششم: در پایان OK کنید. نتیجه به صورت زیر خواهد بود. بر روی این لایه‌ی متنی راست‌کلیک کنید و Copy Layer Style را انتخاب کنید.

اضافه کردن اشکال مستطیلی

قدم اول: ابزار Rounded Rectangle Tool را از نوار ابزار انتخاب کنید.

1. در نوار تنظیمات این ابزار در قسمت بالای نرم‌افزار مقدار Radius را 2 در نظر بگیرید.
2. با درگ کردن در قسمت بالای متن یک مستطیل باریک با طول 7 پیکسل بکشید.
3. دو مستطیل کوچک‌تر نیز در طرف متن ایجاد کنید. فقط توجه کنید این دو مستطیل هم‌اندازه باشند.

قدم دوم: مقدار Fill را برای هر سه مستطیل روی 0 بگذارید.

استایل دادن به مستطیل‌ها

بر روی لایه‌ی مستطیل‌ها یکی‌یکی راست‌کلیک کنید و گزینه‌ی Paste Layer Style را انتخاب کنید. بدین ترتیب استایل‌ متن برای تمام مستطیل‌ها کپی می‌شود.

بر روی لایه‌ی مستطیل بزرگی که در بالای متن کشیده‌اید، دوبار کلیک کنید تا پنجره‌ی Blending Options گشوده شود.

قدم اول: در مقابل Bevel and Emboss تیک زده و وارد این قسمت شوید. تنظیماتی که در زیر می‌بینید، برای این قسمت انجام دهید:

Size: 2

قدم دوم: در قسمت Stroke این موارد را رعایت کنید:

Size: 2

Position: Outside

قدم سوم: در قسمت Inner Glow این موارد را رعایت کنید:

Size: 5

قدم چهارم: در قسمت Outer Glow این موارد را رعایت کنید:

Size: 17

قدم پنجم: بر روی لایه‌ی این مستطیل راست‌کلیک کنید و گزینه‌ی Copy Layer Style را انتخاب نمائید.

قدم ششم: بر روی لایه‌های مستطیل‌های کوچک نیز یکی‌یکی راست‌کلیک کنید و گزینه‌ی Paste Layer Style را انتخاب نمائید.

قدم هفتم: همه‌ی لایه‌ها به جز لایه‌ی Background را از پنل لایه‌ها انتخاب کنید و کلیدهای Ctrl+G را فشار دهید. بدین ترتیب همه‌ی لایه‌ها در یک گروه جدید قرار می‌گیرند. نام این گروه جدید را Text Effect بگذارید.

استایل دادن به گروه

بر روی گروه Text Effect دوبار کلیک کنید تا پنجره‌ی Blending Options باز شود.

قدم اول: در مقابل Gradient Overlay تیک زده و وارد این قسمت شوید. تنظیماتی که در زیر می‌بینید، برای این قسمت انجام دهید:

• این قسمت را تیک بزنید Dither box
• Blend Mode: Soft Light
• Style: Reflected
• Angle: 135

یک گرادینت ایجاد کنید که در سمت راست کد رنگی fbe7c2 و در سمت چپ کد رنگی e69f99 را داشته باشد.

قدم دوم: با کلیک بر آیکون + یک گرادینت دیگر با مشخصات زیر اعمال نمائید:

• Check the Dither box
• Blend Mode: Overlay
• Style: Reflected
• Angle: 135
• Use the faucet 10 gradient fill

قدم سوم: در مقابل Outer Glow تیک زده و وارد این قسمت شوید. تنظیماتی که در زیر می‌بینید، برای این قسمت انجام دهید:

• Opacity: 20%
• Color: #de1b22
• Size: 34
• Range: 60%

نتیجه به صورت زیر خواهد بود:

اضافه کردن نقاط مبین تکنی

قدم اول: رنگ Foregrand را روی #451d08 بگذارید.

با کلیک بر آیکون Create New Layer در قسمت پائینی پنل لایه‌ها، یک لایه‌ی جدید در بالای‌ همه‌ی لایه‌ها ایجاد کنید. نام این لایه را Light بگذارید. وضعیت این لایه را مطابق تصویر بر روی Color Dodge تنظیم کنید.

قدم دوم: از نوار ابزار، ابزار Brush را انتخاب کنید.

یک براش بزرگ، گرد و نرم انتخاب کنید.

اکنون با دقت و به آرامی بر روی برخی قسمت‌های بعضی حروف بکشید تا درخشان‌تر شوند.

در حین کار می‌توانید Opacity یا اندازه براش‌ها را تغییر دهید و با ظرافت بر روی قسمت‌های مناسب بکشید.

قدم سوم: روی آیکون Create new fill or adjustment layer کلیک کنید و سپس Hue/Saturation را انتخاب کنید.

قدم چهارم: برای Saturation مقدار 35 و برای Lightness مقدار 15 را در نظر بگیرید.

تنظیمات رنگ

قدم اول: بر روی آیکون Create new fill or adjustment layer کلیک کنید و سپس Gradient را انتخاب کنید. توجه کنید این لایه بالای گروه Text Effect باشد.

برای سمت راست نوار گرادینت کد رنگی #5c456e، برای قسمت وسط کد رنگی #b26b73 و برای سمت چپ کد رنگی #fda982 را انتخاب کنید.

Style را در این پنجره روی Reflected بگذارید و سایر تنظیمات را مطابق تصویر زیر انجام دهید.

قدم دوم: وضعیت لایه‌ی گرادینت را روی Color بگذارید و Opacity آن را به 35% کاهش دهید.

خلاصه

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