ساخت دکمه دانلود به روشی ساده

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




گام اول
ابتدا صفحه ای را با اندازه دلخواه در فتوشاپ ایجاد کنید.
توجه:سعی کنید برای پروژه هایی که می خواهید ان را چاپ کنید زرولوشن صفحه را حداقل روی ۷۲ تنظیم کنید زیرا که کمتر از ان باعث افت کیفیت تصویر چاپی شما خواهد شد.توجه داشته باشید که اگر می خواهید تصاویری را برای قرار دادن در اینترنت ایجاد کنید کیفیت ان ارتباط مستقیم با حجم فایل ایجاد شده توسط شما دارد.پس برای تصاویر با کیفیت بالا لازم است که رزولوشن را حداقل روی ۳۰۰ تنظیم کرده باشید.

به پالتchannelsرفته و یک لایه جدید ایجاد کنید.دقت کنید که نام لایه ایجاد شده به طور خودکار به نام alfa نامگذاری خواهد شد و اگر لازم می بینید که نام لایه ایجاد شده را تغییر دهید تنها لازم است که که روی لایه دو بار کلیک چپ کنید تا بتوانید در ان نام دلخواه را جایگذاری کنید.


توجه داشته باشید که بعد از ایجادnew layerرنگ صفحه به مشکی تغییر پیدا خواهد کرد.
حال با رنگ سفید ابزار rounded rectangle را انتخاب کرده و بر روی پالت لایه ها به اندازه دلخواه یک مستطیل بکشید.



حال برای ادامه کار به پالت لایه ها بروید.
توجه:برای اینکه channelساخته شده دیده شود در همان پالتchannelابتدا RGBرا فعال کرده و با پایین نگه داشتن کلید رویctrlان کلیک کنید تا tomb tailفعال شود.





حال با استفاده از ابزار rulerیک خط در وسط selectionایجاد شده بکشید.






حالا نوبت ان است که کلید خود را رنگ کنیم.شما می توانید از رنگ های متفاوت و دلخواه استفاده کنید و این به خود شما بستگی دارد ولی اگر می خواهید به کار ما نزدیک شوید از رنگ های شماره ی۷۹bbefبرای foreground و ۴۵۱b3 برای background استفاده کنید.
مرحله بعد

کلید shift را پایین نگه داشته و از وسط و بالای selectionشروع به کشیدن گرادیانت کنید.
توجه:تنظیمات گرادیانت را روی foreground to background قرار دهید.
حال تصویر شما باید به صورت زیر در امده باشد.

مرحله بعدی
حال دوباره به تنظیمات گرادیانت برگردید و اینبار foreground to transparent را انتخاب کنید.






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




کار ما تمام شد.
شما می توانید از ایکن pdfداخل ضمیمه به همراه فایل pdf برای رسیدن به شکل نهایی استفاده کنید.

تصویر نهایی




منبع
http://www.softlearner.com/buttoom/#more-452
 
آخرین ویرایش:

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

بالا