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

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

دراین نوشته در مورد سایت فایل های انیمیشن 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 براتون در نظر گرفته استفاده کنید . افکت هایی مثل سیاه و سفید کردن و …

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

 

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۵

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

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

  • سلام.من تمام سایتهایی که گفتید رو تست کردم برای کم کردن بنر GIF که از چند تصویر پشت سر هم ساخته شده ولی خروجی فقط تصویر اول بنر رو میده بیرون!برای اینگونه فایلهای GIF چه کاری میشه کرد که حجم کم بشه؟

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

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

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین