Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Анимированные логотипы и эмблемы

26 июля 2014 | Опубликовано в графика | 6 Комментариев »

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

 

 


Evgeny Skidanov 


Fraser Davidson 


Seth Eckert 


Creativedash 


Fraser Davidson


Nicolas Girard


Joe Ski


Oleg Turbaba


Valentin Kirilov 


Markus Magnusson


Rich Hinchcliffe 


Seth Eckert


Phong Luong 


Seth Eckert 


Seth Eckert


Fede Cook


Linn Fritz


Igor Garybaldi


Pavel Novák 


David Urbinati 

Автор подборки — Дежурка

Смотрите также:




Комментарии

  1. Женя
    Thumb up Thumb down 0

    гениально. все понравились, хорошая подборка, спасибо!

    Ответить

  2. Татьяна
    Thumb up Thumb down 0

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

    Ответить

    Андрей Ответ:

    Thumb up Thumb down +1

    Татьяна, если оживить, то CSS3 вам в помощь =) habrahabr.ru/post/141780/ или apng :( habrahabr.ru/post/119684/

    Сами картинки лучше рисовать в векторных редакторах (на выбор illustrator, corel draw, inscape) или в растровых.

    Если вас вес и цвета будущего gif не расстраивает, то можно сделать в фотошопе и других, заточенных под это дело программ (Easy GIF Animator, Ulead GIF Animator и др.)

    Ответить

    Андрей Ответ:

    Thumb up Thumb down +2

    Adobe After Effects также можно использовать, как тут dribbble.com/shots/150435...es&offset=68

    dribbble.com/shots/130497...s&offset=155

    Здесь www.bevisionare.com использовались свойства CSS3

    Ответить

    Андрей Ответ:

    Thumb up Thumb down +2

    Все зависит от целей использования.В качестве заготовок Illustrator, далее анимация средствами After Effects, либо знанием CSS3 правил =)

    Ответить

    Татьяна Ответ:

    Thumb up Thumb down 0

    Большое спасибо за такой развернутый ответ! Буду учиться)

    Ответить

Оставить ответ


три − 1 =

Вставить изображение