سبد (0)

تبلیغات

نمایش یک متن در پرتوهایی از نور

آموزش نمایش متن در پرتوهایی از نور در فتوشاپ - افکت انفجار نور

متن اصلی و تصاویر از Steve Patterson، در این قسمت از آموزش فتوشاپ، قصد داریم نحوه ی نمایش یک متن در پرتوهایی از نور به نحوی که از اطراف و میان آن متشعشع شود را آموزش دهیم.

در تصویر زیر، نتیجه نمایش یک متن در پرتوهایی از نور را مشاهده می کنید:

A colorful light burst text effect created with Photoshop CS6

افکت انفجار نورهای رنگارنگ

مراحل انجام کار (افکت انفجار نور)

آموزش نمایش متن در پرتوهایی از نور، شامل 27 مرحله ی زیر است:


مرحله 1: ایجاد یک سند جدید در فتوشاپ

اجازه دهید تا این افکت را با ایجاد یک سند جدید در فتوشاپ شروع کنیم، روی منوی File->New یا میانبرهای Ctrl+N کلیک فرمایید:

Creating a new Photoshop document from the File menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی File->New

در پنجره باز شده (New) اگر اندازه و رزولیشن سندی که نیاز دارید را می دانید آنها را تنظیم کنید. وگرنه آنها را مانند زیر تنظیم کنید و روی دکمه OK کلیک فرمایید تا سند جدید نمایان شود:

توجه: زمانی که گزینه Preset را با مقدار web تنظیم نمایید، بصورت اتوماتیک گزینه های Width  و  Height و Resolution نیز با مقادیر مربوطه تنظیم می شوند. البته بدلیل اینکه ای از این کار پرینتی نخواهیم داشت، رزولوشن 72 مناسب خواهد بود.

The New Document dialog box in Photoshop CS6. Image © 2013 Photoshop Essentials.com

پنجره ایجاد سند جدید در فتوشاپ

مرحله 2: اضافه کردن متن در فتوشاپ

از پنل ابزارها در سمت چپ صفحه، ابزار تایپ (Type Tool) را انتخاب نمایید. شما می توانید از کلید میانبر T نیز استفاده کنید:

Selecting the Type Tool in Photoshop CS6. Image © 2013 Photoshop Essentials.com

انتخاب ابزار تایپ

قبل از اینکه روی سند کلیک نمایید، با استفاده از کلید میانبر D رنگ پیش زمینه (Foreground) و پس زمینه (Background) را به حالت پیش فرض خود تغییر دهید. (حالت پیش فرض برای Forground سیاه و برای Background سفید خواهد بود) فتوشاپ برای رنگ متن، بصورت پیش فرض از Forground استفاده خواهد کرد. بنابراین متن تایپ شده به رنگ سیاه خواهد بود.

زمانی که ابزار تایپ (Type Tool) در حال انتخاب است، از میله افقی بالای صفحه (Options Bar) فونت و اندازه متن مورد نظرتان را تنظیم نمایید.

Setting the type options in Photoshop CS6. Image © 2013 Photoshop Essentials.com

تنظیم فونت با استفاده از میله افقی بالای صفحه (Option Bar)

حالا که ابزار تایپ (Type Tool) در حال انتخاب است و فونت و رنگ متن تنظیم شده، داخل سند فتوشاپ کلیک کنید و متن مرود نظرتان را تایپ فرمایید: (ما متن "LIGHT BURST" بمعنی انفجار نور را انتخاب کرده ایم)

Adding text to the Photoshop document. Image © 2013 Photoshop Essentials.com

اضافه کردن متن

زمانی که کارتان تمام شد، از میله افقی بالا (Option Bar) برای اینکه متن تایپ شده را accept کنید و از حالت ویرایش متن خارج شوید روی checkmark کلیک نمایید:

Clicking the checkmark to accept the text. Image © 2013 Photoshop Essentials.com

کلیک روی checkmark برای پذیرفن کار انجام شده

اگر به پنل Layers نگاه کنید، خواهید دید که لایه متن (LIGHT BURST) در بالای لایه Background قرار گرفته است:

The Layers panel showing the text on a Type layer. Image © 2013 Photoshop Essentials.com

نشان دادن لایه متن در پنل Layers

مرحله 3: تغییر اندازه متن با استفاده از Free Transform در فتوشاپ

روی منوی Edit->Free Transform یا دکمه میانبر Ctrl+T کلیک نمایید:

Selecting the Free Transform command from under the Edit menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Edit->Free Transform

بلافاصله بعد از انتخاب منوی Edit->Free Transform متن مورد نظر در یک جعبه با دستگیره هایی در اطراف و گوشه ها قرار داده می شود. برای تغییر اندازه کافی است که یکی از دستگیره ها را به سمتی که می خواهید بکشید و رها کنید.

توجه: برای اینکه شکل اصلی کاراکترهای متن حفظ شود می توانید هنگام کشیدن دسته ها، کلید Shift را پایین نگه دارید.

زمانی که کارتان تمام شد، از میله افقی بالا (Option Bar) برای اینکه کار انجام شده را accept کنید روی checkmark کلیک نمایید: (می توانید روی دکمه Enter کلیک کنید)

Resizing the text with the Free Transform command. Image © 2013 Photoshop Essentials.com

تغییر اندازه متن و قرار دادن آن در مرکز صفحه

مرحله 4: Rasterize کردن لایه متن (LIGHT BURST)

در این قسمت نیاز داریم که لایه متن (LIGHT BURST) را از حالت تایپ به حالت پیکسلی تبدیل کنیم، این کار را با عنوان Rasterize می شناسند. درحالی که لایه متن (LIGHT BURST) در حالت انتخاب است، روی منوی Type->Rasterize Type Layer کلیک نمایید (جدید در CS6) و یا روی لایه متن کلیک راست کنید و گزینه Rasterize Type را انتخاب نمایید:

Selecting the Rasterize Type Layer command from the new Type menu in Photoshop CS6. Image © 2013 Photoshop Essentials.com

رفتن به منوی Type->Rasterize Type Layer

هنوز کاری روی متن انجام نشده است، اما اگر به پنل Layers نگاه کنید، خواهید دید که لایه متن به حالت پیکسلی (pixel-based) تبدیل شده است:

The Layers panel showing the rasterized Type layer. Image © 2013 Photoshop Essentials.com

لایه متن به لایه pixel-based تبدیل شده است

مرحله 5: انتخاب فضای پیرامون متن و ذخیره آن

ما نیاز داریم که یک انتخاب از فضای پیرامون متن ایجاد کنیم و آنرا برای استفاده های بعدی در آینده ذخیره کنیم. بنابراین با پایین نگه داشتن کلید Ctrl، روی لایه متن کلیک نمایید:

Clicking on the layer's preview thumbnail. Image © 2013 Photoshop Essentials.com

با پایین نگه داشتن کلید Ctrl روی تصویر بندانگشتی لایه متن کلیک نمایید

فتوشاپ اطراف کاراکترهای متن را در حالت انتخاب قرار می دهد:

A selection outline appears around the text. Image © 2013 Photoshop Essentials.com

فضای پیرامون متن در حالت انتخاب قرار می گیرد

برای ذخیره فضای انتخاب شده، روی تب Channels کلیک نمایید: (می توانید پنل Channels را در کنار هم گروهی خود یعنی پنل Layers بیابید)

Switching to the Channels panel in Photoshop CS6. Image © 2013 Photoshop Essentials.com

کلیک روی تب Channels

سپس در پنل Channels، روی آیکن Save Selection As Channel کلیک نمایید: (دومین آیکن از سمت چپ)

Clicking the Save Selection As Channel icon. Image © 2013 Photoshop Essentials.com

کلیک روی آیکن Save Selection As Channel

Channel جدید با نام Alpha 1 در زیر Channel آبی ظاهر می شود. حالا، فضای انتخاب شده ذخیره شده است:

A new Alpha 1 channel appears in the Channels panel. Image © 2013 Photoshop Essentials.com

فضای انتخاب شده به عنوان یک Channel جدید و با نام Alpha 1 ذخیره شده است

روی تب Layers کلیک کنید تا به پنل Layers برگردید:

Selecting the Layers panel. Image © 2013 Photoshop Essentials.com

برگشتن به پنل Layers

دیگر به فضایی که در حالت انتخاب است نیازی نداریم، بنابراین منوی Select -> Deselect یا دکمه میانبر Ctrl+D را انتخاب نمایید:

Choosing the Deselect command from under the Select menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Select -> Deselect

مرحله 6: پر کردن فضای اطراف متن با رنگ سفید

در پنل Layers، روی آیکن چشم لایه Background کلیک کنید تا بصورت موقت، در سند فتوشاپ نشان داده نشود:

Clicking the Layer visibility icon. Image © 2013 Photoshop Essentials.com

کلیک روی آیکن چشم

زمانی که لایه Background مخفی شود، ما تنها لایه متن را خواهیم دید. طرح شطرنجی که اطراف متن را احاطه کرده روشی است برای نشان دادن اینکه فضای اطراف متن در حال حاضر، خالی است (transparency):

Viewing the transparent area around the text. Image © 2013 Photoshop Essentials.com

فضای اطراف متن در حال حاضر خالی است (transparent)

ما نیاز داریم که فضای اطراف متن را بدون اینکه تأثیری روی رنگ متن داشته باشد به رنگ سفید درآوریم. در فتوشاپ اینکار را با استفاده از دستور Fill می توانیم انجام دهیم.

منوی Edit -> Fill را انتخاب نمایید:

Selecting the Fill command from the Edit menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Edit -> Fill

در پنجره Fill، گزینه ها را مطابق شکل زیر تنظیم نمایید:

Setting the Fill options in Photoshop. Image © 2013 Photoshop Essentials.com

تنظیم گزینه های پنجره Fill

روی دکمه OK کلیک کنید تا فتوشاپ فضای خالی اطراف متن را با رنگ سفید پر کند:

توجه: با تنظیم گزینه ی Multiply برای گزینه Mode، رنگ سیاه کاراکترهای متن دستنخورده باقی می مانند.

Setting the Fill options in Photoshop. Image © 2013 Photoshop Essentials.com

پر کردن تنها فضای خالی اطراف متن با رنگ سفید

با کلیک روی آیکن چشم، دوباره لایه Background را قابل رویت نمایید. ما این کار را فقط برای اینکه نتیجه دستور Fill را مشاهده کنید انجام دادیم:

Clicking again on the Background layer's visibility icon. Image © 2013 Photoshop Essentials.com

قابل رویت کردن لایه Background

مرحله 7: محو کردن متن، با استفاده از فیلتر Gaussian Blur در فتوشاپ

ما نیاز داریم که متن مان را یک مقدار کم محو (Blur) کنیم. بنابراین منوی Filter -> Blur -> Gaussian Blur را انتخاب نمایید:

Selecting the Gaussian Blur filter from under the Filter menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Filter -> Blur -> Gaussian Blur

زمانی که پنجره Gaussian Blur نمایان شد، گزینه Radius را با مقدار 0.4 تنظیم نمایید:

Setting the Radius value in the Gaussian Blur dialog box. Image © 2013 Photoshop Essentials.com

تنظیم گزینه Radius

روی دکمه OK کلیک نمایید، در زیر نتیجه اعمال فیلتر Gaussian Blur را مشاهده می کنید:

The text after applying the Gaussian Blur filter. Image © 2013 Photoshop Essentials.com

متن بعد از اعمال فیلتر Gaussian Blur

مرحله 8: استفاده از فیلتر Solarize در فتوشاپ (در معرض آفتاب قرار دادن)

منوی Filter -> Stylize -> Solarize را انتخاب نمایید:

Selecting the Solarize filter from under the Filter menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Filter -> Stylize -> Solarize

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

The text after applying the Solarize filter. Image © 2013 Photoshop Essentials.com

نتیجه اعمال فیلتر Solarize روی لایه متن

مرحله 9: روشن کردم متن، با استفاده از اصلاح Auto Tone در فتوشاپ

ما نیاز داریم که متن را کمی روشن تر نمایش دهیم، و اینکار را می توانیم بسادگی با استفاده از قابلیت Auto image adjustment (اصلاح اتوماتیک عکس) در فتوشاپ انجام دهیم.

منوی Image -> Auto Tone را انتخاب نمایید (در فتوشاپ CS6). در اینجا بدلیل اینکه تنها با رنگ های سیاه و سفید کار می کنیم، فرقی نمی کند که کدام یک از گزینه های Auto Color یا Auto Contrast یا Auto Tone را انتخاب کنید. ما گزینه Auto Tone را فقط بدلیل اینکه در ابتدای لیست قرار دارد انتخاب کردیم:

Selecting the Auto Tone command in Photoshop CS6. Image © 2013 Photoshop Essentials.com

رفتن به منوی Image -> Auto Tone

حالا با اعمال اصلاح Auto Tone، متن روشن تر از قبل نشان داده می شود:

The text after applying the Auto Tone adjustment. Image © 2013 Photoshop Essentials.com

نتیجه کار بعد از اعمال اصلاح Auto Tone روی لایه متن

مرحله 10: ایجاد کپی (Duplicate) از لایه متن در فتوشاپ

حالا ما نیاز داریم که از لایه متن، یک کپی ایجاد کنیم. راحت ترین راه برای ایجاد کپی از یک لایه، انتخاب و کشیدن لایه مورد نظر روی آیکن New Layer است (دومین آیکن از سمت راست در پنل لایه ها)، البته می توانید منوی New -> Layer via Copy یا کلید میانبر Ctrl + J را انتخاب نمایید:

Selecting the New Layer via Copy command under the Layer menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Layer via Copy

در پنل Layers، یک کپی از لایه متن در بالای لایه اصلی ظاهر می شود:

The Layers panel showing the copy of the text layer. Image © 2013 Photoshop Essentials.com

نشان دادن لایه کپی در پنل Layers

در حالی که لایه کپی در حالت انتخاب است (با رنگ آبی برجسته شده)، منوی Filter -> Distort -> Polar Coordinates را انتخاب نمایید:

Selecting the Polar Coordinates filter. Image © 2013 Photoshop Essentials.com

رفتن به منوی Filter -> Distort -> Polar Coordinates

در پنجره باز شده، گزینه Polar to Rectangular را انتخاب کرده و سپس روی دکمه OK کلیک نمایید:

Selecting the Polar to Rectangular option for the Polar Coordinates filter. Image © 2013 Photoshop Essentials.com

انتخاب گزینه Polar to Rectangular

حالا متن شما، شبیه زیر شده است:

The text after applying the Polar Coordinates filter. Image © 2013 Photoshop Essentials.com

نتیجه کار بعد از اعمال فیلتر Polar Coordinates

مرحله 12: چرخش تصویر در فتوشاپ

در این لحظه قصد داریم فیلتر Wind در فتوشاپ را روی تصویر اعمال کنیم، اما از آنجایی که این فیلتر تنها بصورت افقی (horizontally) اعمال می شود، بنابراین قبل از اجرای آن باید تصویرمان را بچرخانیم. برای انجام این کار منوی Image ->Image Rotation -> 90° CW را انتخاب نمایید:

Rotating the image 90 degrees clockwise. Image © 2013 Photoshop Essentials.com

رفتن به منوی Image ->Image Rotation -> 90° CW

تصویر، حالا باید در جهت عقربه های ساعت چرخیده باشد:

The image rotated 90° clockwise. Image © 2013 Photoshop Essentials.com

90 درجه چرخش تصویر در جهت عقربه های ساعت

مرحله 13: تبدیل رنگ سیاه به سفید و برعکس در فتوشاپ (Invert)

حالا ما نیاز داریم که رنگ سیاه را به سفید و رنگ سفید را به سیاه تبدیل کنیم، بنابراین منوی Image -> Adjustments -> Invert یا دکمه میانبر Ctrl+I را انتخاب نمایید:

Selecting the Invert command from under the Image menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Image -> Adjustments -> Invert

حالا تصوی Invert شده است:

The image after inverting the brightness values. Image © 2013 Photoshop Essentials.com

نتیجه کار بعد از اعمال اصلاح Invert

مرحله 14: استفاده از فیلتر Wind در فتوشاپ

می خواهیم با استفاده از فیلتر Wind در فتوشاپ، پرتوهای نور را ایجاد کنیم، بنابراین منوی Filter -> Stylize -> Wind را انتخاب نمایید:

Selecting the Wind filter in Photoshop. Image © 2013 Photoshop Essentials.com

رفتن به منوی Filter -> Stylize -> Wind

در پنجره باز شده، گزینه ها را مطابق شکل زیر تنظیم نمایید:

Setting the options for the Wind filter in Photoshop. Image © 2013 Photoshop Essentials.com

گزینه های فیلتر Wind

برای بسته شدن پنجره روی دکمه OK کلیک نمایید. حالا فتوشاپ فیلتر wind را روی تصویر اعمال کرده است. اما برای تکمیل شدن افکت پرتوهای نور، ما نیاز داریم که دو مرتبه دیگر این فیلتر را روی تصویر اعمال نماییم.

اما بجای منوی Filter -> Stylize -> Wind می توانید بسادگی از کلیدهای میانبر Ctrl + F استفاده نمایید. این کلید میانبر، آخرین فیلتری که استفاده شده است را دوباره اعمال می کند (با همان گزینه هایی که تنظیم شده)، بنابریان دو بار Ctrl + F را استفاده نمایید. حالا نتیجه کار شبیه زیر شده است:

The image after applying the Wind filter three times. Image © 2013 Photoshop Essentials.com

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

مرحله 15: تبدیل دوباره رنگ سیاه به سفید و برعکس (Invert)

حالا باید دوباره تصویر را Invert کنیم، بنابراین منوی Image -> Adjustments -> Invert یا دکمه میانبر Ctrl+I را انتخاب نمایید:

Selecting the Invert command from under the Image menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Image -> Adjustments -> Invert

حالا یکبار دیگر تصویر با حاشیه های خاکستری در پس زمنیه مشکی نشان داده می شود:

The image has been inverted again. Image © 2013 Photoshop Essentials.com

نتیجه کار بعد از Invert مجدد تصویر

مرحله 16: روشن تر کردن مجدد تصویر با استفاده از Auto Tone

منوی Image -> Auto Tone را انتخاب نمایید:

Selecting the Auto Tone command in Photoshop CS6. Image © 2013 Photoshop Essentials.com

رفتن به منوی Image -> Auto Tone

و یکبار دیگه تصویر روشن تر نشان داده می شود:

The text is again brighter after re-applying the Auto Tone command. Image © 2013 Photoshop Essentials.com

نتیجه کار بعد از اعمال دستور Image -> Auto Tone

مرحله 17: استفاده مجدد از فیلتر Wind

با فرض اینکه آخرین فیلتری که استفاده کرده اید، فیلتر Wind است، کلیدهای میانبر Ctrl + F را سه مرتبه استفاده نمایید:

The image after applying the Wind filter three more times. Image © 2013 Photoshop Essentials.com

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

مرحله 18: چرخش مجدد تصویر

در اینجا کار ما با فیلتر wind تمام شد، پس اجازه دهید تا تصویر را به حالت اصلی خود برگردانیم، بنابراین منوی Image ->Image Rotation -> 90° CCW را انتخاب نمایید:

Selecting the Rotate 90 degrees CCW command under the Image menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Image ->Image Rotation -> 90° CCW

حالا تصویر به موقعیت اصلی خود برگشته است:

The image after rotating it counterclockwise. Image © 2013 Photoshop Essentials.com

چرخش تصویر برعکس عقربه های ساعت

مرحله 19: استفاده مجدد از فیلتر Polar Coordinates

منوی Filter -> Distort -> Polar Coordinates را انتخاب نمایید و در پنجره باز شده، اینبار گزینه ها Rectangular to Polar را انتخاب نمایید:

Selecting Rectangular to Polar in the Polar Coordinates filter dialog box. Image © 2013 Photoshop Essentials.com

انتخاب گزینه Rectangular to Polar

روی دکمه OK کلیک نمایید. حالا افکت انفجار نور قابل رویت است:

The image after re-applying the Polar Coordinates filter. Image © 2013 Photoshop Essentials.com

نتیجه کار بعد از اعمال فیلتر Polar Coordinates

مرحله 20: تغییر حالت لایه (Blend Mode) از مقدار پیش فرض Normal به Screen

حالا می خواهیم، لایه اصلی متن (LIGHT BURST) از میان پرتوهای نور نشان داده شود و این کار را بسادگی با تغییر حالت لایه یا blend mode لایه بالایی می توانید انجام دهید. مطابق شکل زیر، گزینه Blend Mode را می توانید در گوشه سمت چپ و بالای پنل Layers بیابید (بصورت پیش فرض با مقدار Normal تنظیم شده است). روی آن کلیک کنید تا لیست Blend Mode ظاهر شود و سپس گزینه Screen را انتخاب نمایید:

Changing the layer blend mode to Screen. Image © 2013 Photoshop Essentials.com

تغییر حالت لایه از Normal به Screen

حالا با تنظیم گزینه Blend Mode با مقدار Screen، پرتوهای نور از میان متن می تابد:

The image after changing the blend mode to Screen. Image © 2013 Photoshop Essentials.com

نتیجه کار بعد از تنظیم Blend Mode با مقدار Screen

مرحله 21: اضافه کردن یک لایه شیب رنگ

در پاینن پنل Layers روی آیکن New Fill or Adjustment Layer کلیک کنید:

Clicking the New Fill or Adjustment Layer icon in the Layers panel. Image © 2013 Photoshop Essentials.com

کلیک روی آیکن New Fill or Adjustment Layer در پنل Layers

از لیست ظاهر شده، گزینه Gradient را انتخاب نمایید:

Choosing a Gradient fill layer. Image © 2013 Photoshop Essentials.com

انتخاب گزینه Gradient

در پنجره باز شده، روی نوار شیب رنگ کلیک کنید تا پنجره Gradient Editor باز شود:

Clicking the gradient preview bar in the Gradient Fill dialog box. Image © 2013 Photoshop Essentials.com

کلیک روی نوار شیب رنگ

زمانی که پنجره Gradient Editor ظاهر شد، روی تصویر بندانگشتی سوم از بالا، سمت چپ کلیک کنید. از این شیب رنگ می توانیم برای شروع ساخت یک شیب رنگ سفارشی استفاده نماییم. توجه فرمایید که Opacity هر دو رنگ استفاده شده، باید روی 100% باشد:

Selecting the Black, White gradient from the Gradient Editor in Photoshop. Image © 2013 Photoshop Essentials.com

کلیک روی تصویر بند انگشتی شیب رنگ سیاه و سفید

روی آیکن سمت چپ و پایین نوار شیب رنگ، دابل کلیک کنید: (این آیکن را black color stop یا توقف رنگ مشکلی می نامیم)

Editing the left color stop for the gradient. Image © 2013 Photoshop Essentials.com

دابل کلیک روی black color stop

در پنجره باز شده، گزینه های R و G و B را مانند زیر تنظیم نمایید (f0390e#) و روی دکمه OK کلیک کنید:

Selecting a new gradient color from the Color Picker. Image © 2013 Photoshop Essentials.com

جایگرین کردن رنگ f0390e# با سیاه

سپس، همین کار را برای آیکن سمت راست و پایین نوار شیب رنگ، انجام دهید (این آیکن را white color stop یا توقف رنگ سفید می نامیم)

Editing the right color stop for the gradient. Image © 2013 Photoshop Essentials.com

دابل کلیک روی آیکن white color stop

در پنجره باز شده، گزینه های R و G و B را مانند زیر تنظیم نمایید (f0a80e#) و روی دکمه OK کلیک کنید:

Selecting a second new gradient color from the Color Picker. Image © 2013 Photoshop Essentials.com

جایگزین رنگ f0a80e# با سفید

حالا شیب رنگ سفارشی ما آماده شده است، روی دکمه OK کلیک نمایید:

The new custom gradient. Image © 2013 Photoshop Essentials.com

شیب رنگ سفارشی جدید

مرحله 22: تغییر حالت (Blend Mode) لایه شیب رنگ از مقدار پیش فرض Normal به Color

در این لحظه، لایه شیب رنگ (Gradient Fill 1) تمام فضای سند فتوشاپ، از بالا تا پایین را می پوشاند که اصلاً آن چیزی که ما می خواهیم نیست. ما می خواهیم فقط متن و پرتوهای آن، رنگی شود. تنها کاری که برای حل این مشکل باید انجام دهیم، تنظیم مقدار Color برای گزینه Blend Mode لایه شیب رنگ است:

Changing the blend mode of the Gradient Fill layer to Color. Image © 2013 Photoshop Essentials.com

تنظیم مقدار Color برای گزنه Blend Mode لایه شیب رنگ

حالا با تنظیم گزینه Blend Mode با مقدار Color، افکت پرتوهای نور، رنگی شده است:

The effect after changing the blend mode to Color. Image © 2013 Photoshop Essentials.com

نتیجه نهایی بعد از تنظیم Blend Mode با مقدار Color

مرحله 23: تبدیل لایه متن اصلی (LIGHT BURST) به Smart Object

برای کامل شدن افکت انفجار نور، ما تنها به یک فیلتر دیگر نیاز داریم که باید روی لایه اصلی متن اعمال شود. در پنل Layers روی لایه اصی متن (LIGHT BURST) کلیک کنید تا فعال شود:

Selecting the original text layer in the Layers panel. Image © 2013 Photoshop Essentials.com

انتخاب لایه اصی متن (LIGHT BURST)

فیلتری که قصد داریم اعمال کنیم، فیلتر Radial Blur است، اما یک مشکل وجود دارد و آن این است که فیلتر Radial Blur پیش نمایشی زنده (live preview)، از نتیجه در اختیار ما قرار نمی دهد، یعنی اینکه در حین تنظیم گزینه های پنجره Radial Blur نمی توانیم نتیجه را مشاهده کنیم و بعد از کلیک روی دکمه OK، می توان نتیجه فیلتر اعمال شده را مشاهده کرد.

خوشبختانه یک راه حل ساده برای حل این مشکل وجود دارد و آن تبدیل لایه مورد نظر به Smart Object است. بنابراین در حالی که لایه متن اصلی (LIGHT BURST) در حالت انتخاب است مطابق شکل زیر در پنل Layers روی آیکن گوشه سمت راست و بالا (menu icon) کلیک نمایید:

Clicking the Layers panel menu icon. Image © 2013 Photoshop Essentials.com

کلیک روی menu icon

از منوی که ظاهر می شود، گزینه Convert to Smart Object را انتخاب نمایید:

Choosing the Convert to Smart Object command. Image © 2013 Photoshop Essentials.com

انتخاب دستور Convert to Smart Object

در سند فتوشاپ هیچ اتفاقی رخ نمی دهد، اما یک آیکن کوچک بنام Smart Object در گوشه سمت راست و پایین تصویر بندانگشتی لایه متن، ظاهر می شود، که به ما می فهماند که لایه مورد نظر از نوع Smart Object است:

The layer has been converted to a Smart Object. Image © 2013 Photoshop Essentials.com

حالا لایه متن از نوع Smart Object است

مرحله 24: استفاده از فیلتر هوشمند Radial Blur در فتوشاپ

حالا هر فیلتری که روی لایه Smart Object اعمال کنیم، فیلتر هوشمند یا Smart Filter خواهد شد، و نکته مهمی که در مورد فیلترهای هوشمند (Smart Filter) وجود دارد این است که می توانیم بعد از اعمال هر فیلتر، هر زمان که نیاز شد برگریدم و دوباره تنظیمات فیلتر مورد نظر را تغییر دهیم بدون اینکه تصویر اصلی خراب شود.

منوی Filter -> Blur -> Radial Blur را انتخاب نمایید:

Selecting the Radial Blur filter. Image © 2013 Photoshop Essentials.com

رفتن به منوی Filter -> Blur -> Radial Blur

در پنجره باز شده (Radial Blur)، گزینه های موجود را مطابق شکل زیر تنظیم نمایید:

The Radial Blur filter settings. Image © 2013 Photoshop Essentials.com

تنظیم گزینه های فیلتر Radial Blur

روی دکمه ی OK کلیک نمایید، در زیر نتیجه اعمال فیلتر Radial Blur را مشاهده می کنید:

The effect after applying the Radial Blur filter. Image © 2013 Photoshop Essentials.com

نتیجه اعمال فیلتر Radial Blur

اگر به پنل Layers نگاه کنید، خواهید دید که فیلتر هوشمند Radial Blur در زیر لایه اصلی متن، قرار گرفته است. اگر می خواهید گزینه های این فیلتر را تغییر دهید، می توانید بسادگی روی نام فیلتر دابل کلیک کنید تا پنجره مربوطه باز شود:

Re-opening the Radial Blur Smart Filter in the Layers panel. Image © 2013 Photoshop Essentials.com

دابل کلیک روی فیلتر هوشمند Radial Blur برای تنظیم مجدد گزینه های این فیلتر

مرحله 25: اضافه کردن یک لایه خالی در فتوشاپ

در پنل Layers روی آیکن New Layer کلیک نمایید:

Clicking the New Layer icon in the Layers panel. Image © 2013 Photoshop Essentials.com

کلیک روی آیکن New Layer

فتوشاپ، یک لایه جدید بنام Layer 1، بین دو لایه متن ایجاد می کند:

The Layers panel showing the new blank layer. Image © 2013 Photoshop Essentials.com

نمایش لایه ایجاد شده در پنل Layers

مرحله 26: استفاده از فضای انتخابی که در پنل Channels ذخیره کردیم

بیاد دارید که در مرحله ی 5، فضای اطراف متن را انتخاب و در تب Channels، ذخیره کردیم؟ حالا زمان استفاده از آن رسیده است.

بنابراین روی تب Channels کلیک کنید و سپس در حالی که کلید Ctrl را پایین نگه داشته اید روی Alpha 1 کلیک نمایید:

Loading the Alpha 1 selection from the Channels panel. Image © 2013 Photoshop Essentials.com

کلید Ctrl را پایین نگه دارید و روی Alpha 1 کلیک کنید

این کار باعث می شود که فضای پیرامون متن اصلی بصورت انتخاب شده، ظاهر شود:

The selection had been loaded into the document. Image © 2013 Photoshop Essentials.com

فضای پیرامون متن اصلی، بصورت انتخاب شده، دوباره ظاهر می شود

مرحله 27: پر کردن فضای انتخاب با رنگ سیاه

با کلیک روی تب Layers به پنل Layers بازگردید و منوی Edit -> Fill را انتخاب نمایید:

Selecting the Fill command from the Edit menu. Image © 2013 Photoshop Essentials.com

رفتن به منوی Edit -> Fill

در پنجره Fill، گزینه ها را مانند زیر تنظیم نمایید:

The Fill dialog box. Image © 2013 Photoshop Essentials.com

تنظیم گزینه های پنجره ی Fill

برای بسته شدن پنجره Fill، روی دکمه OK کلیک نمایید. فتوشاپ، فضای در حال انتخاب را با رنگ سیاه پر خواهد کرد. برای اینکه فضای پیرامون متن از حالت انتخاب خارج شود، روی دکمه های میانبر Ctrl + D کلیک نمایید، با انجام اینک کار، آموزش افکت انفجار نور تکمیل می شود. در زیر، نتیجه کار را مشاهده می کنید:

A colorful light burst text effect created with Photoshop CS6

نتیجه نهایی افکت انفجار نور

دیدگاه‌ها  

0 # Parina 1397-05-18 23:32
من به عنوان یک گرافیک دیزاین میخواستم تشکر کنم از این همه دقت و تلاش شما در نشان دادن کامل و درست تمام نکات ریز , خیلی برام جالب بود من در شغلم خیلی نیاز به این مطالب دارم البته من با ایلاستریتور کار میکنم اما واقعا" استفاده کردم امیدوارم درکارتون موفق باشید منتظر کارهای جدیدتون هستم
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # شکوفه جمالی 1397-05-10 17:35
سلاام دمتون گرررم عااالی بود.. هرجا هسی موفق و شاد باشی آقای پهلوان صادق
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # bi nam 1396-01-06 19:13
خیلی عالی خسته نباشید.
خدا خیرتون بده من به شخصه دعاتون می کنم...
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # امیر amir 1395-10-13 11:06
عالیییی عالییییی
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+7 # mahdi kavoani 1395-06-06 17:53
واقعا سپاس گذارم از این همه آموزش دقیق
تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+5 # معصومه 1395-04-09 13:00
عالللللللللللللللللییییییی
خیلی دنبالش بودم
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # reza saffar 1395-02-07 13:17
سلام
عالی بود
خداقوت
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+7 # پارسا 1394-06-25 16:39
عالی بود...تشکر
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+8 # راضیه2217 1394-05-15 20:03
هرچقدر بگم عالی کم گفتم کارتون حرفذ نداره بیشتر فتوشاپ آموزش بدید خدا قوت
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+9 # امیر حسین 1394-03-11 08:16
عالی بود
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+8 # amir1379 1394-02-31 21:38
سلام .حرف نداشت .عالییییییییییی ییی بود .ممنون
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی