ساخت یه دکمه برای اینترفیس ها

[cold]

سلام . داشتم توی اینترنت میچرخیدم به یه آموزش بر خوردم . به نظرم جالب اومد و فکر کنم تکراری هم نباشه .

خوب ، یه سند جدید و یه لایه ایجاد کنین . یه دایره با ابزار ellipse shape tool توی اون بکشین . برای اینکه دایرتون کاملا گرد در بیاد هنگام کشیدن اون کلید shift رو نگه دارین .جهت اطلاع میگم که سایز دایره این آموزش 27 در 27 پیکسل هستش .

لینک میرور عکس

خوب . حالا که اون رو کشیدین روی لایه تون دابل کلیک کنین تا پنجره layer style باز بشه . حالا تنظیمات اون رو بنا به تیتر اون مثل تصاویر زیر انجام بدین :

-----------------------------------------------------------------------------------------------------------------------

Outer Glow

لینک میرور عکس

شماره رنگ استفاده شده : Blue: #4991EA

نتیجه کار تا اینجا :

لینک میرور عکس

-----------------------------------------------------------------------------------------------------------------------

Bevel and Emboss

لینک میرور عکس

شماره رنگ های استفاده شده : Black: #000000 and Blue: #6EC0FF

نتیجه کار تا اینجا :

لینک میرور عکس

-----------------------------------------------------------------------------------------------------------------------

Gradient Overlay

لینک میرور عکس

شماره رنگ های استفاده شده در گرادینت به ترتیب عکس زیر : FFFFFF > #7BD5FF > #1D589A

لینک میرور عکس


نتیجه کار تا اینجا :

لینک میرور عکس

-----------------------------------------------------------------------------------------------------------------------

Stroke

لینک میرور عکس

شماره رنگ های استفاده شده در گرادینت به ترتیب عکس زیر : FFFFFF > #21577C

لینک میرور عکس


نتیجه کار تا اینجا :

لینک میرور عکس

-----------------------------------------------------------------------------------------------------------------------

پنجره layer style رو ببندین . باهاش کاری نداریم دیگه .

خوب . یه لایه جدید ایجاد کنین و با ابزار circular marquee tool یه دایره کوچکتر از دایره اولی بکشین و اون رو مرکز دایره قبلی قرار بدین . بعد اون رو با رنگ سفید پر کنین . مثل شکل زیر :

لینک میرور عکس

خوب . Ctrl+D بزنین تا از حالت سلکت خارج بشین . بعد ابزار eraser یا همون پاک کن رو انتخاب کنین و با یه قلم نرم در سایز 27 مثل تصویر زیر :

لینک میرور عکس

جایی که توی عکس مشخص شده رو با یه کلیک یا نهایتا اگه نتیجه مطلوب نداد با دوتا پاک کنین ( ببخشید با حدس و گماه میگم . خودم هنوز انجامش ندادم ترجمه کردم . ) . خوب . نتیجه تا اینجا :

لینک میرور عکس

خوب . حالا blending mode لایه رو روی Overlay قرار بدین . دکمتون آماده استفاده است . اینم تصویر نهایی :

لینک میرور عکس

اینم یه طرح نمونه برای کاربردهای این دکمه :

لینک میرور عکس


اینم فایل PSD آموزش جهت دانلود


--------------------------------
پاورقی :

صفحه اصلی آموزش برای اینکه اگه جایی از آموزش رو من درست نگفته بودم و خواستین اصلش رو ببینین : http://www.tutorialwiz.com/interface_button/

منبع هم که معلومه دیگه : http://www.tutorialwiz.com


با تشکر از دوستان

 

[nima_dsnr]

وای چه بد... نه نه ؛ آموزش رو نمیگم.

منظورم اینه که همه عکسها خرابن و باز نمیشن.

 

[cold]

شما مطمئنی نیما جان ؟ آخه من همشون رو میبینم که !

 

[nima_dsnr]

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

اما هنوز هم باز نمیشن. هیچ کدومشون.

حالا بزار بچه های دیگه هم بیان ببینیم برای اونا چطوره !

 

[x-hulk]

عکس ها باز نمی شن !

 

[hamidak]

راستشو بخواين من دارم عكسا رو ميبينم و آموزشي بسيار عاليست و پر مصرف

 

[cold]

توجه دوستان . زیر هر عکس یه میرور ازش توی سرور مجیدآنلاین آپلود کردم برای دوستانی که نمیتونن عکس های آموزش رو ببنین .

با تشکر

 

[arashonline]

دانيال جان ممنون ولي عكسها باز نميشن و من كه حوصلع باز كزدن لينكها رو نداره .........

 

[cold]

خوب . پس نتیجه میگیریم فقط دوستانی میتونن از آموزش ها استفاده کنن که یا عکس ها رو ببینن و یا حوصله باز کردن لینک ها رو داشته باشن .
----------------------
پاورقی :
بازم برای رفاه حال دوستانی که حوصله باز کردن لینک هارو ندارن جای لینک های میرور رو با عکس ها عوض کردم .

.

 

[GFX Master]

خوب من که عکسها رو دیدم دستت درد نکنه دانیال جان. ولی برای همین مشکلات بود که من تاپیک image tutorials رو ایجاد کردم تا اگر کسی زحمت تهیه اموزش رو میکشه به هدر نره. اونجوری به نظر من خیلی بهتره. حتما یه سری به تاپیکش بزنید./

موفق باشید
سارا

 

[cold]

دوستان ببخشید در حال حاضر که عکس های سرور مجیدآنلاین رو قرار دادم خودم نمیتونم اون ها رو ببینم . بقیه میتونن عکسای جدید رو ببینن ؟
سارا خانوم در رابطه با تاپیک image tutorials خوب باید کل آموزش عکس باشه . راستیتش من همین طور که اون آموزش رو میخوندم اینجا مینوشتم . وقت اینکه اون رو به صورت عکس در بیارم نداشتم .

 

[mostafa_cs]

دستت درد نکنه cold جان!
آموزش خیلی جالبی بود.
واسه من همه عکسها رو لود کرد!

 

[nima_dsnr]

من تا 15 دقیقه پیش هیچ عکسی نمی دیدم، اما هم اکنون می بینم.

آموزش خوبی بود. خیلی ممنون

 

[mpourebadi]

جالب بود.
دستت درد نکنه.

 

[P.A.Y.T.O.N]

من که میبینم
مشکلیم نداره...