Преглед на урок
Анимация в неанимирана картинка
28 Юли 2012, 17:38 | 69507 преглеждания | 28 коментарa
Оценка:
(2 гласували)
61 добавяния към любими
Този урок ще ви покаже как може да си преоразмерявате и слагате анимирани гифчета в обикновено изображение. Ще използвам тези две картинки:
1. Стартирайте си Image Ready и се убедете, че панела за анимация е отворен. Ако не е, от меню Window изберете Animation.
2. Отворете си анимираното гифче. Моята анимация се състои от 6 слоя и 6 фрейма.
3. Отворете неанимираното изображение, в което ще добавяте анимацията. Важно! Ако вече сте си сейфали файла в JPG формат, трябва първо да го отворите във Фотошопа и от там да се прехвърлите в Image Ready, в противен случай няма да можете да го сейфате като гиф в края на урока!
4. Изберете инструмента за местене
5. Кликнете на гифчето и се убедете, че е селектиран най-горния слой, който в моя случай е слой 6. Сега трябва да свържеме слоевете, така че когато местиме горния, всички останали слоеве да го последват. До реда с името на всеки слой виждате по 2 квадратчета, които са много важни за нашия урок. Първото прави слоевете видими, като цъкнете на окото пред слоя, така че то да се покаже, а второто свързва слоевете. Свържете слоевете. Трябва да се покаже верига в съседното квадратче. Може да свържете всичките слоеве, като цъкнете в квадратчето с веригата на слой 5 и извлачите с мишката надолу през останалите слоеве. Като отпуснете бутона, ще видите, че се е появила верига и в квадратчетата пред другите слоеве.
6. Кликнете на слой 6 (най-горния) и го извлачете до неанимираната картинка - всичките 6 слоя ще се добавят в панела при слоя на картинката:
7. Виждаме, че анимацията е по-голяма от необходимото и трябва да я преоразмериме, за да изглежда добре. Отиваме на Edit -> Transform -> Scale
Направете я както ви харесва - доколкото слоевете на анимацията са все още свързани, няма да имате проблеми с промяната на размера.
8. Сега трябва да анимираме картинката си. Цъкнете на окото пред слой 6 и го направете невидим. После направете слой 1 от анимацията видим.
9. Направете нов фрейм, като цъкнете на бутончето за дублиране на фрейм в панела за анимация:
10. За втория фрейм направете невидим слой 1 и видим слой 2.
Повторете създаването на нов фрейм и смяна на видимостта на слоевете и за останалите слоеве. В моя случай трябва да имам 6 фрейма, като на всеки е видим различен слой.
11. Сега трябва да зададете време на забавяне на кадрите на анимацията си. Първо отидете в оригиналното гифче и вижте там какво забавяне е зададено.
После се върнете в подписа, който правите и маркирайте всичките фреймове, като цъкнете на първия и със задържан Shift цъкнете на последния фрейм. Задайте време на някой от фреймовете и забавянето ще се приложи на всичките маркирани фреймове.
12. Сейфайте си файла от File -> Save Optimised As... в .gif формат и сте готови!
Ето подписа, който аз направих сега:
Превод: Ledenata
Източник на урока: effectica.com
Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.
Урокът е добавен от: Ledenata
Коментари
TMXP
Стана!Super урок! :)
Ledenata
Радвам се, че съм помогнала :)
everything_ends
ледена аэ немам save optimised as а като пробвам само с save и save as да го запиша в gif нестава какво да направя???
stefko_25
Имаш Save For Web & Devices - цъкваш на него и даваш после Save
toninei
еми немога да го разбера....нз как става...или по то4но тезнам как се слагат 2 снимки една до друга
toninei
еми немога да го разбера....нз как става...или по то4но тезнам как се слагат 2 снимки една до друга
toninei
еми немога да го разбера....нз как става...или по то4но тезнам как се слагат 2 снимки една до друга
spellxxx
В панела с леарите хващаш горната и я местиш под другата
lookatme
съжалявам за тъпият ми въпрос,ама аз къде ли не търсих Image Ready и никъде го няма за теглене.няма го и в официалния на адоб.почнах да се чудя дали пък Image Ready не значи adobe reader или там как се пише.вече нз.помогнете ми плс.
Ves4ty_Sexyty
lookatme, влизаш във фотошопа и там в менюто с инструменти имаш ей това бутонче-----> http://prikachi.com/images/jpg/33249f.jpg
и го натискаш!
gomita
искам да питам ако неанимираната ни gif картинка има няколко слоя след като я отворим, трябва ли да ги слеем преди да продължим по инструкциите в урока?
MuMo3Ka
А как се постига мигащия ефект на най-първата картинка?
batisto
Искам да попитам дали тои урок може да се изпълни с версия на Photoshop CS3, където както знаем НЯМА ImageReady. И в този смисъл как мога да отворя изображение в "giv" формат в Photoshop CS3 заедно с приложената му анимация.
Благодаря предварително!
nubby
File>Import>Video frames to layers
{{PyMuTo}}
nubby
Докладвай | 11.11.2008, 16:16
File>Import>Video frames to layers
Пробвах,но ми позволява само да импортна файлове тип .avi,.mov,.mpg i .mpeg
desito_82
Ето и моя опит http://img147.imageshack.us/img147/9233/35672308.gif
Iwsss
Хях..не моа дасхвана нещо :D
izityyy
Хеей! Помощ! Моля ви ако някой може да ми помогне, защото като се опитам да отворя анимирана картинка в фотошопа, тя не ми се разглобява на различните фреймове и леъри, а излиза като обикновена картинка! Изписва ми това: This is animated GIF. You can only view one frame. Saving over this file will result in a loss of information. И в крайна сметка не ми излиза както в урока. Да не би да има някакъв по-различен начин на отваряне, не знам. Аз съм на CS4 и разбрах, че Image Ready няма, че било вградено или нещо подобно. Иначе аз си го ползвам да анимирам и става. Моля ви ако някой може да ми каже защо не мига да ги отварям като анимирани?
maqpen4eva
Ще ти кажа как се отваря анимация с CS3, за CS4 не знам, но може да е по същия начин:
File - Import - Video Frames to Layers, ще се отвори прозореца, в който трябва първо да посочиш папката в която се намира файла, после да напишеш цялото име на файла, който ще отваряш, заедно с разширението, примерно ако файла е записан с име animate 1, пишеш animate 1.gif
milenskidv
Супер готино уроче, много лесно се прави и много яко става ;)
Assiee
искам да попитам .....става дума за PHOTOSHOP CS3 .....та тези 2 квадратчета от стъпка "5" не ми излизат само това с окото......нова съм и затова искам да ви попитам...:) Моля Ви помогнете ми......
savka80
МОЖЕ ЛИ С ТАЗИ ПРОГРАМА ДА СЕ РЕЖИ СНИМКАТА
savka80
А КАК СЕ СЛАГАТ ДИСНИ ГЕРОИ ВЪРХУ СНИМКИТЕ
mimoza784
Отваряш си ги във PS и после с Move tool ги преместваш в твоя си документ. Оразмеряваш ги и готово.
tu_to
Йе, направих го. Голяма игра падна защото слоевете на анимацията бяха 42 :D
http://www.prikachi.com/images/673/4507673g.gif
tu_to
Въпрос: вече съм с CS4 и когато дам Windows -> Animation и после се опитам да отворя gif-че ми се отваря като обикновена картинка, т.е. не е анимирано и е явно само първия frame от цялото gif-че
Добави коментар
