Как сделать дизайн широкоформатного баннера в фотошоп?
Подскажите как выполнить дизайн широкоформатного баннера (330см х 140см — на Газель)?
1. Именно интересует настройка при создании документа. Я , так понимаю CMYK, 150 (72 наверное мало, 300 много) dpi? Ширина и высота 1к1? Т.е. 330 см на 140 см?
2. Сам визуальный дизайн не интересует.
3. И настройки печати (файла) при сдачи в студию печати. TIFF?
4. Минимальное разрешение фото?
Догадываюсь что такие штуки нужно делать в люстре, векторно.
- Вопрос задан более трёх лет назад
- 39570 просмотров
Оценить 6 комментариев
- Вконтакте







Для широкоформатной печати ставь 72 dpi, для интерьерной — не менее 144.
Приучивай себя к миллиметрам, ставь 3300 на 1400 мм. В настройках смотри, чтобы stroke тоже измерялся в миллиметрах. Следи, чтобы линии были не тоньше 0,35 мм (а для других более качественных технологий печати — не менее 0,1 мм), размер мелкого шрифта тоже выбирай, сперва замерив толщину тонких штрихов в нём — иначе плохо пропечатается или вообще не пропечатается.
Не забудь макету дать рамочку в 0,5-1 мм толщиной, не очень заметную, по которой будут резать баннер. Важную информацию отводи от края не меньше чем на 50 мм — как выше сказал ИдиИубей, лучше иметь запас, чтоб криворукий постпечатник не попортил дизайн.
Желательно следить за суммой красок. В широкоформатной печати это конечно не столь важно, как например в оффсете, НО частенько рекламно-производственные фирмы используют либо краски на основе птичьего помёта, либо оборудование сделанное из птичьего помёта, и краски могут потечь. Я стараюсь делать так, чтобы сумма красок в каждой точке не превышала 290-310% (C+M+Y+K).
Проверить макет на сумму красок поможет InDesign, в люстре вроде бы нет такой полезной вещи. Либо можно держать в уме все накладывающиеся друг на друга заливки и мысленно вычислять сумму красок — для простого дизайна сойдет. Просто надо с осторожностью миксовать слои.
Не используй очень светлые заливки. Я обычно стараюсь не опускаться ниже 5% — такой цвет может тупо завалиться в белый.
Все эти заморочки зависят от пряморукости типографии. А на их пряморукость как правило не стоит рассчитывать.
Файл сдавать можно и как TIFF. Главное, какой бы ты формат не выбрал, следи, чтобы он был в цветовой модели CMYK. Я обычно сдаю исходник, PDF и jpeg/tiff (проще jpeg на максимальном качестве — тиффу он не уступает, и его можно просмотреть обычным просмотрщиком).
Как делать баннер в фотошопе: разные способы
Привет, народ! Как ваши дела? Я тут к вам пришел с новым и очень интересным уроком. Тема: как делать баннер в фотошопе. Тема огромная, о ней можно разговаривать очень много.
Создание баннеров, как мне кажется, это отдельная сфера в дизайне со своими нюансами, которые необходимо учитывать. Давайте сначала разберёмся: что же такое баннер, зачем он нужен и его разновидности.
Баннер и его разновидности
По сути, баннер – это графическое изображение, созданное с целью прорекламировать какой-либо продукт или услугу.
Смысл его в том, чтобы донести до зрителя определенную информацию, как правило, рекламную. Очень часто, с помощью баннеров магазины уведомляют покупателей о проводимых акциях и скидках.
Поэтому при его создании очень важно учитывать то, на кого он направлен, т.е. целевую аудиторию, её возраст, увлечения и вкусы. Также нужно принимать во внимание тематику рекламируемого товара или услуги, подбирать под них цвета, которые вызывают определенные ассоциации.
Три основные разновидности баннеров по их расположению:
- Наружные (плакаты, афиши, дорожные перетяжки и транспаранты и т.д.),
- Для сайтов (шапки сайтов, боковые баннеры и т.д.)
- Для социальных сетей (в ленте новостей, в шапках сообществ и личных страниц).
У каждой из этих площадок имеются собственные правила при их создании: размер, разрешённые цвета и допустимое информационное наполнение.
Так как баннер – по сути реклама товара и услуги, то обязательно нужно ознакомиться с правилами размещения рекламы, ведь у нас в России есть целый список услуг и товаров, которые рекламировать запрещено.
А в некоторых социальных сетях добавлены дополнительные пункты к этому списку. Поэтому для каждой площадки сначала изучите всю информацию, касающуюся рекламы.
Еще баннеры разделяются в зависимости от выбранного формата на 3 вида:
- Статические (просто картинка или текст),
- Gif-анимация,
- Видео.
Немного о размерах
Вообще размеры баннеров зависят от многих факторов: где они будут размещены, пойдут они на печать или создаются для веб-страницы, социальная сеть или обычный сайт.
Размеры для печати устанавливают сами рекламные компании, которые будут непосредственно их печатать. Поэтому, если вам необходимо создать баннер для какого-либо рекламного агентства, скорее всего, вам уже известны размеры.
Каких-то общих стандартов нет, размеры могут абсолютно разными. Создавая баннер для какой-либо из социальных сетей, обратите внимание на то, что все размеры указаны непосредственно на их сайтах.
Если это обложка для группы, то допустимые размеры указаны в окне добавления обложки. Если рекламный баннер, то размеры указаны в правилах размещения рекламы. Поэтому, чтобы точно знать, какой размер вам нужен, ознакомьтесь со всей документацией.
А чтобы не бегать по сайту в поисках информации, можно написать администраторам, они с радостью пришлют вам всё, что касается вашего вопроса.
В нашем с вами уроке мы будем создавать статический графический баннер для свадебной фотосессии.
Начинаем
Открываем фотошоп и нажимаем на «Создать». Размеры холста выбираем в зависимости от места на сайте, где будет находиться баннер. Мы делаем баннер для шапки сайта, поэтому по ширине он должен занимать всю страницу. Высоту устанавливаем меньше.
Можно взять приблизительные размеры, ведь в конце их всегда можно отредактировать. При создании обязательно проверяем настройки цветового режима: для веб-баннеров должен стоять RGB, для печатных – CMYK.
Заливаем наш фон нужным цветом с помощью инструмента «Заливка» (горячая клавиша G).
Фотография
Выбираем фотографию или картинку, которая будет на баннере в качестве показательной работы. Перетаскиваем её на холст, меняем размеры и перемещаем так, как нам нужно.
Сделаем так, чтобы фотография стала как бы частью фона, плавно перетекая краями в этот цвет. Вот что должно получиться в итоге.
Для этого два раза кликнем по слою с фотографией. Откроется окно настроек стиля для слоя. В открывшемся окне выбираем «Наложение градиента».
Чтобы открыть окно выбора цвета и настроек градиента, просто кликаем на цвет градиента (область отмечена на скриншоте). Выставляем настройки, как показано на следующей картинке.
Чтобы цвет градиента не отличался от цвета фона, его можно взять пипеткой (горячая клавиша I). Просто выбрать этот инструмент и кликнуть по фону.
Обратите внимание, что напротив инверсии стоит галочка. Это значит, что градиент будет прозрачным цветом наружу, а не внутрь. Именно так нам и нужно сделать. Чтобы градиент был по бокам, нужно выставить угол в 180 градусов.
После того как мы настроили параметры, нажимаем на плюсик в меню слева, чтобы создать еще один такой же градиент с другой стороны. У него в настройках меняем только угол на 90 градусов.
Вот такая красота у нас вышла.
Украшения
Далее добавим какие-нибудь декоративные украшения. Для этого будем использовать инструмент «Произвольная фигура». Это не единственный инструмент, которым можно украсить работу.
Если у вас есть какие-то свои идеи вы можете нарисовать их инструментом «Кисть» от руки, как вам нравится. Еще можно взять png-картинки с прозрачным фоном и также их вставить. Вариантов декораций просто уйма, вам потребуется лишь воображение.
Из уже созданных фигур в фотошопе я выбрал сердца. Теперь размещаем их так, как нам нравится.
Изменить обводку и заливку сердец можно сверху в их настройках. Рисунки на фоне фотографии очень сильно выделяются и забирают всё внимание на себя, предлагаю уменьшить их непрозрачность до 10-15%.
Чтобы было удобно редактировать непрозрачность сразу у всех сердец, а не по отдельности, объединим слои с ними в одну группу. Для этого с зажатой клавишей Shift выделяем все слои с сердцами и нажимаем на кнопку «Создать новую группу». Они автоматически объединятся в неё. Группе можно поменять название, два раза щелкнув по названию группы.
Функция очень полезная, ведь она позволяет редактировать сразу несколько объектов, не кликая по ним отдельно.
Текст
Далее давайте вставим текст на наш баннер. Это можно сделать с помощью горячей клавиши T, либо нажав на инструмент «Текст». После активации инструмента кликаем в месте, где примерно будет текст, и начинаем набирать.
Шрифт, размер, цвет текста можно изменить сверху в параметрах. Размещаем текст так, как нам нужно, подбираем шрифт и размер. Для удобства и более понятной сортировки слоев, текст можно также объединить в группу.
Далее добавим еще немного декоративных элементов. Я добавил PNG картинку с камерой и линию между текстом, чтобы отделить и акцентировать внимание.
Далее появилось желание как-то выделить номер телефона и имя фотографа. Для этого я создал новый пустой слой под текстом, выбрал широкую декоративную кисть, уменьшил непрозрачность и провел по тексту. Посмотрите, как интересно получилось.
Я считаю, что на этот баннер можно больше ничего не добавлять. Вот, что в итоге у нас получилось. Просто и со вкусом.
Ну что, друзья, как вам урок? Делитесь своими впечатлениями, рассказывайте у кого что получилось, мне очень интересно почитать! Кстати свадебная тема сегодня и вот для вас лучшие свадебные фотографы мира!
Способов создания баннеров огромное количество, в этом уроке мы посмотрели лишь одни из них. Самое главное – разобраться в инструментах программы, а дальше вам поможет воображение.
Сейчас дизайнеры создают просто потрясающие рекламные баннеры, от которых захватывает дух. На просторах интернета можно найти бесконечно много красивых примеров работ.
Смотрите, запоминайте то, что вам понравилось и берите за основу какие-то элементы, создавая абсолютно новые произведения. Если делали для сайта, то сохраняйте с разрешением 72 dpi, а если для печати, то соответственно — 320dpi.
Я считаю, что сегодня мы проделали очень большую работу. Попробуйте повторить всё дома со своими фотографиями, экспериментируйте и создавайте новое, это всегда очень интересно и захватывающе!
На этом у меня всё, скоро мы с вами увидимся в новых уроках! А старые можно посмотреть вот тут. Развивайтесь, пробуйте и творите! Пока-пока!
Создание баннера в ФШ ( размер 700см х 110 см )
Поставки лицензионного программного обеспечения (пишите в «личку»). www.belrus.info
Remember, never say you can’t do something in InDesign, it’s always just a question of finding the right workaround to get the job done. ©David Blatner
Dim Schief
- 07.06.2013
- #6
Valery 333
Испытатель
- 07.06.2013
- #7
IPTIV
- 07.06.2013
- #8
Valery 333
Испытатель
- 07.06.2013
- #9
Valery 333
Испытатель
- 07.06.2013
- #10
garif
- 07.06.2013
- #11
Есть формула для расчета оптимального разрешения картинки в зависимости от расстояния просмотра. Очень удобная штука.
http://forum.rudtp.ru/resources/dpi-and-distance.110/
Из личного опыта. Если нужно хорошее качество на большом размере при широкоформатной печати — можно использовать тифф + компрессию без потерь (ЛЗВ). Иногда и джпегом в высоком качестве можно не побрезговать, если на производстве техника старая и тормознутая.
Если большая часть макета векторная (плашки, шрифты и т.п.) — проще отдать pdf и не мучаться. Размер будет минимальным.
творческий блог графического дизайнера
Итак, чем же отличается дизайн широкоформатной (наружной) рекламы от дизайна листовок и плакатов?
- Если вы сохраните файл размера 2,5х1 м (к примеру) с разрешением 300 dpi (как требуется для полиграфии), то вы осложните жизнь тем, кто будет это печатать, да и себя покажете не профессионалом.
Пример банера (наружная реклама)
Приблизительно это должно выглядеть так:
| Размер макета | DPI |
| 2×1,5 m | 150 |
| 5×2 m | 72 |
| 6×3 | 50 |
Если макет даже при 50 dpi очень «тяжелый», а нужно переслать по Интернету, то допускается разрешение в 36 dpi.
ВАЖНО! Если файл сделан в Кореле (CorelDraw) не пытайтесь уменьшить dpi в нем. Просто ухудшите качество картинки и все. Если файл очень большой и Корел не дает его сохранить нормально – не отчаивайтесь! Сохраните файл Корела в PSD. И уже в Фотошопе спокойненько сделайте нужное расширение, сжатие LZW и формат Tif.
1) Макет для наружки подразумевает, что его не будут разглядывать с лупой. А это значит, что разрешение печати можно сделать меньше. Так что же это такое – разрешение печати? Это и есть пресловутые dpi. Т.е. сколько точек на дюйм. Это в листовочках и прочей полиграфии важно, чтобы картинка была четкая. Если будете в типографии – попросите показать вам пленки, с которых печатается офсетное изображение. И посмотрите ее на свет. Увидите мелкую сетку. Это оно и есть.
2) Расскажу вам хитрость. Я, да и многие другие умельцы-дизайнеры берут картинки из Интернета. Чтобы избежать наездов нецензурного общения с правообладателями фотокартинок, лучше брать картинки с зарубежных сайтов. В этом очень помогает Google. В работе я пользуюсь только им. Очень подробный поиск, по размеру, цвету, по файлу! И голосовой поиск. И ищите на Google.com. Русский Гугл больше ориентирован на Рунет. А нам этого не надо.
Для широкоформатной печати файла с разрешением 72 dpi – вполне хватит! Главное, обрабатывайте файлы в Фотошопе, а не в Кореле… Все-таки векторный редактор…
Вот такая вот хитрость…
- Большая часть широкоформатной рекламы печатается на баннере. Специальной ткани ПВХ. Из нее же делают даже шатры. Представляете ее плотность? Логично, что плотный материал тяжелый. И когда тяжелый баннер вешают (матерясь и обливаясь пОтом ) его стараются закрепить и укрепить, чтобы он не порвался и не упал. И для этого баннер подворачивают и проваривают. Это называется карманы. Обычно добавляют по 10 см по периметру основного изображения или белого фона. Бывает, закладывают и меньше. Это надо уточнять у тех, кто печатает.
Пример расположения лювера на китайском банере
Иногда, когда хотят сэкономить, клиенты приворачивают баннер на саморезы. Но чаще заказывают люверсы. Это такие железные колечки по краям баннера. Их стандартный шаг – через 50 см. Бывает, просят через 30 см. А для маленьких баннеров люверсы пробиваются по краям баннера. Ну, иногда и посерединке пробьют. (Не серединка картинки, а середина баннерного края!)
Если вы лично обратились в печать, то можно еще попросить вот о чем… Если баннер большой, товарищи-лентяи на производстве его могут свернуть как им вздумается, например, квадратиками. А потом у вас будет висеть баннер «квадратиками». В этом случае, вы имеете право попросить разгладить баннер, вплоть до перепечатки! Ну, а чтобы изначально не портить с ними отношения – попросите скатать заказ в рулон. И не будет проблем. Только проследите, чтобы они это записали. А то мало ли что…
Originally published at . You can comment here or there.