طراحی دکمه فضایی

pdsir

Member
[FONT=2 Yagut_MRT].:: بسمه تعالی ::.[/FONT]

نویسنده: علیرضا اسکندرپور
تاریخ: 3 آبان 1386
نام سایت: استودیو طراحی ایرانیان
آدرس سایت: www.pdsir.com
مخصوص سایت مجید آنلاین.کام


Learn how to make a very blue button for menu bar


آموزش چگونگی تهیه کردن یک دکمه بسیار آبی برای فهرست انتخاب



1- خوب برای شروع باید یک بکگراند با رنگی که در تصویر زیر مشخص شده تهیه کنید.، بعد هم یک لایه جدید ایجاد کنید ، بعد هم یک مستطیل زیبا با ابزار مستطیل شکل (Marquee tool) بکشید. مانند تصوصر زیر:



01.gif

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


02.gif


03.gif

04.gif


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


05.gif

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


06.gif

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


07.gif

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


08.gif

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


09.gif



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


10.gif




11.gif

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

12.gif

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


13.gif






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


14.gif




15.gif



16.gif

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


17.gif


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


18.gif

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


19.gif

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


20.jpg




--> نگاشته و طراحی شده توسط: علیرضا اسکندرپور <--


استفاده از مطالب با ذکر آدرس سایت مجاز می باشد
 
آخرین ویرایش:

pdsir

Member
آموزش زیبایی بود. ممنون
فقط من این یه فسمت رو متوجه نشدم:

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

mahoo painter

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

جمله شما معنی دیگه ای میده

استفاده از مقاله مجاز می باشد




برای حفظ حق تالیف یا انتشار

پیشنهاد میکنم به این شکل بنویسید

استفاده از مطالب با ذکر آدرس سایت مجاز می باشد
 

pdsir

Member
جمله شما معنی دیگه ای میده

استفاده از مقاله مجاز می باشد



برای حفظ حق تالیف یا انتشار

پیشنهاد میکنم به این شکل بنویسید

استفاده از مطالب با ذکر آدرس سایت مجاز می باشد

سلام دوست من
چشم تغیرش دادم
شرمندتونم:sad:
امیدوارم عذر خواهی من را پذیرفته باشید.
 

GFX Master

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

راستي اين آموزش 100% واسه خودتون بوده يا از جايي ترجمه كرديد؟!

چون اگر ترجمه باشه بهتره سايت منبع رو هم ذكر كنيد.

بازم ممنون و موفق باشي.
 

pdsir

Member
دوست عزيز خيلي خوش اومديد و ممنون بابت آموزش خيلي خوبي كه گذاشتيد.

راستي اين آموزش 100% واسه خودتون بوده يا از جايي ترجمه كرديد؟!

چون اگر ترجمه باشه بهتره سايت منبع رو هم ذكر كنيد.

بازم ممنون و موفق باشي.

عزیز جون ممنون نظر لطفتون هست.
نه من خودم این آموزش و نوشتم
بله قوانین را می دونم.
:D
 
من 1 سوالي دارم:d چه طوري ميشه به اين دكمه ها دونه دونه لينك داد و براش محدوده تعريف كرد؟
 

Cute design

Well-Known Member
ممنون + انتقاد

[FONT=2 Yagut_MRT].:: بسمه تعالی ::.[/FONT]

نویسنده: علیرضا اسکندرپور
تاریخ: 3 آبان 1386
نام سایت: استودیو طراحی ایرانیان
آدرس سایت: www.pdsir.com
مخصوص سایت مجید آنلاین.کام

--> نگاشته و طراحی شده توسط: علیرضا اسکندرپور <--


استفاده از مطالب با ذکر آدرس سایت مجاز می باشد

سلام

ممنون از بابت ترجمه ی کاملی که کردین

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

http://www.photoshop-garden.com/view_tut.php?id=22

البته شما می تونی ازشون شکایت کنی!!چون اسم مجید آنلاین رو در آموزششون نزدن

نقل قول:
نویسنده sara_is_nice_girl
دوست عزيز خيلي خوش اومديد و ممنون بابت آموزش خيلي خوبي كه گذاشتيد.

راستي اين آموزش 100% واسه خودتون بوده يا از جايي ترجمه كرديد؟!

چون اگر ترجمه باشه بهتره سايت منبع رو هم ذكر كنيد.

بازم ممنون و موفق باشي.

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

این طور رفتاتری واقعا شرم آوره!!!!!!!!!!!

بای

 
آخرین ویرایش:

Cute design

Well-Known Member
سلام

سلام

سال نو رو تبریک میگم بهتون رفیق!

بله میشه این کار رو کرد در فتوشاپ 10 و در ایمیج ردی CS2.

می تونی سرچ کنی و قطعا گیر میاری!

منظورم از سرچ جستجو در انجمن هستش!

خودم الان وقت ندارم

شاید تا فردا یه آموزش برات گذاشتم!

رضا
 

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

بالا