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

30 آذر 1397
تبدیل عکس به پازل در فتوشاپ

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

در این درس، از ویژگی New Guide Layout در فتوشاپ برای تقسیم عکس به بخش های کوچک استفاده می کنیم. این ویژگی فقط در فتوشاپ نسخه CC در دسترس است و برای اولین بار در بروزرسانی Creative Cloud 2014 معرفی شد.

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

انتخاب یک عکس دلخواهنتیجه نهایی تبدیل عکس به پازل در فتوشاپ به صورت زیر خواهد بود:

تبدیل عکس به پازل در فتوشاپ

مرحله 1: ایجاد یک سند جدید

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

به منوی File در نوار منو در بالای صفحه بروید و New را انتخاب کنید.

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

برای این آموزش، ما عرض و ارتفاع سند را روی 1000 پیکسل تنظیم می کنیم و مقدار رزولوشن را روی 72 پیکسل در اینچ قرار می دهیم.

اگر بخواهید عکس را برای چاپ تنظیم کنید، به یک سند بزرگتر نیاز دارید که رزولوشن آن حدود 300 پیکسل در اینچ باشد.

Contents را روی سفید تنظیم کنید، سپس روی Ok کلیک کنید تا از کادر محاوره ای خارج شوید.

یک سند جدید با زمینه سفید، بر روی صفحه نمایش ظاهر خواهد شد.

تنظیمات یک سند جدید در فتوشاپ

مرحله 2: ایجاد یک لایه خالی

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

کلید Alt را در صفحه کلید خود فشار دهید و نگه دارید و روی آیکون New Layer در پایین پنل Layers کلیک کنید.

ایجاد یک لایه جدید در فتوشاپکادر جدیدی باز می شود که به ما فرصتی می دهد تا لایه جدید را قبل از اضافه کردنِ آن، نامگذاری نماییم.

نام لایه را Shapes بگذارید و سپس روی OK کلیک کنید.

انتخاب نام لایه

اگر به پنل لایه ها نگاهی بیندازید، می بینید یک لایه خالی جدید با نام Shapes در بالای لایه Background ظاهر می شود.

لایه جدید

مرحله 3: اضافه کردن خطوط راهنما

اجازه دهید یک سری خطوط راهنما به سند اضافه کنیم.

برای انجام این کار از ویژگی New Guide Layout فتوشاپ CC استفاده خواهیم کرد. کافیست به منوی View در بالای صفحه بروید و New Guide Layout را انتخاب کنید.

خطوط راهنما

مرحله 4: ایجاد خطوط راهنمای 3 در 3

پنجره New Guide Layout به راحتی می تواند ردیف ها، ستون ها و حاشیه هایی را به سند ما اضافه کند. ما از آن استفاده می کنیم تا یک شبکه 3 در 3 را ایجاد کنیم.

ابتدا، در قسمت Columns در سمت چپ، تعداد ستون ها را 3 و Gutter (فاصله بین ستون ها) را 20 پیکسل تنظیم کنید. قسمت Width را خالی بگذارید.

سپس، در بخش Rows در سمت راست (Rows را به طور پیش فرض خاموش می باشد که باید تیک آن را بزنید تا روشن شود) تعداد ردیف ها را نیز 3 تنظیم کنید .قسمت ارتفاع را خالی بگذارید و Gutter (فاصله بین ردیف ها) را تا 20 پیکسل تنظیم کنید.

تنظیمات New Guide Layoutسند شما باید به شکل زیر درآید؛ با سه ستون و سه ردیف و فاصله بین هر ستون و ردیف 20 پیکسل باشد:

خطوط راهنماقبل از ایجاد خطوط راهنما می توانید گزینه Preview در پنجره تنظیمات را انتخاب کنید و از فاصله خطوط مطمئن شوید.

خطوط راهنماالبته می توانیم حاشیه هایی را هم به لبه کار اضافه کنیم. برای فعال کردن حاشیه، روی قسمت Margin کلیک کنید و هر یک از چهار گزینه (بالا، چپ، پایین، و راست) را روی 40 پیکسل بگذارید.

تنظیم حاشیه خطوط راهنمابعد از انجام تنظیمات، روی Ok کلیک کنید تا پنجره بسته شود.

باید به اطراف سند، حاشیه اضافه شده باشد. توجه داشته باشید که اگر سند فتوشاپ بزرگتر (یا کوچکتر) از سند 1000 × 1000 پیکسل ما باشد، ممکن است مجبور شوید سایزهای مختلف Gutter و Margin را امتحان کنید تا نتایج مشابهی را دریافت کنید.

به طور کلی، ما ترجیح می دهیم حاشیه سندمان دو برابر فاصله بین ستون ها باشد.

خطوط راهنما

مرحله 5: انتخاب ابزار Marquee

Rectangular Marquee را از نوار ابزار فتوشاپ واقع در سمت چپ نرم افزار انتخاب کنید.

Rectangular Marquee

مرحله 6: انتخاب قسمت های مختلف خطوط راهنما

ما از ابزار Rectangular Marquee همراه با خطوط راهنما برای تقسیم بندی فضا استفاده خواهیم کرد.

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

برای اینکه راحت تر ببینید، ما منطقه انتخابی را در تصویر زیر کمی زرد کرده ایم.

استفاده از Rectangular Marquee برای انتخابپس از اینکه ناحیه ی اول را انتخاب کردید، کلید Shift را روی صفحه کلید خود فشار دهید و نگه دارید تا منطقه انتخابی جدید به قبلی اضافه شود (علامت به علاوه کوچک (+) در کنار نشانگر موس بیانگر اضافه شدن می باشد)

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

انتخاب فضاهمچنان که کلید Shift را پایین نگه داشته اید، مطابق تصویر زیر، یک ناحیه دیگر را به دو ناحیه قبلی اضافه کنید.

اکنون شما سه ناحیه انتخابی دارید:

انتخاب یک ناحیه دیگردر حالیکه کلید Shift را همچنان فشرده اید، نواحی زیر را هم انتخاب کنید.

خطوط راهنما

خطوط راهنما

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

تمام نواحی را که انتخاب کرده اید، با سیاه پر کنید. برای این کار، از دستور Fill فتوشاپ استفاده خواهیم کرد.

به منوی Edit در بالای صفحه بروید و Fill را انتخاب کنید.

fillکادر تنظیمات Fill باز می شود. گزینه Content را به سیاه تغییر دهید و مطمئن شوید که گزینه Mode روی Normal و Opacity را روی 100٪ قرار داده اید.

تنظیمات fillبرای بستن کادر Fill، روی OK کلیک کنید.

مشاهده می کنید که تمامی نواحی انتخابی با رنگ سیاه پر می شوند.

سیاه شدن نواحی انتخابی

مرحله 8: حذف خطوط راهنما

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

برای خارج کردن نواحی از حالت انتخاب، به منوی Select در بالای صفحه بروید و Deselect را انتخاب کنید (یا کلید ترکیبی Ctrl+D)

خارج کردن یک ناحیه از حالت انتخاببرای حذف خطوط راهنما، به منوی View بروید و Clear Guides را انتخاب کنید.

حذف کردن خطوط راهنمانواحی انتخابی و خطوط راهنما حذف شدند و ما فقط فضایی سیاه و سفید می بینیم.

ناحیه درج عکس

مرحله 9: اضافه کردن سایه

برای ایجاد جذابیت، یک سایه به بک گراند اضافه میکنیم. با انتخاب لایه Shapes، روی آیکون Layer Styles (نماد fx) در پایین پنل لایه ها کلیک کنید.

Layer StylesDrop Shadow را از لیست انتخاب کنید.

ایجاد سایهتنظیمات Drop Shadow باز می شود. ما زاویه سایه را 135 درجه تنظیم می کنیم، بنابراین به نظر می رسد منبع نور در سمت چپ و بالا قرار دارد.

سپس هر دو مقدار Distance و Size را روی 10 پیکسل تنظیم می کنیم. Distance دور یا نزدیک بودن سایه را به جسم کنترل می کند و سایز هم که اندازه سایه را مشخص می کند.

در نهایت، opacity سایه را به 40٪ کاهش می دهیم.

تنظیمات سایهکلید OK را بزنید و پنجره را ببندید.

نتیجه بعد از ایجاد سایه به صورت زیر خواهد شد.

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

بنابراین اگر بعد از آنکه عکس را اضافه کرديد، تصمیم گرفتید که سایه زیر عکس را ویرایش کنید، به سادگی با دوبار کليک بر روی Drop Shadow پنجره آن باز می شود و هر کدام از موارد را که نیاز داشتید میتوانید تغییر دهید.

ویرایش تنظیمات

مرحله 10: انتخاب و کپی عکس

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

با کلیک روی زبانه آن، به صفحه عکس مورد نظر بروید.

باز کردن عکس مورد نظر

ما باید عکس را به سند اصلی منتقل کنیم.

به منوی Select در بالای نرم افزار بروید و Select > All را انتخاب کنید یا (Ctrl+A)

انتخاب عکس

عکس به صورت یکجا انتخاب می شود:

انتخاب عکس

پس از انتخاب عکس، به منوی Edit بروید و Copy را انتخاب کنید (یا Ctrl+C)

کپی کردن عکس

مرحله 11: وارد کردن عکس به پروژه

به سند اصلی بروید.

صفحه اصلی

برای قرار دادن عکس در مرکز صفحه، به منوی Edit بروید و Paste Special را انتخاب کنید.

سپس Paste In Place را انتخاب کنید (یا Shift+Ctrl+V) را فشار دهید:

Paste In Place

فتوشاپ عکس را در سند قرار می دهد. اگر به پنل لایه ها نگاه کنیم، می بینیم که فتوشاپ عکس را بر روی یک لایه جدید با نام Layer 1 بالای لایه Shapes قرار داده است.

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

قرار دادن عکس در سند اصلی

مرحله 12: ایجاد لایه ماسک

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

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

انتخاب آیکون منو پنل لایه هاCreate Clipping Mask را از منو انتخاب کنید.

Create Clipping Maskاین دستور عکس را به محتویات لایه زیرین منتقل می کند. در اینجا می بینیم که عکس ما برای اینکه عکس به صورت درست و منظم داخل فضای پازل قرار بگیرد، خیلی بزرگ است.

قرار دادن عکس در فضای پازل

مرحله 13: تغییر اندازه عکس با Free Transform

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

سپس به منوی Edit بروید و گزینه Free Transform را انتخاب کنید (یا Ctrl + T).

 Free Transformتعدادی دستگیره کوچک اطراف عکس قرار می گیرد.

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

اگر نمی توانید کل کادر را ببینید، بخاطر این است عکس شما خیلی بزرگ است و لازم است صفحه نمایش را گسترش دهید. برای این کار باید به منوی View بروید و Fit on Screen را انتخاب کنید (یا Ctrl + 0).

Fit on Screen

برای تغییر اندازه تصویر، کلید Shift را فشار دهید و نگه دارید. یکی از دستگیره ها را انتخاب کنید و به داخل بکشید (وقتی Shift را نگه دارید، همه قسمت های عکس به یک اندازه تغییر می کند.)

اگر کلید ترکیبی Shift + Alt را فشار داده و نگه دارید، نه تنها نسبت طول و عرض حفظ می شود، بلکه عکس از مرکز شروع به تغییر اندازه می کند، نه از گوشه ها.

عکس را بوسیله Free Transform به راحتی جابجا کنید.

در اینجا ما از بالای گوشه سمت چپ به سمت مرکز سند درگ کرده ایم تا تصویر کوچکتر و بر فضای پازل منطبق شود.

 Free Transformوقتی که کار تمام شد، دکمه Enter را روی صفحه کلید خود فشار دهید تا از حالت Free Transform خارج شوید.

نتیجه نهایی تبدیل عکس به پازل در فتوشاپ به صورت زیر خواهد بود:

تبدیل عکس به پازل در فتوشاپ

نویسنده شوید

دیدگاه‌های شما (3 دیدگاه)

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

مهسا
28 آبان 1399
عالی بود. ممنون از توضیحاتتون.

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

zareh
08 خرداد 1398
خیلی خوب توضیح داده بودین ، ممنون

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

محمدحسین
05 بهمن 1397
خیلی خوب بود ممنون

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