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

Автор: / Дата: в 12:26 22 комментария 1260

kak-sozdat-banner-v-fotoshope

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

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

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

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

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

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

pic30

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

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

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

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

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

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

С уважением, Иванисов Сергей.

Помните, ум — ваш лучший мускул

ym

Хочешь получать статьи этого блога на почту?
22 комментария
  • Александр

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

    2016-04-04 в 6:08 | Ответить
    • Sergey Ivanisov

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

      2016-04-04 в 9:06 | Ответить
  • Сергей

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

    2016-04-04 в 6:34 | Ответить
    • Sergey Ivanisov

      Версия 14.2.1

      2016-04-04 в 9:10 | Ответить
  • Миша

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

    2016-04-04 в 9:19 | Ответить
    • Sergey Ivanisov

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

      2016-04-05 в 10:05 | Ответить
  • Ольга

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

    2016-04-04 в 9:52 | Ответить
    • Sergey Ivanisov

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

      2016-04-04 в 10:12 | Ответить
      • Ольга

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

        2016-04-05 в 7:43 | Ответить
        • Sergey Ivanisov

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

          2016-04-05 в 10:04 | Ответить
  • Николай Савенков

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

    2016-04-11 в 7:05 | Ответить
    • 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]

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

      2016-04-11 в 7:18 | Ответить
  • Роман

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

    2016-04-12 в 1:26 | Ответить
    • Sergey Ivanisov

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

      2016-04-12 в 1:35 | Ответить
  • Николай Савенков

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

    2016-04-12 в 6:33 | Ответить
    • Sergey Ivanisov

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

      2016-04-12 в 7:13 | Ответить
  • Николай Савенков

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

    2016-04-12 в 7:40 | Ответить
  • Николай Савенков

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

    2016-04-12 в 9:06 | Ответить
    • Sergey Ivanisov

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

      2016-04-12 в 9:44 | Ответить
  • Валентин

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

    2016-08-29 в 2:24 | Ответить
  • Марина

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

    2017-01-16 в 1:42 | Ответить
    • Sergey Ivanisov

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

      2017-01-16 в 3:07 | Ответить