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

Смяна на картинки, анимация за начинаещи

Смяна на картинки, анимация за начинаещи




1/ Отворете си две картинки (File - Open).
Вземете Crop Tool и в лентата за настройки задайте фиксирани размери 400х300рх.



2/ Изрежете последователно снимките, за да уеднаквите размерите, ако са различни или да ги намалите, ако са много големи.
Не можете да използвате по-малки снимки от указаните размери, защото ще се влоши качеството.

3/ Изберете коя ще е първата снимка.
Копирайте втората, Ctrl+A -> Ctrl+C и я поставете в документа с първата Ctrl+V



4/ Създайте нов документ (File - New), 50х50рх, бял цвят.
Отключете Background-a за да се превърне в слой: Layer>New> Layer From Background.
Селектирайте цялата площ (Ctrl+A).
Отидете в Select > Modify > Contract - 1рх. Натиснете Delete.
(От размера на този документ, зависи големината на квадратите, на които ще се раздели снимката, ако използвате снимки с размери различни от указаните, то тези размери трябва да са кръгли числа и трябва да прецените размера на документа, така, че той да се дели с точност, както на ширината, така и на височината, за да бъдат квадратите еднакви. В случая 400:50=8; 300:50=6)



5/ Отидете в Edit > Define Pattern, в отворения прозорец, го именувайте или оставете името по подразбиране.
Затворете този документ и се върнете на основния със снимките.

6/ Създайте нов слой (Ctrl+Shift+N) и го именувайте "Selection".
Отидете в Edit > Fill и от падащото меню изберете Pattern.
Изберете този, който създадохте (той е последен по подразбиране).





Резултата ще е следния:



7/ Активирайте селекцията на слоя "Selection", като задържите Ctrl и кликнете по неговото квадратче в панела Layers.
Обърнете селекцията: Select > Inverse (Ctrl+Shift+I).
Изберете слоя с втората снимка и дублирайте (Ctrl+J). Ще се появи трети слой, но промяната ще виждате само в панела Layers.
Изключете слоя "Selection" или още по-добре, направо го изтрийте, защото няма да ви трябва повече.



8/ Сега ще създадем малка команда (Action).
Натиснете Alt+F9, за да активирате панела Action (ако не е отворен, отворете го от Window>Actions)

Кликнете върху иконката с папка, за да създадете новa група (New Set)



Сега кликнете върху следващата иконка, за да създадете новата команда. В отворения прозорец, дайте име с което да я свързвате.



Щом натиснете ОК, ще светне червеното кръгче, което означава, че вашата команда вече се записва и всяко следващо действие, трябва да изпълните много точно:

а/ Ctrl + клик по квадратчето на третия слой (най-горния), за да активирате селекцията.

б/ Select > Modify > Contract - 2рх

в/ Ctrl+J дублирате и се получава 4-ти слой

г/ Натиснете иконката с квадратчето (първата) за да стопирате.
Вашата команда е готова.



9/ Изтрийте четвъртия слой (най-горния) и ще остане маркиран 3-я, който сега е най-горен.
Натиснете бутона с тръгълничето, за да задействате командата. Щом свърши, натиснете го пак и така докато се появи, табелката, че няма повече пиксели. Това е знак, че всички необходими слоеве са готови, натиснете ОК.



10/ Преминаваме към анимирането, отворете панела за анимиране Window>Animation.
(За версия CS 8.0, преминавате в Image Ready)

11/ Изберете най-долния слой и с десен клик върху оченцето пред него, изберете Show/Hide all other layers.
Така ще изключите всички останали слоеве и в първия кадър ще се вижда само първата снимка.



12/ Създайте нов кадър, като кликнете по иконката, която е маркирана с червено в панела Animation.



13/ Върнете видимостта на най-горния слой, като кликнете върху празното квадратче пред него, за да се появи малкото око.
Създайте нов кадър и върнете видимостта на следващия слой (от горе на долу).
В този порядък трябва да създадете кадри за всички останали слоеве:

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


14/ Задайте време за смяна на първия и последния кадър 1сек, останалите оставете без интервал или по ваша преценка.
(менюто за смяна на интервала, се отваря от малката стрелка до надписа 0sec)

Резултата:



Запазвате готовата анимация от File - Save for Web - GIF

Мои опити:





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




Урокът е добавен от: maqpen4eva
Източник: http://demiart.ru/

Коментари

didito6805

Урокът е супер и ми се иска да направя нещо подобно, но се запънах още на т.4. Не мога да активирам Select > Modify > Contract. До сега не съм имала проблеми с уроците на Мая Пенчева. Help.

maqpen4eva

Селектирайте цялата площ (Ctrl+A)
Активно е само ако има активна селекция, предполагам, че това пропускаш

megi12

готин урок, но въпреки че селектирах цялата площ select-modify-contract не е активиран!

didito6805

Селектирах цялата площ, но е активен само Select > Modify > Border.

maqpen4eva

Незнам какъв е проблема, не мога да го измисля, отключи ли backgrounda? Aко не станепак, направи следното:
Създаваш нов документ с прозрачен фон, избираш преден цвят бял, селектираш цялата площ (Ctrl+A) и отиваш в Edit - Stroke - 1px, Inside, същото е по друг начин

didito6805

Най-сетне се получи по втория метод. Хиляди благодарности.

mishelkata96

от 4 стъпка на там не става ако някои може да ми помогне да драсне едно лично хиляди благодарности предварително

floorina

И при мен се получава същото на стъпка четири .Селектирах цялата площ, но е активен само Select > Modify > Border.

syssa

и при мен проблема е select>modify>contract. опцията ми е активна само при бял фон
........

ekaart

Kак се прави анимация с повече от две снимки - като тази със сезоните?

dicho

правя всичко,но на 5-та стъпка ми изписва "the selected are is empty" ,къде греша ?

dicho

Нямали някои да помогне ?

petkana63

http://i211.photobucket.com/albums/bb144/petkana63/roze----gif.gif

petkana63

http://i211.photobucket.com/albums/bb144/petkana63/roze----gif.gif

dicho

еее някои да помогне !

Gioradi

Не става, съжалявам. Вече 5 - ти път повтарям урока, стигам до Inverse и не се активира. Още първият път не стана и с Modify > Contract, но все пак със Stroke стана. Сега търся този урок в английските Tutorials online, ако разбера как става ще напиша.

Gioradi

http://prikachi.com/images/849/2391849m.gif

Не успях по този начин, но по друг стана по - различно и по - лесно.

dicho

никой непомогна значи :( с тази стъпка 5 !

dicho

никой непомогна значи :( с тази стъпка 5 !

Gioradi

Еми не знам моето стана много лесно в Image Ready. Отворих две снимки в Photoshop...направих ги с еднакви размери и копирах втората в първата, после отидох в Image Ready и оттам дублирам веднъж слоят в Animation window. После на вторият Layer махам окото, отивам пак в Animation, натискам Tween и задавам 14 Frames, отмятам All Layers, Position, Opacity, Effects и избирам Tween With Previous Frame. После отивам в Optimize от Window менюто и избирам Format GIF, качвам се на File->Save Optimized As...и готово.
Този урок не успях да разбера, но този стана, ето и линкът:
http://www.photoshopzilla.com/Change-seasons-using-Animation-techniques-in-photoshop_94.html
А резултата е такъв:
http://prikachi.com/images.php?images/503/2455503B.gif

http://prikachi.com/images/503/2455503B.gif

the_doc

Хора и аз имах този проблем със Select > Modify > Contract . Но си реших прблема като просто изрязах средата с Rectangular Marquee Tool :) .пробваите го ;)
За урока 6 ,невероятен е !

vesela_70

Цял ден се мъчих и при мен не се получава, следвам точно инструкциите, но само Select/modify/border е активно

vesela_70

Стигнах до 9а, намерих начин да се справя с предишните стъпки, но след тази стъпка следва пак същия проблем

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

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