پر کردن اشکال با تصاویر در فتوشاپ

شکل را با یک عکس در فتوشاپ 2022 پر کنید

نوشته استیو پترسون

مترجم : گروه معماری مشاور

بیاموزید که کشیدن یک شکل و قرار دادن یک تصویر در داخل آن با فتوشاپ چقدر آسان است! آموزش گام به گام فتوشاپ 2022. ویدیو را ببینید یا همراه با آموزش نوشته شده زیر آن همراه باشید.

آموزش ویدیویی : 

https://www.youtube.com/embed/GnlD-kxfyXk

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

در اینجا نمونه ای از این است که اثر نهایی چگونه خواهد بود. همراه با قرار دادن تصویر در شکل، من همچنین به شما نشان می دهم که چگونه رنگ پس زمینه را تغییر دهید یا پس زمینه را حذف کنید تا بتوانید شکل را روی هر پس زمینه ای که دوست دارید قرار دهید.

به کدام نسخه فتوشاپ نیاز دارم؟

Adobe تغییراتی در نحوه ترسیم اشکال در نسخه های اخیر فتوشاپ ایجاد کرده است. بنابراین برای پیگیری، باید از Photoshop 2022 یا جدیدتر استفاده کنید. می توانید آخرین نسخه فتوشاپ را از اینجا دریافت کنید .

بیا شروع کنیم!

این آموزش را به صورت PDF آماده برای چاپ دانلود کنید!

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

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

یا می توانید به منوی File در نوار منو بروید و New را انتخاب کنید .

در هر صورت کادر گفتگوی New Document باز می شود که در آن می توانید تنظیمات مورد نیاز خود را در ستون سمت راست وارد کنید. من یک سند مربع شکل با تنظیم عرض و ارتفاع روی 2000 پیکسل ایجاد می کنم .

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

سپس روی دکمه Create کلیک کنید.

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

مرحله 2: پانل Shapes را باز کنید

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

پانل Shapes در ستون پانل ثانویه در سمت چپ پانل های اصلی باز می شود. با کلیک کردن بر روی نماد آن، می‌توانید پانل را نشان دهید یا پنهان کنید.

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

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

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

مرحله 3: اشکال از دست رفته را بارگذاری کنید

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

سپس Legacy Shapes and More را انتخاب کنید .

یک گروه جدید Legacy Shapes and More در زیر پیش فرض ها ظاهر می شود.

و داخل گروه دو گروه دیگر هستند. 2019 Shapes صدها شکل جدید را در خود جای داده است که در فتوشاپ 2020 اضافه شده اند. و All Legacy Default Shapes اشکال کلاسیک نسخه های قدیمی فتوشاپ را در خود جای می دهد.

مرحله 4: یک شکل را انتخاب کنید

برای این آموزش، از یکی از اشکال کلاسیک استفاده می کنم. گروه All Legacy Default Shapes را بچرخانم .

سپس به مجموعه Nature پیمایش می کنم و آن را باز می کنم.

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

مرحله 5: شکل را بکشید و روی بوم رها کنید

برای افزودن شکل، فقط روی تصویر کوچک شکل کلیک کرده و از پانل Shapes بکشید و آن را روی بوم بیندازید.

وقتی دکمه ماوس را رها می کنید، فتوشاپ شکل را ترسیم می کند.

مرحله 6: شکل را تغییر اندازه و وسط کنید

قبل از تغییر اندازه شکل، به نوار گزینه ها بروید و مطمئن شوید که نماد پیوند بین فیلدهای Width و Height انتخاب شده است تا نسبت تصویر قفل شود.

سپس با کلیک کردن و کشیدن هر یک از دستگیره های تبدیل ، اندازه شکل را تغییر دهید . اگر هنگام کشیدن کلید Alt (Win) / Option (Mac) روی صفحه کلید خود را نگه دارید، اندازه شکل را از مرکز آن تغییر می دهید.

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

سپس روی تیک در نوار گزینه ها کلیک کنید تا آن را بپذیرید.

در پانل لایه ها ، شکل روی لایه شکل خودش ظاهر می شود . ما می دانیم که این یک لایه شکل با نماد در سمت راست پایین تصویر کوچک است.

مرحله 7: گزینه های fill و stroke را در پانل Properties بررسی کنید

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

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

اما فتوشاپ همچنین یک خط مشکی 1 پیکسلی را در اطراف شکل اضافه می کند.

اگر بخواهیم می توانیم بعداً یک ضربه اضافه کنیم. اما در حال حاضر، با کلیک کردن بر روی نمونه رنگ Stroke، آن را خاموش کنید :

و روی نماد بدون رنگ در سمت چپ بالای پانل کلیک کنید. سپس خارج از پانل کلیک کنید تا آن را ببندید، یا Enter (Win) / Return (Mac) را روی صفحه کلید خود فشار دهید.

مرحله 8: تصویر خود را در سند قرار دهید

بعد، تصویر خود را در سند قرار می دهیم. و چون می‌خواهیم تصویر در همان سند شکل ما ظاهر شود، از دستور Place Embedded فتوشاپ استفاده می‌کنیم .

به منوی File رفته و Place Embedded را انتخاب کنید .

به جایی که تصویر در رایانه شما ذخیره شده است بروید. در مورد من، آن را در یک پوشه در دسکتاپ من است. برای انتخاب روی تصویر کلیک کنید و سپس روی مکان کلیک کنید .

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

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

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

مرحله 9: یک ماسک برش ایجاد کنید

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

سپس Create Clipping Mask را انتخاب کنید .

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

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

مرحله 10: تصویر را با Free Transform تغییر اندازه و موقعیت آن را تغییر دهید

برای تغییر اندازه و تغییر موقعیت تصویر در شکل، به منوی Edit رفته و Free Transform را انتخاب کنید .

در نوار گزینه‌ها، مطمئن شوید که نماد پیوند بین قسمت‌های Width و Height انتخاب شده است.

سپس با کشیدن هر یک از دستگیره های تبدیل ، اندازه تصویر را تغییر دهید . می توانید کلید Alt (Win) / Option (Mac) را روی صفحه کلید خود نگه دارید، همانطور که یک دسته را برای تغییر اندازه تصویر از مرکز آن می کشید.

سپس تصویر را بکشید تا سوژه خود را درون شکل قرار دهید. ممکن است لازم باشد بین تغییر اندازه و تغییر موقعیت تصویر به عقب و جلو بروید تا زمانی که آن را درست به دست آورید.

وقتی کارتان تمام شد، روی علامت تیک در نوار گزینه ها کلیک کنید.

نحوه تغییر رنگ پس زمینه

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

من با نشان دادن نحوه تغییر رنگ پس زمینه شروع می کنم. و ساده ترین راه برای انجام این کار استفاده از یک لایه پرکننده Solid Color است.

مرحله 1: یک لایه پرکننده Solid Color اضافه کنید

ما می خواهیم که لایه پرکننده Solid Color مستقیماً بالای لایه Background ظاهر شود. بنابراین در پنل لایه ها، روی لایه Background کلیک کنید تا آن را انتخاب کنید.

سپس روی نماد New Fill یا Adjustment Layer در پایین پانل لایه ها کلیک کنید:

و Solid Color را از بالای لیست انتخاب کنید.

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

فتوشاپ Color Picker را باز می کند تا بتوانیم رنگ جدیدی برای پس زمینه انتخاب کنیم. رنگ پیش فرض مشکی است که قطعا جزئیات شکل را نشان می دهد. اما در مورد من، به عنوان رنگ پس زمینه برای یک پروانه، خیلی تیره است.

می توانید رنگ متفاوتی را از انتخابگر رنگ انتخاب کنید. اما شما همچنین می توانید یک رنگ را مستقیماً از تصویر داخل شکل نمونه برداری کنید. فقط نشانگر ماوس خود را روی تصویر ببرید و مکان نما به قطره چکان تغییر خواهد کرد. سپس روی رنگ مورد نظر برای نمونه کلیک کنید.

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

هنگامی که رنگی را که دوست دارید پیدا کردید، روی OK کلیک کنید تا Color Picker بسته شود. و در پنل لایه ها، می بینیم که لایه Solid Color fill بین لایه Background و لایه شکل بالای آن اضافه شده است.

نحوه اضافه کردن یک سکته مغزی در اطراف شکل

راه دیگری که می‌توانیم جلوه را تقویت کنیم، اضافه کردن یک ضربه به اطراف شکل است.

مرحله 1: لایه شکل را انتخاب کنید

ابتدا در پنل لایه ها، روی لایه شکل کلیک کنید تا انتخاب شود.

مرحله 2: افکت لایه ضربه ای اضافه کنید

در حالی که می توانید یک stroke از پانل Properties اضافه کنید، من همچنان روش قدیمی اضافه کردن آنها را با استفاده از افکت های لایه ترجیح می دهم. بنابراین با انتخاب لایه شکل، روی نماد fx در پایین پانل لایه ها کلیک کنید:

و Stroke را انتخاب کنید .

فتوشاپ کادر محاوره ای Layer Style را با گزینه های Stroke در ستون وسط باز می کند. برای تغییر رنگ سکته مغزی، روی نمونه رنگ کلیک کنید .

سپس یک رنگ جدید را از Color Picker انتخاب کنید. من رنگ سفید را با تنظیم مقادیر R ، G و B روی 255 انتخاب می کنم . پس از اتمام کار برای بستن Color Picker، روی OK کلیک کنید.

در کادر محاوره‌ای Layer Style، Position را روی Outside قرار دهید تا ضربه در اطراف بیرون شکل ظاهر شود. سپس مقدار Size را افزایش دهید تا ضخامت ضربه را تنظیم کنید. برای تصویر من، اندازه حدود 18 پیکسل به خوبی کار می کند.

برای بستن کادر محاوره ای Layer Style روی OK کلیک کنید. و در اینجا نتیجه من با سکته مغزی در اطراف شکل است.

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

نحوه حذف پس زمینه پشت شکل

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

مرحله 1: لایه Background و Solid Color Fill را خاموش کنید

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

و اگر در بخش قبلی یک لایه پرکننده Solid Color اضافه کرده اید، روی نماد نمایان بودن آن کلیک کنید تا آن را نیز خاموش کنید.

این به ما شفافیتی را در پشت شکلی که فتوشاپ با الگوی شطرنجی نشان می دهد، می گذارد.

مرحله 2: پیکسل های شفاف را برش دهید

ما به همه فضای اضافی اطراف شکل نیاز نداریم. بنابراین برای برش آن، به منوی Image رفته و Trim را انتخاب کنید .

در کادر محاوره‌ای Trim، مطمئن شوید که پیکسل‌های شفاف در بالا انتخاب شده‌اند، و بالا ، پایین ، چپ و راست همه در پایین انتخاب شده‌اند. سپس بر روی OK کلیک کنید.

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

مرحله 3: نتیجه را به عنوان یک فایل PNG ذخیره کنید

در نهایت برای ذخیره نتیجه، به منوی File رفته و به جای انتخاب Save یا Save As، گزینه Save a Copy را انتخاب کنید .

فتوشاپ از شما می پرسد که آیا می خواهید آن را در رایانه خود ذخیره کنید یا در Cloud. ذخیره در رایانه شما را انتخاب می کنم .

برای حفظ شفافیت در پشت شکل، نمی‌توانیم آن را به‌عنوان یک فایل JPEG ذخیره کنیم، زیرا JPEG از شفافیت پشتیبانی نمی‌کند. در عوض، ما باید آن را به عنوان یک فایل PNG ذخیره کنیم. بنابراین روی کادر Save as type در رایانه شخصی ویندوزی یا کادر Format در Mac کلیک کنید و PNG را انتخاب کنید .

سپس به فایل یک نام بدهید. نام آن را image-in-shape.png می گذارم .

به جایی که می خواهید فایل را در رایانه خود ذخیره کنید بروید. من آن را در همان پوشه روی دسکتاپ ذخیره می کنم که تصویر من در آن ذخیره شده است. سپس روی دکمه Save کلیک کنید.

در نهایت، در کادر محاوره‌ای PNG Format Options ، گزینه Smallest file size را در پایین انتخاب کرده و روی OK کلیک کنید.