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

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

Подробнее

Двойная экспозиция с анимацией. Новый взгляд.

Тема двойной экспозиции сейчас очень популярна. Когда средствами Photoshop соединяется во едино несколько фотографий, как правило, образ человека и какой-либо пейзаж. Причем один образ (фон) существует в рамках другого (контуры лица человека, например). В сети масса уроков о том, как создать двойную экспозицию в Photoshop. Но я не видела ни одного, где предлагалось бы сделать двойную экспозицию из фото и видео и получить анимированную дойную экспозицию в Photoshop. Сегодня мы исправим эту ситуацию. Приглашаю всех к началу урока, с которым справится даже начинающий дизайнер.

Подробнее

Коллекция шаблонов анимации зверей и птиц

Для создания качественной анимации, нужно, чтобы все движения персонажа были реалистичны  и отвечали законам физики. Когда нюансов много, и всех их трудно учесть, на помощь приходят референcы или так называемые шаблоны анимации, созданные более опытными художниками и аниматорами. Особенно здорово, когда такие шаблоны содержат в себе зацикленную анимацию, например, походки, прыжка, полета и так далее. Где найти такие шаблоны? У меня есть ответ!

Подробнее

Живое фото для Инстаграм в Photoshop. Анаглиф.

Всем привет! Сегодня я хочу вернуться к теме анимации в Photoshop. И речь пойдет о создании живого, анимированного фото для Инстаграм. Эта тема достаточно актуальна, так как в настоящее время, наличием просто качественной фотографии или всевозможными фильтрами, наложенными на нее – не удивишь. Статика уже не привлекает столько внимания, как раньше. И на смену ей приходит анимация. Я люблю создавать анимацию в среде Photoshop и дальше буду продолжать публиковать уроки на эту тему, ну а в конце данной статьи вас ждет приятный бонус — исходный файл работы в формате PSD, куда вы сможете вставить свое фото.

Подробнее

Анимированный баннер в Photoshop

Всем привет. В текущей статье я покажу вам, как можно сделать gif баннер средствами Photoshop. Вообще, я привыкла делать баннеры и анимацию в Adobe Flash и Adobe Animate. Естественно, Photoshop не сравнится с данным пакетом по функционалу для анимации. Но все же достаточно простые и интересные баннеры в Photoshop делать можно, ведь в его новых версиях, начиная с CS5, насколько я знаю, появились возможности создавать анимацию прозрачности, масштабирования, перспективы и т.д. Рассмотрим процесс создания gif баннера в Photoshop на примере работы, расположенной в заголовке статьи. Если вас заинтересовал такой вариант баннеров и вы не можете сделать его самостоятельно, закажите у меня создание такой анимации  — заполняйте форму обратной связи и я вам обязательно отвечу

Подробнее

Контурная анимация в Adobe Flash (Adobe Animate)

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

Подробнее