[FONT=2 Yagut_MRT].:: بسمه تعالی ::.[/FONT]
نویسنده: علیرضا اسکندرپور
تاریخ: 3 آبان 1386
نام سایت: استودیو طراحی ایرانیان
آدرس سایت: www.pdsir.com
مخصوص سایت مجید آنلاین.کام
تاریخ: 3 آبان 1386
نام سایت: استودیو طراحی ایرانیان
آدرس سایت: www.pdsir.com
مخصوص سایت مجید آنلاین.کام
Learn how to make a very blue button for menu bar
آموزش چگونگی تهیه کردن یک دکمه بسیار آبی برای فهرست انتخاب
آموزش چگونگی تهیه کردن یک دکمه بسیار آبی برای فهرست انتخاب
1- خوب برای شروع باید یک بکگراند با رنگی که در تصویر زیر مشخص شده تهیه کنید.، بعد هم یک لایه جدید ایجاد کنید ، بعد هم یک مستطیل زیبا با ابزار مستطیل شکل (Marquee tool) بکشید. مانند تصوصر زیر:

2- حالا برین توی قسمت (Belending Options) مانند شکل عملیات زیر را انجام دهید.



خوب تا اینجای کار باید شکلتون مثل شکل زیر بشه:

3- حالا یک لایه جدید ایجاد کنید. بعد هم استفاده کنید از ابزار (Line Tool) و درست کنید 2 تا خط سفید مثل شکل زیر:

4- میزان (Opacity) را به 10 درصد برسانید. تا کمی شکلمون واقعی تر بنظر بیاد.

4- یک لایه جدید بسازید و بعد 2 تا خط با رنگ مشکی در زیر اون یکی بسازید مثل شکل زیر:

5- یک لایه جدید بسازید و بعد از (Rectangula tool) برای گرد کردن استفاده کنید (Radius = 5PX) مثل شکل زیر:

6- خوب حالا برید توی قسمت (Blending Options) و عملیات ایجاد شده را بر روی طرح خوب اعمال کنید.


7- تا اینجا شما باید شکلی مثل زیر داشته باشین. (شما به رنگ این تصویر ها دقت نکنید : خوبدتون میتونید به هر صورتی که میخواین تغیرش بدید).

8- یک لایه جدید بسازید و بعد یک شیپ جدید در شیپ قبلی تهیه کنید.

9- باز هم وارد قسمت (Blending Options) و تمام عملیات انجام شده را مانند تصاویر زیر انجام دهید.



10- خوب تا اینجا باید شکلی مثل زیر داشته باشید: (اگر نداشنید بدونید که یکجای کار رو تا اینجا اشتباه انجام دادید).

11- یک لایه جدید ایجاد کنید و تهیه کنید یک شیپ سفید رنگ درون این دکمه ای که ساخته شده مانند شکل زیر:

12- میزان (Opacity) را به 10 درصد برسانید. (تا طراح ما بهتر و زیبا شود).

13- خوب کار ما تمام شد اما یک کاری مونده که باید انجام شود (هر چند تا که دوست دارید از این دکمه ای ساختید کپی کنید و روی هریک از این دکمه ها یک نوشته مانند شکل قرار دهید).

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