آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

ساخت فایل های انیمیشن GIF و تبدیل و بهینه سازی آنها

سلام به همه همراهان عزیز ،

در این نوشته قصد داریم در مورد فایل هایی با پسوند GIF صحبت کنیم . فرمت GIF  فرمتیست که هم بافت های گرافیکی ثابت رو پشتیبانی میکنه هم بافت های گرافیکی متحرک که در حقیقت کوتاه شده اسم Graphics Interchange Format هست .

بر خلاف اون چیزی که بین متخصصان کامپیوتری و طراحان رواج پیدا کرده تلفظ صحیح این فرمت جیف هست . دیکشنری آکسفورد هر دو تلفظ گیف و جیف رو برای این فرمت صحیح میدونه در حالی که این اشتباهه و تلفظ درست این فرمت «جیف» هست ، زیرا Steve Wilhite سازنده این فرمت می گوید که G ابتدای این فرمت در واقع از کلمه ی soft G است پس باید آن را جیف تلفظ کرد .

این فرمت گرافیکی سال ها پیش توسط شرکت کامپیوسرو معرفی شد . این فرمت تصویری در سال ۱۹۸۷ توسط Steve Wilhite ابداع شد و همچنان در وب بسیار مورد استفاده قرار میگیره . در زیر میتونید چند نمونه فایل گرافیکی با فرمت GIF رو مشاهده کنید :

icons-animation

چگونه فایل های انیمیشن GIF بسازیم ؟

برای ایجاد فایل های انیمیشنی متحرک با فرمت GIF میتونید از روش های مختلفی استفاده کنید . یکی از اون روش ها استفاده از نرم افزار معروف فتوشاپ  هست . نرم افزار فتوشاپ امکان و جعبه ابزاری با نام Animation در منوی window خود داره که به وسیله اون میتونید عکس های مختلف رو در کنار هم قرار داده و نهایتا توسط بخش Save for Web and Device و انتخاب فرمت ذخیره GIF از انیمیشن خود خروجی بگیرید . در این جعبه ابزار امکان ایجاد فایل های انیمیشنی حرفه ای هم فراهم هست .

یکی دیگر از روش های ایجاد فایل های GIF ، استفاده از وب سایت هاییست که امکان ایجاد این فایل ها رو برای شما فراهم میکند . در وب سایت ezgif.com شما میتونید عملیات های مختلفی رو روی فایل های GIF انجام بدید و حتی با آپلود کردن چند تصویر ، خروجی یک تصویر GIF بگیرید .

چگونگی بهینه سازی حجم فایل های GIF

ابتدا پیشنهاد میکنم اولین خروجی خودتون رو از فتوشاپ به صورت بهینه بگیرید . در پنل سمت راست در پنجره Save for Web and Device ، با تغییر دادن تعداد رنگ ها شما میتونید حجم کمتر و قابل قبول تری رو با مقدار بسیار ناچیزی تغییر رنگی از فتوشاپ خروجی بگیرید اما اگر این امکان براتون خیلی جذاب و جوابگو نبود میتونید از وب سایت هایی مثل ezgif.com و یا compressor.io استفاده کنید . در سایت ezgif.com شما با مراجع به بخش GIF optimizer  و آپلود کردن فایل GIF مورد نظرتون ، میتونید در مرحله بعدی میزان فشرده کردن فایل رو از بین Lossy GIF level 30 (slight) و Lossy GIF level 80 (medium) و Lossy GIF level 140 (heavy) انتخاب کنین . البته حالت های دیگری هم در لیست مورد نظر موجوده ولی پیشنهاد بنده از بین این ۳ مورد هست . پس از فشرده سازی و در حقیقت optimize کردن فایل مورد نظر ، شما میتونید شاهد حداقل ۲۰ تا ۳۰ درصد حجم اولیه فایل GIF باشید . این وعده در سایت compressor.io به شما داده شده که تا ۶۰% هم کاهش حجم داشته باشید که این مورد در طراحی بنرهای تبلیغاتی بسیار حائز اهمیت هست .

امکان تبدیل فیلم ویدئویی به تصویر GIF هست ؟

بله چرا که نه . شما باز هم با مراجعه به سایت ezgif.com و ورود به بخش Video to GIF میتونید با بارگزاری یک فیلم کوتاه ، اون رو با فرمت GIF خروجی بگیرید . البته کیفیت در این حالت پایین میاد و البته حجم بالایی رو هم شاهد خواهید بود .

امکان ایجاد افکت های تصویری روی تصویر GIF هست ؟

بله . شما میتونید از افکت های مختلفی که سایت ezgif.com در بخش GIF Effects براتون در نظر گرفته استفاده کنید . افکت هایی مثل سیاه و سفید کردن و …

امیدوارم این نوشته مورد استفاده شما قرار بگیره و بتونید تصاویر متحرک جذابی با فرمت جیف تهیه کنید . اگر نظرخاصی در مورد این نوع تصاویر دارید خوشحال میشیم از دیدگاه ها ، دیدگاه خودتونو مطرح کنین .

 

<<

>>

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



سفارش تبلیغات

گردآوری و تالیف : حسین همت یار

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مشاور گرافیک وب ، طراح UI و تحلیلگر UX، مسلط به نرم افزارهای گرافیکی پیکسلی و برداری و کدنویس HTML , CSS

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

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

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • فاطمه

    چه عجب سایتتون از خواب زمستانی بیدار شد !
    خوشحال شدم بلاخره یه مطلب جدید توی وب سایت دیدم
    به کارتون ادامه بدین, من جز دنبال کننده های وب سایت iranweblearn هستم.

  • hossein hassani

    چه عجب سایتتون از خواب زمستانی بیدار شد !
    خوشحال شدم بلاخره یه مطلب جدید توی وب سایت دیدم
    به کارتون ادامه بدین, من جز دنبال کننده های وب سایت iranweblearn هستم.

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟