wordpress themes.

Adobe Photoshop, Графика, Графические редакторы

Создаем анимационный блеск в Adobe Photoshop


Как сделать анимацию или эффект блесток (глиттеры) в графическом редакторе Adobe Photoshop?

Загружаем нужное нам изображение на рабочий стол редактора.

Я выбрала вот эту симпатичную картинку. Добавим блеска розам.

Продублируем наш слой, для этого перетащим слой с исходным изображением на значок создания дубликата слоя.

Слой с оригиналом можно удалить, а дубликат еще раз продублировать.

Работать будем с самым верхним слоем. Увеличиваем наше изображение с помощью инструмента «Лупа».

Находим инструмент «Быстрое выделение» с плюсом, и выделяем каждую розочку поочередно. Если где-то выделилось лишнее, то берем этот же инструмент с минусом и аккуратно все подправляем.

Делаем инверсию.

И вырезаем.

Поработаем со слоем с вырезанными розочками. Дважды щелкнем левой кнопкой мыши (ЛКМ) на этом слое.

Открывается таблица «Стиль слоя», где мы выделяем параметр «Тиснение».

И настраиваем его так:

Не нажимая «ОК»,  ставим галочку и выделяем «Контур». Настраиваем его.

Подобным образом выделяем и настраиваем параметр «Текстура». Выбираем подходящий узор.

И только после всех этих настроек нажимаем «ОК». Должна получиться вот такая картинка.

Если у вас нет такого узора, то возьмите какой-то из этих, я использовала первый.

Как его вставить в Фотошоп? Очень просто. Сохраняете рисунок на своем компьютере и открываете его в Adobe Photoshop, как любой другой файл, с которым собрались работать. Дальше – меню «Редактирование» и «Определить узор».

Узор сам загрузится в Photoshop, во вкладку «Узоры». Таким образом, вы можете сами создавать любые узоры и текстуры, но об этом поговорим в следующем уроке.

Сделаем копию слоя с получившимися розочками и сместим немного блестки. Для этого, делаем активным верхний слой и дважды кликнем на эффект «Тиснение». У нас опять откроется таблица «Стиль слоя», но она нам не нужна, никакие настройки мы производить не будем, а на картинке, на рабочем столе, курсором сдвинем блестки немного в сторону, на несколько пикселей.

Можно сделать не один, а несколько таких слоев с копией и в каждом слое проделать подобную процедуру.

Теперь, когда количество изображений достаточно для коротенького фильма на картинке, мы приступаем к созданию анимации: «Окно» => «Анимация».

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

Теперь оставляем видимым фоновый слой и один из слоев с блестками и нажимаем на кнопку создания нового слоя (кадра). Появился новый слой с текущими данными.

Следующим действием – опять оставляем видимым фоновый слой и уже следующий слой с блестками и опять добавляем этот новый слой.

Таким образом, делается любая анимация — сначала создаются слои, потом они поочередно добавляются  как новый слой в окно создания анимации.

Настраиваем время задержки каждого кадра.

Проверяем, что у нас получилось. Для этого просто запускаем анимацию, которая оживает у нас на рабочем столе, а в окне анимации синяя рамочка перемещается с одного кадра на другой.

Если что-то у вас не получилось, то всегда можно вернуться назад и переделать. Я удалила один кадр, посчитала, что так будет лучше.

Анимация готова. Розочки ожили, мы создали эффект блесток.

Сохранять анимацию нужно в формате GIF,  «Файл» => «Сохранить для Web и устройств…» (Alt + Shift +Ctrl +S).

Проследите, чтобы в настройках открывшегося окна,  в «Формате оптимизации файла», стоял формат GIF, только тогда нажмите кнопку «Сохранить».

Желаю удачи в выполнении урока.

 



Подпишитесь на RSS-обновления моего блога по E-Mail, чтобы быть в курсе последних обновлений.

Станьте читателем моего электронного журнала - "Раскрываем тайны компьютерной графики", подпишитесь на мою бесплатную рассылку и получите Подарок!...

Добавь пост в Закладки:

Читайте на этом блоге...

Tags: , , , , , ,

24 комментария to “Создаем анимационный блеск в Adobe Photoshop”

  1. On 26.07.2011 at 16:44 irina-se responded with... #

    Галина, спасибо Вам! как всегда, все наглядно и пошагово )

  2. On 26.07.2011 at 22:10 Cветлана responded with... #

    как красиво получилось!

  3. On 27.07.2011 at 0:24 Наталья responded with... #

    Удивительно подробно все изложено. Попробую применить на досуге))) Давно хотела научиться делать нечто подобное.

  4. On 27.07.2011 at 8:52 tankard39 responded with... #

    А я думал, с помощью какой программы это делают.. Теперь ясно)

  5. On 27.07.2011 at 11:11 Maria Trudler responded with... #

    Какие сверкающие розочки получились у вас, Галина! Очень весело. Подойдут для праздничной открытки.

  6. On 27.07.2011 at 13:12 Диана responded with... #

    Все ясно и понятно. Спасибо!

  7. On 27.07.2011 at 18:55 Павел responded with... #

    может я что не понимаю — а нельзя было вообще не выделяя нанести блестки на лепестки и поставить другим кадром?

    • On 28.07.2011 at 9:34 Галина responded with... #

      Можно. Есть много способов, но это в следующих уроках. :)

  8. On 27.07.2011 at 19:19 Larisenok responded with... #

    как я бы хотела такое научиться делать

  9. On 28.07.2011 at 16:16 Елена responded with... #

    Спасибо огромное за такое подробное описание процесса! Теперь попробуем повторить)))

  10. On 28.07.2011 at 23:04 Kupena responded with... #

    Попробовала повторить, но запуталась. Надеюсь, получится, ведь Вы так все замечательно преподнесли

    • On 29.07.2011 at 0:15 Галина Долгих responded with... #

      Важно не упустить ничего, любая мелочь может стать роковой для выполнения любого урока на графических редакторах.

  11. On 31.07.2011 at 12:46 Художник responded with... #

    мои подписчики по фотошопу спрашивали эту тему,про блестки, можно я напишу им и скажу что Вы мой друг и вас такое есть? вообще могу рассказать так как вы скажите

    • On 31.07.2011 at 15:10 Галина Долгих responded with... #

      Танюша, я польщена. Конечно я рада нашей дружбе и благодарна за рекламу.

  12. On 31.07.2011 at 13:04 Eleshka responded with... #

    Очень красиво получилось и ненавязчиво.
    Так еще и не так все замудренно)))

  13. On 31.07.2011 at 18:58 oksanahome responded with... #

    Симпатичненько!

  14. On 03.08.2011 at 16:24 =STING= responded with... #

    Круто! Надо запомнить и сделать открытку на 8 марта)

  15. On 09.08.2011 at 0:52 Rosinka responded with... #

    Сейчас много таких открыток в социальных сетях. Красиво.

  16. On 06.11.2011 at 19:39 Машенька responded with... #

    Красотень! Я на фотке рыбе хвост и верхний плавник сделала блестящими — загляденье! :)

  17. On 20.11.2011 at 10:23 Надежда Павленко responded with... #

    Не сайт а просто клад. Столько полезного Спасибо

  18. On 24.12.2011 at 23:58 Helga responded with... #

    Давно хотела научиться такую анимашку делать. Спасибо за урок!

  19. On 03.02.2012 at 20:55 Киса responded with... #

    Спасибо! Класс! В понедельник моим ученикам понравиться! Очень благодарна!

Add your response

Get Adobe Flash player
Рейтинг блогов Рейтинг блогов Rambler's Top100 Рейтинг@Mail.ru Участник ePochta Blog Rating Карта Блоггеров Seo анализ сайта, оптимизация