ساخت دکمه هاي media player با فتو شاپ

در اين بخش مي‌توانيد در مورد تمامي مباحث گرافيک و طراحي گرافيکي به بحث بپردازيد

مدیران انجمن: Mahdi Mahdavi, MASTER, CentralWeb, شوراي نظارت

ارسال پست
Major II
Major II
نمایه کاربر
پست: 1796
تاریخ عضویت: شنبه 25 شهریور 1385, 4:18 pm
سپاس‌های ارسالی: 35 بار
سپاس‌های دریافتی: 211 بار
تماس:

ساخت دکمه هاي media player با فتو شاپ

پست توسط Karim1504 » یک شنبه 20 اسفند 1385, 5:23 pm

  نام خدا

خوب . ما قصد داريم در پايان اين آموزش عکس زير رو تحويل شما بديم . منتها با زحمت خودتون :

تصویر


براي شروع کار يه سند جديد در اندازه 300 در 300 پيکسل ايجاد کنين و توي لايه بکگراند اون يه گرادينت با رنگاي زير بکشين :

#84AAD9 and #A4BFEA

تصویر



خوب ، حالا يه لايه جديد ايجاد کنين و نصف بالايي اون رو مثل شکل سلکت کنين و اون رو با رنگ سفيد پر کنين . مثل دوتا شکل زير :


تصویر

تصویر

خوب ، حالا لايه رو از حالت سلکت در بيارين ( Ctrl+D ) و opacity لايه رو برابر 31 قرار بدين . بعد از اين کار مسير زير رو اجرا کنين و ف_ * ل*_ ت ر مربوطه رو مثل عکس با مقدار 2 روي اين لايه اعمال کنين :

filter -> blur -> Gaussian Blur

تصویر

تا اينجا بايد طرح شما مثل اين عكس شده باشه :

تصویر

حالا يه لايه جديد ايجاد کنين و به وسيله ابزار elliptical marquee tool و نگه داشتن کليد Shift يه دايره مثل شکل زير بکشين و محل قرار گرفتنش رو تو صفحه مثل شکل تنظيم کنين :

تصویر
حالا اين لايه رو با شماره رنگ زير پر کنين :

#5B87CE

تصویر


خوب ، حالا بدون اينکه سلکت دايره رو از دست داده باشين يه لايه جديد ايجاد کنين . foreground color فتوشاپ رو روي رنگ سفيد قرار بدين و ابزار Brush tool رو انتخاب کنين و تنظيمات اون رو مثل عکس انجام بدين :

تصویر

حالا منظقه اي رو که توي عکس زير سفيد شده رو با همين براش توي کارتون سفيد کنين . نياز نيست که دقيقا عين عکس زير باشه . ولي سعي کنين منظقه اي که رنگ ميکنين مثل شکل در بياد :

تصویر

حالا ف_ * ل*_ ت ر زير رو با تنظيماتي که توي عکس ميبينين روي اين لايه اعمال کنين :

filter -> blur -> motion blur

تصویر

حالا لايه تون رو از حالت سلکت خارج کنين . خوب تا اينجا طرحتون اين شکلي شده :

تصویر

خوب . حالا Opacity اين لايه رو روي 85 قرار بدين و ابزار جابجايي ( move ) رو انتخاب کنين . اگه نميدونين کدومه کليد حرف V رو روي کيبورد بزنين تا خودش انتخاب بشه . حالا که انتخاب شد کليد UP رو روي کيبورد 4 بار بزنين . منظورم همون Arrow Keys يا كليد هاي مكان نما هستش

بعد از اينکار بايد شکل زير رو داشته باشين :

تصویر

خوب . حالا روي اين لايه ف_ * ل*_ ت ر زير رو با مقدار 5 اعمال کنين :

filter -> blur -> Gaussian blur

تصویر

تا اينجا شکلي که بايد تحويل بگيرين اينه :

تصویر

خوب ، حالا رو همين لايه که هستين کليد Ctrl رو نگه دارين و لايه دايرتون رو انتخاب کنين . همون لايه اي که توي عکس زير مشخص شده :

تصویر

حالا برين به مسير زير و مقدار اون رو عدد 7 در نظر بگيرين :

select -> modify -> contract

تصویر

بعد تائيد سلکت دايرتون يکم کوچيکتر ميشه . مثل شکل زير :

تصویر

خوب ، حالا همينجور که اين سلکت رو در اختيار دارين يه لايه جديد بالاي تمام لايه هاتون ايجاد کنين و با رنگ سفيد به اون يه transparent gradient از بالاي ناحيه سلکت شده تا پايين اون بدين . transparent gradient حالتي از گرادينت هستش که از يک طرف داراي رنگ و از طرف ديگه بدون هيچ رنگي است . يعني به عبارتي شکل زير :

تصویر

بايد اينجوري بشه کارتون :

تصویر
خوب ، حالا کار رو از حالت سلکت خارج کنين و مجددا به وسيله ابزار elliptical marquee tool ناحيه اي رو مثل شکل زير سلکت کنين . ببين ما ميخوايم ناحيه اي رو که روي دايره تو طرح زير ميبينين بدست بياريم . پس بايد اين حالت سلکتتون رو از بيرون طرح شروع کنين و مثل عکس بزرگ بکشين تا محدوده اي از دايره رو که توي عکس ميبينين بتونين انتخاب کنين :

تصویر

حالا کليدهاي Ctrl+shift+I رو براي برعکس کردن حالت سلکت فشار بدين و بعد از اون کليد Delete رو روي کيبورد فشار بدين تا اضافاتي که توي اون transparent gradient ايجاد شده پاک بشه .

خوب ، حالا لايه رو از سلکت خارج کنين و مسير ف_ * ل*_ ت ر زير رو دنبال کنين و مقدار 1.5 رو براي اون در نظر بگيرين :

filter-> blur -> Gaussian Blur

تصویر

حالا Opacity لايه رو روي 88 قرار بدين . کارتون تا اينجا مثل شکل زير شده :

تصویر
حالا روي لايه دايره اصلي دابل کليک کنين تا پنجره Layer Style باز بشه . منظورم از لايه دايره اصلي همين لايه ايه که تو عکس زير مشخص شده :

تصویر

حالا گزينه Drop shadow رو انتخاب کنين و تنظيمات اون رو مثل عکس زير انجام بدين و پينجره رو اوکي کنين :

تصویر
خوب . حالا برين لايه دوم از پائين رو انتخاب کنين . بعد کليد Shift رو نگه دارين و با موس بزنين رو کيبورد

فقط براي تکميل طرحتون يه مثلث يا اصطلاحا همون کليد play رو آخرين لايه از بالا قرار بدين ، تمام .

تصویر

منبع:
[لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید][/img] 
نه از خودت تعریف کن و نه بدگویی. اگر از خودت تعریف کنی قبول نمی‌کنند و اگر بدگویی کنی بیش از آنچه اظهار داشتی تو را بد خواهند پنداشت...
[لینک خارجی برای کاربران مهمان مخفی است، لطفا برای مشاهده لینک ثبت نام نموده و یا وارد سایت شوید]

ارسال پست

بازگشت به “گرافيک و طراحي کامپيوتري”