• Авторизация


Фотошоп-трениг-5. Анимация "Самопечатающийся текст" 06-04-2013 00:52 к комментариям - к полной версии - понравилось!



Урок №5.

Результат урока:

[600x500]


Открываем исходник с прошлого урока.



[600x500]
Давайте ещё раз внимательно посмотрим на результат урока. Буквы нашего текста появляются по очереди.
Каждая буква имеет свой кадр. А на одном кадре вобще нет букв. Значит, это как бы, чистый кадр.
Вот теперь давайте посчитаем , сколько слоёв (то есть кадров) будет в нашей анимации.
В моём случае текст имеет 7 символов (6 букв и восклицательный знак)
и + должен быть один слой (кадр) без текста вобще. И того в моей анимации должно быть 8 слоёв (кадров).
Давайте посмотрим на понель слоёв. Там сейчас всего один слой. Снимем с него замочек.
И так, я выяснила, что мне нужно для анимации 8 кадров. Один уже есть. 
Не хватает ещё семи слоёв (кадров). Значит, сейчас я семь раз нажму на клавиаутре комбинацию клавиш Ctrl+J  ,
тем самым сделаю семь копий нашего слоя. Это называется ПРОДУБЛИРОВАТЬ СЛОЙ.

[284x366]
теперь смотрите какие у нас названия слоёв...запутаться можно: слой 0 копия 1 .и т.д.
Сейчас мы их переименуем так, как нам удобно.
Давайте встанем на самый нижний слой (то есть кликнем по нему)
и он станет у нас активным и выделится серым (синим) цветом.
Теперь кликнем по нему правой кнопкой мыши и в выпавшем окне
выберем первую строку ПАРАМЕТРЫ СЛОЯ.

[349x430]
Выйдет такое окно

[401x100]
в строке ИМЯ стираем, то, что написано и пишем просто цифру 1 и жмём ДА.

[397x98]
теперь смотрим в панель слоёв и видим, что нижний слой в названии имеет только цифру 1.

[279x356]
Теперь встаём на следующий слой, кликаем по нему снова правой кнопкой
мыши , выбираем ПАРАМЕТРЫ СЛОЯ, стираем название и вводим цифру 2.
Затем поднимаемся на следующий и проделываем тоже самое,
меняя цифру на следующую по порядку. И так проходим все слои.
У меня теперь панель слоёв выглядит так. Очень удобно глазу.

[282x359]
Обратите вни мание...сейчас активен самый верхний слой.
Он в анимации будет самым последним кадром, когда все буквы уже появятся.
Значит, именно на нём мы ничего делать не будем.
Единственное, что мы сделаем, это отключим у него глазик
(просто кликнем на него и он исчезнет).
Этим самым мы сделали слой 8 невидимым . А сами перейдём на слой 7.

[284x365]
Теперь берём инструмент ПИПЕТКА и набираем в неё цвет фоновой заливки,
дабы подобрать родной цвет.

[600x548]
Теперь берём инструмент КИСТЬ.

[231x448]
 В параметрах кисти давайте нажмём на эту стрелочку.

[600x488]
Открылось такое окно. В нём находится какой то один набор кистей,
из тех наборов, которые заложены в программе.Жмём на эту стрелочку.

[261x272]
В выпавшем окне, в нижней его части, находятся все наборы, которые есть
в программе. Мы выберем второй - набор базовых кистей.

[478x592]
Выйдет окошко, где вас спросят, действительно ли вы хотите заменить
текущий набор кистей на выбранный. Жмём ДА.

[481x119]
Давайте в этом наборе выберем кисть с диаметром 28.

[281x359]
Теперь этой кистью (крожочком) поводим по восклицательному знаку,
то есть по последнему символу в тексте, иначе говоря,
закрасим последний символ. 

[600x534]
Вот я закрасила его. Это нужно делать аккуратно, чтобы не закрасить рядом
стоящую букву, или клипарт. Помните.если где то ошиблись, вернитесь на
шаг назад: МЕНЮ - РЕДАКТИРОВАНИЕ - ШАГ НАЗАД.

[600x552]
Всё..со слём 7 поработали.....выключаем у него глазик, делая его невидимым
и опускаемся на слой 6.

[280x368]
Теперь нашей кистью закрашиваем два последних симола в тексте.

[600x537]
Выключаем глазик у слоя 6 и опускаемся на слой 5.

[277x361]
Теперь нашей кистью закрашиваем три последних симола в тексте.

[600x534]
Отключаем глазик у слоя 5 и опускаемся на слой 4.

[289x367]
Теперь нашей кистью закрашиваем четыре последних симола в тексте.

[600x537]
Выключаем глазик у слоя 4 и встаём на слой 3.

[263x358]
Теперь нашей кистью закрашиваем пять последних симолов в тексте.

[600x529]
Выключаем глазик у слоя 3 и встаём на слой 2.

[294x376]
Теперь нашей кистью закрашиваем шесть последних символов в тексте.

[600x527]
Выключаю глазик у слоя 2 и встаю на слой 1.

[280x359]
Закрашиваю кистью все символы.

[600x528]
Ну вот.теперь все наши слои (кадры) готовы к анимации.
Чтобй начать создавать анимацию, нужно сначала открыть панель анимации.
Для этого идём МЕНЮ - ОКНО - АНИМАЦИЯ. Внизу открылась панель анимации.

[578x552]
Как видим, один кадр уже у нас стоит. Нам нужно столько кадров, сколько и слоёв.
В моём слёчае у меня 8 слоёв, значит и кадров должно быть тоже 8.
так как один уже стоит - не хвататет ещё 7. Сейчас я их добавлю.Для этого
нажму 7 раз на вторую иконку справа.

[443x129]
Теперь в панели анимации появились 8 кадров.

[600x120]
А вот теперь внимание! Делаем всё не спеша и обдуманно.
Сейчас в панели анимации у нас активен последний кадр.
Видите, он выделен серым(синим) цветом.
Это так же , как в панели слоёв. Какой слой активен, с тем и можно работать.
Давайте сделаем активным первый кадр. Для этого достаточно просто на него кликнуть 
и он выделится серым(синим) цветом.

[561x125]
Теперь смотрите........у нас восемь кадров в панели анимации и восемь слоёв
в панели слоёв. Это значит, что каждому кадру будет нужна видимость только
одного слоя,соответствующего его порядковому номеру.
Чтобы было понятнее, объясню на пальцах.
Например, у вас в шкафу висят 8 платьев. Каждое платье на отдельном плечике.
Вы двигаете плечики ( то есть кадры) и на каждом плечике вам видно одно только
платье во всей своей красе.
А теперь представим, что вы все восемь платьев повесили на одно плечико.
Что будет? чёрти что.. Так и здесь. Если на один кадр включить несколько слоёв -
будет тоже чёрти что.
Вот давайте внимательно будем раскладывать слои по кадрам. 
И так... в панели анимации встаём на первый кадр, в панели слоёв включаем глазик
на первый слой. Все остальные слои без глазика, то есть невидимы.

[600x245]
Теперь в панели анимации встаём на второй кадр, в панели слоёв включаем
глазик на второй слой. Все остальные слои без глазика, то есть невидимы.

[600x411]
Теперь в панели анимации встаём на третий кадр, в панели слоёв включаем глазик
на третий слой. Все остальные слои без глазика, то есть невидимы.

[600x420]
Теперь в панели анимации встаём на четвёртый кадр, в панели слоёв включаем
глазик на четвёртый слой. Все остальные слои без глазика, то есть невидимы.

[576x388]
Теперь в панели анимации встаём на пятый кадр, в панели слоёв включаем глазик
на пятый слой. Все остальные слои без глазика, то есть невидимы.

[502x348]
Теперь в панели анимации встаём на шестой кадр, в панели слоёв включаем глазик
на шестой слой. Все остальные слои без глазика, то есть невидимы.

[600x415]
Теперь в панели анимации встаём на седьмой кадр, в панели слоёв включаем глазик
на седьмой слой. Все остальные слои без глазика, то есть невидимы.

[600x428]
Теперь в панели анимации встаём на восьмой кадр, в панели слоёв включаем глазик
на восьмой слой. Все остальные слои без глазика, то есть невидимы.

[600x421]
Ну вот...все кадры у нас готовы. Если на них внимательно посмотреть, то видно,
что с каждым кадром наш текст добавляется.

[600x218]
Сейчас под каждым кадриком стоит 0 секунд...это значит, что наши кадры будут
чередоваться без задержки.то есть очень быстро.
Давайте выставим время задержки 0.2. для этого под каждым кадром,
кроме последнего, нажмём на малюсенькую стрелочку и в выпавшем окошечке
выберем 0.2.

[564x229]
В последнем кадре давайте поставим 2.0 ...ну типа сделаем остановку в конце фразы.

[540x187]
Теперь давайте нажмём на значок плей , чтобы запустить воспроизведение анимации,
и посмотрим, что у нас получилось.

[600x203]
У меня всё отлично получилось. Теперь я останавливаю анимацию,
нажав на значок СТОП.

[600x196]
Теперь вам осталось работу сохранить на рабочий стол и показать мне в качестве
домашнего задания.
Внимание! Все анимационные изображения имеют формат GIF (ГИФ),
поэтому сохранять их нужно иначе.
Идём МЕНЮ - ФАЙЛ - СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ.

[342x564]
В открывшемся окне жмём СОХРАНИТЬ.

[566x439]
Далее даёте имя файлу, выбираете рабочий стол и жмёте СОХРАНИТЬ.
Снова выйдет окошечко, в котором нужно нажать ОК.

[393x472]
После этого в самом низу пробежит зелёная зебра обработки и вернёт вас на
рабочий стол программы. Это значит, что обработка и сохранение завершены.
Изображение должно появиться на рабочем столе.

Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:
1. Научились задавать параметры слоя, то есть давать каждому слою имя.
2. Познакомились с инструментом КИСТЬ (поверхностно).
3. Познакомились с панелью анимации.
4. Научились сохранять файлы в Gif формате.
===============================================
Продолжение следует....
Удачи!
Спасибо за урок 
Милледи Малиновская

4360286_0_86647_832956f_XS_jpg (9x8, 0Kb)

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Фотошоп-трениг-5. Анимация "Самопечатающийся текст" | LudmelaRU - Дневник LudmelaRU | Лента друзей LudmelaRU / Полная версия Добавить в друзья Страницы: раньше»