آموزش ایجاد افکت سه بعدی پاپ آپ برای تصاویر

17 تیر 1397
آموزش ایجاد افکت سه بعدی پاپ آپ

در این آموزش شما را با نحوه‌ی ایجاد پاپ‌آپ سه‌بعدی آشنا می سازیم.

در آموزش امروز قرار است نوعی افکت به عکس کودکان اعمال کنیم که به نظر بیننده‌ی عکس برسد که بچه‌ها روی کاغذ ایستاده‌اند!

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

عکس اصلی را در زیر مشاهده می‌کنید:

عکس اصلی

عکس پایانی پس از ویرایش را در زیر مشاهده می‌کنید:

عکس پایانی

قدم اول: ایجاد دو کپی از لایه‌ی Background

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

ایجاد دو کپی از لایه‌ی Background

کار را با کپی کردن لایه‌ی Background شروع می‌کنیم.

برای این کار پس از انتخاب لایه‌ی Background کلیدهای Ctrl+J در ویندوز یا کلیدهای Command+J را بزنید.

لایه‌ی جدید ایجاد شده Layer 1 نامیده می‌شود که برای راحتی کار، بر روی نام آن لایه دوبار کلیک کنید و اسمش را flat بگذارید.

سپس Enter در ویندوز و Return در مک را بزنید.

ایجاد دو کپی از لایه‌ی Background

برای کپی دوم هم دوباره مراحل قبل را تکرار می‌کنیم، با این تفاوت که نام لایه‌ی جدید را pop up می‌گذاریم.

ایجاد دو کپی از لایه‌ی Background

قدم دوم: مخفی کردن لایه‌های جدید

برای مخفی کردن لایه‌های جدید ایجاد شده، بر روی آیکون چشم کنار لایه‌های flat و pop up کلیک کنید تا از دید خارج شوند.

مخفی کردن لایه‌های جدید

قدم سوم: انتخاب لایه‌ی Background

بر روی لایه‌ی Background کلیک کنید.

انتخاب لایه‌ی Background

قدم چهارم: افزودن لایه‌ی گرادیانت

برای ویرایش‌ها باید لایه‌ی جدیدی را به عنوان Background قرار دهیم و به همین دلیل ما از Gradient Fill استفاده می‎کنیم؛ چرا که گرادیانت (طیف رنگی) بسیار جذاب‌تر از یک رنگ ثابت است.

در ادامه برای انجام این کار آیکون New Fill یا Adjustment Layer را بزنید.

افزودن لایه‌ی گرادیانت

پس از آن، از لیست ظاهر شده Gradient را برگزینید.

افزودن لایه‌ی گرادیانت

قدم پنجم: انتخاب گرادیانت

پس از ظاهر شدن لیست گرادیانت، بر روی مستطیل Gradient کلیک کنید.

انتخاب گرادیانت

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

انتخاب گرادیانت

قدم ششم: تغییر سیاهی به خاکستری روشن‌تر

باید تغییراتی را در گرادیانت سیاه و سفید ایجاد کنیم. برای ویرایش می‌توانیم از نیمه‌ی پایین قسمت Gradient Editor استفاده کنیم.

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

تغییر سیاهی به خاکستری روشن‌تر

صفحه‌ی Color Picker باز می‌شود که اجازه‌ی تغییر رنگ را به ما می‌دهد. چون رنگ سیاه، خیلی تاریک است باید از خاکستری روشن استفاده نمایید.

تغییر سیاهی به خاکستری روشن‌تر

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

حال اگر به پنل لایه‌ها نگاه کنیم متوجه Gradient Fill 1 می‌شویم که زیر دو لایه‌ی جدید قرار گرفته است.

تغییر سیاهی به خاکستری روشن‌تر

اگر به صفحه‌ی فتوشاپ هم نگاه کنیم متوجه پس زمینه‌ی گرادیانت می‌شویم.

تغییر سیاهی به خاکستری روشن‌تر

قدم هفتم: انتخاب لایه‌ی flat

در این مرحله، لایه‌ی flat را انتخاب کنید و آیکون چشم کناری آن را هم بزنید تا لایه دیده شود.

انتخاب لایه‌ی flat

حال لایه‌ی flat دوباره پدیدار می‌شود و لایه‌ی گرادیانت را محو می‌کنید.

انتخاب لایه‌ی flat

قدم هشتم: انتخاب ابزار Rectangular Marquee Tool

ابزار Rectangular Marquee Tool را از منوی ابزار انتخاب کنید یا کلید M در کیبورد را بزنید.

انتخاب ابزار Rectangular Marquee Tool

قدم نهم: کشیدن خط‌چین مستطیلی

پس از انتخاب ابزار Rectangular Marquee Tool، مستطیلی را درون عکس و اطراف محوطه‌ای که باید به عنوان لایه‌ی flat انتخاب شود، انتخاب کنید. در صورت اشتباه در آمدن نگران نباشید. بعدا می‌توانید اشتباهتان را جبران کنید.

کشیدن خط‌چین مستطیلی

قدم دهم: انتخاب فرمان Transform Selection

بیایید حالتی سه‌بعدی به خط چین کشیده شده بدهیم. برای همین کار به منوی Select در منوبار رفته و Transform Selection را بزنید.

انتخاب فرمان Transform Selection

قدم یازدهم: انتقال به حالت پرسپکتیو

پس از انتخاب Transform Selection، مربع‌های کوچکی چهارگوشه‌ی خط چین را فرا می‌گیرد. ما از این مربع‌ها برای تغییر شکل استفاده می‌کنیم. اما برای تغییر شکل باید در ابتدا وضعیت Prespective را فعال کنید.

برای این کار بر روی قسمتی از درون مربع خط چین کلیک راست (در ویندوز) و یا کنترل کلیک (در مک) را بزنید و در لیست باز شده Prespective را انتخاب کنید.

انتقال به حالت پرسپکتیو

قدم دوازدهم: سه‌بعدی‌ سازی

گوشه بالایی سمت چپ را به سمت راست بکشید تا حالتی ذوزنقه پیدا کند.

گوشه پایین سمت چپ را هم به وسیله‌ی موس به سمت چپ بکشانید تا قاعده‌ی پایین ذوزنقه بزرگتر از قاعده‌ی بالایی باشد.

سه‌بعدی‌ سازی

قدم سیزدهم: انتقال به مُد Scale

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

انتقال به مُد Scale

اکنون بر روی مربع کوچکی که دقیقا در وسط ضلع بالایی ذوزنقه قرار دارد، کلیک کنید و آن را به طرف پایین بکشانید.

اضافه کردن لایه‌ی ماسک

پس از آن، بر روی مربع کوچک پایینی که دقیقا در وسط ضلع پایینی ذوزنقه قرار دارد کلیک کنید و آن را به طرف بالا بکشانید.

اضافه کردن لایه‌ی ماسک

پس از رسیدن به نتیجه‌ی مطلوب Enter (در ویندوز) و یا Return (در مک) را بزنید.

اضافه کردن لایه‌ی ماسک

قدم چهاردهم: اضافه کردن لایه‌ی ماسک

بر روی آیکون لایه‌ی ماسک کلیک کنید.

اضافه کردن لایه‌ی ماسک

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

اضافه کردن لایه‌ی ماسک

اگر به صفحه‌ی فتوشاپ هم نگاه کنید، همین نتیجه را می‌گیرید.

اضافه کردن لایه‌ی ماسک

قدم پانزدهم: اضافه کردن لایه‌ی استایل برجسته‌ی سفید

برای اضافه کردن لایه‌ی استایل برجسته‌ی سفید، آیکون fx را که در قسمت پایینی پنل لایه‌ها قرار دارد، بزنید.

اضافه کردن لایه‌ی استایل برجسته‌ی سفید

سپس Stroke را انتخاب کنید.

اضافه کردن لایه‌ی استایل برجسته‌ی سفید

باکسی نمایان می‌شود که ما باید در آن رنگ برجستگی را تغییر دهیم که به همین منظور مربع سیاه کنار Color را می‌زنیم.

اضافه کردن لایه‌ی استایل برجسته‌ی سفید

پس از آن سفید را در انتخاب کننده‌ی رنگ برگزینید و سپس OK را بزنید.

اضافه کردن لایه‌ی استایل برجسته‌ی سفید

در پنجره‌ی باز شده‌ی لایه‌ی استایل، Position را بر روی حالت inside قرار دهید.

اضافه کردن لایه‌ی استایل برجسته‌ی سفید

سپس اسلایدر کنار Size را به طرف چپ و یا راست ببرید تا اندازه‌ی مرز اطراف عکس میزان شود. ما آن را پس از امتحان بر روی 16px قرار دادیم.

اضافه کردن لایه‌ی استایل برجسته‌ی سفید

بعد از انجام کار، OK را بزنید تا پنجره‌ی باز شده، بسته شود. اکنون ما مرزبندی زیبا و قابی درست ایجاد کرده‌ایم.

اضافه کردن لایه‌ی استایل برجسته‌ی سفید

قدم شانزدهم: انتخاب و قابل دیدن کردن لایه‌ی pop up

حالا آماده‌ایم تا بر روی لایه‌ی پاپ آپ تغییرات را انجام دهیم و به همین منظور باید ابتدا آن را بر روی حالت مشاهده قرار دهید و به همین جهت باید آیکون چشم کنار لایه‌ی پاپ آپ را بزنید.

انتخاب و قابل دیدن کردن لایه‌ی pop up

قدم هفدهم: انتخاب شخصیت اصلی عکس

با استفاده از ابزارهای انتخاب، شخصیت اصلی‌تان را از صفحه‌ی پس زمینه‌شان جدا کنید. برای این کار می‌توانید از ابزار Lasso ،Quick Selection و یا Pen Tool استفاده کنید.

ما در اینجا شخصیت‌های اصلی را دو کودک و آدم برفی میانه عکس در نظر گرفتیم و آن‌ها را انتخاب کردیم.

انتخاب شخصیت اصلی عکس

قدم هجدهم: اضافه کردن لایه‌ی ماسک

پس از انتخاب شخصیت اصلی، آیکون Layer Mask را که در پایین پنل لایه‌ها قرار دارد، بزنید.

اضافه کردن لایه‌ی ماسک

همانطور که در مراحل پیشین مشاهده کردید، فتوشاپ انتخاب ما را به صورت یک لایه‌ی ماسک در کنار لایه‌ی pop up درمی‌آورد.

اضافه کردن لایه‌ی ماسک

با لایه ماسکی که اضافه کردیم، تصویر به شکل زیر درآمد:

اضافه کردن لایه‌ی ماسک

قدم نوزدهم: انتخاب لایه‌ی flat

اکنون لازم است کاغذی را که کودکان روی آن هستند، از گوشه‌ها تا کنیم و سایه ایجاد کنیم.

برای همین ابتدا لایه‌ی flat را انتخاب نمایید.

انتخاب لایه‌ی flat

قدم بیستم: انتخاب مجدد لایه‌ی ماسک

Ctrl در ویندوز و یا Command در مک را فشار دهید و همزمان با آن لایه‌ی ماسک کنار لایه‌ی فلت را بزنید.

انتخاب مجدد لایه‌ی ماسک

این موجب می‌شود که نقطه‌چین قاب ما دوباره نمایان گردد.

انتخاب مجدد لایه‌ی ماسک

قدم بیست و یکم: اضافه کردن لایه‌ی جدید

Ctrl در ویندوز و یا Command در مک را فشار دهید و همزمان با آن آیکون New Layer در زیر پنل لایه‌ها را بزنید.

اضافه کردن لایه‌ی جدید

فایده‌ی فشار دادن Ctrl یا Command، ایجاد لایه‌ی جدید دقیقا زیر لایه‌ی انتخاب شده است.

دو بار بر روی نام لایه‌ی ایجادشده کلیک کنید و آن را Shadow بنامید.

سپس Enter در ویندوز و یا Return در مک را بزنید.

اضافه کردن لایه‌ی جدید

قدم بیست و دوم: پر کردن لایه‌ی جدید توسط رنگ سیاه

برای سیاه کردن لایه‌ی Shadow باید در ابتدا به منوی Edit بروید و پس از آن گزینه‌ی Fill را انتخاب نمایید.

پر کردن لایه‌ی جدید توسط رنگ سیاه

پنجره‌ای باز می‌شود که در آن باید Use را بر روی Black قرار دهید و Mode هم باید بر روی Normal باشد و شفافیت هم باید بر روی 100% باشد.

پر کردن لایه‌ی جدید توسط رنگ سیاه

OK را بزنید تا باکس بسته شود. فتوشاپ سایه را سیاه می‌کند اما ما آن را مشاهده نمی‌کنیم ولی به عنوان نمونه می‌توانید به لایه‌ی Shadow نگاه بیندازید که سایه سیاه شده است.

پر کردن لایه‌ی جدید توسط رنگ سیاه

قدم بیست و سوم: انتخاب لایه‌ی ماسک فلت

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

اکنون لایه‌ی ماسک کناری flat را انتخاب کنید.

انتخاب لایه‌ی ماسک فلت

قدم بیست و چهارم: جدا کردن لایه از ماسکش

اگر به میان لایه‌ی flat و تصویر بندانگشتی لایه نگاهی بیندازید متوجه سنجاق اتصال دو لایه با هم خواهید شد و باید آیکون سنجاق را بزنید تا از هم جدا شوند.

جدا کردن لایه از ماسکش

قدم بیست و پنجم: انتخاب دستور Warp

اکنون به منوی Edit رفته و گزینه‌ی Transform را انتخاب کنید و سپس Warp را بزنید.

انتخاب دستور Warp

قدم بیست و ششم: کشیدن هر چهار گوشه‌ی Warp به سمت بالا

اکنون شما شبکه‌ای از خطوط را مشاهده می‌کنید. چهار گوشه‌ی شبکه، هر کدامشان را به سمت بالا بکشانید و این کارها را به گونه‌ای انجام دهید که قسمت تا شده، سایه‌ای مطابق با واقعیت زیر آن ایجاد شود.

پس از آن Enter در ویندوز و یا Return  در مک را بزنید تا از دستور Warp خارج گردد.

کشیدن هر چهار گوشه‌ی Warp به سمت بالا

قدم بیست و هفتم: انتخاب لایه‌ی Shadow

لایه‌ی Shadow را از پنل لایه‌ها انتخاب نمایید.

انتخاب لایه‌ی Shadow

قدم بیست و هشتم: انتخاب فیلتر Gaussian Blur

به منوی فیلتر در بالای صفحه بروید و سپس Blur را انتخاب کنید و پس از آن Gaussian Blur را بزنید.

انتخاب فیلتر Gaussian Blur

این کار موجب باز شدن پنجره‌ی Gaussian Blur می‌شود.

اسلایدر Radius را در پایین پنجره به طرف راست بکشانید تا مقدار سایه و مرزبندی غیرشفاف آن افزایش یابد. ما تمایل داریم این مقدار را بر روی 10px قرار دهیم ولی به کیفیت عکس شما بستگی دارد. شما می‌توانید از این مقدار بالاتر هم بروید و سایه‌ی بیش‌تری را ایجاد کنید.

انتخاب فیلتر Gaussian Blur

OK را بزنید تاپنجره بسته شود. در زیر نتیجه را مشاهده می‌کنید:

انتخاب فیلتر Gaussian Blur

قدم بیست و نهم: کاهش شدت سایه

ما لبه‌های سایه را نازک‌تر کردیم اما باز هم بسیار تاریک است. به تنظیمات کدری یا همان Opacity در قسمت تنظیمات پنل لایه‌ها رفته و مقدار آن را از 100% به 60% برسانید تا سایه شفاف‌تر شود و کدری کم‌تری در آن ایجاد شود.

کاهش کدری سایه

با کاهش شدت سایه، کار به صورت زیر درمی‌آید:

کاهش کدری سایه

قدم سی‌ام: تغییر شکل سایه با استفاده از دستور Free Transform

بیایید کمی سایه را واقعی‌تر کنیم. به همین منظور به منوی Edit رفته و Free Transform را انتخاب نمایید.

تغییر شکل سایه با استفاده از دستور Free Transform

باز هم مربع Free Transform ایجاد می‌شود. اکنون قسمت‌های چپ و پایین و راست را به طرف داخل بکشانید تا سایه کوچک‌تر و نسبت به ما واقعی‌تر به نظر برسد.

تغییر شکل سایه با استفاده از دستور Free Transform

اکنون Enter در ویندوز ویا Return در مک را بزنید تا دستورات تکمیل گردند.

تغییر شکل سایه با استفاده از دستور Free Transform

قدم سی و یکم: تغییر رنگ پس‌زمینه با استفاده از گرادیانت

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

برای این کار ابتدا دوبار بر روی لایه ی Gradient Fill1 کلیک کنید.

تغییر رنگ پس‌زمینه با استفاده از گرادیانت

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

بر روی نوار گرادیان کلیک کنید.

تغییر رنگ پس‌زمینه با استفاده از گرادیانت

ویرایشگر Gradient باز می‌شود. اکنون نواری خاکستری رنگ مشاهده می‌شود و چون می‌خواهیم رنگی غیر از خاکستری را انتخاب کنیم بر روی اسلایدر پایینی و سمت چپ دو بار کلیک می‌کنیم.

تغییر رنگ پس‌زمینه با استفاده از گرادیانت

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

فتوشاپ همزمان نمونه‌ی رنگ انتخاب شده را هم نشان می‌دهد.

تغییر رنگ پس‌زمینه با استفاده از گرادیانت

حال OK را دو بار بزنید تا از باکس‌های ایجاد شده خارج شوید. کار ما تمام شده است. به همین آسانی یک پاپ آپ سه‌بعدی ایجاد کردیم.

در زیر عکس کار را در اول مشاهده می‌کنید:

آموزش ایجاد افکت سه بعدی پاپ آپ

نتیجه پس از انجام ویرایش را در زیر مشاهده می‌کنید:

آموزش ایجاد افکت سه بعدی پاپ آپ

نویسنده شوید

دیدگاه‌های شما

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای مقاله پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.