Анимация в Photoshop доступна каждому. С помощью программы Photoshop  вы сможете самостоятельно создать анимационную картинку.

Если у Вас не работает пункт в меню "Файл" - "Сохранить для WEB", то решение проблемы Вы найдёте здесь.

Большая просьба сообщать о неработающих ссылках в комментариях.

Вы можете получать уроки по созданию анимации на свой адрес.

Для этого введите свои данные в форму подписки ниже:

 

 

Как сделать анимацию в фотошопе используя кисти Боке

 

Как сделать анимацию в фотошопе

используя кисти Боке

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

Я, кто ещё помнит, обещал продолжить эту тему и расширить её таким эффектом, как кисти Боке.

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

Для справки (из Википедии): Боке́ (от яп. ボケ боке — «размытость», «нечёткость») — термин, появившийся в русском языке в конце 1990-х годов и описывающий субъективные художественные достоинства части изображения, оказавшегося не в фокусе на фотографии. На многих изображениях фон размывается фотографом намеренно, для визуального выделения главного объекта съёмки.

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

Он хорош там, где надо подчеркнуть главный объект, размыв при этом фон. А при анимации, ещё и тем, что позволяет нам создать новые источники света для того, чтобы выделить (высветлить) отдельные участки или, наоборот, притемнить другие. Т.е., при отсутствии явных источников света, мы с Вами можем создать их искусственно кистями Боке светлых оттенков, создавая игру света и тени.

Рассмотрим этот урок на примере открытки, которую я подготовил специально для этого урока - « С первым летним днём!».

Как сделать анимацию в фотошопе инструментами осветления и затемнения

 

Как сделать анимацию в фотошопе

инструментами осветления и затемнения

 Уроков, посвящённых анимации картинок, написано в большом количестве.

Но  эффектов в фотошопе очень много, как и приёмов работы с различными инструментами, с помощью которых можно сделать анимацию.

Одни из таких инструментов -  осветлитель и затемнитель (О). 

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

Будем делать простую анимацию свечи.

Хочу сразу оговориться, что представленный здесь файл GIF пришлось уменьшать и ухудшать в связи с требованиями сайта к размещению файлов – не более 80кБ, так что качество гифки здесь, мягко говоря, не очень.

В архиве увидите файл исходного качества.

На примере анимации свечи эффект от этого приёма выглядит более наглядно. Но, конечно же, этот приём можно применять, и к другим картинкам. Например, я сделал такую вот открытку с первым днём лета. Но об этом позже.

Гифки в исходном размере можете посмотреть в архиве, в приложении в конце урока.

Эффект перелистывания страниц в фотошопе

 

Эффект перелистывания страниц

в  фотошопе

Вы все, наверное, видели эффект перелистывания страниц альбома, журнала. Такого эффекта можно добиться во многих программах – Adobe After Effects, Sony Vegas, других программах видеомонтажа. Есть и специализированные программы, заточенные под этот эффект – например, FlipBook Maker.

Давайте сделаем подобный эффект перелистывания страниц в нашей любимой программе фотошоп.

К сожалению, много фотографий в эту анимацию поместить сложно (хотя и можно). Основная сложность заключается в том, что с увеличением количества кадров анимации в разы увеличивается вес файла и, соответственно, время открытия этого файла в браузере.

К примеру, я в своей работе использовал 8 фотографий (4 разворота) и на выходе получил GIF-файл весом 8,63 МБ при исходных размерах (1200х1000 пикс.).

При уменьшении размера картинки до 350х292 пикс. удалось снизить вес до приемлемых 291 КБ, хотя требования этого сайта – файлы не более 80 КБ. Именно по этой причине здесь представлен файл не лучшего качества.

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

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

Gif анимация в фотошопе (Эффект прожектора)

 

Gif анимация  в фотошопе

(Эффект прожектора)

 Доброго Вам дня, уважаемые коллеги.

Сегодня хочу рассмотреть с Вами интересный эффект Gif анимации в Фотошопе – эффект прожектора. Как это выглядит в конечном итоге, Вы видите ниже.  

Делать простенькие анимированные гифки наверняка может каждый из вас – была бы идея. Мне же хочется сделать акцент немного на другом моменте.

Зачастую, проделав большую работу над воплощением свой идеи в Gif-анимацию, понимаешь, что никакая оптимизация конечного файла с помощью «Сохранить для WEB» вас не спасает от очень большого веса GIF-файла.

Что же можно предпринять для уменьшения веса с сохранением качества?

Рассмотрим в этом уроке.  Ну и за одно, конечно же рассмотрим как сделать тот самый "Эффект прожектора". 

 

Анимация текста в фотошопе

 

Анимация текста в Фотошопе

(Анимация с появлением и исчезновением текста)

 В этом уроке создадим интересную анимацию текста в фотошопе – эффект с появлением и исчезновением текста.

 

Анимация с водой

Анимация с водой

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

Я нашла картику с водопадом для урока, которая мне очень понравилась и вот как у меня получилась анимация водопада:

30

 

Интересна тема анимации? Тогда посмотрите видеокурс и вебинар:

Смотреть бесплатный видеокурс по анимации

Смотреть бесплатный вебинар по анимации

 

Анимация движения

Анимация движения

В этом уроке мы будем учиться делать анимацию движения. Я нашла для урока персонаж симпатичного лягушонка на прозрачном фоне. Вы можете найти любой персонаж для урока для этого нужно в Яндексе набрать : "PNG персонаж".

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

В результате урока, у меня получился вот такой забавный лягушонок, который машет лапой и моргает глазами:

0

Интересна тема анимации? Тогда посмотрите видеокурс и вебинар:

Смотреть бесплатный видеокурс по анимации

Смотреть бесплатный вебинар по анимации

 

Анимация для сайта в фотошопе

Анимация для сайта

в фотошопе

В уроке "Анимация для сайта в фотошопе" мы будем создавать анимированную шапку для сайта.

Требования сайтов к анимированной шапке имеют определённые условия, которые ограничивают размер и вес анимированной картинки, поэтому в этом уроке я показала, как сделать лёгкую анимацию шапки для сайта, чтобы вес анимированной картинки не был слишком большим.

Я буду использовать для своей работы логотип Google. Так же я буду использовать фон для этой работы, который я нашла в Интернете и вот какая анимированная шапка для сайта у меня получилась:

0

Интересна тема анимации? Тогда посмотрите видеокурс и вебинар:

Смотреть бесплатный видеокурс по анимации

Смотреть бесплатный вебинар по анимации

 

Кто на сайте

Сейчас 1008 гостей и один зарегистрированный пользователь на сайте

  • suniavx

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

Администрация сайта.

Пользователи, внесшие вклад

Вход на сайт

 Начните свой путь в мир ФОТОШОПА сейчас!

 

 

 

 

PhotoshopSunduchok

В контакте

 

 

PhotoshopSunduchok

на You Tube

You Tube

PhotoshopSunduchok

в Instagram

 

 

PhotoshopSunduchok

в Twitter

Поиск по сайту

Что в сундучке?

  • Текстовых уроков - 1084
  • Видеоуроков - 734
  • Вебинаров и тренингов - 66
  • Практических советов - 162
  • Программ - 7
  • Шаблонов, обоев и клипартов - 352
  • Наборов кистей, фигур - 305
  • Календарей - 114
  • Наборов рамок - 536
  • Книг, журналов - 124
  • Текстур, узоров и фонов - 37
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 48
  • Шрифтов - 78
  • Разное - 61