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

Последователно изписване на текст за начинаещи

Последователно изписване на текст за начинаещи




1/ Отваряме изображение: File - Open (Ctrl+O)



2/ С Horizontal Type Tool (Т) пишем текст:



3/ С Rectangular Marquee Tool (M) правим правоъгълна селекция на текста:



4/ Обръщаме селекцията: Select - Inverse (Shift+Ctrl+I)



5/ Добавяме маска:



6/ След това действие текста ще се скрие.
Кликваме на малката верига между текстовия слой и маската, за да я махнем и да отделим текста от маската, след което кликваме в кутийката с маската за да я направим активна:



7/ Отваряме панела за анимиране: Window - Animation
Ако сте с версия CS 8.0, преминавате в ImageReady

В него имаме вече създаден един кадър, в който се вижда само изображението.
Създаваме нов кадър:



8/ Активираме инструмента Move Tool (V) и местим маската с помощта на клавиша от клавиатурата със стрелката за посока на дясно, докато разкрием първата буква от текста:



9/ Създаваме нов кадър и местим отново на дясно докато разкрием втората буква:



10/ Създаваме нов кадър и местим на дясно за да разкрием следващата буква:



11/ И така в тази последователност, докато разкрием всички букви.
При разкриване на последната буква е възможно да започне да се скрива първата, затова направете селекция и както е активна маската, запълнете селекцията с бяло с Paint Bucket Tool (G) :







12/ Сега задайте интервали от време за смяна на кадрите, като кликнете на малката стрелка до надписа 0 sec и от падащото меню изберете интервала, който е необходим. Ако искате да се задържи текста по-дълго, му задайте по-голям интервал. Моя избор е: на първия кадър 1сек, на последния 2 сек, а на междинните 0.2 сек.



Резултата:



Запазете готовия резултат: File -> Save for Web (Alt+Shift+Ctrl+S)
От падащото меню изберете GIF.
Тук можете да намалите и размерите в Image Size



За ImageReady запазете от File -> Save Optimized as (Ctrl+Shift+Alt+S)

13/ Друг начин за изпълнение на такава анимация, е като напишете всяка буква на отделен слой; маркирате всички текстови слоеве и ги свързвате:



14/ Активирате инструмента Move Tool (V) и подравнявате текста:

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




15/ За първия кадър, изключвате видимостта на всички текстови слоеве, като кликнете на малкото око, пред всеки един от тях:



16/ Създавате нов кадър и включвате видимостта на слоя с първата буква, като кликнете на празното място на окото и то ще се появи отново:

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


17/ В тази последователност създавате по един кадър за всяка следваща буква и в него включвате видимостта на съответния слой, докато създадете кадри за всички букви от текста:

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


Методите са различни, но резултата е един и същ:



Имайте в предвид, че когато използвате снимки за анимации, след запазването, те задължително ще влошат качествата си, защото GIf формата помни до 256 цвята, колкото е по-шарена снимката, толкова повече ще се влоши, затова преди запазване, намалете размерите до възможния минимум, от това качеството няма да се подобри, но ще се забелязва по-малко, ако и това не помогне, можете да направите снимката черно бяла!



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




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

Коментари

force_unleasher

Имам проблем,който нз как да оправя -->като тръгна да пиша пиша само чертички моля някой да помогне

n0waY

Можеби цвета с който пишеш?

malka_hienka96

нещо немога да намерия Windows-> animacion моля помогнете

malka_hienka96

и ако някой знае да пише на личен или skype:malka_hienka96!!!!!!!!!!!!!!!!!!!!!!!!!!!!

TheSnipe

мн як урок мерси мн :)

pilencetyyy

Оф аз съм с CS4 и немога да намеря този нов кадър ! Всичко беше идеално преди да трябва да сложа нов кадър :( ! Ако някой знае къде се намира нека ми пише в skype:angel4etyyy5 моля ви! Иначе урока е страхотен!

донт

Здравейте,
понеже пише, че урока е за начинаещи, се осмелих да задам въпроса си: в стъпка единадесет е написано: да се селектира текста, как става това?...Също така не мога да разбера къде се намира този инструмент paint bucket tool, възможно ли е при мен да липсва(версията на фотошопа е: cs3 extended), защото го търся в лентата с инструментите от ляво и го няма.
Благодаря предварително.

Ironboyy

Оф аз съм с CS4 и немога да намеря този нов кадър ! Всичко беше идеално преди да трябва да сложа нов кадър ! Ако някой знае къде се намира нека ми пише в skype:angel4etyyy5 моля ви! Иначе урока е страхотен! аз също моля ви хора дайте линк за фотошоп който не е толкова нов или кажете къде е новия кадър...

marti6kata1

Поправете ме ако имам грешка но мисля че само Photoshop CS2 има Animation "създаване на анимирани картинки" Не съм голям експерт но ако имате някакви въпроси може да ме намерина на Skype : marti6kata1

spell

Мерси Майче ако може така да ти викам много време чаках да го пуснете като урок не само във форума

ven4er

Има начин и без да ти се скриват буквите отпред когато разкриващ следващите.
Който не може да разбере сам как става това да ми пише и ще му кажа начина.

http://download.skype.com/share/skypebuttons/buttons/chat_green_white_164x52.png

ven4er

Има начин и без да ти се скриват буквите отпред когато разкриващ следващите.
Който не може да разбере сам как става това да ми пише и ще му кажа начина.

http://download.skype.com/share/skypebuttons/buttons/chat_green_white_164x52.png

plamba95

бтв има още един начин направиш нов layer и постепенно добявяш буквите кат почнеш анимацията последователно с оченцето ги редуваш

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

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