سبد (0)

تبلیغات

نمایش عکس داخل متن در فتوشاپ

آموزش نمایش یک عکس داخل یک متن در فتوشاپ CS6

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

در زیر عکسی که استفاده خواهیم کرد را مشاهده می کنید:

Image #115342300 licensed with permission from Shutterstock by Photoshop Essentials.com.

عکس اصلی

در زیر، نتیجه نمایش یک عکس داخل یک متن را مشاهده می کنید:

Placing an image inside text with Photoshop CS6 and Photoshop CC (Creative Cloud).

نتیجه نهایی

مراحل انجام کار (gold text effect)

آموزش نمایش عکس داخل متن، شامل 14 مرحله ی زیر است:

 

مرحله 1: ایجاد کپی (Duplicate) از لایه Background

عکسی را که می خواهید داخل متن نمایش دهید باز کنید. اگر به پنل Layers نگاه کنید، خواهید دید که عکس بعنوان لایه Background نشسته است، تنها لایه ای که در حال حاضر وجود دارد.

The Layers panel in Photoshop CS6 showing the image on the Background layer.

در پنل Layers عکس بعنوان لایه Background نشان داده می شود

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

Selecting the New Layer via Copy command from the Layers menu.

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

فتوشاپ یک کپی از لایه Background ایجاد می کند و آنرا در بالای آن قرار می دهد:

The Layers panel showing the copy layer above the original Background layer.

یک کپی از لایه Background در بالای آن ظاهر می شود

مرحله 2: ایجاد یک لایه جدید با پس زمنیه سفید

 حالا می خواهیم یک لایه که با رنگ سفید پر شده است را به عنوان پس زمینه کارمان ایجاد نماییم. مطابق شکل زیر، در پنل Layers روی آیکن New Fill or Adjustment Layer کلیک نمایید و اولین گزینه یعنی "Solid Color" را انتخاب نمایید. با استفاده از گزینه Solid Color می توانید یک لایه جدید که با رنگ دلخواهتان پر شده است را ایجاد نمایید (Solid Color بمعنی رنگ یکدست و یکپارچه):

Clicking the New Fill or Adjustment Layer icon in the Layers panel.

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

Adding a Solid Color Fill layer in Photoshop.

انتخاب Solid Color

بلافاصله فتوشاپ پنجره Color Picker را باز می کند و ما می توانیم رنگی را که برای پر کردن لایه جدید نیاز داریم را انتخاب کنیم، ما رنگ سفید را انتخاب می کنیم:

Choosing white from the Color Picker.

انتخاب رنگ سفید (ffffff#)

برای بسته شدن پنجره Color Picker روی دکمه OK کلیک کنید. حالا به پنل Layers برمی گردیم، خواهید دید که یک لایه جدید با نام Color Fill 1 به بالای دو لایه دیگر اضافه شده است:

Choosing white from the Color Picker.

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

بدلیل اینکه لایه ی جدید، در بالای دو لایه دیگر قرار گرفته، فعلاً سند با رنگ سفید پر شده است:

The image is hidden by the white Solid Color Fill Layer.

تصویر بصورت موقت پشت لایه سفید رنگ، مخفی شده است

مرحله 3: قرار دادن لایه سفید رنگ در زیر لایه تصویر (Layer 1)

مطابق شکل زیر، روی لایه Color Fill 1 کلیک کنید و در حالی که کلید موس را پایین نگه داشته اید آنرا به طرف پایین بکشید و در بین لایه Background و Layer 1 رها کنید:

The image is hidden by the white Solid Color Fill layer.

کشیدن و رها کردن لایه Color Fill 1 بین Background و layer 1

The image is hidden by the white Solid Color Fill layer.

حالا لایه سفید رنگ بین دو لایه تصویر قرار گرفته است

مرحله 4: انتخاب لایه تصویر (Layer 1)

در پنل Layers روی لایه بالایی (Layer 1) کلیک کنید تا انتخاب شود:

Clicking on Layer 1 to make it active.

انتخاب لایه تصویر (Layer 1)

مرحله 5: انتخاب ابزار تایپ (Type Tool) در فتوشاپ

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

Selecting the Type Tool.

انتخاب ابزار تایپ (Type Tool)

مرحله 6: انتخاب فونت در فتوشاپ

زمانی که ابزار تایپ (Type Tool) در حال انتخاب است، از میله افقی بالای صفحه (Options Bar) می توانید فونت متن مورد نظرتان را تنظیم نمایید. در اینجا بدلیل اینکه می خواهیم یک تصویر را داخل متن نشان دهیم، بهتر است که از فونتی که کاراکترهای آن ضخیم است استفاده نمایید، ما فونت Arial Black را انتخاب می کنیم، در مورد اندازه فونت نگران نباشید، بعداً بصورت دستی (Free Transform) آنرا تغییر می دهیم:

Selecting a font from the Options Bar.

انتخاب فونت

مرحله 7: تنظیم رنگ فونت در فتوشاپ

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

Clicking the color swatch for the Type Tool.

کلیک روی آیکن Color Swatch

در پنجره ظاهر شده (Color Picker) رنگ سفید ffffff# را تنظیم کنید رو در نهایت روی دکمه OK کلیک نمایید:

Setting the R, G and B values to white in the Color Picker.

تنظیم رنگ سفید (ffffff#)

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

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

Adding text in front of the image.

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

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

Clicking the checkmark to accept the text in Photoshop.

کلیک روی آیکن تیک

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


مرحله 9: قرار دادن لایه متن در زیر لایه تصویر (Layer 1)

اگر به پنل Layers نگاه کنید، خواهید دید که لایه متن در بالای لایه تصویر (Layer 1) قرار دارد و به همین خاطر است که در جلوی تصویر دیده می شود:

The Layers panel showing the Type layer sitting above the other layers in the document.

لایه متن در حال حاضر در بالای لایه تصویر قرار دارد

ما نیاز داریم که لایه متن را در پایین لایه تصویر قرار دهیم، بنابراین روی لایه متن کلیک کنید و در حالی که کلید موس را پایین نگه داشته اید آنرا در بین لایه تصویر (Layer 1) و لایه سفید رنگ رها کنید:

Dragging the Type layer below Layer 1 in the Layers panel.

کشیدن لایه متن به پایین لایه تصویر (Layer 1)

The Layers panel showing the Type layer moved below Layer 1.

لایه متن، حالا در پایین لایه تصویر قرار گرفته است

مرحله 10: انتخاب دوباره لایه تصویر (Layer 1)

روی لایه تصویر (Layer 1) دوباره کلیک کنید و مطمئن شوید که در حالت انتخاب است:

Clicking on Layer 1 to select it in the Layers panel.

کلیک روی لایه تصویر

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

درحالی که لایه تصویر (Layer 1) در حالت انتخاب است، مطابق شکل زیر در پنل Layers روی آیکن گوشه سمت راست و بالا (menu icon) کلیک نمایید:

Clicking the menu icon in the top right of the Layers panel.

کلیک روی menu icon از پنل Layers

از لیست ظاهر شده روی گزینه Create Clipping Mask کلیک نمایید:

Selecting Create Clipping Mask from the Layers panel menu.

انتخاب گزینه Create Clipping Mask

این کار باعث می شود که لایه تصویر (Layer 1) به لایه متن (HAVAII) قلاب (clip) شود، این باعث می شود که تنها تصویر از داخل متن قابل رویت باشد و بقیه تصویر از دید مخفی شود و لایه سفید رنگ بجای آن دیده می شود:

The text is now being used as a clipping mask for the image.

تصویر از داخل متن قابل رویت است

اگر یکبار دیگر به پنل Layers نگاه کنیم، خواهیم دید که لایه تصویر (Layer 1) کمی بسمت راست رفته و یک فلش رو به پایین و بسمت لایه متن (HAVAII)، در کنار آن قرار گرفته است. از این طریق، فتوشاپ به ما می فهماند که لایه متن (HAVAII) بعنوان ماسکی است که از داخل آن لایه تصویر (Layer 1) قابل مشاهده است:

The Layers panel showing Layer 1 clipped to the Type layer.

پنل Layers نشان می دهد که لایه تصویر به لایه متن قلاب (clip) شده است
 

لطفاً برای کسب اطلاعات بیشتر در مورد ماسک گذاری در فتوشاپ به لینک روبرو مراجعه فرمایید: آموزش ماسک گذاری در فتوشاپ


مرحله 12: انتخاب لایه متن (HAVAII)

در پنل Layers روی لایه متن (HAVAII) کلیک کنید تا به حالت انتخاب درآید:

Selecting the Type layer in the Layers panel.

انتخاب لیه متن (HAVAII)

مرحله 13: تغییر اندازه و محل متن

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

Selecting the Free Transform command from the Edit menu in Photoshop.

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

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

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

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

Moving and resizing the text with Free Transform.

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

The effect after moving and resizing the type.

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

مرحله 14: اضافه کردن سایه به متن در فتوشاپ (اختیاری)

این آخرین مرحله از این آموزش است و تقریباً اختیاری اما کامل کننده است. بنابرین در حالی که لایه متن (HAVAII) در حالت انتخاب است از پنل Layers روی آیکن Layer Style کلیک نمایید (آیکن "fx"):

Clicking the Layer Styles icon.

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

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

Choosing a Drop Shadow layer effect.

انتخاب افکت Drop Shadow

زمانی که پنجره Layer Style ظاهر شد، مطابق شکل زیر، گزینه های افکت Drop Shadow را تنظیم نمایید، گزینه Opacity از مقدار پیش فرض خود یعنی 75% به مقدار 50% کاهش داده می شود تا شدت شفافیت سایه کاهش داده شود:

The Drop Shadow options.

تنظیم گزینه های افکت Drop Shadow

برای خروج از پنجره Layer Style روی دکمه OK کلیک نمایید، اضافه کردن سایه به متن، آخرین کاری بود که برای این آموزش نیاز داشتیم:

Placing an image in text with Photoshop CS6.

نتیجه نهایی نمایش عکس داخل متن

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

دیدگاه‌ها  

+1 # rezvan223 1397-05-23 12:11
خیلی عالی بود واقعا بدردم خورد
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # پانی 1396-08-07 16:42
خدایییی ایول دارید دمتون گرم هر سایتی میره یه جوری توضیح میده که دیگران نفهمن چطوریه ینی در واقع الکی میپیچوننمون اما این سایت واقعا و کامله اگه میشه لطف کنید یه اموش واسه اینکه متن رو طلایی بنویسیم هم بگید خیلی کاربرد داره
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # هانیتا 1396-03-14 16:24
واقعا فوق العاده بود و مـثل بعضی سایت ها وقت هدر بدی نبود خیـــــــــــــ ـــــــــــــــ ـــــــــــــــ ـــــــــــلی ممنونم
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # امیرعباس نجفی 1396-01-27 15:36
با عرض سلام و خسته نباشید.خیلی خیلی تشکر میکنم بابت آموزشتون واقعا عالی بود مرسی
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # M. Mohammadi 1396-01-16 03:30
درود بر شما. واقعا عالی بود.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+1 # فرشته 1395-11-27 11:13
من خیلی دنبال همچین چیزی گشتم . اینجا پیدا کردم و خیلی راحت یاد گرفتم . خیلی خوب بود
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # نرجس 1395-09-07 12:22
خیلی جالب و هیجان انگیز بود. متشکرم
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # Mohammadhossein_sh 1395-08-10 20:15
جای نظر دادن دیگه نیست . آموزش یعنی این ..............
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+6 # سیدمهدی 1395-07-03 10:08
عالی بود دستتون درد نکنه
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+12 # ارشیا دیسلاو 1395-06-07 21:47
ناموسن ده تا فیلم نگاه کردم نفهمیدم اینجا یاد گرفتم عااااااااااالی بوووود
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+5 # مهتاب 1395-05-14 23:31
خیلی خیلی عالی
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+6 # artan 1395-02-30 07:40
عالی بود
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+6 # seyed8 1395-03-19 10:09
راست ميگه واقعا عالي بود .
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+10 # Guest 1394-07-27 22:50
عالی بود
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی