.: دکمه به سبک Xbox :.

NAKOOT

Well-Known Member
سلام ...
حتما تا حالا دکمه ای مختلفی رو روی دستگاه های مختلف دیدید ... مثلا دستگاه Xbox360 ...
مطمئنن مجذوب زیبایی این دکمه ها شدید ...
با آموزشی که امروز براتون ترجمه کردم فتوشاپ (جادوگر گرافیکی) شما رو کمک می کنه تا دکمه ای
به همون زیبایی Xbox بسازید ...

خب شروع می کنیم :

ابتدا سندی به سایز 200 x 200 ایجاد کنید ... فرق نمی کنه بک گراندتون چه رنگی باشه ...
لایه اول رو انتخاب و با شماره رنگ #A9A9A9 رنگش کنید ...
لایه جدیدی ایجاد و اسمش رو "button" بزارید ...
حالا با ابزار Ellipse دایره ای به سایز 75px در لایه جدید ایجاد و اون رو با شماره رنگ #999999 پر کنید ...

118845bc546467b70.jpg


به مسیر Filter » Render » Lighting Effects... رفته و مثل عکس زیر تنظیمات رو انجام بدید ...

118845bc54646b65f.jpg


حالا به سراغ blending options لایتون برید :

Outer Glow:
Color - #000000

118845bc5464a21ce.jpg


Inner Glow:
Color - #000000

118845bc5464cc5ee.jpg


خب ، حالا شما باید کارتون تا اینجا مثل عکس زیر شده باشه ...

118845bc5465023f8.jpg


حالا Ctrl رو از روی کیبورد نگه دارید و روی لاتون کلیک کنید تا به حالت انتخاب در بیاد ...
بعد به مسیر Select » Modify » Expand برید و با 5 پیکسل کادر رو OK کنید ...
لایه ای جدید زیر لایه فعلیتون بسازید و اسمی براش انتخاب کنید ...
خب حالا با گرادیانت به شماره رنگ #D4D4D4 برای foreground و شماره رنگ #474747 برای background
قسمت انتخابی رو از پایین به سمت بالا با گرادیانت رنگ کنید ...تاریکی به روشنی ...
به مسیر Select » Feather برید و مقدار 1 پیکسل رو وارد و Ok کنید ...
حالا ctrl + shift + I رو بزنید تا انتخاب شما معکوس بشه و سپس delete رو بزنید ...
بعد از این مرحله Ctrl+d رو بزنید تا از حالت انتخاب خارج بشید ...
به سراغ blending options لایتون برید:

Outer Glow: Color - #000000

118845bc5470a2b54.jpg


تا اینجا باید همچین شکلی رو داشته باشید ...

118845bc5470e82ee.jpg


لایه ای جدید بسازید و اسمش رو Ring بزارید ... و با ابزارEllipse دایره ای به سایز 100px در 100px بکشید ...
همچنین ابزار باید در حالت Paths Only باشه ...
118845bc5470ed1da.jpg


حالا به مسیر Edit>> strooke برید و مقدار 22 رو وارد کنید ...
حالا وقتشه تا قسمت هایی از این لایه پاک بشه ...

118845bc5470efd46.jpg




لایه ای جدید ایجاد کنید و با استفاده از Rounded Rectangle به سایز 22px در 75px وradius
100px شکلی مثل عکس ایجاد با رنگ مشکی رنگش کنید ...
البته کار شما به این بزرگی نمی شه ... چون می خواستم متوجه شکل ظاهری کار بشید اینقدر بزرگ انتخاب کردم ..

118845bc5499209a8.jpg


Ctrl+E رو بزنید تا این لایه با لایه زیری merge بشن ...
به تنظیمات blending options برید:

Drop Shadow: Color - #FFFFFF

118845bc5499240a4.jpg


Inner Shadow: Color - #000000

118845bc54994ec8c.jpg



Outer Glow: Color - #18FF00

118845bc54997a426.jpg


Color Overlay: #18FF00

118845bc5499a406c.jpg



خب کارمون تموم شد ..
اینم از نتیجه ...

118845bc54bb77be7.jpg


امیدوارم خوشتون اومده باشه ...

منبع فارسی: سرزمین گرافیک
منبع انگلیسی: www.pixel2life.com
ترجمه:NAKOOT

kos.gif
 

GFX Master

مدیر انجمن گرافیک دو بعدی ومسئول فروشگاه
آقا حجت خواهشا از دكمه تشكر براي تشكر كردن استفاده كنيد. نميدونم اين موضوع تا كي بايد تذكر داده بشه!
hmm.gif


راستي شهرام يه موضوعي. اون بالا اول آموزش اونجا كه فيلتر Lighting Effect رو بايد روي شيپ اجرا كرد فكر كنم اينو فراموش كردي بگي كه بايد حتما اول شيپ به حالت select دربياد. يعني با گرفتن Ctrl و كليك روي لايه مربوط به شيپ. چون اگر قبل از اجرا فيلتر اينكار انجام نشه كلا اين فيلتر غيرفعاله و فقط زماني فعال ميشه كه اول شيپ در حالت انتخاب قرار داده بشه.

بازم ممنون.
 

GFX Master

مدیر انجمن گرافیک دو بعدی ومسئول فروشگاه
درسته نيما من شيپ رو rasterize ميكردم واسه همين نميشد الان تست كردم درست بود. مرسي.
 

جدیدترین ارسال ها

بالا