آموزش طراحی تصاویر کوچک تاپ گالری در فتوشاپ

[Borna66]

طراحی تصاویر کوچک تاپ گالری http://pnu-club.com/imported/2010/05/22.gif

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

http://pnu-club.com/imported/2010/05/23.gif

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

http://pnu-club.com/imported/2010/05/24.gif

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

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

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

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

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

http://pnu-club.com/imported/2010/05/25.gif

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

http://pnu-club.com/imported/2010/05/26.gif

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

http://pnu-club.com/imported/2010/05/27.gif

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

http://pnu-club.com/imported/2010/05/28.gif

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

http://pnu-club.com/imported/2010/05/29.gif

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

http://pnu-club.com/imported/2010/05/30.gif

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

مرحله هشتم
یادتون هست که یکی از لایه های مشابه رو در مرحله چهارم از دید پنهان کردیم؟ (بالاترین لایه) اکنون آنرا
دوباره آشکار کنید (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 تغییرات را ذخیره کنید.

http://pnu-club.com/imported/2010/05/31.gif

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

http://pnu-club.com/imported/2010/05/32.gif

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

http://pnu-club.com/imported/2010/05/33.gif

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

http://pnu-club.com/imported/2010/05/34.gif

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

http://pnu-club.com/imported/2010/05/35.gif

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

http://pnu-club.com/imported/2010/05/36.gif

مرحله سیزدهم
اکنون تنظیمات 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 ذخیره نمایید.

http://pnu-club.com/imported/2010/05/37.gif

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

http://pnu-club.com/imported/2010/05/38.gif

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

http://pnu-club.com/imported/2010/05/39.gif

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

http://pnu-club.com/imported/2010/05/40.gif

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