Вы вошли как Гость Группа "Гости"Приветствую Вас Гость RSS  
Главная


Форма входа
E-mail:
Пароль:

[Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: _1_, Mystikal, Любанечка  
Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Эффекты с текстом » Урок «Анимация печатного текста»
Урок «Анимация печатного текста»
AlterEgoДата: Воскресенье, 19.04.2009, 16:26 | Сообщение # 1
Проверенный
Группа: Пользователи
Сообщений: 89
Репутация: 5
Подарки: 0
Статус: Offline
Для баннера или аватарки полезен рассмотренный в уроке анимированный эффект.

1. Открываем в фотошоп любую исходную картинку. Я взяла достаточно большое изображение из которого вырежу аватарку размером 150х150 px.

2. Берем инструмент Grop и выставляем ширину и высоту картинки в окнах Width и Height. Теперь выбираем любой интересный для нас кусочек картинки.

Сгруппированный фрагмент можно передвигать с помощью инструмента Move. И жмем Enter. У нас получилась необходимая заготовка.

3. В окне навигатора выставляем масштаб изображения. Лучше 100%, так мы будем видеть реальную величину аватарки.

4. Создадим рамку для аватарки. Создаем копию фона. Сделать это можно несколькими способами, рассмотрим два: 1) пр.кнопкой по слою Background – Duplicate Layer

2) Перетащить слой Background на кнопку Create a new layer.

5. Берем инструмент Rectangular Marquee и обводим нашу заготовку, она выделилась пунктиром.

Layer – Layer Style – Stroke. Position – Inside. Color – выберите из палитры любой подходящий вам цвет, я взяла черно-зеленый оттенок, т.к. он подходит к исходной заготовке. Жмем кнопку Ok.

6. Чтобы снять пунктир жмем Ctrl+D.

7. Теперь пишем текст по центру: Music style. Шрифт желательно печатный. Так эффект будет выглядеть лучше.

Посчитаем сколько символов в нашем тексте: 10. Для каждого символа нужен свой слой. Создаем еще 9 копий текстового слоя. (См.пункт 4). В итоге их десять по количеству букв.

8. Снимем все глазки, кроме первого текстового слоя. Возьмем инструмент Horizontal Type и щелкнем по тексту сотрем (Backspace) все, кроме первой буквы.

9. Идем в следующий текстовый слой, с первого снимем глазок. Во втором слое сотрем все буквы, кроме 2х первых. Так же поступаем с остальными текстовыми слоями. На последнем слое весь текст целиком.

10. Снимите глазки со всех текстовых слоев. Переходим в ImageReady.

11. Создаем копию кадра. И ставим глазок еще и на первом текстовом слое.

12. Снова создаем копию кадра, но снимаем глазок с первого тестового слоя и ставим на втором. И так далее со всеми слоями.

13. Установим время: на первый и последний кадр ставим 0,5 сек на все остальные 0,1 сек.

14. Запустите анимацию (кнопка Plays) и посмотрите результат.

15. Сохраним анимацию. File – Save Optimized as…- gif

Наш результат:

Источник: http://all-graphics.narod.ru/
Автор урока Ириска

ЛюбанечкаДата: Воскресенье, 19.04.2009, 18:02 | Сообщение # 2
...le feu au-dedans...
Группа: Модераторы
Сообщений: 1889
Репутация: 207
Подарки: 53
Статус: Offline
AlterEgo,
Укажи автора урока и ссылку на источник...


AlterEgoДата: Понедельник, 20.04.2009, 06:16 | Сообщение # 3
Проверенный
Группа: Пользователи
Сообщений: 89
Репутация: 5
Подарки: 0
Статус: Offline
Исправила biggrin
sunshineДата: Четверг, 23.04.2009, 21:03 | Сообщение # 4
Новичок
Группа: Пользователи
Сообщений: 13
Репутация: 2
Подарки: 0
Статус: Offline
Спасибо за урок!
AlterEgoДата: Четверг, 23.04.2009, 23:10 | Сообщение # 5
Проверенный
Группа: Пользователи
Сообщений: 89
Репутация: 5
Подарки: 0
Статус: Offline
Пожалуйста! Только у тебя буковки стоят на начальных позициях, а эффекта выезжания из центра нет wacko
sunshineДата: Пятница, 24.04.2009, 14:41 | Сообщение # 6
Новичок
Группа: Пользователи
Сообщений: 13
Репутация: 2
Подарки: 0
Статус: Offline
Ну, да( Тогда попробуем))
DanaLeksДата: Среда, 06.05.2009, 20:42 | Сообщение # 7
Новичок
Группа: Пользователи
Сообщений: 1
Репутация: 4
Подарки: 0
Статус: Offline
[URL=http://www.radikal.ru][IMG]http://s52.radikal.ru/i138/0905/e4/facd15acba09.gif[/IMG][/URL]
Спасибо за урок!
zhugan66666Дата: Пятница, 18.12.2009, 07:30 | Сообщение # 8
V.I.P.
Группа: Пользователи
Сообщений: 1169
Репутация: 78
Подарки: 9
Статус: Offline
(((
блин у мя имайдж рэди неработает sad sad sad sad sad


zhugan66666Дата: Пятница, 18.12.2009, 07:31 | Сообщение # 9
V.I.P.
Группа: Пользователи
Сообщений: 1169
Репутация: 78
Подарки: 9
Статус: Offline
пишет типа полностью неккоректная инфоормация о пользователе sad sad sad

zhugan66666Дата: Пятница, 18.12.2009, 07:38 | Сообщение # 10
V.I.P.
Группа: Пользователи
Сообщений: 1169
Репутация: 78
Подарки: 9
Статус: Offline
и кстати а как из файла формата PSD перевести в нормальный,а то PSD не куда не добавляется

Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Эффекты с текстом » Урок «Анимация печатного текста»
  • Страница 1 из 1
  • 1
Поиск:

Сегодня к нам заходили:

Мини-чат:


Аватарочка © 2019