Автор Тема: Создание анимации при помощи инструмента Осветлитель  (Прочитано 3009 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Лора

  • Администратор
  • *
  • СПАСИБО:
  • - Вас поблагодарили: 406
  • Сообщений: 1420
  • Пол: Женский
  • Жизнь прекрасна и удивительна
    • Взгляд на Мир
Сегодня представляю  вам первый урок по анимации. Он будет посвящен  созданию «бликов» при помощи инструмента «осветлитель» на панели инструментов.

Шаг 1.
Для данного урока я выбрала картинку, полученную из обычного фото розы, предварительно  обработанного  при помощи  специального фильтра Redfield/ Fractalius.
Об этом фильтре мы поговорим чуть позже, в следующих уроках, а пока просто берем картинку и загружаем ее в фотошоп.



Шаг 2.
Создаем два дубликата нашей картинки. Это можно сделать двумя способами: выбрав из контекстного меню  пункт «создать дубликат слоя» или просто нажав на кнопочку- конвертик внизу, который я специально для вас выделила зеленым контуром.



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



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

Шаг 4
Выбираем в основном меню фотошопа - окно «Анимация». При его открытии, в правом нижнем углу есть кнопочка «Преобразовать в покадровую анимацию». Нажимаем ее и получаем первый кадр нашей анимации. Смотрите окошко анимации внизу фото.



Выбираем слой 1. Остальные два слоя закрываем ( убираем с них «глазик»).
И аккуратно инструментом «осветлитель» проходимся ( как бы рисуем) по нескольким кромкам и местам картинки-розы. Чтобы вам  было наглядно, я обвела участки, на которых  я поработала.

Здесь главное – понять принцип. Места, которые осветляются  на слое 1, не должны совпадать с местами осветления  для других двух слоев, чтобы «блики»  появлялись в разных местах картинки. 

Оффлайн Лора

  • Администратор
  • *
  • СПАСИБО:
  • - Вас поблагодарили: 406
  • Сообщений: 1420
  • Пол: Женский
  • Жизнь прекрасна и удивительна
    • Взгляд на Мир
Шаг 5.
Создаем второй кадр анимации.  Для  этого  нажимаем на кнопочку  на панели анимации «создать новый кадр», которую я обвела зеленым цветом. Появляется второй кадр.  Затем  включаем слой 1 копия, и выключаем   слой 1.




А дальше продолжаем работать аналогично шагу 4, то есть  инструментом «осветлитель» обрабатываем иные места на картинке. Я их тоже обвела для наглядности.

Шаг 6.
Создаем третий кадр анимации.  Только  теперь выключены два нижних слоя и включен слой 1 копия 2.  Места для «обработки» опять же показала на картинке.



Будьте внимательны при включении и отключении слоев. Первый кадр- «глазик» включен только 
на слое 1,  второй кадр- «глазик» включен только  на слое 1 копия, третий-«глазик» включен только  на слое 1 копия 2 .

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



Нажмите на кнопочку  «пуск анимации», это треугольничек, обычный символ для пуска на всех видеоустройствах ( я обвела его зеленым цветом)
Ваша картинка ожила!!!

А вот теперь можно поиграться со временем кадра. Попробуйте - установите его другим и опять запустите анимацию. Таким образом, можно получить желаемый результат.
 
Да, чуть не забыла. Для того, чтобы анимация была непрерывной , надо выбрать в нижнем меню окошка анимации- режим «постоянно» . Если же хотите , чтобы анимация повторялась определенное количество раз, а потом остановилась, то выбирайте  «однократно» или «другое» - выбрав нужное количество повторений!



Шаг 7.
Сохраняем нашу анимацию.
Файл - Сохранить для WEB и устройств...



Выставляем вот такие параметры и не забываем уточнить размеры изображения, приведя их к стандартным (если нужно).Сохраняем.
Анимация готова!!!



Вот еще парочка  моих анимаций, созданных с применением инструмента "осветлитель".





Будут вопросы, задавайте! Творческих вам успехов!!!

Оффлайн Teresa

  • Интересуюсь
  • **
  • СПАСИБО:
  • - Вас поблагодарили: 37
  • Сообщений: 73
  • Пол: Женский
    • Создаем видео
Спасибо Лора! Вот пришла к вам :) Хочу уроки! :)
У меня только азы Фотошопа, а мне надо бы поучиться...

Оффлайн Лора

  • Администратор
  • *
  • СПАСИБО:
  • - Вас поблагодарили: 406
  • Сообщений: 1420
  • Пол: Женский
  • Жизнь прекрасна и удивительна
    • Взгляд на Мир
Teresa,
 Буду стараться делать разнообразные уроки! может быть, что-то и пригодится!!! Молодец, что пришла!!! 

Оффлайн KET

  • Общаюсь
  • ****
  • СПАСИБО:
  • - Вас поблагодарили: 192
  • Сообщений: 280
  • Пол: Женский
    • Мир фракталов
Лора,  спасибо за урок! Давно на него смотрела, только дойти никак не могла. Чудесная у тебя получается анимация!
Вот мой результат.

Оффлайн Ди

  • Осваиваюсь
  • ***
  • СПАСИБО:
  • - Вас поблагодарили: 37
  • Сообщений: 103
  • Пол: Женский
Я тут слегка позанималась ерундой и вот что вышло)))



Грубовато, конечно, но это же мой первый опыт! Я довольна, аки слон!  :D
Лора, спасибо за урок))

Оффлайн Лора

  • Администратор
  • *
  • СПАСИБО:
  • - Вас поблагодарили: 406
  • Сообщений: 1420
  • Пол: Женский
  • Жизнь прекрасна и удивительна
    • Взгляд на Мир
KET, Прекрасно получилось! Только ты использовала всего лишь 2 кадра анимации? Или просто не закрыла один слой, когда делал третий кадр...
потому что анимация получилась двушаговой))) 

Оффлайн Лора

  • Администратор
  • *
  • СПАСИБО:
  • - Вас поблагодарили: 406
  • Сообщений: 1420
  • Пол: Женский
  • Жизнь прекрасна и удивительна
    • Взгляд на Мир
Ди,  для первого раза получилось отлично! только  если у тебя "дорожка" переливается, то должна была и земля чуток переливаться) Но дорожка получилась классно!!! переливы равномерно расположены и есть ощущение движения воды!!! Умничка!!! :)

Оффлайн KET

  • Общаюсь
  • ****
  • СПАСИБО:
  • - Вас поблагодарили: 192
  • Сообщений: 280
  • Пол: Женский
    • Мир фракталов
Ди,  мне очень понравился результат! МОЛОДЕЦ!!!
Лора, да, есть такой "косяк" как двушаговая анимация... Не знаю, что на меня нашло, почему только два кадра?  :-[

Оффлайн Лора

  • Администратор
  • *
  • СПАСИБО:
  • - Вас поблагодарили: 406
  • Сообщений: 1420
  • Пол: Женский
  • Жизнь прекрасна и удивительна
    • Взгляд на Мир
KET, Просто надо быть очень внимательной и отключать "нерабочие" слои)) Я в первый раз, когда делала анимацию такого вида, тоже промахнулась)) Случайно забыла закрыть нерабочий слой и получилось, что на одном кадре два слоя объединились и получилась вот такая двухкадровая анимация)) но скажу так- порою двухкадровая анимация тоже очень даже неплохо смотрится)) только надо чуть увеличить время кадра и получается как я называю- "эффект неработающего светофор( когда горит и мигает только оранжевый "глазок"))