Преглед на урок

Запазване на анимации с прозрачен фон

Запазване на анимации с прозрачен фон




Един от често задаваните въпроси, е как става запазването на Анимация във Photoshop CS 2 и в ImageReady. Затова реших да направя един урок, в който да покажа някои важни подробности, които трябва да се знаят при запазване на файлове в GIF формат.

Запазване на анимации в ImageReady

1. Ако сте с по-стара версия от CS 2 и сте подготвили слоевете си във PS, трябва да направите преход към ImageReady, за да сглобите анимацията. Това става, като кликнете на малката иконка, намираща се в долната част на панела с инструментите:



2. След като сте направили анимацията и е настъпил етапа да я запазите, отивате в менюто File -> Save Optimized as (Ctrl+Shift+Alt+S)



3. Прозореца, който ще се отвори, в полето "Запиши като тип" , трябва да посочите Gif:



4. Ако по неизвестна за вас причина, в менюто за избор на тип файл, липсва търсения Gif, то ще изглежда така:



5. Ако запаметите анимацията в друг формат, тя разбира се няма да се движи, затова отменете запазването, отворете панела Window -> Optimize и променете настройките така:



6. Ако искате да запазите анимация с прозрачен фон (Transparency), необходимо е да знаете една важна подробност:
По време на запазването трябва да посочите предварително точния цвят на фона, на Web-сайта, върху, който ще слагата анимацията в последствие. Ако пропуснете да направите това, резултатите могат да бъдат доста плачевни.

7. Обърнете внимание на панела Optimize:



Отворете менюто Transpаrеncy: трябва да сложите отметка на Transparency, a в полето Matte , трябва да посочите точния цвят за фон или ако фона върху който ще стои изображението ви след запазването е черен - избирате съответно - черен цвят. Ако не знаете какъв ще е фона върху който ще поставяте изображението в последствие, можете да изберете None, но с това няма да се застраховате за всички случаи. Ето един пример в който ще видите какви ще са последиците, ако пренебрегнете този момент:

Натиснете върху изображението за цял размер


а/ на първата картинка съм избрала None - поставено на черен фон изглежда наръбено.
б/ на втората съм избрала бяло - Много лошо!
в/ на третата съм избрала черно - Правилният избор!

Фона на моя албум е зелен, след като съм посочила None при запазване, то изглежда така:



Това никак не ми харесва, затова си взех една мостра от цвета , отворих я във PS и с помощта на инструмента Eyedropper Tool определих точния код на цвета, който ми трябва и го посочих в полето Matte:




Ето как изглежда вече резултата, който съм искала да постигна:



Картинките, които съм показала с резултатите са от скрийншотове, затова са неподвижни, но ето как ще изглежда резултата ако го покажа тук, след като съм посочила предварително черен цвят за фон:



Изглежда доста зле, а имайте впредвид, че ако сте добавили и сянка ( Drop Shadow) ще изглежда още по-зле.
Нека да ви демонстрирам, какво ще се получи, след като добавих на същата картинка сянка:
При запазването посочих зеления цвят, защото на мен той ми е необходим, за да изглежда добре картинката в моят албум, след като я качих тя изглежда така:



Но ето как би изглеждала тук, чрез директния линк към нея:



Просто ужасно, за да мога да я използвам тук, трябва да посоча при запазването точния цвят на фона на тази страница - тогава тя ще изглежда тук добре, но няма да се вижда добре в албума който използвам...доста се усложняват нещата :)

Както сигурно вече сте се уверили , запазването на изображение във формат GIF с прозрачен фон не е толкова просто и трябва да му отделите специално внимание!


Запазване на Анимация във Photoshop CS 2

Kакто може би знаете, анимирането може да се извърши и във Potoshop CS 2, без да се налага преход в ImageReady, защото тя е снабдена с панел за анимиране (Window ->Animation).
Запазването на готовата анимация става от File -> Save for Web (Alt+Shift+Ctrl+S):



Kакто се вижда от картинката, менюто е аналогично с това в ImageReady и всичко казано по-горе, което се отнася до запазването на Gif формат с прозрачен фон, е валидно и тук.

Този метод се отнася и до неанимирани картинки, за които не се налага да избирате Gif формат за да ги запазите с прозрачен фон, както може би вече сте се уверили, това доста усложнява използването им, а може също да доведе и до голяма загуба на качеството в цветовете.
Затова си запазвайте картинките в PNG формат. Известно е че файловете с този формат са двойно по-големи, затова ако искате да икономисате място, отворете си PNG файла във Фотошоп и трансформирайте в Gif, като имате впредвид цялата процедура, която трябва да следвате, за да изглежда картинката добре, на фона, върху който ще я поставяте.
Не забравяйте, че картинки с прозрачен фон във формат Gif, според горепосочения метод, могат да се поставят само и единствено върху едноцветен фон - многоцветни фонове, не могат да се посочат като такива!


Автор: maqpen4eva

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: maqpen4eva

Коментари

gosho9

Полезно за начинаещи де да го имаше това преди ехеее.... :D

glou-glou

Може ли някой да ми обясни как да премахна ,например надпис от гиф-изображение?

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.