چاپ کردن این صفحه

آموزش طراحی آیکون معروف یاهو مسنجر مطلب ویژه

By شهریور 31, 1393 3177 0

در صورت مفید بودن این مقاله حتما نظر خودتان را در پایین مطلب برای ما ارسال کنید

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

طراحی ابتدایی این آیکون توسط یک شرکت خصوصی برای یاهو انجام گرفته است .  آیکون که همیشه خندان بوده و در یاهو مسنجر به صورت دائم در حال حرکت می باشد .
در این مقاله آموزشی میخواهم این آیکون را برای شما طراحی کرده و روش ایجاد آن را با فتوشاپ آموزش بدهم.
ساخت این مطلب آموزشی با استفاده از فتوشاپ ورژن CS6 حدود 1 ساعت زمان برده است که امیدوارم از آن لذت ببرید . 
برای ساخت این Icon  از سه ابزار Marque , Rectangle و ellipse tool به صورت مداوم استفاده می شود و افکت های رنگی کادرهای کشیده شده هم از طریق layer Style بر روی قسمت مورد نظر اعمال می شود که تنظیمات اصلی مربوط به رنگ و سایه هم با استفاده از تصاویری که در ادامه قرار داده ام نمایش داده می شود . 


1. یک صفحه به ابعاد 500×500 ایجاد کنید . 
1.1. ابزار Gradient را انتخاب کرده و با استفاده از 2 درصد رنگی #e9d5ed و #9533ad رنگ پس مینه را تغییر بدهید . 

1 آموزش طراحی آیکون معروف یاهو مسنجر

 

2. یک لایه جدید ایجاد کنید . 
2.1. با استفاده از ابزار Ellipse Tool یک دایره 200×200 پیکسل با درصد رنگی f7ee67 بکشید . 

2 آموزش طراحی آیکون معروف یاهو مسنجر

 

3. بر روی لایه دایره کشیده شده دوبار کلیک کرده و تنظیمات پیش فرض گزینه های مشخص شده را تغییر بدهید . 

3 آموزش طراحی آیکون معروف یاهو مسنجر

4 آموزش طراحی آیکون معروف یاهو مسنجر

5 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

 

4. ابزار Eliptical Marque Tool را انتخاب کنید . 
4.1. تنظیمات ابعادی را برابر با Fixed Size قرار بدهید . طول و عرض را برابر با 192×192پیکسل تنظیم کنید . 
4.2. یک لایه جدید ایجاد و یک دایره بکشید .
4.3. با سطل رنگ محیط دایره را با رنگ سفید پر کنید . 

6 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

 

5. یکبار دیگر مرحله 4 را تکرار کنید با این تفاوت که نیازی به لایه جدید و رنگ کردن داخل دایره نیست .
5.1. بعد از ایجاد دایره در حالی که ابزار Eliptical Marque Tool در حالت انتخاب قرار دارد کمی باید دایره را به سمت راست حرکت بدهید تا یک حاله در سمت چپ از ناحیه انتخاب شده خارج بماند.
5.2. سپس کلید Delete را از روی صفحه کلید بفشارید .
5.3. برای غیر فعال کردن ناحیه انتخاب از کلیدهای Ctrl+D استفاده کنید . 

7 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

8 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

 

6. ابزار Rectangular Marque Tool را انتخاب کرده و یک کادر کوچک همانند تصویر زیر ایجاد و کلید Delete را بفشایرد تا قسمت انتخاب شده حذف شود . 

9 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

10 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

 

7. در این مرحله از با فشردن کلیدهای Ctrl + J یک کپی از حاله کشیده شده میگیرم .
7.1. برای درک بهتر قسمت سفید را در کنار قسمت اصلی قرار میدهم.
7.2. ابزار پاک کن را انتخاب کرده . قسمت پایین کادر اصلی و قسمت بالای کادر کپی گرفته شده را با پاک کن حذف می کنم . 
7.3. پس Opacity لایه کپی گرفته شده را برابر با 50 درصد تنظیم میکنم . 
7.4.سپس قسمت پایین لایه دوم را با لایه اصلی جایگزین می کنم .

11 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

12 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

13 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

 

8. در مرحله بعدی باید با درصد رنگی 2b37a5 دو دایره با ابزار Ellipse Tool بکشم .  
اندازه دایره ها برابر با 21 پیکسل می باشد

14 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

 

9. با استفاده از ابزار elliptical marquee tool یک دایره همانند تصویر زیر با رنگ مشکی بکشید . 
9.1.سپس با ابزار پاک کن قسمت بالای کادر کشیده شرا حذف کنید . از ابزار Rectangular Marque Tool نیز برای حذف می توانید استفاده کنید . 

15 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

16 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

 

10. بر روی لایه مشکی رنگ دوبار کلیک کرده و تنظیمات پیش فرض را همانند تصویر زیر بغییر بدهید . 

17 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

18 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

19 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

 

11. یک لایه جدید ایجاد کنید .
11.1. ابزار Marque tool را انتخاب کنید .
11.2. رنگ را برابر با سفید قرار داده و یک کادر همانند تصویر زیر بکشید . 
11.3.سپس بر روی لایه دابل کلیک کرده و تنظیمات پیش فرض را تغییر بدهید . 

20 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

21 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

22 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

23 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

24 آموزش-طراحی-آیکون-معروف-یاهو-مسنجر

این مورد را ارزیابی کنید
(0 رای‌ها)
آخرین ویرایش در جمعه, 27 شهریور 1394 ساعت 10:28

آخرین‌ها از سعید صبح خیز

تک وب دیزاین-قالب فارسی جوملا