سلام روزتون بخیر
من مشکلی در زمان خروجی گرفتن gif برام به وجود آمده است
پروژه من در ایلستریتور یا کیفیت خوب طراحی شده و در افتر افکت انیمیشن داده شده است و حالت png دارد
در زمان رندر هم کانال alpha + rgb رو انتخاب کردم و بعد به فتوشاپ انتقال دادم و تا آخرین مرحله کیفیت خیلی خوبه ولی بعد از تبدیل به gif دور خط ها هاله سفید افتاده است
عکس و اضافه کردم در اینجا چون بک گراند سفید است اون هاله مشخص نیست ولی اگر در صفحه رنگی قرار داده شود کامل مشخص است
ممنون می شم راهنماییم کنید
در این عکس مشکل کامل مشخص است
این مشکل توی تمام GIF های بدون پشت صحنه به وجود میاد و دلیلش هم محدودیت های GIF هست. (255 رنگ + یک بیت آلفا).نوشته اصلی توسط s_moradi88
در این عکس مشکل کامل مشخص است
کانال آلفا در گیف فقط 1 بیت دیتا داره و آنهم مشخص کننده اینه که آیا این پیکسل پشت صحنه داره یا اینکه نداره، هیچ محدوده ای برای مشخص کردن Opacity توی گیف وجود نداره (بر خلاف PNG یا فرمت های 8 بیتی دیگر که روشنایی بین 0 تا 255 برای آلفا دارند، توی گیف میزان این روشنایی فقط 0 هست یا 1، روشن یا خاموش).
راه هایی هست که باهاش کمی مبارزه کنید و خروجی بهتری داشته باشید ولی بسته به شرایطِ استفاده از آن GIF بالاخره یه جایی به مشکل بر میخورید:
1- تنظیماتِ خروجی GIF در فتوشاپ: به جای رنگ سفید به عنوان رنگِ پشت زمینه، از رنگِ مقصد نهایی استفاده کنید، برای مثال اگر میدانید که این GIF روی پشت زمینه ای تیره استفاده میشه، از یک رنگِ میانی تیره استفاده کنید.
*- این روش متاسفانه اگر رنگِ پشتِ صحنه تغییر زیادی بکنه به کار نمیاد.
2- تنظیماتِ خروجی GIF در فتوشاپ: پاشیدن رنگ ها در کنار Transparency توسط Dithering
*- برای خروجی بهتر توسط این روش، بهتره که ابعاد خروجی رو بزرگتر مثلاً 10 برابر خروجی ای که میخواهید در نظر بگیرید و بعد آن را در ابعاد کوچکتر در خروجی استفاده کنید. البته موفقیت این روش بستگی به نحوه کوچک سازی تصویر در پخش کننده داره، برای مثال در براوزر Chrome این روش خروجی خیلی زیبا و نزدیک به خروجی ای با آلفای 8 بیتی بهتون میده، توی Firefox کمی بدتر به نظر میاد.....
در انتها، روش دیگری که پیشنهاد میشه (بسته به نوع و دلیل استفاده از انیمیشن با آلفا) استفاده از فرمت هایی است که آلفای 8 بیتی رو ساپورت میکنند و یا کاملاً وکتور هستند، برای مثال SVG انیمیت شده، Flash، پی ان جی انیمیت شده یا aPNG، انیمیشن اسکریپتی با JavaScript، انیمیشن اسکریپتی با CSS و ......
ممنون از راهنمایی خوبتون دوروش اول رو امتحان می کنم و امیدوارم حل بشه مرسی
مجوز های ارسال و ویرایش
پاسخ با نقل قول
