Как создать анимированный баннер в фотошопе — бесплатный видео урок

как создать анимированный баннер в Фотошопе Дополнительно

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

Баннеры сегодня — это важная составляющая интернет маркетинга. Сегодня сложно представить, как бы без них выглядел интернет. Их использует практически любой человек, у которого есть свой сайт. Но, чтобы создать баннер для сайта, нужно либо отвалить денег, либо воспользоваться скудными онлайн сервисами, в которых нет никакой свободы действий.

Но есть и третий вариант — это создание баннера в фотошопе. Я считаю этот способ самым лучшим. И вот почему:

  • Бесплатность;
  • Полная свобода действий;
  • Быстрый результат;
  • Много бесплатных обучающих материалов;
  • Шаблоны всегда можно быстро подредактировать.

Однако, сначала этим способом нужно овладеть. Не обязательно быть каким-то художником или творческим человеком. Посмотрите на мои баннеры в сайдбаре справа — всех их сделал я сам. И в видеоуроке далее, я покажу основные приёмы, которые я использовал и продолжаю использовать:

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

pic30

Что скажете? Нормально получилось?

Использовав мою инструкцию можно легко создать рекламный баннер для сайта самому. Надеюсь после просмотра Вы в этом убедитесь

Дополнительные материалы

В видео я обещал поделится с Вами PSD шаблонами всех баннеров, которые я когда-либо делал. Я сдержу своё обещание, но немного позже. [1-2 дня].

И, в конце статьи я бы хотел объявить небольшую акцию: Как только статья наберёт 50 комментариев, пусть это будет даже через год, я запишу ещё одну видео инструкцию на эту же тему, но уже с другим примером. Таким образом Вы узнаете о ещё большем количестве фишек и плюшек, что сделает Вас более востребованным и высокооплачиваемым фрилансером.

В общем-то, это всё, о чём я хотел написать. Буду очень рад, если кому-то данное видео реально поможет.

Оцените статью
Текст комментария

Комментарии (26)
  1. Александр

    Урок конечно немного длинный, аж 33 минуты, но он того стоит. Баннер, что под видео мне очень понравился. Попробую свой баннер сделать. Спасибо.

    Ответить
    • Sergey Ivanisov

      У вас может ещё и лучше получится:)

      Ответить
  2. Сергей

    Полезный урок! Как-то пытался в фотошопе создать баннер, но не получилось. Теперь думаю получиться) А какая версия Фотошопа это?

    Ответить
    • Sergey Ivanisov

      Версия 14.2.1

      Ответить
  3. Миша

    Полезная инфа. Реально спасибо! А за запись вебинара так тем более)

    Ответить
    • Sergey Ivanisov

      Не сложно я объяснил?

      Ответить
  4. Ольга

    Баннер получился классный. Но я бы хотела научиться делать баннер см привязкой к смартреспондеру, т.е., чтобы в баннере была форма подписки. Сделай такой урок.

    Ответить
    • Sergey Ivanisov

      Это уже совсем другая тема:)))

      Ответить
      • Ольга

        Ну, так вот, темку я тебе и подкинула. Знаешь меня уже задолбали вопросами по поводу дизайна, который ты для меня сделал. Короче я тупо всех буду к тебе направлять, а ты сам с ними разбирайся. Слишком постарался ты для меня. Дизайн получился СУПЕРСКИЙ. Я сама не могу налюбоваться и цвет светло — коричневый мне даже очень нравится и не раздражает абсолютно никак. Спасибо тебе, дружочек! 😉

        Ответить
        • Sergey Ivanisov

          Спасибо большое:) Буду иметь ввиду себе тему для урока. Тем более Вы не первая, кто просит это сделать:)

          Ответить
  5. Николай Савенков

    Привет! Сергей — классная статья, шикарное видео. Только вот вопрос такой: баннер то оздан, картинка. А вот как сделать HTML-код для баннера. Я как-то нашёл в Интернете формы, якобы, через которые создаётся код для баннера, но не получается так, чтобы ссылки в кодах вели туда, куда надо. Или они совсем не работают. Или картинка не показывается… В общем, всё время что-то с такими баннерами случается. Не работают они. Не мог бы ты рассказать об этом?

    Ответить
    • Sergey Ivanisov

      такие баннеры работают точно также как и любые другие картинки!) Обычный HTML код.

      Вот пример: [a href=»http://ССЫЛКА» target=»_blank» rel=»nofollow»][img class=»aligncenter» src=»sergey-ivanisov.ru/inc/uploads/2016/04/pic30.gif» alt=»пример баннера» width=»300″ height=»600″ /][/a]

      Только скобки поменяй на <>, а то если я их ставлю, то ты кода не увидишь)

      Ответить
  6. Роман

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

    Ответить
    • Sergey Ivanisov

      Большое спасибо за положительный отзыв)

      Ответить
  7. Николай Савенков

    Привет, Сергей! Смотрю в твоём коде прописан путь баннера (картинки) на сайт. Если я правильно понял, ты закидываешь баннер на хост, на котором размещён твой блог. Теперь, пока работает твой блог — баннер всегда будет показываться, независимо от площадки, на которой он будет размещён? А то я раньше закидывал свои баннеры на ПиксСевелину, а она, походу, канула в Лету, потому что все картинки с Урлом с этого хостинга просто пропали. Как пример — все мои статьи на твоём Форуме, которые были написаны раньше, теперь без картинок…

    Ответить
    • Sergey Ivanisov

      Именно так) только на форуме проблема не в этом:)

      Ответить
  8. Николай Савенков

    Думаю, что в этом. Они пропали раньше, чем мы «переехали» на новый движок. И это совпало с появлением ошибки : «404 Not Found» при переходе на тот хостинг… Ну да чуть не в этом… Спасибо за ответ! 😉

    Ответить
  9. Николай Савенков

    Сергей, а можешь подсказать, куда и как ты закидываешь свои баннеры? У тебя МакХост, или ты сменил хостинг?

    Ответить
    • Sergey Ivanisov

      в любую папку закидывай и затем указывай к ней путь. Я сменил хостинг.

      Ответить
  10. Валентин

    Вы обещали дать PSD шаблоны баннеров. Где их получить?

    Ответить
  11. Марина

    Сергей в каком именно фотошопе PS делаете баннер?

    Ответить
    • Sergey Ivanisov

      Сейчас стоит фотошоп 2017 года.

      Ответить
  12. Вадим

    Какой приложение для фотошопа скачать.

    Ответить
  13. Кира

    Замечательный обзор! Всё просто и понятно.?

    Ответить
  14. сергей

    Подскажите пожалуйста где лучше взять шаблоны для баннеров.

    Ответить
  15. Геннадий

    Супер класс.

    Ответить