Ключи к играм

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

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


Вы здесь » Ключи к играм » Уроки Photoshop » Украшаем текст и картинку с помощью готовой анимации


Украшаем текст и картинку с помощью готовой анимации

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

1

Украшаем текст и картинку с помощью готовой анимации

http://i054.radikal.ru/1104/66/d4ba7e5c4dfb.gif

http://s013.radikal.ru/i323/1104/3f/7d048904c787.gif

1. Откройте анимашку, которой Вы будете украшать свой текст или картинку в фотошоп.

Много можно найти ЗДЕСЬ

Я выбрала эту      http://s003.radikal.ru/i202/1104/f4/aadda42e6748.gif

В панели слоев вы видите, что эта анимашка имеет 4 слоя.

http://s005.radikal.ru/i211/1104/da/49d49fae21f0.jpg

В панели анимации так же 4 кадра, запоминаем время сметы кадров - в данном случае 0,15 сек.

http://i064.radikal.ru/1104/fd/407dc594983d.jpg

+1

2

Активируем 1 слой (см. скрин выше)
Идем в Редактировать - Определить узор.
В появившемся окне жмем ОК.

http://s016.radikal.ru/i337/1104/16/c7e91abe45a8.jpg

Переходим ко второму слою

http://s003.radikal.ru/i204/1104/b7/c0d0faa55e63.jpg

Идем в Редактировать - Определить узор.
В появившемся окне жмем ОК.

То же самое проделываем с оставшимися слоями.

+1

3

2. Откройте новый документ (Файл - Создать) 500x200 пикселей - прозрачный

http://s006.radikal.ru/i215/1104/2a/ebd757d96c56.jpg

Активируем инструмент Текст http://s60.radikal.ru/i167/1104/a9/613a300c9452.jpg, выбираем шрифт, его размер и цвет

Пишем текст. Если вас все устраиваем, жмем на галочку в верхней панелиhttp://s016.radikal.ru/i337/1104/e3/746033bbfce0.jpg 

После этого вы можете изменить положение текста инструментом "Перемещение"http://s51.radikal.ru/i133/1104/a6/215b5c416ec7.jpg
в левой панели инструментов.

http://i038.radikal.ru/1104/4a/171abf3b3156.jpg

Применяем к тексту оформление. Для этого жмем на f в панели слоев.

http://s52.radikal.ru/i136/1104/d1/d9ac51fd73b4.jpg

+1

4

Выбираем:

http://s45.radikal.ru/i107/1104/3f/b40253001e2e.jpg

http://s58.radikal.ru/i161/1104/50/a951afd1c95a.jpg

http://s39.radikal.ru/i086/1104/5c/9ac6c929e353.jpg

+1

5

И получаем:

http://s40.radikal.ru/i088/1104/0f/7be6e672556f.jpg

3. Активируем инструмент "Магнитное лассо"

http://i049.radikal.ru/1104/a8/a73f9cfd5c99.jpg

и обводим текст на свое усмотрение.

http://s012.radikal.ru/i320/1104/c4/4500aacdc871.jpg

Создаем новый слой.

http://s54.radikal.ru/i143/1104/e6/47fc1508e8e5.jpg

+1

6

4. Идем в "Редактировать - Выполнить заливку", в открывшемся окне выбираем "Регулярный"

http://i047.radikal.ru/1104/3b/23c07ba42708.jpg

Жмем на маленький треугольник и находим 1 слой загруженной вами анимашки

http://s011.radikal.ru/i317/1104/a6/60c9fe75ba5b.jpg


кликаем на него и на ОК.
Создаем новый слой. (Выделение не сниманием!)
Редактировать - Выполнить заливку. И находим 2 слой анимашки - он следующий.

http://s47.radikal.ru/i118/1104/9c/93fc32f0541d.jpg

+1

7

Вновь - создаем новый слой. И заполняем его третьим слоем из анимашки.
В следующем - четвертым.
Когда все слои заполнены: Выделение - Отменить выделение (или на клавиатуре Ctrl+D).
Отключите видимость на трех верхних слоях.

http://s009.radikal.ru/i309/1104/13/a63d4bf0f800.jpg

5. Переходим в панель "Анимация".
На 1 кадре выставьте время смены кадров - 0,15 сек., нажав на треугольник, в появившемся окне выберите "Другое"

http://i078.radikal.ru/1104/a2/5a09f74007d0.jpg

и в следующем проставьте 0,15

http://s015.radikal.ru/i330/1104/9e/9ade7bccdae1.jpg

Создайте новый кадр

http://s008.radikal.ru/i304/1104/90/4bf83571433d.jpg

+1

8

А в панели слоев Отключите "глазок" на слое 1 и включите на слое 2.

http://s44.radikal.ru/i104/1104/98/5042e5721c20.jpg

Так продолжайте со всеми 4 слоями анимации.
Когда в панели слоев у Вас будет четыре кадра, нажмите "Воспроизведение"

http://s48.radikal.ru/i120/1104/0d/17e787c480ce.jpg

Вот что у вас должно получиться:

http://i054.radikal.ru/1104/66/d4ba7e5c4dfb.gif

+1

9

Сохраняем: Файл - Сохранить для Web и устройств...
В открывшемся окне выбираем Gif.
И чтобы не было вот такого ореола и был прозрачный фон

http://i050.radikal.ru/1104/81/a1e5c6fa6edc.jpg

Выбираем вместо "матовый" - "не показывать"

http://s03.radikal.ru/i176/1104/9d/aacabe8eabb9.jpg

6. Можно сделать и вот так

http://s51.radikal.ru/i134/1104/f5/702e3937a15f.gif

Для этого мы делаем выделение текста так

http://i026.radikal.ru/1104/7d/f9dbd7ecf640.jpg

А все остальные действия точно такие же, как описано выше.
Как же можно анимировать картинку, выделив места, где будет анимация.

+1


Вы здесь » Ключи к играм » Уроки Photoshop » Украшаем текст и картинку с помощью готовой анимации


Рейтинг форумов | Создать форум бесплатно