Сайт дня (как попасть): 30% денежные возвраты с каждой покупкой на eBay.com
Дорогие друзья, как я и обещал в комментариях к посту Как увеличить эффективность партнерских баннеров + бонус, предлагаю вам свой видеоурок о том, как сделать баннер с анимацией в Photoshop.
Рекомендую смотреть видеоурок в полноэкранном режиме (чтобы выйти из него, просто нажмите Escape.). Это можно сделать нажатием на иконку Fullscreen Toggle:
В этом видеоуроке я покажу, как быстро сделать самый простой анимированный баннер. Работать буду в программе Photoshop CS3. Такой баннер можно создать в любой версии Фотошопа (просто в более ранних версиях нужно будет переходить в программу Image Ready, ее кнопка будет в самом низу панели инструментов).
Баннер получится самый простой, я решил не делать разные стили и эффекты, чтобы легче было понять суть создания анимации.
Любой эффект в Photoshop можно проделать разными способами, в видеоуроке я приведу свои.
Все нужные сочетания клавиш я сделал в виде всплывающих подсказок.
Так что желаю Вам приятного просмотра. Если захотите дальше развиваться в Фотошопе, то добро пожаловать на мой сайт Уроки Photoshop, на котором я пишу уроки с 2006 года.
Постовой: Приближаются выборы 2010, что нас ждет?
Luxury Swiss replica - free shipping worldwide.
Best replica watches of all the best Swiss, Italian an French watchmaking companies.
Десерт на сегодня - увлекательная flash игра, в которой нужно стрелять зомби дождливой ночью. Чтобы использовать щит, жмите пробел:
Подпишитесь на рассылку блога с полезными материалами по SEO
Меня зовут Михаил Шакин, я автор этого блога, занимаюсь SEO с 2006 года. Вы можете заказать у меня
хороший урок, новичкам будет полезен 100%
Спасибо, полезный урок. Только в конце, когда сохраняли gif картинку, можно было сказать, что если поэкспериментировать и выбрать минимальное количество цветов, при котором не ухудшится качество изображения - то можно прилично уменьшить размер файла. В вашем случае думаю можно было бы поставить 32 или даже 16.
Просто, понятно и практично. Спасибо, Михаил, за доходчивый урок 🙂
Ян, в уроке можно добавить много настроек и эффектов, я поставил цель показать, как сделать самый простой анимированный баннер. Остальное - лишнее.
Хоть я уже и не раз делал анимированные баннеры, все равно было интересно и я увидел чуть другой подход к этому делу.
Спасибо.
Спасибо большое! Этот урок оказался мне очень полезен, я как раз осваиваю фотошоп.
Михаил, а почему не рисовать банеры сразу в разных слоях,
что-бы лишний раз на сохранять и открывать их. Это даже проще нарисовал скопировал изменил.
спасибо, очень полезный урок)
Все просто и понятно, сам пользуюсь точно таким же методом создания анимированных баннеров. Михаил, вы через какую программу видео делали, Wink?
Дмитрий, конечно, можно и на слоях, и даже быстрее, но я уверен, что показанная схема более понятна новичкам.
Starche, делаю в Camstasia.
Спасибо, как раз нужно сделать несколько анимированных баннеров 🙂
Интересный урок, я раньше делал немного не по такому принципу .
немного по флеш игре: обычно когда зомби стреляешь в голову он должен погибнуть быстрее здесь же все наоборот 🙂
Спасибо Михаил за видео урок буду учиться рисовать, про что обозначил в Интересно почитать.
Как все просто и доступно... а я все боялась :)))) Пойду фотошоп скачивать.. Спасибо.
А есть фотошоп на русском?
Здравствуйте, Михаил!
Читаю ваш блог постоянно, спасибо за интересные и полезные публикации.
У меня вопрос:
Видео плеер, который вы использовали для просмотра этого видео, можно о нем по подробнее рассказать? Или направьте куда-то почитать о нем)
Спасибо 🙂
Артем, просто ролик залит на blip.tv, там можно сделать свой плеер, вернее, задать его вид.
Михаил, спасибо за урок - просто и понятно. А фотоматериалы к статьям также в фотошопе готовишь? Понравилось, что весят 30-40 килобайт в норм. качестве
Очень полезный урок. Как раз делаю первые шаги в фотошопе.
P.S. Уже пару дней хотел посмотреть данный урок, да все времени не было. Сегодня вот выделил время, и как оказалось, не зря. Спасибо!
Михаил, спасибо. Интересно и доходчиво.
Хотел задать вопрос: почему нельзя было в слоях такое реализовать но уже получил ответ в комментах))
А можно как-то в фотошопе усложнить изменение картинок? т.е. какой-нибудь морф или может еще что-то. а то получается конечно интересная гифка, но с морфом было бы интереснее))
ua-blogger, да, все картинки обязательно оптимизирую в Фотошопе. У меня правило - картинка должна весить менее 40 Kb.
snov, задача урока - показать самую простую анимацию. По разным эффектам и так море уроков.
для меня как новичка в фотошопе, видеоурок оказался очень полезным и интересным, да восприятие информации с видео намного эффективнее недели читать урок. спасибо
Года 3 уже леплю флэш банеры в визуальных редакторах, и с фотошопом вроде знаком, а всё руки не доходили изучить анимацию, хоть так начну. Спасибо за пинок в нужную сторону ))
У меня проблема у меня кнопка make frem from player не высвечивается я на неё не магу нажать что мне делать??
Спасибо за отичный урок и сайт!
А можно ли скачать данный урок? Очень надо.
Заранее спасибо:)
У меня вопрос - Когда я в самом конце сохраняю, у меня нет "Сохранить для Веба". Я просто сохраняю в формате gif и он не движется
Здраствуйте!!!
Мне очень помог ваш урок,я сделал себе баннер на сайт сама анимация на компе пашет а когда поставил баннер на сайт то картинку не показывает а когда пытаешься прейти по банеру пишет что страницы не существует или сайт удалён!!!Что вы мне можете подсказать
Денис, если картинка не показывается, проверьте ее наличие на хостинге или путь к ней, а также расширение gif. Ссылка перехода - укажите нужный адрес.
Добрый день.
Урок хороший, а можно такой же урок только для 4 версии фотошопа, у меня 4 версия а вней не такое меню.
Спасибо
СПАСИБО БОЛЬШОЕ ВЫ МНЕ ОЧЕНЬ ПОМОГЛИ
Спасибо огромное за видео!!! =)
А как сделать что бы по концовке кадров баннер остнанавливался ?
У меня возникла проблема в начале урока, - выдает ошибки при нажатии "Файл>Сохранить для web"
Версия фотошопа: 10.0 CS3
Переустановка не помогла, браузер был выключен..подскажите пожалуйста как исправить..?
Заранее спасибо.
Спасибо за урок! Он мне ОЧЕНЬ помог!!!!!!!!
Почему загружается только пол видео??? А дальше не идёт... 5 раз обновлял...на том же месте останавливается((