ПРИСТУПАЕМ К РАБОТЕ
ПОДГОТОВКА ИЗОБРАЖЕНИЯ ДЛЯ АНИМАЦИИ
Открываем фотографию — «Ctrl+O», выбираем на компьютере картинку и жмем «Открыть».
Заходим в палитру слоев «Layers», нажав клавишу F7.
В палитре первоначально находится только один слой с нашей картинкой.
Создаем новый слой — нажимаем горячие клавиши Crtl+Shift+N, либо щелкаем по значку нового слоя в палитре слоев.
На палитре инструментов слева находим инструмент кисть — Brush Tool(B).
В верхней панели выбираем загруженную кисть с огоньком,щелкнув по маленькой стрелочке, чтобы открыть панель кистей, она будет в списке последней. Я сделала оттиск кисти в отдельном документе, чтобы вы видели какую кисть я использовала. Диаметр кисти я выбрала 90 px, если хотите, можете выбрать диаметр поменьше, тогда огоньки будут мельче.
Теперь нужно выбрать цвет для огоньков. Нажмите на верхний квадратик внизу панели инструментов, чтобы задать цвет. Выбирайте любой, какой захотите, желательно поярче, у нас же праздничная елочка. Я выбрала розовый.
Код информера Informer_2015/07/09 14:38:07Скопируйте, представленный ниже, кусок кода на свой сайт в подготовленное место для информера.Внимание! Если вы уже установили виджет на свой сайт, вы не можете изменить код загрузчика..Компактный код Асинхронный код
После того как выбрали цвет, рисуем огоньки на нашей елке в произвольных местах. Щелкаем несколько раз по одному месту, чтобы оттиск был ярче, потом переходим к другому. Рисуем одним цветом огни не по всей елке, а оставляем место для второго цвета.
Когда расставите все огоньки, создайте дубликат слоя нажав Ctrl+J (чтобы сделать огни еще ярче), затем объедините слои — выделите верхний слой и нажмите Ctrl+E (позволяет слить слой с нижним). Сразу переименуйте слой, дважды щелкнув по названию слоя в палитре слоев. Давайте всем слоям осмысленные названия, чтобы в дальнейшем упростить работу с ними. Я назвала свой слой «Розовые огоньки».
Создаем новый слой -Crtl+Shift+N, либо щелкаем по значку нового слоя в палитре слоев.
Меняем цвет, которым будет рисовать, опять щелкнув по квадратику внизу панели инструментов. Выбираем какой-нибудь другой, я выбрала голубой.
Рисуем опять огоньки уже в других местах. Называем слой «Голубые огоньки».
Теперь наша новогодняя елка горит огнями двух цветов.
Создадим еще один слой.
Уменьшаем немного диаметр кисти, выбираем белый цвет.
Рисуем поверх уже созданных огней белые светящиеся серединки.
Объединяем слои с розовыми и голубыми огоньками(выделяем слой c голубыми огнями в палитре, жмем Ctrl+E).
Теперь в палитре у нас три слоя: 1.фон, 2.слой с двумя видами огней и 3.слой с белыми серединками.
Выделяем слой с розовыми и голубыми огоньками, он находится в середине. Жмем Сtrl+J, чтобы создать дубликат слоя.
Отключаем видимость первого слоя с огоньками,щелкнув по глазу напротив слоя в списке слоев, работаем на дубликате слоя, который только что создали.
В елочных гирляндах огоньки периодически меняют цвет, давайте тоже изменим цвет слоя с дубликатом огней.
Нажимаем Ctrl+U, чтобы вызвать окно корректировки цветового тона и насыщенности «Hue/Saturation.
Передвигайте ползунок в строке Hue(Цветовой тон) для изменения цвета, остановитесь когда будете удовлетворены результатом. Можете также повысить насыщенность (Saturation), чтобы увеличить глубину цвета.
Поскольку у нас два цвета огоньков на одном слое они поменяются оба одновременно.
Скопируем слой с цветными огнями еще раз Ctrl+J. Отключим видимость предыдущего слоя, щелкнув по глазику.
Выделяем третий слой с огоньками опять меняем цвет Ctrl+U, двигаем ползунок Hue (Цветовой тон), жмем Ок.
Теперь у нас три разных есть слоя с цветными огоньками.
ДЕЛАЕМ АНИМАЦИЮ
Переходим к созданию анимации в фотошопе.
Заходим в меню «Window» — «Timeline» (Окно — Шкала времени).
Открылась шкала времени, в которой уже отображен первый кадр.
Текущие кадры на шкале времени содержат все видимые слои.
Таким образом на первом кадре у нас изображены те слои, видимость которых мы не скрывали: фон, третий слой с огоньками и слой с белыми серединками.
Всего у нас будет три кадра с разными расцветками огней. Первый кадр уже есть.
Создаем второй кадр — щелкаем по второй справа иконке внизу временной шкалы.
На втором кадре у нас пока находятся такие же слои как и на первом.
Теперь нам необходимо выключить третий слой с цветными огоньками и включить второй, чтобы на новом кадре елка загоралась уже другими цветами.
Создаем третий, последний кадр.
Отключаем в палитре слоев второй слой, включаем первый.
Все, ключевые кадры у нас готовы.
Теперь создаем дополнительные кадры, выделяя по очереди ключевые кадры и нажимая на третью справа иконку внизу временной шкалы. Дополнительные кадры нам нужны, чтобы добиться плавного перехода между ключевыми кадрами.
Выделяем первый кадр на временной шкале. Щелкаем по иконке с кружками.
В появившемся окне указываем необходимое количество дополнительных кадров. Я поставила 2.
После этого между первым и вторым ключевыми кадрами появятся 2 промежуточных. Таким образом, второй ключевой кадр переместится на 4 слева место во временной шкале.
Выделяем его, жмем кнопку добавления дополнительных кадров, также указываем 2 кадра.
Почти закончили. Выделяем последний кадр на временной шкале, для него также необходимо создать промежуточные кадры, но в отличие от первых двух кадров, где по умолчанию стояло значение (Следующий кадр), выбираем в выпадающем меню «Первый кадр», чтобы закольцевать анимацию.
Выставляем настройки для продолжительности показа каждого кадра — 0.1 сек(вы можете поэкспериментировать с продолжительностью показа кадров, замедляя или уменьшая задержку воспроизведения), и для всей анимации «Постоянно», чтобы она повторялась бесконечно.
Выделите первый кадр и начните воспроизведение анимации.
Чтобы сохранить анимацию, созданную в фотошопе, заходим в меню «File» — «Save For Web & Devices» («Файл» — «Сохранить для Web»).
Выбираем формат файла для сохранения «GIF» жмем «Сохранить…», выбираем место, куда будем сохранять,нажимаем «Сохранить».
Готово!
Вот что получилось у меня:
Код информера Informer_2015/07/09 14:38:07Скопируйте, представленный ниже, кусок кода на свой сайт в подготовленное место для информера.Внимание! Если вы уже установили виджет на свой сайт, вы не можете изменить код загрузчика..Компактный код Асинхронный код
В этом уроке мы посмотрели как создается анимация новогодней елки в фотошопе. Надеюсь, урок пришелся вам по душе!
Комментариев нет:
Отправить комментарий