YouTube Трейлер

Что научитесь делать, посмотрев это видео?

Вы научитесь создавать gif анимацию в Photoshop (создавать текст, окрашивать его в радужные цвета, делать надпись анимированной).

Описание видео:

В предыдущем уроке мы рассказали вам о создании коллажа в Photoshop на примере создания открытки к 8 марта.

В этой программе можно создавать и анимированные картинки. В этом уроке мы расскажем о создании в Photoshop анимации. Создание заготовки «Надпись» Сделайте новый документ (меню «Файл», «Новый»). В окне создания документа укажите размер листа 200х100 пикселей, нажмите «Да». В рабочей области документа с помощью инструмента «Текст» сделайте надпись, например, «супер приз!». В меню «Текст» выберите эффект «Сглаживание». Выделите набранный текст и сделайте его более жирным. Теперь надо сделать расстояние между строк примерно таким же, как размер букв у надписи. В меню «Текст» рядом с размером шрифта есть дополнительное окно «Межстрочный пробел», нажмите на него и выберите размер интервала. Подгоним надпись под размер документа. Для этого, не снимая выделения с надписи нажмите, «Ctrl+T», вокруг надписи появятся точки. Зажимайте такие точки мышкой по углам надписи и тащите их к краям документа.

Создание заготовки «радуга»

Создайте еще один новый документ «Ctrl+N» такого же размера, как и первый. Выберите инструмент «Градиент». В меню для «Градиента» надо нажать на вторую кнопку слева. У вас откроется палитра с разными вариантами градиентной заливки. Нажмите мышкой на нужный вариант радуги и на кнопку «Да». Теперь зажмите клавишу «Shift» и проведите на чистом документе черту сверху вниз. На листе появится сплошная заливка виде радуги.

Теперь этот слой надо продублировать (нажмите на документ, и нажмите сочетание клавиш «Ctrl+J»). Теперь сделайте вторую радугу и расположите ее над первой. Для этого откройте меню «Изображение» и выберите пункт «Размер холста». В появившемся окне есть квадрат со стрелками. Нажмите мышкой на средний квадрат снизу, центр нашего изображения переместился. Для длины и ширины документа укажите размер в 200 пикселей. Нажмите «Да». Теперь нажмите мышкой на радужную заливку, зажмите клавишу «Shift» и перетащите «радугу» в верхнюю часть документа. В итоге документ приобрел квадратную форму и двойную радужную заливку.

«Радуга» у нас расположена на двух разных слоях, эти слои надо соединить (зажмите «Shift», нажмите на второй слой и нажмите «Ctrl+E»).

Соединение надписи и «радуги»

Расположите окна с надписью и «радугой» так, чтобы оны были видны оба. Нажмите мышкой на «радугу», не отпуская кнопки мыши, перетащите «радугу» на надпись. «Радуга» должна закрыть надпись полностью. Расположите слой с «радугой» таким образом, чтобы и вверху и внизу документа располагалась полоса красного цвета.

Теперь надо сделать так, чтобы «радуга» окрасила собой буквы надписи. Для этого зажмите «Ctrl», не отпуская его, нажмите левой кнопкой мыши на пиктограмму «Текст» в палитре слоев. Текст выделен и контуры букв видны на фоне радужной заливки. При этом активным остается слой с «радугой». Не снимая выделения с этого слоя, нажмите кнопку «Маска» в нижней части палитры слоев. Теперь вы видите надпись, буквы которой окрашены в радужные цвета. Теперь надо отвязать «маску». Нажмите мышкой на символ «фигурные скобки» (он расположен на слое с «радугой» между миниатюрой слоя и «маской» слоя). Надпись осталась цветной.

Чтобы надпись не сливалась с фоном, буквам надо сделать контур. Сделайте двойной щелчок мышкой по слою с текстом в палитре слоев. В появившемся меню поставьте галочку в последнем пункте («Обводка»). В правой части экрана нажмите на цветной прямоугольник, появится окно с палитрой, нажмите мышкой на любую точку палитры, например, на темно-синюю область. Это будет цвет нашего контура для надписи. Толщину контура поставьте в 1 пиксель, нажмите «Да».

Как анимировать надпись?

Откройте меню «Окно», нажмите на пункт «Анимация». Появится меню для создания анимации. Наша картинка с радужной надписью будет первым кадром анимированного изображения. Нажмите на кнопку «Последний кадр». В полосе раскадровки теперь два абсолютно одинаковых кадра. Перейдите на слой с «радугой», зажмите «Shift» и мышкой «прокрутите» заливку вниз, чтобы все цвета прошли через надпись (вверху снова будет сиреневый цвет, а внизу желтый). Перейдите в окно «Анимация» и выделите оба кадра. Нажмите на кнопку «Добавить кадры» в этом окне. Количество кадров укажите «10», нажмите «Да». В полосе прокрутки появилось 12 кадров.

Для проверки полученного эффекта нажмите кнопку «Воспроизведение» в окне «Анимация». Надпись будет менять цвет. Остановите воспроизведение анимации. Зайдите в меню «Файл», нажмите «Сохранить для WEB». В окне сохранения нажмите «Сохранить», дайте файлу название, укажите место для его хранения, нажмите «Сохранить».

В следующем уроке мы продолжим изучать тему «Photoshop анимация» и расскажем о том, как делать анимацию из фотографий.

Сайт оказался для Вас полезным?

View Results

Loading ... Loading ...