В этом уроке поработаем над текстом в программе Photoshop, заставим его появляться и исчезать. Урок особенно будет полезен тем, кто делает первые шаги в создании web-графики для своего сайта, в создании баннеров.

1) Откроем новый документ с настройками как на картинке ниже.

рис.1

2) Поставим цвет переднего плана #012e66 и зальем наш первый слой

3) Выберем инструмент текст и напишем по центру любую понравившуюся нам фразу. Растрируем текст: Слой - Растрировать - Растрировать текст, далее Слой - Стиль слоя тень. Рисунок 2

рис.2

4) Перейдем на слой - задний план, Активируем инструмент Polygonal Lasso(Прямолинейное лассо) и сделаем выделение. Рисунок 3

рис.3

5) Не отменяя выделения, перейдем на слой с текстом и создадим новый слой. Выделение осталось, зальем его на новом слое цветом  #012e66

6) Теперь начинается творчество. Активируем инструмент кист, установим цвет переднего плана - белый, выберем следующую кисть. Рисунок 4

рис.4

7) Создадим новый слой и на нем сделаем отрезок выбранной кистью.Чтобы он получился прямым: делаем клик в одной точке и удерживая клавишу Shift, делаем клик в другой точке. Теперь трансформируем его: Редактирование - Трансформирование - Перспектива (другие установки) Далее можно поработать над нашим мазком инструментами (осветление, затемнение, губка); применить фильтр размытие по Гауссу , сделать непрозрачность слоя меньше (80%). Одним словом надо сделать наш мазок в высокохудожественном стиле.

рис.5

8) Переставим полученный мазок в правый верхний угол ( чтобы было проще можно на время отключить слой "задний план"). Теперь объединим слой с мазком и предыдущий, который мы создали в пункте 5). (Слой - Объединить с предыдущим). Теперь можно включить масштабирование и подвигать объединенный слой, посмотреть что получилось, текст должен появляться и исчезать. Если мазок получился обрезанным : отмените объединение слоев, перейдите на слой с мазком и поэкспериментируйте с его масштабом.

рис.6

9)Не сводя слои  Переходим в Adobe ImageReady (самая нижняя кнопочка в панели инструментов). В ImageReade: Окно - Анимация (открыли панель анимации). На панели анимации создадим дубликат текущего кадра

рис.7

10) На этом кадре активируем слой с текстом и применим к нему : Слой стиль слоя - Наложение градиента. Настройки как на рисунке 8.

рис.8                                                                                          цвет переднего плана  #012e66

11) Все на томже кадре перейдем на объединенный слой с мазком, активируем инструмент Перемещение(V) и передвинем слой вниз влево, так чтобы надпись полностью открылась.

12) Выделим оба кадра на панели анимации, зададим им время 0,1 сек и нажмем иконку создать промежуточные кадры . Кадров добавим 20. Рисунки 9 и 10

рис.9

рис.10

Можно увеличить время последнего кадра (2 сек)

Все сохраняем документ Оптимизированный как... в формате gif и смотрим результат анимация в Photoshop.

Have a nice day!

http://3d-area.ru

Только зарегистрированные пользователи могут оставлять коментарии.
Пожалуйста зарегистрируйтесь или войдите в ваш аккаунт.