В каких программах работают дизайнеры рекламы

Adobe Photoshop — растровый графический редактор. Самая популярная программа у граф. дизайнеров. Позволяет редактировать фото, работать с текстом и многое другое, в зависимости от направленности дизайна. К примеру, графический дизайнер будет создавать в Photoshop баннера для рекламы. Веб-дизайнер может создавать там сайты, но сайты уже редкость, так как появились профессиональные программы для разработки сайтов и приложений.

Adobe Illustrator — векторный графический редактор. Вторая по популярности программа у граф. дизайнеров. В нём делается практически всё, от визитки до рекламных щитов. А вот сайты и приложения в нём неразрабатвают, веб-дизайнеру Illustrator нужен максимум для сохранение иконок и прочих векторных элементов.

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

CorelDraw — векторный графический редактор. Это аналог Adobe Illustrator, но в последнее время он не так популярен, так как у Corel свой скрипт работы, который «не дружит» с Photoshop и InDesign, поэтому приходится конвертировать макет, сохранять его в понятный для всех программ формат, при конвертации может что-то потеряться или «поехать»… поэтому у CorelDraw дела плохи, хотя некоторые полиграфии работают только на нём, так как печатные машины уже заточены на эту программу.

Топ 3 программы для графического дизайнера

Figma и Sketch — графический редактор для создания интерфейсов, приложений и сайтов. Как я писал, ранее сайты собирали в Photoshop, но там множество функций, которые не требуются веб-дизайнеру. Поэтому на рынке программ появился Sketch, который заточен только под работу веб-дизайнера. Минус Sketch в том, что он работает только на macOS, на windows программу не установить. Поэтому появилась Figma, которая работает в браузере, её даже устанавливать не обязательно.

3D Max — 3D редактор. Эту программу используют и графические дизайнеры, в случае когда объект проще замоделить, чем нарисовать. Но это скорее исключение, чем правило.

Этот список можно продолжать, так как есть еще Cinema 4D — 3D редактор с возможностью создания анимации. Adobe After Effect и Principle — программа для создания анимации.

Источник: yandex.ru

14 сервисов, которые помогут создать качественные картинки для рекламы

Качественный и интересный визуал – важная часть эффективного объявления. Однако не каждый маркетолог владеет искусством работы с Photoshop.

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

Графический дизайнер. Всё, что нужно знать о профессии

Рассказываем о 14 сервисах и их возможностях, а в конце делимся чек-листом по работе с фотостоками.

Canva

Canva – один из самых популярных графических онлайн-редакторов. Можно работать с ним и в браузере, и в мобильном приложении iOS/Android.

Инструментарий:

• более 60 тысяч готовых шаблонов: презентаций, логотипов, постов для социальных сетей, шапок для YouTube и т. д. Можно выбрать более подходящий или создать дизайн с нуля;
• сотни тысяч готовых фотографий и векторных изображений, тысячи элементов (фигуры, рамки, стикеры, значки и т. п.), сотни шрифтов, десятки эффектов и фильтров;
• изменение яркости и контраста, поворот и обрезка, добавление текста и фона, наложение музыки и создание видео;
• интеграции с Facebook, Google Drive, HubSpot и другими сервисами. Экспорт в PDF, PNG, JPG, SVG, MP4, GIF. Совместная работа и комментирование в режиме реального времени.

Выбор шаблона в Canva (если не подходит, можно указать свой размер)

Стоимость. В базовой бесплатной версии нет премиум-изображений, загрузки собственных логотипов и шрифтов, отложенного постинга и настройки качества. Чтобы расширить функциональность, нужно заплатить от 9,95 $ в месяц (при оплате за год). Еще платный тариф увеличивает облачное хранилище до 100 ГБ.

Crello

Crello – достойный конкурент Canva, онлайн-редактор графики и видео, где креатив для рекламы можно создать практически в пару кликов. Аналогично, помимо веб-версии, есть приложения для Android и iOS.

Возможности:

• более 30 тысяч статических и анимированных шаблонов (реклама для Facebook и Instagram, плакаты, презентации, фоны для Zoom и др.) или уникальный дизайн с чистого листа. Можно указать произвольный размер в пикселях;
• миллионы фото, видео и аудио во внутренней библиотеке; 10 тысяч дизайн-элементов (фигур, наклеек, линий, рамок, диаграмм, масок и т. п.);
• большой выбор инструментов редактирования: удаление фона, добавление рамки, спич-бабблов и др.; наложение фильтров, работа с прозрачностью и слоями; размытие, обрезка, изменение размера и т. д. В дизайн- и видеоредакторе все интуитивно понятно, по принципу drag-n-drop;
• экспорт в JPG, PNG (в том числе с прозрачным фоном), PDF, GIF, MP4. Совместная работа в команде до 10 человек.

В процессе работы над графикой в Crello

Стоимость. В бесплатной версии можно скачать максимум 5 картинок, а также нет командной работы и удаления фонов. Чтобы снять ограничения, нужно заплатить от 7,99 $ за месяц (при годовой оплате).

Pablo by Buffer

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

Функциональность:

• более 600 тысяч стоковых изображений на выбор. Все разрешены для личного и коммерческого использования;
• 5 шаблонов, 9 фильтров, 25 шрифтов (кириллических и того меньше);
• есть готовые размеры для Pinterest, Facebook, Instagram, Twitter. Но произвольные указать нельзя;
• можно загружать и использовать любые картинки и логотипы. Но экспортировать готовый креатив – только в PNG (еще можно сразу в соцсети).

Так выглядит интерфейс Pablo by Buffer

Стоимость. Бесплатно.

Picture.Plus

Picture.Plus – конструктор картинок для соцсетей, если нужно что-то совсем простое: подогнать фон под нужный размер, наложить текст. Работает только в браузере.

Инструментарий:

• шаблоны для постов, обложек, сторис и других форматов разных социальных сетей. Можно настроить и свои;
• 50 кириллических шрифтов: строгих, декоративных, с засечками и без;
• фоторедактор, где можно добавить фигуры, текст, стикеры, эффекты, выбрать произвольный размер. Сразу есть подсказки, какой размер нужен для каждой социальной сети;
• встроенный поиск по фотостокам Pexels и Pixabay. Экспорт только в PNG, без дополнительных настроек.

Редактирование шаблона в Picture.Plus

Стоимость. Тариф Free очень ограничен: нет доступа к фоторедактору (и так незамысловатому), во многих шаблонах не отключается логотип самого сервиса, нельзя задать произвольный размер картинки. Платная версия стоит от 399 до 899 руб. в месяц. Premium-тариф в том числе позволяет создавать анимированные шаблоны, видео для соцсетей, свои иконки.

Pixlr

Pixlr можно назвать онлайн-конкурентом Adobe Photoshop. Есть веб-версия и мобильные приложения для iOS и Android. Скоро обещают еще десктопное ПО для Windows и Mac.

Возможности:

• большой выбор инструментов редактирования: обрезка, поворот, ретушь, размытие, ластик и др. В том числе есть инструменты на основе искусственного интеллекта, например для удаления фона;
• коррекция яркости, контраста, тона и т. д. Большая библиотека эффектов и элементов: стикеров, рамок и др.;
• импорт всех популярных форматов: PSD (Photoshop), PXD, JPEG, PNG (прозрачный), WEBP, SVG и др. Экспорт возможен в WEBP, PNG, JPG, PXD, с настройкой качества и размера изображения.

В обрезке Pixlr есть предустановленные размеры для соцсетей (например, Facebook)

Стоимость. Бесплатная версия дает доступ к обоим сервисам Pixlr – X и E, более простому и продвинутому варианту соответственно. Но пользоваться можно только базовыми инструментами редактирования, ограниченным набором элементов, плюс будет реклама. Чтобы расширить функциональность, нужно купить подписку от 4,90 $ в месяц. Creative Pack за 14,99 $ в месяц еще дает доступ к фотостоку Pixlr – это 10 млн графических файлов, шаблонов, шрифтов, фотографий, видео и 3D-файлов.

Befunky

Befunky – конструктор для создания коллажей, графического дизайна, редактирования фото. Есть веб-версия и мобильные приложения для Android и iOS.

Функциональность:

• доступ к миллиону бесплатных изображений из собственной библиотеки Befunky;
• сотни инструментов для редактирования: изменения размера, обрезки, удаления фона, размытия, наложения водяных знаков и др. А еще есть пакетная обработка – применение одинаковых эффектов сразу на сотнях фото;
• конструктор коллажей с макетами для Facebook и Pinterest, добавлением текста, узоров и др;
• дизайнерские шаблоны для YouTube, рекламных баннеров, обложек Facebook и др. Можно использовать любые шрифты, загрузить их с компьютера или Google Fonts;
• интеграции с Dropbox, Google Drive, Facebook. Сохранение файлов в JPG, PNG, PDF.

Выбор шаблона для онлайн-рекламы в Befunky

Стоимость. Базовая бесплатная версия не включает некоторые фотофильтры и инструменты, например, для удаления фона, массового редактирования. Полный доступ обойдется минимум в 4,99 $ в месяц (при оплате сразу за год).

Piktochart

Piktochart – конструктор визуального контента: отчетов, инфографики, презентаций, графики для соцсетей. Только веб-версия.

Возможности:

• сотни шаблонов, включая форматы для Instagram, Twitter, Facebook, LinkedIn и т. д. Также можно указать свой размер;
• доступ к тысячам бесплатных иконок, изображений. Разрешается использовать собственные шрифты и цветовые схемы;
• до 1 ГБ внутреннего хранилища. Импорт файлов JPG, PNG, GIF, SVG, данных из Excel и Google Sheets. Экспорт, в том числе в PDF и PowerPoint;
• командная работа (до 5 человек) с распределением доступов и ролей.

Так выглядит редактор Piktochart

Стоимость. Бесплатная версия ограничена 5 эффектами, стандартным качеством сохранения и обязательными водяными знаками. Чтобы воспользоваться всеми функциями сервиса, придется прилично платить – от 24 $ в месяц.

Photo Editor

Photo Editor – простой онлайн-редактор для базовой обработки фото или картинок. Только браузерная версия.

Инструментарий:

• десятки эффектов и фильтров, в том числе автокоррекция;
• базовая обработка: обрезка, поворот, размытие и др. Добавление линий, фигур, текста;
• импорт большинства форматов изображений: SVG, JPEG, ICO, WEBP и др. Сохранение в JPG, GIF, WEBP, PNG или PDF.

Незамысловатый дизайн Photo Editor

Стоимость. Бесплатно.

Sumopaint

Sumopaint – функциональный сервис для графического дизайна и редактирования фото, достойный конкурент Pixlr и аналогов. Помимо веб-версии, есть десктопные программы, но ими можно пользоваться только на платном тарифе.

Возможности:

• неограниченное количество слоев, множество эффектов и фильтров (размытие, пикселизация и др.);
• сотни кистей для рисования, десятки инструментов обработки (обрезка, настройка размера и др.);
• экспорт в JPG, PNG, GIF. Интеграция с облачными хранилищами. Доступ к API.

Стоимость. Бесплатный тариф ограничен по размеру хранилища и количеству доступных функций. Чтобы снять ограничения, а также убрать рекламу, нужно будет платить 9 $ в месяц. Кстати, этот тариф включает много сервисов: у Sumo есть еще решения для 3D-моделирования, редактирования видео и аудио и т. д.

Fotostars

Fotostars – простой и удобный онлайн-редактор фотографий. Есть и веб, и мобильные приложения для Android/iOS.

Функциональность:

• 50+ фотоэффектов и фильтров;
• 15 инструментов для коррекции цвета;
• 30 рамок и наложение текста с разными стилями;
• редактирование: выравнивание, отражение, поворот, изменение размера и т. д.;
• экспорт только в JPG, а импорт поддерживает 15 форматов (в том числе TIFF, ICO и др.).

Выбор фильтров в Fotostars

Стоимость. Бесплатно.

Fotoflexer

Fotoflexer – еще один онлайн-редактор фото, конкурент Fotostars, Photo Editor и подобных решений. Работает только в браузере.

Инструментарий:

• поддержка слоев: можно загрузить одно фоновое изображение и несколько оверлеев, переключаться между ними и менять очередность;
• сотни различных элементов: фигур, стикеров, рамок и др. Несколько десятков фотофильтров, около тысячи доступных шрифтов;
• импорт самых разных форматов, экспорт в JPEG, PNG или JSON с регулировкой качества.

В планах: пакетная обработка, мультипликатор, удаление фона, новые фигуры и т. п.

Так работает Fotoflexer

Стоимость. Бесплатно.

Ipiccy

Ipiccy – редактор фото, конструктор коллажей и графического дизайна. Только веб-версия.

Функциональность:

• 100+ фотоэффектов, десятки стикеров (геометрические фигуры, стрелки и др.) и шрифтов (плюс можно загрузить свои);
• работа со слоями, базовое редактирование: обрезка, ресайз и т. д.;
• десятки шаблонов для коллажей и возможность их кастомизировать;
• импорт основных форматов (GIF, JPG, PNG, JPEG, SVG), экспорт – только в JPG и PNG (с настройкой качества).

Демонстрация работы Ipiccy

Стоимость. Бесплатно (и без регистрации).

Remove.bg

Remove.bg – более узкий инструмент, в отличие от вышеперечисленных. Есть и веб-версия, и десктопное ПО для Mac, Windows, Linux, и мобильное приложение для Android.

Возможности:

• автоматическое удаление фона – не нужно даже пары кликов. Искусственный интеллект умеет работать с самыми разными объектами: автомобилями, животными, людьми и т. д.;
• плагины для Photoshop, WooCommerce, Sketch, Drupal. Интеграции через Zapier и Integromat, работа напрямую через API;
• массовое удаление фонов или применение нужного ко всем файлам. Эта функция поддерживается только на десктопных программах;
• работа с изображениями JPG и PNG до 12 МБ.

Так работает Remove.bg

Стоимость. Каждый месяц бесплатно можно скачать одну картинку в HD, а превью в хорошем качестве (0,25 мегапикселей) – до 50 раз. Если нужно больше, придется покупать «кредиты» – внутреннюю валюту сервиса. Одна штука стоит от 4,65 до 129 руб.: чем больше количество, тем ниже цена.

Nvidia InPainting

Nvidia InPainting – как и Remove.bg, графический инструмент с искусственным интеллектом. Есть только веб-версия.

Инструментарий:

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

Пример работы Nvidia InPainting

Стоимость. Бесплатно.

P. S. Чек-лист по работе с фотостоками

В некоторых инструментах, например Canva и Crello, есть собственная библиотека бесплатных изображений или доступ к другим стокам: Pexels, Pixabay и т. п.

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

В этом поможет чек-лист:

1. Избегайте банальных, заезженных стоковых фото. Картинки с улыбающимися иностранцами, пожимающими руки, не вызывают доверия;
2. Используйте для поиска разные ключевые слова: синонимы, ассоциации, похожие запросы. Так можно найти более интересные решения;
3. Узнавайте, насколько часто используется изображение: в статистике самого стока, а также в поиске по картинкам. Если слишком популярное, опубликовано много где, то вряд ли будет эффективно привлекать внимание;
4. Обязательно проверяйте лицензию. Даже если это Creative Commons для коммерческого использования, может быть вариант, где обязательно надо указать автора снимка.

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

Повышайте доход вашего рекламного бизнеса с партнерской программой Click.ru. Получайте до 12% от расходов клиентов на контекстную рекламу и до 18% на таргетированную.

Источник: www.cossa.ru

В каких программах работают дизайнеры рекламы

Игра, которая учит кернить — если вы в нее поиграете, вам станет физически больно, когда вы увидите неправильно расставленные буквы.

Color — A Matching Game

Игра, которая приучает чувствовать цвет. В ней шесть уровней с возрастающей сложностью.

Webfont

Отечественный сервис Webfont.ru — каталог бесплатных шрифтов для использования в вебе. Можно подключать шрифт напрямую с сайта, можно через плагин для редактора (Sublime Text 2, PHP Storm, NotePad++), можно скачать. С его же помощью удобно подгружать на сайт нестандартные шрифты. Всего около 450 шрифтов, из них около 300 поддерживают кириллицу.

Pattern Library

Библиотека качественных бесшовных паттернов.

Character Code

Своеобразный справочник самых ходовых символов — показан вместе с HTML-кодом, кодом в hex и описанием каждого символа.

Sizzlepiq

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

Flakes

Open-source фреймворк для разработки дизайна и интерфейса бизнес-приложений. Представляет собой набор CSS, javascript-библиотек и других полезностей.

Evil-Icons

Набор иконок в формате SVG от российских разработчиков. Можно легко начать работать с Rails, Sprockets, Node.js, Gulp, Grunt и CDN.

Skeleton

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

Material Palette

Генератор палитр для тех, кому полюбился Material Design. Выбираете два цвета — и получаете полную палитру, которую можно скачать.

UXCheck

Chrome может все, даже проверить сайт на наличие проблем с юзабилити. UX Check — это расширение для браузера, которое ищет и выделяет проблемы. Отметки затем можно экспортировать.

Apple Pie

Набор CSS-инструментов для разработки продвинутых веб-интерфейсов. Упрощает работу с кодом и его организацию благодаря семантическому подходу к CSS.

Frame

Онлайн-создание макапов — загружаете, подравниваете изображения — и все готово. Полезно, если нужно быстро показать верстку сайта.

JS Nice

Анализирует JS-скрипт, загруженный вами, и превращает его в человеческий вид, переименовывая переменные и параметры (сервис использует данные, основанные на сотнях open source проектов).

Hipster Logo Generator

Если клиенты вам надоели и вы просто хотите побыть немного ленивым хипстером — генератор хипстерских логотипов для вас. Не забудьте добавить немного свэга. Согласитесь, это красиво!

Bounce.JS

Сервис и JS-библиотека для создания и редактирования CSS3-анимаций.

CSS3 Generator

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

jsFiddle

«Песочница» для веб-разработчиков. Рабочая часть окна разделена на панели (CSS, HTML, JavaScipt и панель просмотра) и большое количество настроек. Проекты можно сохранять и делиться ими.

CSS Triggers

Удобная таблица с информацией о CSS-свойствах и процессах, которые происходят при изменении свойств. Сервис будет полезен тем, кто анимирует элементы в вебе.

Web Developer Checklist

Перед запуском своего проекта проверьте все пункты чек-листа. Вдруг что-то забыли.

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

Текст: Мария Илюшина, Елена Брызгалова.

Материалы по теме:

Источник: rb.ru