ورود به اکانت شما

نام کاربری *
رمز عبور *
مرا بخاطر بسپار

ایجاد حساب کاربری

فیلد های ستاره دار را پر کنید.
نام *
نام کاربری *
رمز عبور *
تکرار رمز عبور *
ایمیل *
تکرار ایمیل *
کپچا *
بارگذاری کپچا

آموزش ساخت یک آیکون چشمک زن در فتوشاپ مطلب ویژه

توسط 07 ارديبهشت, 1392 7437 0

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

header

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

1.فتوشاپ را باز کرده یک صفحه به ابعاد 600×800 با رزولیشن 72 ایجاد کنید .

Blinking-icon-asarayan-1

 

2. ابزار Gradient را انتخاب کرده و همانند تصاویر زیر درصد رنگی مشخص شده را جایگزین و رنگ پس زمینه را تغییر دهید .استایل را برابر با Redial قرار دهید

Blinking-icon-asarayan-2

 

3.از نوار ابزار بالای صفحه فیلتر Filter>Noise>Add noise را انتخاب کنید و تنظیمات آن را همانند تصویر زیر تغییر دهید .

Blinking-icon-asarayan-3

Blinking-icon-asarayan-4

4. ابزار Ellipse Tool را انتخاب و یک دایره سفید رنگ بکشید

Blinking-icon-asarayan-5

 

5.بر روی لایه دایره کشیده شده دابل کلیک کرده و تنظیمات آن را همانند تصاویر زیر تغییر دهید

Blinking-icon-asarayan-6

 

Blinking-icon-asarayan-7

Blinking-icon-asarayan-8

6. ابزار Ellipse Tool  را انتخاب و یک دایره کوچکتر از دایره اول بکشید

Blinking-icon-asarayan-9

 

7. برای تغییر رنگ دایره وسط بر روی لایه مورد نظر دابل کلیک کرده و تنظیمات آن را همانند تصویر زیر تغییر دهید

Blinking-icon-asarayan-10

 

Blinking-icon-asarayan-11

Blinking-icon-asarayan-12

8.بسیار خوب ابزار Rectangle Tool را با رنگ مشکی انتخاب کرده و یک کادر همانند تصویر زیر بکشید

Blinking-icon-asarayan-13

 

9. یکبار دیگر فیلتر Filter > Noise > Add Noise را بر روی کادر کشیده شده اعمال کنید

Blinking-icon-asarayan-14

10.فیلتر Filter > Blur > Radial Blur را با تنظیمات مشخص شده بر روی کادر کشیده شده اعمال کنید

Blinking-icon-asarayan-15

 

Blinking-icon-asarayan-16

11. می خواهیم قسمت های اضافی کادر کشیده شده را حذف کرده و فقط قسمت دایره وسط باقی بماند.
برای انجام اینکار لایه در حالیه لایه Shape2 یا همان لایه ای که مراحل بالا را بر روی آن اعمال کردیم را انتخاب کرده ، سپس کلید Ctrl را از روی کیبرد پایین نگاه داشته بر روی لایه دایره کوچک کلیک کنید تا انتخاب شود.

Blinking-icon-asarayan-17

 

12. برای اینکه قسمت بیرونی ناحیه انتخاب شده سلکت شود کلیدهای Ctrl+Shift+I را بزنید تا ناحیه بیرونی نیز انتخاب شود بعد از اینکار کلید Delete را از روی کیبرد بزنید

Blinking-icon-asarayan-18

Blinking-icon-asarayan-19

مد لایه را برابر با Screen قرار دهید

Blinking-icon-asarayan-20

 

13. عکس زیر را ذخیره کرده وسط دایره کوچک قرار دهید

power symbol

 

Blinking-icon-asarayan-21

14.برای تغییر رنگ تصویر بر روی لایه آن دابل کلیک کرده و همانند تصاویر زیر تنظیمات را تغییر دهید

Blinking-icon-asarayan-22

Blinking-icon-asarayan-23

Blinking-icon-asarayan-24

15. بسیار خوب 4 لایه ایجاد شده را داخل یک گروپ به نام Normal قرار دهید . سپس یک کپی از گروپ normal گرفته و اسم آن را Red قرار دهید

Blinking-icon-asarayan-26

 

16. حالا روی کلید powerدابل کلیک کنید و تنظیمات آن را همانند تصاویر زیر تغییر بدهید

Blinking-icon-asarayan-27

Blinking-icon-asarayan-28

Blinking-icon-asarayan-29

Blinking-icon-asarayan-30

Blinking-icon-asarayan-31

17. از نوار ابزار بالای صفحه منوی Window > Animation را فعال کنید . برای اینکه گزینه Convert To Frame Animation در کادر انیمیشن فعال بشه باید روی کلید Convert to timeline animation کلیک کنید

Blinking-icon-asarayan-32

18. همانند تصویر زیر گزینه Convert To Frame Animation را انتخاب کنید

Blinking-icon-asarayan-33

19. حالا ما می خواهیم ابتدا کلید ما خاموش باشد و جزو اولین فریم قرار بگیره برای انجام چنین کاری قبل از اینکه کلید Convert To Frame Animation را بزنید چشم پشت لایه گروپ را غیر فعال کنید بعد کلید Convert To Frame Animation را بزنید .برای اینکه متوجه بشید به تصویر زیر دقت کنید

Blinking-icon-asarayan-34

20. حالا روی کلید Dublicate کلیک کنید تا یک کپی از فریم اول بگیرید بعد از کپی گرفتن باید فریم دوم را انتخاب و بعدش گروپ Red را فعال کنید

Blinking-icon-asarayan-35

21. حالا می خواهیم چند لایه دیگه ایجاد بشه که رنگش از تاریکی به روشنایی بره برای انجام اینکار روی آیکونی که در تصاویر زیر مشاهده می کنید کلیک کرده و گزینه Tween را انتخاب کنید.برای تغییر تنظیمات هم از تصویر زیر کمک بگیرید

Blinking-icon-asarayan-36

Blinking-icon-asarayan-37

22. باز تمام لایه ها رابا کلید Ctrl انتخاب کرده و یک کپی ار همه آنها بگیرید. کافیست بعد انتخاب موس را روی یکی از فریم ها برده درگ کنید و موس را روی آیکون Dublicate رها نمایید .(با فلش قرمز مشخص شده است)برای اینکه فریم ها در مرحله پایانی تکرار شوند گزینه Forever را انتخاب کنید)برای نمایش تصویر در سایز اصلی کلیک راست کرده گزینه view image را انتخاب کنید

Blinking-icon-asarayan-38

23. در مرحله آخر فایل نهایی را با پسوند .gif ذخیره کرده و در یک مرورگر آن را تست کنید

header

برای دانلود فایل کامل آموزشPSDکلیک کنید || لینک دانلود :سرورمستقیم

این مورد را ارزیابی کنید
(0 رای‌ها)
آخرین ویرایش در چهارشنبه, 18 شهریور 1394 ساعت 10:38
کلیه حقوق متعلق است به فروشگاه آسارایان. طراحی و پشتیبانی: webriz
تک وب دیزاین-قالب فارسی جوملا