طراحی تصاویر کوچک تاپ گالری

مرحله اول
یک پروژه جدید ایجاد کنید و سپس یک لایه جدید بسازید (Create a new layer)
ابزار Rounded Rectangle Tool (زیر مجموعه کلید U) را انتخاب کرده و نحوه ترسیم را روی
Fill Pixels قرار داده و Radius را روی 10 پیکسل تنظیم کنید.
حالا در لایه جدیدی که ساخته اید یک مستطیل 140 در 110 پیکسلی رسم کنید. رنگ آن مهم نیست.



مرحله دوم
حالا تنظیمات Blending Options لایه را مطابق پارامتر های زیر مشخص کنید :
تیک Drop Shadow را بزنید و Opacity را روی 100 درصد قرار دهید.
Distance را روی 0 پیکسل و Spread را روی 35 درصد و Size را روی 6 پیکسل تنظیم کنید.
تیک Color Overlay را بزنید و رنگ سفید ffffff را انتخاب کنید.
در انتها تغییرات را با زدن دکمه OK ذخیره نمایید.



مرحله سوم
حالا بایستی کادری داشته باشیم که از هر طرف دو پیکسل از کادر اصلی کوچکتر باشه، برای انجام
اینکار ابتدا بایستی کادری که ساخته ایم را بصورت یک ناحیه انتخاب در بیاوریم.
سه روش برای ایجاد یک Selection از لایه موجود را پیشنهاد می کنم :

روش اول با پایین نگاه داشتن کلید Ctrl و کلیک کردن روی تصویر کوچک لایه (Thumbnail) در
لیست لایه ها انجام می شود.

روش دوم با انتخاب کردن منوی Select و گزینه Load Selection درون آن و تنظیم کردن Channel
روی نام لایه انجام می شود.

روش سوم با انتخاب کل تصویر (فشردن ترکیب کلیدی Ctrl + A یا انتخاب کردن گزینه Select All در داخل
منوی Select) و سپس پایین نگاه داشتن کلید Ctrl و استفاده از کلید فلش های مکان نما در دو جهت مخالف
انجام می شود. مثلاً اول کلید فلش به سمت چپ و سپس کلید فلش به سمت راست را به همراه کلید Ctrl
فشار می دهیم.

اکنون بایستی با استفاده از یکی از این سه روش، کادر بصورت یک ناحیه انتخاب (Selection) درآمده باشد.
در منوی Select گزینه Modify و در درون آن گزینه Contract را انتخاب کنید. مقدار را روی 2 پیکسل
قرار دهید و اجرا نمایید.



مرحله چهارم
یک لایه جدید بسازید (Create a new layer) و ناحیه انتخاب (Selection) را با یک رنگ دلخواه
پر کنید (Fill Color). این ناحیه انتخاب شده را در چندین لایه مختلف بکار خواهید برد پس ابتدا یک کپی
از آن بگیرید (Duplicate layer). حالا دو لایه مشابه خواهید داشت.
لایه بالایی را با برداشتن تیک چشم کنار آن در لیست لایه ها پنهان کنید (Hide this layer).



مرحله پنجم
در این مرحله نیاز به یک تصویر داریم، من از تصویر انیمیشن Finding Nemo استفاده کردم.
فایل تصویر مورد نظرتان را در فتوشاپ باز کنید و کل تصویر را انتخاب نمایید (Select All یا Ctrl + A).
حالا تصویر را در درون حافظه Clipboard کپی کنید (Ctrl + C).
اکنون می توانید فایل تصویر را ببندید چون دیگر نیازی به آن نیست.
به پروژه مان برگردید و لایه پایینی را در لیست لایه ها فعال کنید و سپس تصویر را Paste کنید (Ctrl + V).
اکنون لایه تصویر بایستی در میان دو لایه مشابه قرار گرفته باشد. اگر موقعیت لایه چنین نیست، آنرا بکشید
و در بین دو لایه قرار دهید.
در حالتی که لایه تصویر در لیست لایه ها فعال است ترکیب کلیدی Ctrl + Alt + G را فشار دهید تا
لایه زیرین برای تصویر نقش یک Mask را بازی کند. بدین ترتیب از کل تصویر صرفا ناحیه داخل کادر
دیده می شود. اکنون آزادانه می توانید لایه تصویر را جابجا کرده و یا تغییر اندازه دهید، بدون آنکه از ناحیه
کادر بیرون بزند.



مرحله ششم
یک پروژه جدید باز کنید که صرفا یک لایه Background سفید دارد. تا می توانید روی یک موقعیت از آن
Zoom کنید و توسط ابزار Pencil Tool (زیر مجموعه کلید B) سه نقطه را بصورت مورب و با رنگ
مشکی مطابق تصویر زیر رسم نمایید.



مرحله هفتم
در همان وضعیتی که Zoom کرده اید با ابزار Rectangular Marquee Tool (زیر مجموعه کلید M)
یک کادر 3 در 3 پیکسلی پیرامون آن سه نقطه بکشید تا بصورت یک Selection درآید.



حالا در منوی Edit گزینه Define Pattern را انتخاب کنید و نامی برای این Pattern جدید بنویسید.
شما اکنون یک Pattern برای رسم هاشور ها ساخته اید.



دیگر کاری با این پروژه جدید و سه نقطه رسم شده نداریم پس آنرا ببندید. اکنون به پروژه اصلی مان برمی گردیم.

مرحله هشتم
یادتون هست که یکی از لایه های مشابه رو در مرحله چهارم از دید پنهان کردیم؟ (بالاترین لایه) اکنون آنرا
دوباره آشکار کنید (Show this layer) و Fill Opacity لایه را روی 0 درصد قرار دهید.
حالا تنظیمات Blending Options آن لایه را مطابق پارامتر های زیر مشخص کنید :
تیک Inner Shadow را بزنید و مقدار Opacity آنرا روی 25 درصد و Distance را روی 0 پیکسل
و Choke را روی 100 درصد و Size را روی 1 پیکسل قرار دهید.
تیک Pattern Overlay را هم بزنید و Blend Mode آنرا روی Multiply و Opacity را روی
25 درصد و Pattern را هم روی نمونه ای که شخصا ساخته اید تنظیم کنید.
حالا با زدن دکمه OK تغییرات را ذخیره کنید.



مرحله نهم
لایه بالایی (لایه هاشور دار) را توسط یکی از روش های سه گانه که در مرحله سوم معرفی شدند بصورت
یک ناحیه انتخاب (Selection) درآورید. حالا یک لایه جدید در بالای آن بسازید (Create a new layer)
و با یک رنگ دلخواه پر کنید (Fill Color).
توسط ابزار Rectangular Marquee Tool (زیر مجموعه کلید M) قسمت زیادی از لایه را انتخاب کنید
بطوریکه صرفا 13 پیکسل پایینی لایه بیرون بماند.



حالا با فشردن کلید Del در صفحه کلید، ناحیه انتخاب شده را حذف کنید. سپس با ترکیب کلیدی Ctrl + D ناحیه
انتخاب شده را رها کنید.



مرحله دهم
Fill Opacity لایه حاصل را روی 0 درصد قرار دهید.
اکنون تنظیمات Blending Options لایه را مطابق پارامترهای زیر مشخص کنید :
تیک Color Overlay را بزنید و رنگ را روی مشکی 000000 و Opacity را روی 35 درصد
قرار دهید.
تغییرات را با زدن کلید OK ذخیره نمایید.



مرحله یازدهم
نوشته مورد نظرتان (در این مثال Finding Nemo) را با استفاده از ابزار Horizontal Type Tool
(زیر مجموعه کلید T) و با رنگ سفید بنویسید. من از فونت Bitmap ای با نام Silkscreen در سایز
7 پیکسل استفاده کردم.



مرحله دوازدهم
یک لایه جدید بسازید (Create a new layer) و توسط ابزار Custom Shape tool (زیر مجموعه
کلید U) یک پروانه با رنگ دلخواه تان ترسیم کنید. سپس توسط ترکیب کلیدی Ctrl + T آنرا برای دوران
آماده کنید و سپس 30 درجه در خلاف جهت عقربه های ساعت بگردانید و در گوشه پایین سمت راست
کادر قرار دهید.



مرحله سیزدهم
اکنون تنظیمات Blending Options لایه پروانه را مطابق پارامتر های زیر مشخص کنید :
تیک Drop Shadow را بزنید و Opacity آنرا روی 60 درصد و Distance را روی 0 پیکسل و
Spread را روی 50 درصد و Size را روی 2 پیکسل قرار دهید.
تیک Bevel and Emboss را هم بزنید و Size آنرا روی 1 پیکسل و Soften را روی 7 پیکسل
قرار دهید.
تیک Gradient Overlay را بزنید و مشخصات Gradient را اینگونه ویرایش کنید :
رنگ خاکستری c4c5ca در سمت چپ و رنگ سفید ffffff در سمت راست باشد.
در انتها تغییرات را با زدن کلید OK ذخیره نمایید.



مرحله چهاردهم
یک لایه جدید بسازید (Create a new layer) و توسط ابزار Elliptical Marquee tool
(زیر مجموعه کلید M) یک بیضی بکشید و با رتگ دلخواه تان پر کنید (Fill Color) ، بطوریکه مطابق
تصویر زیر نیمه بالایی کادر را بپوشاند. (اگر قصد جابجا کردن بیضی را دارید صرفا قبل از پر کردن
آن بصورت Selection جابجایش کنید)



مرحله پانزدهم
ابتدا کادر اصلی (پایین ترین لایه که روی لایه Background قرار دارد) را با یکی از روش های سه گانه
بصورت یک ناحیه انتخاب (Selection) درآورید و سپس با ترکیب کلیدی Ctrl + Shift + I ناحیه
انتخاب را معکوس (Invert) کنید. حال در لیست لایه ها، لایه ای که در مرحله قبل ساخته اید را فعال کنید و
با فشردن کلید Del در صفحه کلید، نواحی اضافی لایه را حذف نمایید.
سپس با ترکیب کلیدی Ctrl + D ناحیه انتخاب شده را رها کنید.



مرحله شانزدهم
Fill Opacity لایه حاصل را روی 0 درصد قرار دهید.
سپس رنگ سفید ffffff را به عنوان رنگ Foreground فتوشاپ قرار دهید که در این مرحله به آن
نیاز داریم. (در حالت پیشفرض، رنگ مشکی رنگ Foreground طراحی است که بایستی به سفید
تغییرش دهید).
اکنون تنظیمات Blending Options لایه را مطابق پارامتر های زیر مشخص کنید :
تیک Gradient Overlay را بزنید و در مجموعه طیف های آماده ای که وجود دارد، عنوان
Foreground to Transparent را انتخاب کنید (بصورت پیشفرض این طیف دومین گزینه در بالا،
سمت چپ است). اکنون شدت طیف از سمت پایین به بالا به مرور کم می شود که درست نیست،
پس تیک گزینة Reverse را هم بزنید.
در نهایت تغییرات را با فشار دکمه OK ثبت کنید.



تمام شد، اکنون برای تغییر تصویر، کافیست لایه تصویر را حذف کرده و تصویر دیگری را در جای آن
قرار دهید و با فشردن ترکیب کلیدی Ctrl + Alt + G لایه زیرین را برای آن Mask کنید.