Курс занятий по Photoshop
1 1 1 1 1 1 1 1 1 1 Рейтинг 0.00 (0 Голоса)

Web-баннер

Перед началом создания анимационного изображения необходимо подготовить все необходимые элементы анимации слайды.

1. Откройте Photoshop, создайте новый документ 480 X 50 пикселей. Залейте фон светло зеленым цветом (R: 116; G: 192;B: 87).

2. Создайте новый текстовый слой с надписью «Searching for the dream of your life?» шрифтом Arial, размер 14.

Затем растеризуйте его (Layer-> Rasterize-> Layer)

3. Дублируем слой с текстом. Применяем размытие Motion Blur (Filter -> Blur-> Motion Blur) с такими параметрами

Angle: 90

Distance: 10

4. Создаем новый слой и называем его white background. Заливаем белым цветом.

 

5. Создаем новый слой с названием Car1 и размещаем на нем рисунок Auto_R, так как показано на рисунке слева.

6. Дублируем слой Car1 и переименовываем его в Car2. Трансформируем изображение авто (Edit-> Free Transform) сохраняя пропорции (удерживая Shift и Alt) так, чтобы оно занимало приблизительно 2/3 нашего изображения как показано на рисунке.

7. Снова дублируем слой Car1 и переименовываем его в Car3. затем снова трансформируем изображение авто (Edit-> Free Transform) сохраняя пропорции (удерживая Shift и Alt), но так, чтобы оно полностью отображалось на холсте

8. Создайте новый текстовый слой с надписью «Search no more.» шрифтом Arial, размер 24, bold.

Затем растеризуйте его (Layer-> Rasterize-> Layer) и располагаем в центре.

9. Дублируем слой с текстом. Применяем размытие Motion Blur (Filter -> Blur-> Motion Blur) с такими параметрами

Angle: 0

Distance: 30

10. Берем инструмент Rectangle Tool в режиме Shape Laers и рисуем прямоугольник, превосходящий по размерам наш холст того же цвета что и первый слой.

11. Создаем новый слой с названием Car4 и размещаем на нем рисунок Auto_L, так как показано на рисунке слева.

12. Создаем новый слой с названием car light. При помощи инструмента Polygonal Lasso выделяем замкнутую область, служащую светом фар автомобиля. Заливаем выделение белым цветом.

13. Добавляем на этот слой маску, нажав на кнопку Add layer mask на панели Layers.

Пользуясь инструментом Gradient Tool (foreground to transparent) в режиме Radial Gradient рисуем на маске окружность в центре всего изображения.

14. Завершаем нашу подготовку текстовым слоем с надписью «meet ITTO»

После всех произведенных операций, вы должны получить 13-ть слоёв которые выглядят примерно так, как показано на рисунке справа.

С подготовкой используемых слоев закончено. Теперь, используя созданные нами слои, попытаемся создать кадры, которые и будут составлять нашу анимацию. Для этого необходимо нажать кнопку “Jump to ImageReady”

 

В создание первый четырех кадров нет никакой сложности. На одной рамке отображается два слоя, один из которых background. Для отображения или скрытия какого-либо слоя вам необходимо кликнуть на соответствующую кнопку палитры Layers

А) На первой рамке отображаем слой «Searching for the dream of you_blur».

Б) Дублируем рамку три раза нажив на копку Duplicates current frame

В) На второй рамке заменяем отображения слоя «Searching for the dream of you_blur» на «Searching for the dream of you» и устанавливаем время задержки на 2 секунды

Г) На четвертой рамке должен быть виден только background и время задержки 0,1сек

На пятой рамке отображается слой White background и Car2.

Для создания шестой рамки дублируем пятую, после чего заменяем слой Car2 на Car1.

Следующие три рамки ( 7,8,9 ) схожи межу собой. На всех трех отображается слой White background и Car3.

На седьмой рамке помимо двух других слоев отображается слой «Search no more_blur» изображение которого смещено в левый край кадра.

На восьмой рамке изображение слоя «Search no more_blur» распологается по центру.

На девятой рамке слой «Search no more_blur» заменяется на слоем «Search no more»

На последующих семи рамках происходит последовательное смещение связанных слоев:

Green background Search no more. Car3 White background

На семнадцатой рамке используется только слой маска (Green background) и слой Car4, изображение которого смещено в левый край рамки (так как показано на рисунке справа)

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

На 19-ой рамке к используемым слоям добавляется слой «car light».

На 20-ой рамке к используемым слоям добавляется последний слой «meet ITTO»

Время задержки рамок 17-20 выставьте в соответствии с поясняющим рисунком.

Добавить комментарий


Защитный код
Обновить

По темам:

История Украины

Культурология

Высшая математика

Информатика

Охотоведение

Статистика

География

Военная наука

Английский язык

Генетика

Разное

Технологиеские темы

Украинский язык

Филология

Философия

Химия

Экология

Социология

Физическое воспитание

Растениевосдство

Педагогика

История

Психология

Религиоведение

Плодоводство

Экономические темы

Бухгалтерские темы

Маркетинг

Иностранные языки

Ветеринарная медицина

Технические темы

Землеустройство

Медицинские темы

Творчество

Лесное и парковое хозяйство