SIM-ART - студия дизайна

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

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


Вы здесь » SIM-ART - студия дизайна » Уроки Photoshop » Ручка, пишущая текст


Ручка, пишущая текст

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

1

Автор: команда photoshop-master.ru
В этом Фотошоп уроке мы будем с вами создавать анимацию, где волшебная ручка пишет слово "СКИДКА".

Для начала создаем маленький документ, где будет размещаться наше слово.

Я сделала размером 350 х 250 px

Создаем новый слой, устанавливаем приятный http://www.photoshop-master.ru/lessons/tools/gradient.png градиент и заливаем. Я использовала градиент от мягко-красноватого к белому, тип градиента - радиальный http://www.photoshop-master.ru/lessons/tools/grad_radial.gif

http://www.photoshop-master.ru/lessons/2008/170408/1.jpg

Пишем слово (любое):

http://www.photoshop-master.ru/lessons/2008/170408/2.jpg

Перейдите на текстовый слой, клик правой кнопкой, выберите команду Растрировать слой.

http://www.photoshop-master.ru/lessons/2008/170408/3.gif

Берем инструмент http://www.photoshop-master.ru/lessons/tools/marque.png. Выделяем первую букву и нажимаем Shift+Ctrl+J (вырезаем и вставляем на новый слой)

http://www.photoshop-master.ru/lessons/2008/170408/4.jpg

То же самое делаем с остальными буквами слова.

http://www.photoshop-master.ru/lessons/2008/170408/5.jpg

Теперь у нас все слово разбито по буквам, причем каждая буква на новом слое.

Спрячьте все буквы (закройте http://www.photoshop-master.ru/lessons/tools/1.gif) напротив всех букв, кроме "С".

http://www.photoshop-master.ru/lessons/2008/170408/6.jpg

Снова возьмите http://www.photoshop-master.ru/lessons/tools/marque.png. Будем разбивать букву на кусочки. Поступаем так же. Выделяем кусочек и нажимаем Shift+Ctrl+J.

http://www.photoshop-master.ru/lessons/2008/170408/7.jpg => http://www.photoshop-master.ru/lessons/2008/170408/8.jpg
http://www.photoshop-master.ru/lessons/2008/170408/9.jpg => http://www.photoshop-master.ru/lessons/2008/170408/10.jpg

Теперь нам нужно создать пишущую ручку.

Находим инструмент Произвольные фигуры http://www.photoshop-master.ru/lessons/tools/shape.png, в настройках выбираем форму ручки.

http://www.photoshop-master.ru/lessons/2008/170408/11.gif

Если вы не нашли ручку у себя, то можете скачать ее здесь.

В настройках устанавливаем нужный цвет и режим фигур http://www.photoshop-master.ru/lessons/tools/r_fig.gif. Рисуем ручку удерживая Shift, чтобы сохранились пропорции.

http://www.photoshop-master.ru/lessons/2008/170408/12.jpg

Отразим ручку по горизонтали. Ctrl + T, клик правой кнопкой по рамке, выбираем Отразить по горизонтали.

http://www.photoshop-master.ru/lessons/2008/170408/13.jpg

Придаем ручке стиль "Тиснение":

http://www.photoshop-master.ru/lessons/2008/170408/14.gif

Ручка стала объемной. Теперь ей можно писать!

http://www.photoshop-master.ru/lessons/2008/170408/15.jpg

Открываем палитру Анимация через меню Окно (Window - Animation)

Прячем все слои, кроме ручки. Это будет наш первый кадр.

http://www.photoshop-master.ru/lessons/2008/170408/16.jpg

Дублируем кадр (нажимаем на http://www.photoshop-master.ru/lessons/tools/new%20layer.png в палитре Анимация) и добавляем первый кусочек от буквы "С". Ручку передвигаем на кончик отрезка.

http://www.photoshop-master.ru/lessons/2008/170408/17.jpg

Продолжаем...

http://www.photoshop-master.ru/lessons/2008/170408/18.jpg

http://www.photoshop-master.ru/lessons/2008/170408/19.jpg

http://www.photoshop-master.ru/lessons/2008/170408/20.jpg

Когда Вы проделаете эти операции с каждой буквой, то у вас получится вот так:

http://www.photoshop-master.ru/lessons/2008/170408/animtext.gif

Всего у меня получилось 41 кадр. Первому и последнему я поставила время на 0,5 сек, остальные кадры без задержки.

Затем перейдите в меню Файл - Сохранить для Web...

Выберите формат GIF, 256 цветов.

0

2

faiko
Спасибо за урок)У очень полезный!

0


Вы здесь » SIM-ART - студия дизайна » Уроки Photoshop » Ручка, пишущая текст


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