Создаём аватарку в Photoshop (Часть вторая)
Этот урок — продолжение урока о созданиии аватарки. В первой части речь шла о статической аватарке, а в этом я покажу, как сделать анимированную аватарку в Photoshop.
- Вам понадобится исходник .psd с текстом, который был создан в первой части урока.
На примере него я создам анимированную аватарку. Хотя все указанные здесь приемы могут быть использованы для любой картинки, будет это текст или что-то другое.
Открываем сохранёный в первой части исходник.
Те, у кого нет исходника, следуют инструкци:- создаём новый документ размером 200*200;
- открываем любую обоину или фотографию;
- переносим обоину на наше изображение, выделив её клавишами Ctrl+A и скопировав на наш документ;
- подгоняем обоину по размеру, использовав свободное трасформирование клавишами Ctrl+T. Чтобы пропорции объекта соблюдались, при трансформировании зажимаем клавишу Shift;
- выбираем на панели инструментов «Текст» и рисуем текстовое поле;
- в текстовом поле вписываем свой ник;
- Чтобы создать анимированную аватарку, нужно открыть окно анимации. Для этого переходим во вкладку «Окно» и выбираем «Анимация».
- В этом уроке мы создадим простую анимацию появления-исчезания текста, поэтому будем работать в основном со слоем текста.
- Чтобы процесс появления-исчезания текста был плавным, нужно сделать много кадров. Чем больше кадров, тем плавнее будет анимация.
- Для появление текста достаточно исользовать функцию слоя «Непрозрачность».
- Как видим, на панели анимации на данный момент появился один кадр. Установите непрозрачность текста на 0%, чтобы анимация начиналась с появления текста.
- На панели анимации создадим новый кадр. Для этого нужно нажать на панели внизу значёк «Новый кадр».
На новом кадре, в панели слоёв, на слое с текстом изменим непрозрачность на 10%.
- По этой аналогии создадим третий кадр, только теперь на текстовом слое непрозрачность поставим 20%.
Таким образом сделаем такое количество кадров, чтобы на последнем созданном кадре непрозрачность текста была 100%. - Если теперь нажать кнопку
на панели анимации, увидим, что текст будет появлятся, но исчезать не будет. Поэтому теперь делаем обратную операцию. Создаём кадры и изменяем непрозрачность с каждым созданным слоем на 10% меньше от предыдущего. - Нажав кнопку «Проигрывать» увидим, что теперь анимация работает нормально: текст исчезает и появляется.
- Чтобы сохранить анимацию, перейдите во вкладку «Файл» и выберите «Сохранить для вэб и устройств…».
- Примените настройки как на скриншоте и нажмите «Сохранить».
Мы получили аватарку с простейшей анимацией.
На этом у меня всё, желаю вам успехов в ваших работах!