Создаем баннер для своего магазина на андройд планшете (без Photoshop)

Создаем баннер для своего магазина на андройд планшете (без Photoshop)

Всем доброго времени суток. Я на ярмарке совсем недавно и захотелось мне украсить свой пока еще маленький магазинчик баннером. Только вот с фотошопом я не очень дружу, в особенности со слоями, градиентами и пр. Вот и решила я сделать свой первый баннер на планшете ( у меня sony на платформе android 4.1) и обойтись без сложных премудростей. Итак, начнем.

Для начала нам нужно скачать с play market (что это такое все владельцы анройд планшетов должны знать, поэтому подробности опускаю, если все же не ясно, что это за зверь такой, то спрашивайте — отвечу, разъясню) программу Photo Editor. Она находится в свободном доступе. Итак, скачиваем, устанавливаем, жмем на ярлычок, который выглядит вот так:

нажимаем на «Новые»

и, собственно, создаем новый документ, забив в соответствующих окошечках числа 760 на 75:

Получаем чистый листочек. Для создания баннера мы будем использовать заранее заготовленные изображения, скачанные и сохраненные на планшете. У меня эти изображения из серии «Вдохновение цветом», у Вас могут быть любые другие, в том числе фото работ, бусин, цветов, логотип и так далее. Размер изображения практически не важен, но совсем малепусенькие, конечно, не подойдут, т.к. нам их еще предстоит обрезать. Для того чтобы вставить наше изображение кликаем на кнопочку «Текст./ Изобр.»:

Нажав кнопку !Выбрать изображение», выбираем необходимое нам (у меня это незабудка) и покрутив пальчиком сетку туда-сюда, указываем необходимую нам наиболее симпатичную часть изображения, которую мы будем вставлять в наш баннер. Также можно выбрать-обрезать ненужное по вкладке обрезка free (свободная) и,поводив пальцем, выделить необходимую область( она будет более светлая). Можно подвигать бегунок «Непрозрачность» для достижения оптимального эффекта:

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

Одной картинки маловато, поэтому ту же операцию мы проделываем со вторым приглянувшимся нам изображением и получаем в итоге следующее:

Так-то лучше, но серединка пустовата. Заполним ее подходящим по цветовой гамме градиентом. Для этого нажмем кнопочку Add Shape, что в переводе означает добавить форму, очертание и выберем форму квадрата с размытыми краями, а также выберем его цвет, кликнув по цветному кружку:

Выбираем необходимую нам цветовую гамму (у меня оттенки синего), водя белым бегунком слева вверх-вниз и кликая пальцем в нужный нам оттенок цвета:

Жмем кнопочку ОК. Проделав еще раз такую операцию с другим цветом (у меня желтый), получаем следующее:

Если нас все устраивает, жмем кномочку «ПРИМЕНИТЬ» в верхнем правом уголке планшета. Если не устраивает, выделяем неугодный элемент и редактируем его по кнопке «Редакт», вновь попадая в вышеописанные меню.

Переход цвета получился не слишком мягким. Смягчим его при помощи различных эффектов. На главном меню выбираем «Эффекты», далее «Размытие» и получаем полностью размытый баннер:

но, кликнув один раз на кнопочку «All (всё)», перейдем в режим выбираемой области размытия и обозначим её границы, а также увеличим радиус размытия, потянув нижний бегунок вправо до нужной нам силы данного эффекта:

Стык изображения и градиента можно дополнительно более точно «размыть» при помощи кисти размытия, кликнув один раз по кнопочке «Shape» (она изменит название на Brash- кисть) и нажав на значок кисточки:

Водим пальчиком по стыкам, местам слияния цветов. Для измения размера кисти, силы размытия, нажимаем на оранжевый кружок справа от значка кисточки и выставляем нужные параметры, радиус тоже можно менять:

Получилось почти идеально, нажимаем «ПРИМЕНИТЬ». Ну что ж, теперь не хватает только текста. Добавляем его, нажав уже знакомую нам кнопочку «Текст./ Изобр.» на основном меню программы, но выбрав кнопочку «Текст»:

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

Выбираем шрифт, толщину контура, междустрочный интервал (Line spasing), выравнивание (Aligh) по вкладке «Properties» (Настройки):

Данную процедуры я сделала два раза и передвинула текст в необходимое мне место, но можно все сделать и в один этап, но тогда при передвижении будет передвигаться весь блок с текста, а не отдельные его части (слова, строки). Т.е. здесь действует принцип: пишем одно слово- одно слово и двигается, пишем два — двигаются два, пишем две строки — двигаются обе строки.

А вот и результат нашего труда :

При желании, конечно, можно использовать и другие эффекты, такие как осветление, виньетирование, сепия, отражение (кнопка эффекты 2) и другие, благо программа это позволяет в довольно приличном объеме, а также обрезать и изменить размер файла нашего баннера, если он вдруг оказался слишком велик.

Сохраняем нашу красоту, нажав на кнопочку «СОХРАНИТЬ» в правом верхнем уголке планшета (качество- всегда 100%):

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

Таким же нехитрым способом вполне можно делать визиточки, а при помощи этой программы обрабатывать свои фото, ведь не зря же её называют «Фотошопом в кармане» .

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

Как создать баннер для своего магазина

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

Но как же сделать баннер, каким он должен быть и что на нём должно быть изображено?

Красочный баннер – уже половина продаж!

У многих владельцев магазинов попросту нет времени осваивать Photoshop, разбираться в его функциях и рисовать рекламные баннеры. Вместе с тем они существенно влияют на общий имидж магазина.

По мнению многих психологов, всего за половину одной десятой секунды человек успевает сделать вывод о чём-то на визуального восприятия. Впечатляет! Вместо тысячи слов достаточно предоставить потенциальному покупателю один лаконичный баннер с рекламной информацией – и дело в шляпе!

Изображённые объекты и цветовая гамма подсознательно влияют на отношение людей к товару или бренду. Но отсутствие банальных призывов к действию (а именно они и становятся главным месседжем баннера), особенно если дизайн сайта получился не совсем продающим, в разы снижает число продаж. И с точностью до наоборот: наличие хорошего баннера подсознательно позволит получить положительные оценки вашего бизнеса повысить продажи.

Чтобы сделать свой бизнес более профессиональным, нужно научиться создавать правильные баннеры, тем более, что при помощи онлайн Фотошопа сделать это гораздо проще, чем при помощи обычной версии от компании Adobe.

Итак, как же делать баннеры?

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

Размер баннера. Он может быть любым: большим, на всю ширину сайта, размещаться в сайдбаре и иметь ширину не более 300 пикселей. То есть главное здесь – определить место, где он будет располагаться. Если говорить о минимальных и максимальных размерах, то считается, что наиболее удобной для восприятия будет 1200 х 160 пикселей.

Независимо от того, какого размера ваш баннер, его ширина на сайте всегда будет не более (1200 пикселей). А вот высота в 160 пикселей – это тот минимум, когда можно разместить информацию.

Текст на баннере. Картинка без текста не способна поднять продажи – просто потому, что пользователь не получает никакого коммерческого предложения. Иногда это может быть просто название товара и кнопка «купить», иногда – какой-то оффер или девиз. Также на баннер можно помещать номер телефона, по которому клиенты могут связаться с продавцом или же краткую характеристику товара, способную вызвать интерес и заставить кликнуть по нему, перейти на целевую страницу.

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

One more step

Please complete the security check to access www.canva.com

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 66afe6a0ee112479 • Your IP : 46.175.165.55 • Performance & security by Cloudflare

One more step

Please complete the security check to access www.canva.com

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 66afe6a24f1f2de8 • Your IP : 46.175.165.55 • Performance & security by Cloudflare

Онлайн редактор баннеров

Для того, чтобы сделать макет баннера не обязательно обращаться к профессиональному дизайнеру — достаточно зайти в наш простой и понятный редактор баннеров и сделать все самому. В программе есть все необходимое: установка стандартных и пользовательских размеров, функции работы с текстом, цветом и графическими объектами, возможность загрузки изображений с компьютера. При создании макета баннера вы можете воспользоваться подборкой картинок из бесплатного клипарта и фотографий из платного фотостока. Перед началом работы обязательно посмотрите шаблоны баннеров — их можно изменить буквально в считанные минуты!

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