Анимация в 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-файла.

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

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

 

Кто на сайте

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

  • OlegNakroshaev

Помощь сайту

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

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

В примечании к платежу, при желании, укажите свои данные.

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

Вход на сайт

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

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

Соглашение

 

 

 

 

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

Присоединяйтесь в

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

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70