[_Akhtar]

[منتظر سبز]

[salso]

سلام
توي پست اول جناب jonathan يك تكنيك براي ساخت يه چيزي تو مايه هاي دكمه هاى media player رو اراپه كردن .
ولي من يه جايي اين تكنيك رو به طور كامل پيدا كردم که نتیجه ی بسیار خوبی هم میده:
================================================
خوب . در پايان اين آموزش عکس زير رو تحويل شما خواهد شد . منتها با زحمت خودتون :

http://www.majidonline.com/images/Tutorials/media_btn_1.jpg

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

#84AAD9 and #A4BFEA

http://www.majidonline.com/images/Tutorials/media_btn_2.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_3.jpg
http://www.majidonline.com/images/Tutorials/media_btn_4.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_5.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_6.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_7.jpg

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

#5B87CE

http://www.majidonline.com/images/Tutorials/media_btn_8.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_9.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_10.jpg

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

filter -> blur -> motion blur

http://www.majidonline.com/images/Tutorials/media_btn_11.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_12.jpg

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

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

http://www.majidonline.com/images/Tutorials/media_btn_13.jpg

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

filter -> blur -> Gaussian blur

http://www.majidonline.com/images/Tutorials/media_btn_14.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_15.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_16.jpg

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

select -> modify -> contract

http://www.majidonline.com/images/Tutorials/media_btn_17.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_18.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_19.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_20.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_21.jpg

حالا کليدهاي Ctrl+shift+I رو براي برعکس کردن حالت سلکت فشار بدين و بعد از اون کليد Delete رو روي کيبورد فشار بدين تا اضافاتي که توي اون transparent gradient ايجاد شده پاک بشه .
خوب ، حالا لايه رو از سلکت خارج کنين و مسير فيلتر زير رو دنبال کنين و مقدار 1.5 رو براي اون در نظر بگيرين :

filter-> blur -> Gaussian Blur

http://www.majidonline.com/images/Tutorials/media_btn_22.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_23.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_24.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_25.jpg

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

http://www.majidonline.com/images/Tutorials/media_btn_1.jpg



===================================

[salso]

در ضمن مي تونم بپرسم كه چرا من نمي تونم همراه متن عكس رو نيز پست كنم
يعني جايي رو براي آپ كردن عكس ندارم و مجبورم اگه بخوام اين كارو بكنم از سرور هاي ديگه استفاده كنم .

[_Akhtar]

دستت در نکنه صالح جان .
موفق باشی .

[منتظر سبز]

آقا صالح بنظر ميرسه اگر لينك اصلي آموزش رو از مجيدآنلاين ميذاشتيد بهتر بود. و زحمتتون هم كم ميشد

[_Akhtar]

[salso]

ببینم تا حالا خواستید که توی کارتون از تصویر رعد و برق استفاده کنید ؟
حتما برای این کار دنبال عکس هایی از این پدیده رفتید یا از کار های دیگه که توش چنین تصویری رو داره استفاده کردید .
ولی در زیر روشی رو توضیح دادم که به وسیله ی اون شما می تونید تصویر دلخواهتون رو از یک رعد وبرق درست کنید .



لینک تصاویر :
http://img26.picoodle.com/img/img26/9/7/13/f_RoDsalsoTm_416e1ea.jpg

ابتدا یک تصویر جدید با اندازه دلخواه باز کنید.
من اندازه های 300 در 200 پیکسل را انتخاب کردم.
سپس با استفاده از ابزار Gradient تصویر خود را از مشکی تا سفید رنگ آمیزی کنید. ( میانبر : G )
( تصویر 1 )

سپس فیلتر زیر را اعمال کنید
Filter -> Render –> Difference Clouds
تا تصویری مشابه تصویر زیر داشته باشید.
( تصویر 2 )

حال به Image -> Adjustments -> Invert تا تصویر شما معکوس شود. ( میانبر : Ctrl + I)
( تصویر 3 )

در این مرحله Image -> Adjustments -> Level را انتخاب کنید ( میانبر : Ctrl + L )
و در قسمت Input Levels من این اعداد رو وارد کردم 140 / 0.10 / 252
ولی این یه امر تجربیه که با جابجا کردم علامت های زیر طیف می تونید به نتیجهی دلخواه خودتون برسید

حالا می تونید برای تنزیم رنگ رعد برقتون از Image -> Adjastment -> Color Balance استفاده کنید ف تا بیشتر شکل واقعی به خودش بگیره .
تاحالا نتیجه ی کار بد نشد ، امید وارم رضایت بخش بوده باشه .
( تصویر 4 )

باید بگم که نتیجه کار به چنتا عامل بستگی داره
1)جهت Gradient
2)پخش شدگی طیف Gradient
3)اعداد Input Levels
4) و تنظیم کنتراست و رنگ رعد و برق در آخر



راستي لازم به ذكر است كه اول پست گفتم كه اون مطالب رو جايي پيدا كردم و فقط مي خواستم آموزش كامل اون ترفند تو تالار باشه . به هيچ وجه هم نمي خواستم بگم كه اون مطالب براي منه .
تا بعد

[منتظر سبز]

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

[salso]

ممنون
خوب اسم تاپيك رو چي بذارم ؟ مساله اين است !