Код:

Lilitochka-club

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Lilitochka-club » ImageReady » Появляющаяся надпись


Появляющаяся надпись

Сообщений 1 страница 8 из 8

1

Нам  понадобится  фон и что-то  «подарочное» Я взяла   клипарт  кувшина  и  букета.
Перетаскиваем Move Tool   вазу  на  фон,   Ctrl + T  -  делаем  форму  и размер. Затем, перетаскиваем  цветы, сначала   устанавливаем  размер, а  затем, Eraser Tool,  стираем  все  лишнее  у  букета, чтобы  создалось впечатление, что он  стоит в  вазе. А затем, соединяем  все слои (Ctrl + E)

http://s40.radikal.ru/i088/0905/fe/73f34af0a8de.jpg

http://s51.radikal.ru/i133/0905/d6/040ad1ec38b4.jpg

http://s50.radikal.ru/i130/0905/70/4bf513892464.jpg

http://s56.radikal.ru/i153/0905/7c/8f40ae81e339.jpg

Теги: Анимация,Уроки по анимации

0

2

Теперь  делаем  надпись:
1. Horizontal Type Tool

http://s56.radikal.ru/i154/0905/d6/d7bd059f4266.jpg

2. Выбираем  подходящий  шрифт. Лучше  всего взять  «рукописный»

http://s46.radikal.ru/i111/0905/75/09917dd83aab.jpg

3. Делаем  надпись,  нажимаем Move  Tool

http://s49.radikal.ru/i125/0905/45/6f9a30267603.jpg

4. Ctrl + T – увеличиваем  надпись 

http://i034.radikal.ru/0905/17/6350a4514a26.jpg

0

3

5. В  палитре  Styles находим подходящий  цвет.

http://s44.radikal.ru/i104/0905/07/fe4be252cf93.jpg

6. Правой  клавишей  мыши  кликаем  по  слою (активному) с  надписью, а  в  появившейся  таблице,  нажимаем на строку  Rasterize Type (растеризация)

http://s57.radikal.ru/i156/0905/d6/99279e75e381.jpg

Начинаем  работу  со слоями, которые  потом  сделаем  фрэймами.
1. Ctrl + J  - создаем  новый  слой,  закрываем  глазик  в  предыдущем  и  взяв  инструмент Eraser Tool ,  стираем часть  букв, начиная  с конца  надписи.

http://s58.radikal.ru/i159/0905/87/f4473a1d1f52.jpg

http://i025.radikal.ru/0905/ec/446a7d093167.jpg

http://s57.radikal.ru/i155/0905/e6/dec4a9af4873.jpg

0

4

2. Снова Ctrl + J  и  на  очередном  слое  опять  вытираем  часть букв. И так, до тех пор, пока  не  сотрем  всю  надпись.  Чем  больше  слоев вы  создадите, тем плавне  будет «писаться»  надпись на  картинке. 

http://s44.radikal.ru/i104/0905/04/7179f7f9af2a.jpg

http://s52.radikal.ru/i137/0905/62/6db5f64765cb.jpg

http://s55.radikal.ru/i148/0905/f8/6645d4df60aa.jpg

0

5

3. Стираем  последнюю букву надписи и остаемся  на  этом  слое (последнем). Глазик  должен  быть открыт на  самом  нижнем  слое  и  на самом  верхнем.

http://s51.radikal.ru/i132/0905/27/814acfedf935.jpg

http://i050.radikal.ru/0905/33/de01abe39b55.jpg

4. Теперь   идем  в  палитру  Animation. Поскольку,  у  нас  есть последний  активный  слой,  мы  нажимаем  на  значок, выделенный  кружочком. Именно  с  помощью  него, мы  будем  делать слои  фрэймами.  Нажали  и  увидели, что в  палитре  Animation  появилась еще  одна  картинка – значит,  все правильно.

http://i049.radikal.ru/0905/59/54d2e4d7aea2.jpg

0

6

5. Теперь  спускаемся  на  слой  ниже,  включаем  глазик  на нем,  кликаем  левой  клавишей  по  надписи слоя, а  в  верхнем  слое,  закрываем  глазик.  Идем  опять в  палитру  Animation  и  снова  нажимаем  на иконку. И так, продолжаем делать, пока  не дойдем  до  самого  нижнего слоя  с  надписью.

http://s40.radikal.ru/i087/0905/72/c937f952824a.jpg

http://i072.radikal.ru/0905/9b/cb7f45345075.jpg

6. В палитре   Animation  у  нас  получилось 20  фрэймов.  Начиная  с  первого, проверяем  их,  нажимая поочередно, прямо  по  «кадрику». На большой  картинке  проверяем, чтобы слои  шли  по  очереди, а  также, чтобы  рядом  не оказалось  два одинаковых  слоя.  У нас  получилось  два  одинаковых  фрэйма (слоя) – 19 и 20. Убираем  20,  нажав   внизу значок  «корзинка» (первый справа, рядом  с  тем, с  помощью которого, мы  делали  фрэймы). Появляется   окошко, в  котором мы  нажимаем Yes, давая  согласие  на удаление  фрэйма.

http://s44.radikal.ru/i104/0905/e3/fd0fe2d31cf9.jpg

0

7

7. Теперь,  чтобы  фрэймы  двигались  с  заданной  скорость,  установим  время   для  каждого  из  них. Спава внизу каждого  фрэйма  есть  надпись 0 sec. И  маленький  черный  треугольник. Нажимаем  треугольник и  в  таблице  времени,  нажимаем  нужную  цифру. Я, в  каждом  фрэйме,  оставила   No delay, т.е. 0 сек. А в  последнем, где  надпись  уже  полностью,  сделала  2  сек.

http://s44.radikal.ru/i103/0905/5e/80f6ef1839be.jpg

8. Прокручиваем  надпись, проверяя,  все  ли  нормально мы  сделали  и  подходит ли та  скорость, которую  мы  определили,  для  анимации.  Если  все в  порядке – сохраняем  нашу  анимацию. Сохранять  ее, можно,  перейдя  в  ImageReady, а  можно и  в  Photoshop.  Только в  Photoshop,  на   нужно   нажать не  на  надпись  Save As,   a  на  Save  for Web .

http://s59.radikal.ru/i163/0905/77/7cb9e8160af1.jpg

9. В окне, которое  появляется, проверяем, чтобы  наша  анимация  сохранилась в  GIF, а  затем жмем  на  Save.

http://s60.radikal.ru/i167/0905/8f/9c752f23d2d2.jpg

10. Далее,  сохраняем,  как  обычно

http://s39.radikal.ru/i083/0905/e5/3554ca35f102.jpg

11. Ну,  вот  и наша  анимационная картинка  с  поздравлением.

http://s46.radikal.ru/i111/0905/6d/291409cf9c86.gif

0

8

Можно и ручку или  карандаш приставить к  строке...

0


Вы здесь » Lilitochka-club » ImageReady » Появляющаяся надпись


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC