Как сделать широкоформатный баннер для распечатки. Подготовка файлов для широкоформатной печати
В этом уроке испанский художник Даниэль Кабаллеро (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 предлагает своим клиентам два тарифных плана:
Можете сами ниже сравнить возможности тарифов:
Преимущества :
Минусы бесплатного создания онлайн html5 баннера в этом конструкторе:
Banner Fans () – этот редактор выделяется большой функциональностью и удобством создания баннера. На главной странице представлен макет, который будет изменяться при каждом внесении изменений в шаблон. Стартовая страница мрачная, но мы пришли сюда не любоваться ей. Изначально этот ресурс англоязычный, но со временем появилась поддержка многих языков. Выбор языка находится в верхнем правом углу (указан стрелкой на скрине внизу). Хочу сразу заметить, перевод отвратительный, складывается впечатление, что переводили Google переводчиком.
Рассмотрим меню:
Любое изменение в настройках можно посмотреть, нажав на кнопку «Изменить баннер» . Эти кнопки находятся внизу окна. Здесь можно сохранить его, получить код для вставки на сайт, скачать в виде файла. Хотите создать новый баннер, кнопка «Начать новый» и откроется новый макет.
Недостатки:
Достоинства:
Canva () – онлайн сервис для создания бесплатного баннера сайта. На главной странице предлагается выбрать тип:
В зависимости от выбранного типа будут предлагаться соответствующие шаблоны для создания баннера . Canva предлагает больший выбор макетов. Достаточно кликнуть на один из них, и он будет доступен для редактирования. Выбираем любой из элементов, размещенных на шаблоне (двойной клик на нем) и его можно изменять. Это касается как картинок, так и текста.
В левой части представлено меню:
Canva.com имеет и платные возможности . Для изменения размера макета нужно оформить подписку на месяц. Стоимость 12,95%. На год – дешевле. Заплатив, вы получаете определенные преимущества. Но и без них, можно создать баннер бесплатно онлайн, используя халявные функции конструктора .
Достоинства :
Недостатки :
Первое преимущество конструктора баннеров в том, что он доступен онлайн и не требует установки дополнительного программного обеспечения. Как видно на скрине, сам сервис небольшой и не перегружен ссылками меню, кнопками управления и различных настроек. На главной странице их всего 4. Нам потребуется раздел Мои проекты и Вдохновение (Inspiration). После авторизации через Фейсбук или обычной регистрации (емейл + пароль) мы можем приступить к созданию баннера, постера или пригласительного.
Как сделать баннерВ сервисе есть все необходимые инструменты чтобы сделать баннер быстро и качественно и скачать в нужном нам формате. Доступны несколько форматов изображений готовых баннеров:JPG, PNG и PDF.
Чтобы сделать баннер, достаточно просто начать. Перейдите на сайт конструктора.
Выбрав нужный размер из шаблона или задав свои размеры, переходим на страницу создания баннера. Меню слева изменится и примет вид как на скрине. Теперь мы можем добавлять фотографии, бэкграунды или паттерны на задний фон из галереи или загружать свои. В остальных разделах мы сможем найти Линии, Рамки, Фигуры и прочее.
Каждый добавляемый элемент можно перекрашивать в разные цвета, менять размер, расположение и прозрачность. Текст добавляется отдельно и с ним также можно проделывать все перечисленные выше модификации. Русские шрифты есть в сервисе.
Готовый проект будет храниться в вашем аккаунте и вы сможете вернуться к редактированию когда вам потребуется. Вы сможете скачать готовый баннер или постер в любое время в формате изображения или PDF. Если у вас что-то не будет получаться, посмотрите ниже видео (звук тихий, увы так получилось), где мы попробуем сделать баннер, какой-нибудь незатейливый и скачаем его.
Для работы с конструктором лучше использовать браузер Хром, так как я заметил, что Мозиле при сохранении, не вписывается расширение.png — это решается простым переименовываением файла и добавлением нужного (в котором скачивали) точка и название (png или jpg). Вроде все.
Цветовая модель - CMYK
Форматы файлов, которые мы принимаем в печать:
TIFF (*.tiff) - растровый файл, без слоев, альфа-каналов и сжатия
CorelDraw (*.cdr). шрифты в кривых, растровые объекты с палитрой CMYK
EPS (*.eps) - шрифты в кривых, эффекты переведены в растр, растровые объекты с палитрой CMYK
ОБЯЗАТЕЛЬНА
распечатка (цветная или ч/б) с полным соответствием изображения присланному макету, с точным указанием размеров в сантиметрах и точным названием файла! Во избежание проблем при переносе файлов с ваших компьютеров на наши, желательно предоставлять файлы в формате TIFF (т.е. растрированные):
объем файла без компрессии не должен превышать 150 Мб.
без дополнительных альфа-каналов (Channels) и без путей (Paths)
Формат предоставляемых файлов ВЕКТОРНЫХ изображений-CorelDRAW 13.0 или ниже:
Цветовая модель - CMYK
Все шрифты должны быть переведены в кривые
Все слои должны быть сгруппированы
Размер в файле 1:1 или 1:10
Документ должен быть одностраничным !
ЭТО ВАЖНО:
Максимально допустимый размер файла не должен превышать 200 Мб.
Припуски на обрезку не делать - файл должен иметь точные размеры для печати (специально для полиграфистов: - файл должен быть без вылетов и рамок под обрез!)
Уточните у нашего менеджера ширину материала, на котором собираетесь печатать.
Если по краям файла есть светлые поля - сделать рамку
черного цвета толщиной в 1 мм.
При высоте буквы менее 1 см. перед окончательной печатью мы рекомендуем сделать
цветопробу. В противном случае мы не даём гарантии,
что все буквы будут пропечатаны качественно.
Заливка плотностью менее 10% каждого цвета могут не пропечататься.
Черный цвет должен быть составным, для этого заливки должны составлять:
C-20%; M-10%; Y-20% K-100%.
Форматы носителей, на которых предоставляется информация:
CD-R, CD-RW, DVD, DVD-RW,
Flash носитель,
FTP, e-mail.
Электронные носители, предоставленные заказчиком, хранятся не более 2 недель с момента их сдачи в печать.
Для точного попадания в цвет сверьтесь с нашими палитрами, либо сделайте цветопробу. Вы также можете выбрать нужное разрешение для печати по имеющимся у нас образцам. С уведомления заказчика нами осуществляется доработка файла, не соответствующего нашим требованиям. В случае, если файл пущен в печать по просьбе заказчика без доработки, претензии по качеству печати не принимаются.
СОВЕТЫ ДИЗАЙНЕРА
- В каких программах подготавливать файлы для широкоформатной или интерьерной печати?
- Файлы для широкоформатной или интерьерной печати могут быть подготовлены в любом растровом или векторном редакторе или в программе с последующим экспортом в растровый формат. Главное, чтобы файлы были представлены в форматах tiff, eps, cdr или jpeg.
- С каким разрешением подготавливать файлы?
- Если вы работаете в редакторе растровой графики (например, Adobe Photoshop), рекомендуется начинать работу с размера 1:1. Например, вы хотите сделать дизайн баннера 3х6 м. Для этого создайте файл размером 600х300 сантиметров с разрешением 35 dpi с цветовой моделью CMYK. Когда работа над дизайном завершена, соедините все слои и сохраните файл с расширением tiff (без сжатия). Желательно, чтобы файл был не тяжелее 150 мегабайт.
- Я работаю в векторном редакторе. Как правильно подготовить файл?
- В случае, если вы используете векторный редактор, например, Corel Draw или Adobe Illustrator, необходимо учесть несколько важных моментов. Несмотря на то, что в этих программах по умолчанию устанавливается лист для визуального ориентирования, не стоит обращать на него внимания. Создайте прямоугольник необходимого размера и работайте в нём. Если используются растровые объекты (например, фотографии), разрешение изображения может быть порядка 30 - 100 dpi при условии, что в размере 1:1 качество изображения является удовлетворительным.
- В качестве фирменного цвета наша компания использует цветовую палитру PANTONE. Как осуществляется обработка файла?
- К сожалению, передача цвета из библиотеки PANTONE при широкоформатной или интерьерной печати технически невозможна. Попытайтесь установить цвет в модели CMYK, максимально соответствующий вашему фирменному цвету. Перед окончательной печатью таких файлов, мы настоятельно рекомендуем сделать цветопробу.
Рекомендуемое разрешение для Ваших файлов:
Реальное разрешение растровых изображений не должно превышать
Площадь | До 6 кв.м. | От 6 до 20 кв.м. | Более 20 кв.м. |
Область применения | Выставочные, интерьерные постеры, афиши, витрины, штендеры и т.п. | Магистральные щиты 6х3м, билборды, большие витрины, баннеры, перетяжки (примерно от 3х2 м) и т.п. | Магистральные щиты 12х5м, брандмауэры, бфннеры на фасады, перетяжки и т.п. |
Разрешение файла | 80-150 | 35-72 | 15-35 |
Для печати интерьерного качества допустимо использование разрешения 300 dpi, размер макета при этом не должен превышать 250 МБ.
Помните!
Разрешение (dpi) печати и разрешение самого макета (dpi) - это разные вещи!
Нельзя путать, т.к. это ведёт к неоправданно огромным объёмам (Mb) готового файла.
Мы не принимаем претензий к качеству печатной продукции, если при подготовке файлов не были соблюдены вышеперечисленные требования, а также были допущены следующие ошибки и дефекты:
- Орфографические ошибки;
- Искажение шрифтов, не переведенных в кривые;
- Дефекты в растровых файлах: полиграфический растр, царапины и пыль на отсканированных изображениях, некачественное вырезание по контуру, фотовставки с низким разрешением и т.д.
Основным правилом создания объектов наружной рекламы является знаменитое правило «трех секунд». Именно такое время обычно уделяют просмотру среднестатистические прохожие. Поэтому самой распространенной ошибкой, которую допускают многие рекламодатели, является простой перенос макета рекламы, подготовленного для печатных изданий на суперсайты или крупные баннеры.
Правила для рекламных изображений в наружной рекламеК примеру, объявления, размещенные в журналах можно рассматривать, изучать, переписывать контактные данные, читать сопутствующий текст или статью. Помимо этого, к заинтересовавшей информации можно вернуться в любой момент. На улице время пребывания обычно строго ограничено. Люди идут в потоке, редко останавливаясь для ожидания транспорта.
- Суперсайты и брэндмауэры располагаются на такой высоте, чтобы их могло увидеть как можно больше людей. Причем зачастую информация видна сбоку или частично. Поэтому сложноподчиненные предложения и мелкие значки останутся просто незамеченными. В итоге, неправильно оформленный баннер оказывается бесполезным, а реклама - неэффективной.
- Недопустимо и нагромождение картинок, графических изображений, слоганов, фотографий, текстовых сообщений. Все это отвлекает от сути предложения.
- Многие видят баннеры или суперсайты из окна автомобиля. Остановиться и изучить информацию не представляется возможным. Даже контактные данные должны быть предельно сжаты, ведь 10-значный номер телефона не сможет сразу запомнить ни один нормальный человек.
- На улице расстояние от носителя рекламы до глаз оказывается очень большим. Поэтому необходимо:
Разрабатывая дизайн баннеров, необходимо учитывать особенности окружающей среды. Реклама не должна сливаться с цветом неба, облаков, листвы деревьев, цветом домов. Также нужно учитывать, для какого времени года разрабатывается дизайн рекламы.
Если установка планируется осенью, то стоит учесть, что при пасмурной погоде многие объекты на щите просто не будут заметны.
Если баннер будут монтировать летом, то яркие солнечные блики и тени от деревьев могут помешать четкому восприятию информации. Летом преобладает зеленый цвет зелени и голубой цвет неба. Поэтому для фона баннера можно избрать оранжевый цвет, который будет выглядеть ярким броским пятном, привлекающим внимание. Чтобы учесть все нюансы рекомендуется предварительно делать фотографии местности, на которой планируется установка рекламного объекта. Не стоит забывать о креативности идей подачи информации. Именно нестандартные решения помогают привлечь внимание, сделать объект запоминающимся. В этом видео показано, как изготавливают и печатают баннеры:
Выбор цветовой палитры для рекламного баннераПри выборе цветового решения при разработке дизайн-макета будущего баннера, следует использовать не более трех основных цветов, которые хорошо сочетаются между собой и не смешиваются.
Таблица (не) совместимости цветовВ таблице указано, какие цвета конфликтуют между собой и смотрятся плохо издалека:
Дизайн наружной рекламы. 10 правил.Для заказа дизайна баннера Вы можете обратиться в рекламное агентство полного цикла «Мособлреклама» .
Стоимость работы в среднем составляет 5000 рублей.
В других агентствах цены колеблются от 4800 до 15000 тысяч рублей. Все зависит от сложности работ, от сроков и необходимости поиска креативных идей. В таблице указаны цены на разные типы макетов баннеров.
Поиск
Мы можем оповещать вас о новых статьях,
чтобы вы всегда были в курсе самого интересного. |