В каком формате создать концепт широкоформатный баннер. Создать баннер бесплатно онлайн

20.03.2019

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

Шаг 1.

Создаем Новый документ (New Document) формата А4 размером 1000х700 рх с разрешением 300 пикс/дюйм. Заливаем фон черным цветом (Shift+F5) .

Шаг 2.

Загружаем в Фотошоп изображение девушки. Инструментом Прямоугольное выделение (Restangular Marquee Tool) выделяем область лица, шеи и руки модели. Затем инструментом Перемещение (Move) перетаскиваем выделенную область фотографии в наш рабочий документ.



Разрешение первоначального фото достаточно большое, поэтому уменьшаем размер изображения с помощью инструмента Трансформирование (Ctrl+T) до размеров нашего холста.


Шаг 3

Далее вырезаем профиль и руку девушки с фона инструментом Перо (Pen Tool) . После закрытия контура нажимаем ПКМ (правую кнопку мыши) и в выпадающем меню выбираем опцию «Образовать выделенную область» (Select) . Инвертируем выделение (Ctrl+Shift+I) и нажимаем Delete . Фон удален. Снимаем выделение (Ctrl+D) . Вот такой результат должен получиться у вас:



Шаг 4.

Дублируем слой с девушкой (Ctrl+J) и обесцвечиваем его (Shift+Ctrl+U) . Затем идем в Фильтр-Размытие-Размытие при малой глубине резкости (Filter > Blur > Lens Blur) .


В диалоговом окне вводим следующие настройки:


Источник в Карте глубины (Depth Map) ставим на Прозрачность (Transparency) .


Форму в Диафрагме (Iris) выставляем на Шестиугольник (6), Радиус – 10, Кривизна листа – 0, Поворот – 0, Распределение (Distribution) – Равномерное (Uniform) .



Шаг 5.

После того, как вы сохранили документ, скрываем видимость этого черно-белого слоя (глазик возле иконки слоя).



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


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


Стремитесь к соблюдению меры, и вас порадует полученный результат!


Каждый отпечаток кисти выполняем на отдельном Новом слое (Ctrl+N) . Цвет кисти не важен, потому что потом линии примут фотографический вид.


У меня получилось 27 слоев с отпечатками кисти черного цвета.


Шаг 6.

Теперь спускаемся на самый первый слой с отпечатком кисти вниз палитры слоев. Идем в Фильтр-Искажение-Смещение (Filter > Distort > Displace) . Оставляем Масштаб по горизонтали и вертикали (Horizontal and Vertical Scale) – 10. Затем в Схеме искривления (Displacement Map) ставим – Растянуть (Stretch to Fit) , а в Неопределенных областях (Undefined Areas) обозначаем – Повторить граничные пикселы (Repeat Edge Pixels) .




После выставления всех значений нажимаем Ок (Да), и в следующем открывшемся диалоговом окне выбираем файл с вашей сохраненной Картой смещения. Кликаем по файлу и нажимаем Открыть. Фильтр применен к первому слою с узором.
Теперь аналогичное действие проделываем со всеми слоями узорных кистей. Для облегчения работы пользуемся горячими клавишами (Ctrl+F) , т.е. каждый раз, переходя на следующий слой с отпечатком кисти, нажимаете это сочетание клавиш.

Шаг 7.

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


Шаг 8

Теперь создадим Обтравочные маски (Clipping Masks) от слоев с профилем девушки к слоям-отпечаткам.


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



Шаг 9.

Встаем на самый верхний слой с отпечатком. Двойным щелчком мыши по миниатюре слоя открываем окно Стилей слоя (Layer Style) . Вводим следующие параметры для опции «Тиснение»: глубина – 123, направление – вверх, размер – 3 рх, смягчение – 0 рх, угол – 140.



Теперь копируем этот стиль слоя на все слои с отпечатками (щелчок ПКМ по миниатюре слоя, в выпадающем меню выбираем – Скопировать стиль слоя). Встаем на слой со следующим отпечатком и опять щелкаем ПКМ , но теперь выбираем- Вклеить стиль слоя.


После того, как вы сделали тиснение на всех слоях с кистями, могут проявиться нежелательные участки, выходящие за пределы профиля девушки. Чтобы от них избавиться, выделяем оригинальный слой с моделью (зажимаем Ctrl , и кликаем по иконке слоя). Затем инвертируем выделение (Ctrl+Shift+I) , и поочередно проходимся по всем слоям-отпечаткам, нажимая клавишу Delete.


Шаг 10

И, наконец, подкорректируем наше финальное изображение. Для этого создаем Новый слой (Ctrl+N) выше фонового черного слоя. Инструментом Радиальный градиент (Radial Gradient) заполняем слой по направлению от светло-коричневого #bc8d74 к прозрачному.


Шаг 11

Скрываем видимость фонового слоя и слоя с градиентом (глазик напротив иконки слоя). Встаем на самый верхний слой с девушкой. Нажимаем сочетание клавиш Ctrl+Shift+Alt+E . Это действие объединит все видимые слои в одном слое. Теперь инструментами Осветлитель (Dodge Tool) и Затемнитель (Burn Tool) придадим немного объема изображению. Места, которые находятся ближе к нам – светлее, и, наоборот, темнее дальние участки лица.


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

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

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

Итак, поехали:

В этом уроке объясняется, каким образом создавать векторные иллюстрации используя Adobe Illustrator. Приводится объяснение ключевых параметров и инструментов, которое дополняется советами экспертов.

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

Инструмент «перо» - один из основных в арсенале программы, он особенно важен для начального овладения векторной графикой. Это подробное руководство ставит своей целью познакомить Вас с особенностями и методами работы с незаменимым инструментом компании Adobe. А также с наиболее рациональными способами его использования.

Данный видео-туториал является действительно ценным ресурсом, который объясняет как создавать векторную графику в Illustrator и какую роль в этом процессе играет рисование.

От использования точек кривой Безье до обводки, заливки и придания векторной графике более естественного вида - это лишь некоторые секреты Illustrator из урока, которые существенно пополнят арсенал новичка.

Узнайте, как создавать простые органические формы в Illustrator с этим простым для восприятия руководством от Верле Питерс (Veerle Pieters), графического и веб-дизайнера.

7. Добавление текстуры для векторных иллюстраций

Добавление текстуры - это отличный способ сделать Вашу векторную графику более выразительной, подчеркнуть ее перспективу. В этом очень доступном видео эксперт Illustrator Александра Сесилио (Alexandra Cecilio) демонстрирует как это сделать.

Этот туториал от Андрея Мариуса (Andrei Marius) поможет Вам создать векторный линейный график. Пошагово: начиная с простой сетки до направляющих линий, используя только панель Appearance (один из мощнейших инструментов в Adobe Illustrator) с добавлением некоторых простых фрагментов текста и тонкой штриховки.

Создание лиц9. Создание векторного глаза

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

Это углубленный видео курс, который поможет в овладении искусством создания векторных портретов на основе фотографий.

Еще один замечательный туториал по векторной графике. Руслан Хасанов показывает как манипулировать работой векторных линий и градиентами, чтобы придать работе динамичность.

С возрождением геометрической тенденции, справедливо сказать, что WPAP может быть представлен в большем количестве различных аспектов дизайна. Этот туториал покажет Вам как самостоятельно создать WPAP в Illustrator с помощью мастера WPAP.

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

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

Иллюстратор и дизайнер Юлия Соколова показывает как создать набор портретов, которые идеально подходят для социальных медиа или, к примеру, для обозначения различных категорий и профессий на Вашем сайте.

Джонатан Болл (Jonathan Ball), основатель Poked Studio, обьясняет как с помощью Illustrator основные геометрические фигуры превращаются в уникальных, красочных персонажей.

В этом уроке Вы легко и весело создаете очень простой трафарет, который можно использовать на различных поверхностях (включая футболки, стены, холсты). Сказка Л. Кэррол «Приключения Алисы в Стране чудес» вдохновила автора на создание векторного изображения и написание туториала.

С помощью этого туториала Мэри Винклер (Mary Winkler) собирается показать Вам, как нарисовать чиби персонажа с нуля, используя Shape Builder Tool (Shift-M), Pen Tool (P), прозрачные градиенты, и многое другие инструменты Illustrator.

В руководстве описан процесс создания простого персонажа аниме от начала и до конца.

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

Этот туториал представляет очень много основных форм для достижения действительно ловкого стиля иллюстраций. А затем «оживляет» йети с помощью палитры холодных цветов.

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

Если Вы заядлый любитель футбола, то этот туториал будет особенно кстати. В уроке Сергей Кандаков создает яркую иллюстрацию с эффектом стиля ретро.

Ландшафт и окружающая среда25. Создание векторной картины-инфографики

В этом уроке от векторного художника Андрея Мариуса (Andrei Marius) показано, как можно создать простой дизайн карты в Illustrator.

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

Очень простой и последовательный урок от Дианы Тома (Diana Toma), который показывает как нарисовать прекрасные цветы используя градиентные сетки (меш).

В этом пошаговом руководстве Вы изучите, как создать «электрический» текст в векторе.

Том Мак (Tom Mac) показывает, как в Illustrator создать портрет с drip-effect, используя инструмент Pen и кое-какие дополнительные методы.

В этом учебном руководстве мы сделаем простой и красивый восточный паттерн в Adobe Illustrator, который будет состоять из различных объектов азиатской культуры.

За прошедшие годы винтажные иллюстрации и ретро-стиль стали вновь популярными в дизайне. В представленном уроке разработчик Бен Стирс (Ben Steers) делится своими методами, которые помогут Вам преобразовать векторные рисунки в ретро-стиль.

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

Следуя этому туториалу Вы сможете создать эффект блеска в Adobe Illustrator. В основе иллюстрации заложены три эффекта: бумага для заметок, витраж и рваные края. С помощью быстрой трассировки они превращаются в блестящую векторную текстуру.

Полутон - способ воспроизведения монохромного изображения. Он базируется на специфике восприятия картины человеческим глазом для которого область изображения, заполненная крупными точками, ассоциируется с более темными тонами. И наоборот, область, заполненная точками меньшего размера, воспринимается как более светлая. Художник Крис Маквей (Chris McVeigh) покажет, как создать векторный полутон.

В этом учебном руководстве Вы изучите, как создать графический логотип Бэтмена, используя простые формы в Adobe Illustrator. Используются простые инструменты, вроде Ellipse Tool (L) и Shape Builder Tool (Shift + M).

36. Конвертируйте растровое изображение в векторное

Это учебное руководство Inkscape демонстрирует, как преобразовать растровое изображение в векторное при помощи функции Trace Bitmap.

Слайдер - популярный элемент веб-дизайна. В данном туториале показан вариант создания слайдера в векторе.

Сиара Фелен (Ciara Phelan) продемонстрирует Вам как с помощью комбинирования векторных изображений и фотографий можно создать удивительный коллаж.

В этом туториале от одной дизайнерской студии рассказывается как просто нарисовать и трассировать фотографию. Для создания реалистичной иллюстрации в примере используется простая градиентная заливка.

В этом учебном руководстве показано, как создать эффект вышивки крестиком в Adobe Illustrator. Для этого будет использоваться панель Appearance и образцы.

В этом уроке испанский художник Даниэль Кабаллеро (Daniel Caballero) объяснит, как он создал портрет в векторном стиле, опираясь на обычную фотографию.

Ресурсы:

Конечный результат:

Шаг 1

Для своих работ лучше делать снимки своих родных или друзей. Это самый простой способ получить нужную позу. Я буду использовать фотографию своей сестры (Photo.png).

Создайте новый документ (Ctrl + N) формата А4 в портретном режиме. Вставьте фотографию в этот документ и удалите фон, например, инструментом Ластик (Eraser Tool) (E). В качестве фона на нашем рисунке можно использовать какой-нибудь узор.

Шаг 2

Мы создадим векторный портрет посредством наложения нескольких блоков кожи, линий и прочих деталей. Создайте новый слой (Ctrl + Shift + N) и назовите его «Skin». Для основы кожи выберите цвет #FAE0AF. Инструментом Перо (Pen Tool) (P) нарисуйте контур по краю силуэта девушки.

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

Шаг 3

Создайте новый слой «Skin lines» и выберите тёмно-коричневый цвет в качестве основного. Выберите инструмент Кисть (Brush Tool) (B) и установите размер на 3 пикселя. Мы воспользуемся контуром слоя «Skin» для создания всех линий на теле и черт лица. В палитре контуров кликните на иконке Выполнить обводку контура кистью (Stroke path with brush). Эта иконка находится справа от иконки заполнения.

Используя инструмент Перо (Pen Tool) (P) и функцию обводки контура кистью нарисуйте губы, нос, глаза, челюсть, брови, и другие черты лица. Чтобы линии обводки были тоньше, нужно понизить размер кисти. Инструментом Ластик (Eraser Tool) (E) с жёсткими краями подотрите лишние участки линий.

Шаг 4

Инструментом Перо (Pen Tool) (P) нарисуйте волосы и залейте их чёрным цветом. Для создания отдельных локонов, используйте более тонкую кисть.

Шаг 5

Создайте новый слой под слоем «Skin line». Нарисуйте губы и глаза. Затем понизьте непрозрачность кисти и нарисуйте веснушки.

Шаг 6

Создайте новый слой поверх остальных и назовите его «Wear». Инструментом Перо (Pen Tool) (P) нарисуйте майку девушки цветом #E31F40. Линии для майки создайте на отдельном слое «Wear line». Для линий нужно заранее настроить кисть: задайте ей белый цвет и размер в несколько пикселей.

Вокруг майки создайте обводку при помощи чёрной кисти. Также не забудьте про складки, иначе майка не будет выглядеть реалистично.

Шаг 7

Перейдите на слой «Skin», затем нажмите Ctrl + Shift + N, чтобы открыть меню создания нового слоя. Установите галочку на функции Использовать предыдущий слой для создания обтравочной маски (Using Previous Layer to Create Clipping Mask), назовите слой «Skin Shadow» и установите Режим наложения на Умножение (Multiply). Нажмите ОК и в палитре слоёв появится новый слой. Он будет ограничен пределами тела. На нём мы и нарисуем тени.

Выберите тот цвет, что имеет кожа тела. Нарисуйте векторные тени при помощи инструмента Перо (Pen Tool) (P). Расположите источник света в том же месте, где он находится на оригинальной фотографии. Я работал со светом, исходящим справа.

Шаг 8

Создайте новый слой «Wear Shadow» и создайте тёмные участки майки. Если они покажутся Вам слишком тёмными, Вы можете понизить Непрозрачность (Opacity) слоя.

Шаг 9

Из извлеките все файлы. Откройте файл «Logo.png» в Фотошопе в отдельном документе. Инструментом Перемещение (Move Tool) (V) перенесите его в основной документ и поместите под слой «Wear Shadow». Для логотипа автоматически будет создана обтравочная маска.

Если Вам не нравится мой логотип, то Вы можете добавить любой другой на своё усмотрение.

Шаг 10

Над слоем «Wear line» создайте новый слой и инструментом Перо (Pen Tool) (P) нарисуйте светлые участки майки и тела. Используйте оригинальную фотографию для определения источника света, как мы делали это при создании теней. Установите Непрозрачность (Opacity) этого слоя на 40%.

Шаг 11

Вставьте татуировки в наш документ и расположите их на теле девушки над слоем «Wear». Установите Режим наложения татуировок на Умножение (Multiply). Инструментом Ластик (Eraser Tool) (E) сотрите участки татуировок, которые выходят за пределы тела.

Шаг 12

Создайте копию слоя «Body» (Ctrl + J). Выберите оригинальный слой и перейдите к коррекции Цветовой тон/Насыщенность (Изображение > Коррекции > Цветовой тон/Насыщенность) (Image > Adjustments > Hue/Saturation). Понизьте Яркость (Lightness) до -100, чтобы превратить тело девушки в чёрный силуэт.

На слое с чёрным силуэтом активируйте инструмент Свободное трансформирование (Ctrl + T), кликните правой кнопкой мыши и выберите режим Искажение (Distort). Измените форму тени так, чтобы она падала на заднюю стену. Нажмите Enter, чтобы применить изменения. После этого примените фильтр Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу) (Filter > Blur > Gaussian Blur) со значением 35 пикселей. Понизьте Непрозрачность (opacity) этого слоя до 20%.

Примечание: Если коррекция Цветовой тон/Насыщенность (Hue/Saturation) не будет открываться, то, скорее всего, Вам нужно растрировать слой.

Шаг 13

Создайте новый слой с непрозрачностью 40% поверх остальных. Выберите инструмент Градиент (Gradient Tool) (G) и залейте холст обычным чёрно-белым градиентом слева направо (белый цвет должен быть справа). В результате у нас получится натуральное освещение.

Шаг 14

Над слоем с чёрно-белым градиентом создайте ещё один слой и сделайте градиентную заливку от красного к жёлтому, чтобы создать тёплую цветовую атмосферу. Понизьте непрозрачность слоя до 35%.

Шаг 15

Поверх всех слоёв создайте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation). Понизьте параметр Насыщенность (Saturation) до -18%.

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

BannerBOO – онлайн-конструктор html5 баннеров

Этот онлайн редактор предлагает возможность создавать баннеры html5 . Оформление главной страницы располагает пользователя к дружественному общению с сервисом. Она оформлена в виде landing page страницы. Все интуитивно понятно, что добавляет плюсов этому редактору.

Представлено два основных языка интерфейса: русский и английский. Можно просмотреть примеры готовых баннеров, нажав на кнопку «Галерея» или выбрать «Подробнее» , чтобы узнать о возможностях онлайн конструктора баннеров. Кроме этого, на стартовой странице можно ознакомиться с тарифными планами, выбрав меню «Цены» , создать баннер онлайн, прочитать блог компании, познакомиться с готовыми шаблонами html5-баннеров.

BannerBOO предлагает своим клиентам два тарифных плана:

  • Бесплатный. Он содержит ограничения по количеству создаваемых онлайн баннеров, выделяемому на облаке месту и так далее.
  • Старт – 14,99 долларов. Ежемесячная абонплата снимает все ограничения, указанные выше и имеет ряд не оспоримых преимуществ перед бесплатным тарифом.
  • Плюс. Этот план находится в разработке. Он содержит еще большее количество возможностей для создания баннера онлайн.
  • Можете сами ниже сравнить возможности тарифов:

    Преимущества :

  • Большой выбор готовых шаблонов на различную тематику и различных размеров
  • Размещение баннера в облачном сервисе. Это дает доступ к своему баннеру из любой точки земного шара
  • Адаптивность – основное отличие готового продукта этого сервиса от других онлайн-конструкторов
  • Экспорт в формат PNG, возможность загружать свои картинки, выделяет BannerBoo среди конкурентов
  • Дружелюбный русскоязычный интерфейс
  • Простой встроенный редактор
  • Минусы бесплатного создания онлайн html5 баннера в этом конструкторе:

  • Разрешено делать не более 3 баннеров
  • Ограничено место на облаке 100 Mb
  • Водяной знак сервиса на готовом продукте
  • Предлагаются только статические шаблоны для бесплатного тарифного плана
  • BannerFans

    Banner Fans () – этот редактор выделяется большой функциональностью и удобством создания баннера. На главной странице представлен макет, который будет изменяться при каждом внесении изменений в шаблон. Стартовая страница мрачная, но мы пришли сюда не любоваться ей. Изначально этот ресурс англоязычный, но со временем появилась поддержка многих языков. Выбор языка находится в верхнем правом углу (указан стрелкой на скрине внизу). Хочу сразу заметить, перевод отвратительный, складывается впечатление, что переводили Google переводчиком.

    Рассмотрим меню:

  • Макет. Выбирается размер и фон. Можно загружать собственные изображения и устанавливать градиент цвета.
  • Текст. Прописываем нужный нам текст. Есть возможность размещать до 6 строк текста. Настройка шрифта для каждой строки, цвет и наклон букв (0-90 градусов).
  • Воздействие. Настройка тени букв, ее яркости, расстояния от символа.
  • Пограничная. Установка рамки.
  • Формат. В каком формате сохранять.
  • Любое изменение в настройках можно посмотреть, нажав на кнопку «Изменить баннер» . Эти кнопки находятся внизу окна. Здесь можно сохранить его, получить код для вставки на сайт, скачать в виде файла. Хотите создать новый баннер, кнопка «Начать новый» и откроется новый макет.

    Недостатки:

  • Отвратительный перевод на русский язык. Приходится догадываться, за что отвечает та или иная настройка.
  • Не поддерживается русскоязычная раскладка. При написании текста на родном языке можно получить или пустую строку, или иероглифы
  • Текст второй и последующих строк не помещается в шаблон, если указать размер, отличный от 728х90 пикселей
  • После каждого внесения изменений нужно обязательно нажимать на кнопку «Изменить баннер» , чтобы увидеть их
  • Достоинства:

  • Бесплатность
  • Поддержка многих языков
  • Canva.com

    Canva () – онлайн сервис для создания бесплатного баннера сайта. На главной странице предлагается выбрать тип:

  • YouTube banners. Стиль для Ютуба
  • Medium Rectangle. Средний прямоугольник
  • Large Rectangle. Больной прямоугольник
  • Facebook Banners. Баннеры для Фейсбук
  • Email Headers. Предназначены для почтовой рассылки. Помещаются в шапку письма
  • LeaderBoard. Плоский прямоугольник (растянутый).
  • Wide Skyscrapper. Широкий небоскреб. Удобно размещать в сайдбарах.
  • В зависимости от выбранного типа будут предлагаться соответствующие шаблоны для создания баннера . Canva предлагает больший выбор макетов. Достаточно кликнуть на один из них, и он будет доступен для редактирования. Выбираем любой из элементов, размещенных на шаблоне (двойной клик на нем) и его можно изменять. Это касается как картинок, так и текста.

    В левой части представлено меню:

  • Макет. Предустановленные шаблоны
  • Элементы. Здесь выбираем бесплатные фотки, сетки, рамки, фигуры, линии и т.д.
  • Текст. Пишем заголовок. На выбор три типа разных размеров. Кроме этого можно выбрать оригинальный вид надписей из большого числа примеров
  • Фон. Указать какой фон или выбрать структуру картинки.
  • Мое. В этом разделе есть возможность загрузить свои фотографии, картинки
  • Canva.com имеет и платные возможности . Для изменения размера макета нужно оформить подписку на месяц. Стоимость 12,95%. На год – дешевле. Заплатив, вы получаете определенные преимущества. Но и без них, можно создать баннер бесплатно онлайн, используя халявные функции конструктора .

    Достоинства :

  • Большой функционал. Много бесплатных возможностей для полноценной работы
  • Русскоязычный и интуитивно понятный интерфейс
  • Совместная работа над дизайном проекта
  • Как и в полноценном редакторе есть возможность отменить и вернуть изменения
  • Расшаривание в соцсетях
  • Недостатки :

  • Есть платные функции (например, изменение размера), но они не влияют сильно на работу над дизайном.
  • Чтобы получить тестовый период на 30 дней нужно оплатить участие в проекте на месяц.
  • А что если вы не готовы оплачивать услуги студии и агентства, фрилансера? Что если ваш бюджет был затрачен на другие не мало важные задачи для бизнеса? Или возможно вы не нашли ответственных исполнителей, которым вы доверили эту задачу? Не каждый предприниматель, бизнесмен, блоггер – готов потратить свои деньги на работу студии или фрилансера. Возможно, не всегда рационально тратить на дорогостоящие услуги. Команда Баннерович для этого изготовила конструктор баннеров онлайн, что бы каждый пользователь сети Интернет мог изготовить баннер, анимированную открытку, баннер на сайт своими силами и без оплаты дорогих услуг агентства или студии. Изготавливая баннеры у Баннеровича, юзер экономит свои денежные ресурсы и время.

    Наша команда Баннерович – предлагает вам услуги для изготовления баннеров, вы изготавливаете баннер в Интернете на веб ресурсе, без загрузки программного обеспечения и своими силами. Конструктор баннеров дает возможность сделать баннер легко, быстро и экономно!

    Вам нужно задействовать свою креативную часть, которая в каждом человеке есть, и изготовить баннер для своих нужд. У Баннеровича изготовлено более 500 баннеров на сегодня. Посмотрев примеры изготовленных баннеров вы можете представить, что можно сделать в этом конструкторе баннеров! Мы уверены, что ваш баннер, сделанный вашими силами будет намного лучше!

    Просто возьмите и сделайте баннеры! Хочешь сделать хорошо – сделай сам!