>

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

    توسط 07 ارديبهشت, 1392 7282 اضافه کردن دیدگاه جدید

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

    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

    آخرین مطالب آموزشی

    «
    • 1
    • 2
    • 3
    »
    © 2015 Your Company. All Rights Reserved. Designed By JoomShaper

    Please publish modules in offcanvas position.

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