Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Как создать постер в старом стиле

Как создать постер в старом стиле

Автор: LuLu | Категория: Уроки Photoshop » Креатив | 9-11-2007, 06:43

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

1. Этот урок я создал на основе проделанной работы для одного клиента, которому нужно было прорекламировать предстоящее событие. Это был хор для бздомных Сиднея, это небольшая организация с которой можете ознакомиться на http://www.sydneystreetchoir.com/. Мне нужно было создать постер на основе одной симпатичной фотографии, на которой люди из хора поют на фоне моста Harbour Bridge, сделанной John Marmaras, и некоторого текста.

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

Как создать постер в старом стиле

Text...

www.sydneystreetchoir.com
SYDNEY STREET CHOIR
Performs With

Jonathon Welch
from THE CHOIR OF HARD KNOCKS

Mark Trevorrow
aka BOB DOWNE

Massed Choir of 110 People
Gabriel’s Big Band
Also Featuring Jeremy Brennan

Tuesday 27 Nov 2007 At 7:30PM
Northside Conference Centre
Cnr Oxley St & Pole Lane, Crows Nest
Tickets: $35
All Proceeds to Sydney Street Choir
Tickets Tel: 9439 7822

SYDNEY STREET CHOIR connects with, inspires and empowers, those who are living or working in homeless or disadvantaged communities, through creating music, performance and passionate expression, that truly opens people’s hearts.
2. Чтож, раз фото как постер не "работает", значит нам нужен другой взгляд. Как я уже и говорил выше, я сделаю постер в старом стиле и для начала я пойду за ресурсными изображениями, с помощью которых и соберем наш постер воедино. Для этого я пошел на iStockPhoto и нашел там 4 изображения для коллажа, их вы можете найти по 4м перечисленным ссылкам: 1 2 3 4.

Как создать постер в старом стиле

3. Сначала я вставил первый лист старой бумаги в качестве фона, нажмите Ctrl+T для поворота изображения и подгона размера.

Затем я вставил текст на страницу. Я использовал шрифт Univers Condensed для моего постера. Я взял заголовок постера "Sydney Street Choir" и выделил основные слова, я сделал "Street Choir" крупнее, чем "Sydney".

Затем я использовал большую мягкую кисть и на новом слое закрасил черным края в верхней правой и нижней части изображения и сменил режим наложения слоя на Overlay, таким образом изображение в тех областях получилось темнее. Результат Вы можете видеть на скриншоте ниже:

Как создать постер в старом стиле

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

Как создать постер в старом стиле

5. Затем я добавил лист старой бумаги в полоску. Т.к. лист изображен на белом фоне, то не составит труда вырезать его. Воспользуемся инструментом Magic Wand Tool (W) с Tolerance 32 и кликнем по белой области вокруг листа, зажмите Shift чтобы сделать еще добавочные выделения в областях дырок от дырокола. Затем идем в Select > Modify > Expand и выставляем значение 1px. Это расширит выделение на 1 пиксел по всему периметру и таким образом захватит промежуточные светлые пиксели между листом и фоном. Так лист отлично впишется в сущетсвующий темный фон.

Итак, белая область выделена, нажмите Shift+Ctrl+I, чтобы инвертировать выделение, а затем Ctrl+C, чтобы скопировать содержимое в буфер обмена. Вставьте его на постер с помощью Ctrl+V.

Как создать постер в старом стиле

6. После того, как я вставил объект на холст с постером, я добавил слою с листом тени и разместил под слоем с фотографией. Я разместил лист в нижней левой части постера так, чтобы туда поместился текст.

Как создать постер в старом стиле

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

Как создать постер в старом стиле

8. Здесь Вы можете видеть, что я изменил тип шрифта, выделил некоторые слова, имена двоих исполнителей я сделал крупнее, слова "from" и "aka" я сделал мельче, т.к. они не так важны, а фразы "the Choir of Hard Knocks" и "Bob Downe" сделал средним шрифтом. Остальные три фразы я сделал удобочитаемыми.

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

В конце я добавил еще изображение "sydney street choir" с мостом. Картинка была на белом фоне, и, чтобы сделать белый цвет невидимым я установил режим смешивания слоя в Multiply и в результате остались видны только темные пиксели изображения.

Как создать постер в старом стиле

9. Далее я вставил очередной сегмент изображения с iStockPhoto, выглядит так, будто эта ленточка удерживает лист в линейку на постере. Затем я написал очередной текст "Performs With" поверх этой ленты.

Как создать постер в старом стиле

10. Над слоем с фоном я вставил прямоугольник темно-коричневого цвета (просто сделайте прямоугольное выделение и залейте его с помощью Paint Bucket) и выставил режим наложения для слоя в Multiply. Это делает нижележащий фон темнее и теперь мы можем изменить цвет текста, который расположен над этим прямогульником, на светло-бежевый. Цвет текста был взят как образец с помощью пипетки с фонового изображения, так я подобрал наиболее подходящий оттенок.

Как создать постер в старом стиле

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

Чтобы отправить этот постер на печать, я отключил все слои с текстом и сохранил изображение в .tiff формате, затем запустил программу InDesign, создал новый документ и вставил туда .tiff файл. Затем я скопировал все слои с текстом из оригинального файла в Photoshop и вставил в InDesign, так мы получим четкий текст и превосходное качество для печати.

Как создать постер в старом стиле

Послесловие

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

Исходный .PSD

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

Via

Скачать .PSD: tinysample.zip [1,08 Mb] (cкачиваний: 2206)



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

ЗЫ: всем жаждущим увидеть лицо, пишущее здесь посты в 5 утра могут увидеть его там ;)

Само интервью лежит здесь: http://www.seonet.by




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

Другие новости по теме:


Просмотров: 40745 | Напечатать | Комментарии (10)

#1 написал: no_aquello (9 ноября 2007 11:52)
вот спасибо. а то у меня идея ретро постера превращалась в богомерзие
#2 написал: graphic.in.ua (9 ноября 2007 15:07)
скажите, как может труdesigner© нормально работать, используя такой визуалстайл??!
я без солнцезащитных очков на такое смотреть не могу. winked
#3 написал: oleg69_69 (13 ноября 2007 03:32)
Для этого я пошел на iStockPhoto и нашел там 4 изображения для коллажа, их вы можете найти по 4м перечисленным ссылкам: 1 2 3 4.



классный урок - М А Л А Д Е С smile
как эти изображения можно скачатьbelay плиз!!!
#4 написал: LuLu (13 ноября 2007 03:51)
Заплатив за них деньги, эти фотографии платные, поэтому в приложеном файле к уроку все фотографии очень маленького размера.
#5 написал: 5sis (9 декабря 2007 15:24)
Рульно можно даже представить их на стобах улиц этого города...
#6 написал: silverman (13 декабря 2007 19:37)
супер! зачод!
#7 написал: 4olly Boom (14 декабря 2007 22:38)
Суперская работа)) Но проблемка у мена - по какой-то неймоверной причине не наносится текст не ваш коллаж, открываю любую другую картинку, все в порядке!!
#8 написал: Aramais (14 января 2008 23:13)
Есть ли другие хорошие сайты с БЕСПЛАТНЫМИ картинками?Если да то скажите пожалуйста. smile [/hide]
#9 написал: Snezha (18 июня 2008 09:50)
уф) оригинально) дома буду, обязательно попробую))
#10 написал: Yan Gavrilov (29 декабря 2008 18:28)
Спасибо!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Создание в фотошопе циклической анимации бега. Часть II
Создание в фотошопе циклической анимации бега. Часть II


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


Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама
Создание постеров на холсте из нескольких частей в магазине Чудо-холст

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

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