• Авторизация


Создание баннера 23-01-2012 03:29 к комментариям - к полной версии - понравилось!

Это цитата сообщения hochy Оригинальное сообщение

Создание баннера

ИСТОЧНИК

Итак, для примера я возьму изготовление баннера  для магазина мыла. Фотографии и логотип для удобства  я использую реальные, на это получено разрешение автора. Прошу не расценивать это, как чей-либо пиар – ведь  надо-же мне на чем-то показывать!  [показать]

Откроем Фотошоп и создадим новый пустой документ. Размер зададим 760х75 пикселей, разрешение – 100 dpi. Это основа нашего баннера.

[показать]

 

Теперь выберем художественный образ, соответствующй нашему направлению. Лучше, если в баненере будут присутствовать ваши работы, а не абстрактные изображения.  Фотографии стоит брать самые лучшие. Даже если это не самая лучшая Ваша работа, но она наиболее эффектно снята, лучше взять это фото.  В конце концов, работы покупатель увидит  в магазине. Мне понравилась  вот эта фотография мыла, которую я хочу поместить в баннер. Она хорошо снята и отражает общее позитивное ощущение расслабления, релакса, аромата трав и моря, спокойствия и естественности природы...

[показать]

Теперь прошу обратить внимание на один момент. Наш баннер имеет узкую и длинную форму. Поместить полное изображение в такой формат сложно – оно будет слишком мелким. Поэтому будем учиться оперировать фрагментами. Мысленно выберем наиболее эффектные фрагменты фото и перенесем фото на баннер. Для этого просто перетащим фотографию в наш баннер. Передвинем фото так, что-бы была видна ее самая интересная, выбранная нами часть.

[760x75]

 Теперь маленький фокус-покус. Выберем вкладку Filter - Sharpen - Sharpen. Заметили, как после применения этого фильтра изменилась фотография? Стала более, четкой, резкой насыщенной..

 

[показать]

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

[показать]

 

Скопируем часть полотенца, на котором лежит мыло и аккуратно закроем этим кусочком левую часть.

  [показать]

  Ну вот. Теперь у нас есть место для размещения логотипа и названия магазина. Поместим логотип и название на наш баннер. Если Мы хотим перекрасить логотип, что-бы он больше подходил по цвету к баннеру, воспользуемся вкладкой Image - Adjustments - Hue/Saturation.

[показать]

 Логотип и название на месте. Однако, читаются они плоховато. Попросту, сливаются с фоном. Что-бы выделить название и логотип магазина, сделаем вокруг них котрастное сияние. Применим вкладку Layer - Layer Style - Outer Glow.

[показать]

 

После применения этого свечения к логотипу и названию, они больше не сливаются и выглядят четко. Для еще большей четкости можно применить так-же фильтр из вкладки Filter - Sharpen - Sharpen, который мы уже использовали ранее для фото. Но это не обязательно и не всегда нужно. Вот результат наших действий.

[показать]

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

[760x75]

 Затем перекрасим его в светлый цвет с помощью вкладки Image - Adjustments - Hue/Saturation , которой мы уже пользовались. Вот так:

[показать]

Теперь применим к этому логотипу эффект Overlay, который находится в выпадающем меню над разверткой со слоями. Если результат будет слишком ярким, можно уменьшить прозрачность слоя. Она уменьшается ползунком Opacity рядом с этим эффектом.

   [показать]        [показать]

    Вот такой интересный эффект у нас получился. Что-то колдовское, руническое, едва обозначенное...  [показать]

[показать]

Осталось только добавить рамку к нашему баннеру и вот он!

[показать]

Кстати, изменив только фотографию и цвет логотипа и рамки (на что уходит не более 5 минут) можно сделать себе по баннеру на каждый день недели и менять их ежедневно  [показать] Например вот так:

[показать]

 

[показать]

 

Серия сообщений "МАСТЕР КЛАСС - РАЗНОЕ":
Часть 1 - МК по папье-машье.
Часть 2 - Быстрый бантик
...
Часть 13 - МК покраски домиков
Часть 14 - Создадим сами структурные пасты для объёмного декора.
Часть 15 - Создание баннера
Часть 16 - Подсолнухи из конфет и гофрированной бумаги
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Создание баннера | feihoa - Дневник feihoa | Лента друзей feihoa / Полная версия Добавить в друзья Страницы: раньше»