the_king
مدیرکل انجمن
این پست موقتا اینجا باشه تا اینقدر این گفتگو ادامه پیدا نکنه، بعدا شاید پاکش کنم چون در حقیقت تکراریه.
من دیشب واسش یک گفتگو ویژه ساختم که فعلا بخاطر مشکل دیتابیس فروم نیمه کاره مونده و گفتگو ام باز نمیشه.
دو نمونه از آیکون ها در خاتمه آموزش :
مرحله اول
یک پروژه جدید باز کنید و لایه Background آنرا با رنگ eeeff0 پر کنید (Fill Color).
سپس یک لایه جدید ایجاد کنید (Create a new layer) و با استفاده از ابزار Elliptical Marquee Tool (زیر مجموعه
کلید M) یک دایره 41 در 41 پیکسلی رسم نموده و با رنگ دلخواه پر نمایید (Fill Color).
مرحله دوم
مقدار Fill Opacity لایه را روی 0 درصد قرار دهید و تنظیمات Blending Options لایه را اینگونه مشخص نمایید :
تیک Bevel and Emboss را بزنید و مقدار Style اش را روی Emboss قرار دهید.
مقدار Depth روی 25 درصد و Size روی 40 پیکسل باشد. همچنین تیک Use Global Light را برداشته و مقدار
Angle را روی 90 درجه و مقدار Altitude را روی 70 درجه تنظیم کنید. همچنین مقدار Opacity برای Highlight Mode
روی 100 درصد باشد.
تیک Contour که در زیر تیک Bevel and Emboss قرار دارد، بزنید و مقدار Contour اش را روی Ring قرار دهید
(در حالت پیشفرض، دومین ستون از سمت چپ، سطر دوم)
تغییرات را با زدن دکمه OK ذخیره کنید.
مرحله سوم
یک لایه جدید ایجاد کنید (Create a new layer) و با استفاده از ابزار Elliptical Marquee Tool (زیر مجموعه
کلید M) یک دایره 43 در 43 پیکسلی رسم نموده و با رنگ دلخواه پر نمایید (Fill Color).
دایره مذکور بایستی هم مرکز دایره قبلی قرار گیرد (شعاع این دایره یک پیکسل از دایره زیرین بزرگتر است).
از لایه ایجاد شده یک کپی بگیرید (Duplicate Layer) و در لایه بالایی Fill Opacity را روی 0 درصد قرار دهید.
مرحله چهارم
تنظیمات Blending Options لایه زیرین که Fill Opacity اش 100 درصد است را اینگونه مشخص نمایید :
تیک Inner Shadow را بزنید و مقدار Opacity اش را روی 25 درصد قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 0 و Choke برابر با 25 درصد و Size
برابر با 8 پیکسل باشد.
تیک Bevel and Emboss را بزنید و مقدار Size اش را روی 50 پیکسل قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90- درجه و مقدار Altitude را روی 53 درجه تنظیم نمایید. مقدار Gloss Contour
روی Gaussian باشد (در حالت پیشفرض اولین ستون از سمت راست، سطر اول)
همچنین مقدار Opacity را برای هر دو حالت Hightlight Mode و Shadow Mode روی 100 درصد قرار دهید.
تیک Gradient Overlay را بزنید.
تغییرات را با زدن دکمه OK ذخیره کنید.
مرحله پنجم
در لایه فوقانی که Fill Opacity اش 0 درصد است، تنظیمات Blending Options را اینگونه مشخص نمایید :
تیک Inner Shadow را بزنید و مقدار Opacity اش را روی 35 درصد قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 0 و Size اش برابر با 10 پیکسل باشد.
تیک Inner Glow را بزنید و Blend Mode را روی Multiply و رنگش اش را روی مشکی قرار دهید.
مقدار Opacity را روی 25 درصد و Choke را روی 50 درصد و Size را روی 2 پیکسل و Range اش را روی
100 درصد تنظیم کنید.
تیک Color Overlay را بزنید و Blend Mode اش را روی Color Burn و رنگش اش را روی آبی 3264ff قرار دهید.
تغییرات را با زدن دکمه OK ذخیره کنید.
مرحله ششم
تصویری که برای قرار گرفتن در داخل آیکون نیاز دارید را در فتوشاپ باز کنید.
اندازه آنرا مطابق با اندازه آیکون تغییر دهید و در مرکز اش در یک لایه جدید قرار دهید.
مرحله هفتم
برای سازگاری رنگ آیکون و تصویر، ترکیب کلیدی Ctrl + U را فشار دهید تا تنظیمات Hue/Saturation لایه باز شود.
تیک Colorize را بزنید و مقدار Hue را روی 240 و مقدار Saturation را روی 50 قرار دهید و دکمه OK را فشار دهید.
در لایه تصویر، تظیمات Blending Options را اینگونه مشخص نمایید :
تیک Drop Shadow را بزنید و مقدار Opacity اش را روی 35 درصد قرار دهید. تیک Use Global Light
را برداشته و مقدار Angle را روی 90 درجه و مقادیر Distance و Size را روی 2 پیکسل تنظیم کنید.
تیک Inner Shadow را بزنید و مقدار Opacity اش را روی 25 درصد قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 0 و Choke برابر با 100 درصد و
Size اش برابر با 1 پیکسل باشد.
مرحله هشتم
یک لایه جدید ایجاد کنید (Create a new layer) و با استفاده از ابزار Rectangular Marquee Tool (زیر مجموعه
کلید M) یک مستطیل 43 در 30 پیکسلی رسم نموده و با رنگ دلخواه پر نمایید (Fill Color).
کادر را طوری جابجا کنید که مطابق تصویر زیر نیمه بالایی آیکون را بپوشاند.
مرحله نهم
در منوی Edit گزینه Transform و در آن گزینه Warp را انتخاب نمایید. وضعیت ابزار Warp را از Custom به
Fish تغییر داده و مقدار Bend را روی 25 درصد قرار دهید.
در انتها تغییرات داده شده را تایید نمایید.
مرحله دهم
حالا بایستی اولین لایه ای که روی Background قرار دارد (دایره 41 در 41 پیکسلی) را بصورت یک ناحیه انتخاب شده
(Selection) در بیاوریم.
سه روش برای ایجاد یک Selection از لایه مذکور را پیشنهاد می کنم :
روش اول با پایین نگاه داشتن کلید Ctrl و کلیک کردن روی تصویر کوچک لایه (Thumbnail) در
لیست لایه ها انجام می شود.
روش دوم با انتخاب کردن منوی Select و گزینه Load Selection درون آن و تنظیم کردن Channel
روی نام لایه انجام می شود.
روش سوم با فعال کردن لایه مورد نظر در لیست لایه ها، انتخاب کل تصویر (فشردن ترکیب کلیدی Ctrl + A یا انتخاب کردن گزینه Select All در داخل منوی Select) و سپس پایین نگاه داشتن کلید Ctrl و استفاده از کلید فلش های مکان نما در دو
جهت مخالف انجام می شود. مثلاً اول کلید فلش به سمت چپ و سپس کلید فلش به سمت راست را به همراه کلید Ctrl
فشار می دهیم.
اکنون بایستی با استفاده از یکی از این سه روش، دایره بصورت یک ناحیه انتخاب (Selection) درآمده باشد.
ترکیب کلیدی Ctrl + Shift + I را فشار دهید تا ناحیه انتخاب معکوس (Invert) شود.
در لیست لایه ها، مجددا بالاترین لایه ای که در مرحله پیش ساخته بودید را فعال کنید و کلید Del در صفحه کلید را فشار دهید.
در انتها با استفاده از ترکیب کلیدی Ctrl + D ناحیه انتخاب شده را رها نمایید.
مرحله یازدهم
Fill Opacity لایه حاصل را روی 0 درصد قرار دهید.
سپس رنگ سفید ffffff را به عنوان رنگ Foreground فتوشاپ قرار دهید که در این مرحله به آن
نیاز داریم. (در حالت پیشفرض، رنگ مشکی رنگ Foreground طراحی است که بایستی به سفید تغییرش دهید).
اکنون تنظیمات Blending Options لایه را مطابق پارامتر های زیر مشخص کنید :
تیک Gradient Overlay را بزنید و در مجموعه طیف های آماده ای که وجود دارد، عنوان
Foreground to Transparent را انتخاب کنید (بصورت پیشفرض این طیف دومین گزینه در بالا،
سمت چپ است). اکنون شدت طیف از سمت پایین به بالا به مرور کم می شود که درست نیست،
پس تیک گزینة Reverse را هم بزنید.
اینبار روی تصویر Gradient ای که انتخاب کرده اید کلیک کنید تا آنرا ویرایش نمایید.
مطابق تصویر زیر مقدار میان دو طرف طیف را از 50 درصد به 65 درصد تغییر دهید.
Scale را هم روی 150 درصد قرار دهید.
در نهایت تغییرات را با فشار دادن دکمه OK ثبت کنید.
مرحله دوازدهم
یک لایه جدید بسازید (Create a new layer) و توسط ابزار Custom Shape tool (زیر مجموعه
کلید U) یک پروانه با رنگ دلخواه تان ترسیم کنید و در گوشه پایین سمت چپ کادر قرار دهید.
مرحله سیزدهم
اکنون تنظیمات Blending Options لایه پروانه را مطابق پارامتر های زیر مشخص کنید :
تیک Drop Shadow را بزنید و Opacity آنرا روی 35 درصد قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 2 و Size را روی 5 پیکسل قرار دهید.
تیک Inner Shadow را بزنید و مقدار Opacity اش را روی 100 درصد قرار دهید.
تیک Use Global Light را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 0 و
Size اش برابر با 1 پیکسل باشد.
تیک Bevel and Emboss را هم بزنید و Size آنرا روی 2 پیکسل و Soften را روی 10 پیکسل
قرار دهید.
تیک Color Overlay را بزنید و رنگ آنرا به سفید تغییر دهید.
در نهایت تغییرات را با فشار دادن دکمه OK ثبت کنید.
نمونه ای از پروژه بصورت فایل psd زیپ شده ضمیمه این پست می باشد.
من دیشب واسش یک گفتگو ویژه ساختم که فعلا بخاطر مشکل دیتابیس فروم نیمه کاره مونده و گفتگو ام باز نمیشه.
دو نمونه از آیکون ها در خاتمه آموزش :
مرحله اول
یک پروژه جدید باز کنید و لایه Background آنرا با رنگ eeeff0 پر کنید (Fill Color).
سپس یک لایه جدید ایجاد کنید (Create a new layer) و با استفاده از ابزار Elliptical Marquee Tool (زیر مجموعه
کلید M) یک دایره 41 در 41 پیکسلی رسم نموده و با رنگ دلخواه پر نمایید (Fill Color).
مرحله دوم
مقدار Fill Opacity لایه را روی 0 درصد قرار دهید و تنظیمات Blending Options لایه را اینگونه مشخص نمایید :
تیک Bevel and Emboss را بزنید و مقدار Style اش را روی Emboss قرار دهید.
مقدار Depth روی 25 درصد و Size روی 40 پیکسل باشد. همچنین تیک Use Global Light را برداشته و مقدار
Angle را روی 90 درجه و مقدار Altitude را روی 70 درجه تنظیم کنید. همچنین مقدار Opacity برای Highlight Mode
روی 100 درصد باشد.
تیک Contour که در زیر تیک Bevel and Emboss قرار دارد، بزنید و مقدار Contour اش را روی Ring قرار دهید
(در حالت پیشفرض، دومین ستون از سمت چپ، سطر دوم)
تغییرات را با زدن دکمه OK ذخیره کنید.
مرحله سوم
یک لایه جدید ایجاد کنید (Create a new layer) و با استفاده از ابزار Elliptical Marquee Tool (زیر مجموعه
کلید M) یک دایره 43 در 43 پیکسلی رسم نموده و با رنگ دلخواه پر نمایید (Fill Color).
دایره مذکور بایستی هم مرکز دایره قبلی قرار گیرد (شعاع این دایره یک پیکسل از دایره زیرین بزرگتر است).
از لایه ایجاد شده یک کپی بگیرید (Duplicate Layer) و در لایه بالایی Fill Opacity را روی 0 درصد قرار دهید.
مرحله چهارم
تنظیمات Blending Options لایه زیرین که Fill Opacity اش 100 درصد است را اینگونه مشخص نمایید :
تیک Inner Shadow را بزنید و مقدار Opacity اش را روی 25 درصد قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 0 و Choke برابر با 25 درصد و Size
برابر با 8 پیکسل باشد.
تیک Bevel and Emboss را بزنید و مقدار Size اش را روی 50 پیکسل قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90- درجه و مقدار Altitude را روی 53 درجه تنظیم نمایید. مقدار Gloss Contour
روی Gaussian باشد (در حالت پیشفرض اولین ستون از سمت راست، سطر اول)
همچنین مقدار Opacity را برای هر دو حالت Hightlight Mode و Shadow Mode روی 100 درصد قرار دهید.
تیک Gradient Overlay را بزنید.
تغییرات را با زدن دکمه OK ذخیره کنید.
مرحله پنجم
در لایه فوقانی که Fill Opacity اش 0 درصد است، تنظیمات Blending Options را اینگونه مشخص نمایید :
تیک Inner Shadow را بزنید و مقدار Opacity اش را روی 35 درصد قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 0 و Size اش برابر با 10 پیکسل باشد.
تیک Inner Glow را بزنید و Blend Mode را روی Multiply و رنگش اش را روی مشکی قرار دهید.
مقدار Opacity را روی 25 درصد و Choke را روی 50 درصد و Size را روی 2 پیکسل و Range اش را روی
100 درصد تنظیم کنید.
تیک Color Overlay را بزنید و Blend Mode اش را روی Color Burn و رنگش اش را روی آبی 3264ff قرار دهید.
تغییرات را با زدن دکمه OK ذخیره کنید.
مرحله ششم
تصویری که برای قرار گرفتن در داخل آیکون نیاز دارید را در فتوشاپ باز کنید.
اندازه آنرا مطابق با اندازه آیکون تغییر دهید و در مرکز اش در یک لایه جدید قرار دهید.
مرحله هفتم
برای سازگاری رنگ آیکون و تصویر، ترکیب کلیدی Ctrl + U را فشار دهید تا تنظیمات Hue/Saturation لایه باز شود.
تیک Colorize را بزنید و مقدار Hue را روی 240 و مقدار Saturation را روی 50 قرار دهید و دکمه OK را فشار دهید.
در لایه تصویر، تظیمات Blending Options را اینگونه مشخص نمایید :
تیک Drop Shadow را بزنید و مقدار Opacity اش را روی 35 درصد قرار دهید. تیک Use Global Light
را برداشته و مقدار Angle را روی 90 درجه و مقادیر Distance و Size را روی 2 پیکسل تنظیم کنید.
تیک Inner Shadow را بزنید و مقدار Opacity اش را روی 25 درصد قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 0 و Choke برابر با 100 درصد و
Size اش برابر با 1 پیکسل باشد.
مرحله هشتم
یک لایه جدید ایجاد کنید (Create a new layer) و با استفاده از ابزار Rectangular Marquee Tool (زیر مجموعه
کلید M) یک مستطیل 43 در 30 پیکسلی رسم نموده و با رنگ دلخواه پر نمایید (Fill Color).
کادر را طوری جابجا کنید که مطابق تصویر زیر نیمه بالایی آیکون را بپوشاند.
مرحله نهم
در منوی Edit گزینه Transform و در آن گزینه Warp را انتخاب نمایید. وضعیت ابزار Warp را از Custom به
Fish تغییر داده و مقدار Bend را روی 25 درصد قرار دهید.
در انتها تغییرات داده شده را تایید نمایید.
مرحله دهم
حالا بایستی اولین لایه ای که روی Background قرار دارد (دایره 41 در 41 پیکسلی) را بصورت یک ناحیه انتخاب شده
(Selection) در بیاوریم.
سه روش برای ایجاد یک Selection از لایه مذکور را پیشنهاد می کنم :
روش اول با پایین نگاه داشتن کلید Ctrl و کلیک کردن روی تصویر کوچک لایه (Thumbnail) در
لیست لایه ها انجام می شود.
روش دوم با انتخاب کردن منوی Select و گزینه Load Selection درون آن و تنظیم کردن Channel
روی نام لایه انجام می شود.
روش سوم با فعال کردن لایه مورد نظر در لیست لایه ها، انتخاب کل تصویر (فشردن ترکیب کلیدی Ctrl + A یا انتخاب کردن گزینه Select All در داخل منوی Select) و سپس پایین نگاه داشتن کلید Ctrl و استفاده از کلید فلش های مکان نما در دو
جهت مخالف انجام می شود. مثلاً اول کلید فلش به سمت چپ و سپس کلید فلش به سمت راست را به همراه کلید Ctrl
فشار می دهیم.
اکنون بایستی با استفاده از یکی از این سه روش، دایره بصورت یک ناحیه انتخاب (Selection) درآمده باشد.
ترکیب کلیدی Ctrl + Shift + I را فشار دهید تا ناحیه انتخاب معکوس (Invert) شود.
در لیست لایه ها، مجددا بالاترین لایه ای که در مرحله پیش ساخته بودید را فعال کنید و کلید Del در صفحه کلید را فشار دهید.
در انتها با استفاده از ترکیب کلیدی Ctrl + D ناحیه انتخاب شده را رها نمایید.
مرحله یازدهم
Fill Opacity لایه حاصل را روی 0 درصد قرار دهید.
سپس رنگ سفید ffffff را به عنوان رنگ Foreground فتوشاپ قرار دهید که در این مرحله به آن
نیاز داریم. (در حالت پیشفرض، رنگ مشکی رنگ Foreground طراحی است که بایستی به سفید تغییرش دهید).
اکنون تنظیمات Blending Options لایه را مطابق پارامتر های زیر مشخص کنید :
تیک Gradient Overlay را بزنید و در مجموعه طیف های آماده ای که وجود دارد، عنوان
Foreground to Transparent را انتخاب کنید (بصورت پیشفرض این طیف دومین گزینه در بالا،
سمت چپ است). اکنون شدت طیف از سمت پایین به بالا به مرور کم می شود که درست نیست،
پس تیک گزینة Reverse را هم بزنید.
اینبار روی تصویر Gradient ای که انتخاب کرده اید کلیک کنید تا آنرا ویرایش نمایید.
مطابق تصویر زیر مقدار میان دو طرف طیف را از 50 درصد به 65 درصد تغییر دهید.
Scale را هم روی 150 درصد قرار دهید.
در نهایت تغییرات را با فشار دادن دکمه OK ثبت کنید.
مرحله دوازدهم
یک لایه جدید بسازید (Create a new layer) و توسط ابزار Custom Shape tool (زیر مجموعه
کلید U) یک پروانه با رنگ دلخواه تان ترسیم کنید و در گوشه پایین سمت چپ کادر قرار دهید.
مرحله سیزدهم
اکنون تنظیمات Blending Options لایه پروانه را مطابق پارامتر های زیر مشخص کنید :
تیک Drop Shadow را بزنید و Opacity آنرا روی 35 درصد قرار دهید. تیک Use Global Light
را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 2 و Size را روی 5 پیکسل قرار دهید.
تیک Inner Shadow را بزنید و مقدار Opacity اش را روی 100 درصد قرار دهید.
تیک Use Global Light را بردارید و Angle را روی 90 درجه تنظیم کنید. Distance برابر 0 و
Size اش برابر با 1 پیکسل باشد.
تیک Bevel and Emboss را هم بزنید و Size آنرا روی 2 پیکسل و Soften را روی 10 پیکسل
قرار دهید.
تیک Color Overlay را بزنید و رنگ آنرا به سفید تغییر دهید.
در نهایت تغییرات را با فشار دادن دکمه OK ثبت کنید.
نمونه ای از پروژه بصورت فایل psd زیپ شده ضمیمه این پست می باشد.
آخرین ویرایش توسط مدیر:
) بنده هم ، بلا نسبت زير ID ايم ، نوشته مدير:دي
