Практическая реализация создания фотореалистичного оформления корпоративного дизайна

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

Появилась следующая проблема. Как это сделать? В какой программе рисуются такие фотореалистичные изображения? Adobe Photoshop или 3D программа? Долгие поиски по сети дали свои результаты. Я узнала о существовании файлов mock up, в переводе с английского языка — макет (рисунок 8). Это такие файлы-шаблоны, которые выполнены в Adobe Photoshop со всеми слоями, тенями и прочими эффектами, которые можно регулировать. А надпись на визитке mock up как бы гласит: «Расположи свой макет здесь». Конечно, найти такие шаблоны не так-то просто. Все, что можно получить бесплатно, как правило, ограничивается парочкой объемных визиток. Что делать? Все мои поиски чего-то достойного оказались бесплодны. Поэтому я решила создавать такой файл самостоятельно, учитывая тот факт, что он мне еще может неоднократно пригодиться в моей будущей практике.

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

Такие изображения довольно просто переделать под свой дизайн. Здесь достаточно изображения в более менее хорошем разрешении, в зависимости от размера будущей презентации. В Adobe Photoshop меняю общий тон изображения, заходим в меню: изображение — коррекция — цветовой тон и насыщенность (Image — Hue — adjustments — Saturation) и регулирую общий тон слоя на нужный оттенок. Затем заранее подготовленную визитку копируем на новый слой. Теперь ее нужно как бы «натянуть» на шаблон. Для этого мы пользуемся панелью трансформирование (transform) — поворот (Rotate), масштабирование (Scale) или перспектива (Perspective), используем эти инструменты «на глаз», чередуя между собой, чтобы аккуратно перекрыть нижнее изображение визитки.

В таких изображениях нужно умело использовать фильтр размытия, что создает эффект художественной фотографии и макросъемки. Создаем глубину резкости пространства. Если одно изображение находится просто на заднем плане, тут никаких сложностей. Заходим в панель Filter (Фильтр) — blur (размытие), выбираем размытие по Гауссу (Gaussian Blur). Устанавливаем глубину резкости изображения и готово (ok). Нужно не забыть, что изменениям подвергнется только выбранный слой в окне Layer (слой). Если этого окна нет, его нужно открыть через панель меню Window (окно).

Бывает нужно сделать только половину визитки размытой или вообще только размыть края, чтобы визитки не смотрелись вырезано. С краями все просто: берем инструмент-кисть из панели инструментов blur (размытие), устанавливаем ее размер и глубину размытия и осторожно проходим ей по краям до достижения нужного эффекта. Сложнее дело обстоит с размытием части изображения. Есть, наверное, масса вариантов сделать размытым часть изображения в Photoshop, даже можно сделать эффект боке и размытие характерное при изменении диафрагмы. Мне самым удобным показался фильтр tilt — shift (наклон-смещение). Данные градации дают возможность сделать нужную растяжку эффекта. Мне захотелось добавить еще эффект освещенности переднего плана. Снова открываю Image — AdjustmentsHue — Saturation (изображение — коррекция — цветовой тон и насыщенность), уменьшаю яркость (Brightness) всей визитки, которая на заднем плане. Затем передний план визитки затемняю инструментом-кистью Born Tool (затемнитель).

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

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

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

Итак, чтобы нарисовать тень, нужно сделать следующее: создаем прямоугольник черного цвета, так же трансформируем его по форме фигуры, отбрасывающей тень, растрируем слой. Растрирование выполняется через окно Layer (слой) правой кнопкой мыши находим в выпавшем меню нужную функцию. В окне Layer (слой) есть функция прозрачность слоя (transparent), ставлю процент прозрачности слоя на 25%. Тень осветлилась. Теперь снова. Размытие по Гауссу (Gaussian Blur), выставляю примерно 6%, постоянно сравниваю с оригиналом, чтоб не ошибиться. Получилась тень точно как на образце. Чтобы сделать вторую тень, просто копирую слой с объектом, устанавливаю на свое место, делаю еще больше прозрачность (14%). Единственный плюс, не нужно создавать тень от сложной фигуры, все объекты полиграфии, от которых падает тень, все сводятся к квадратным и прямоугольным формам.

Задний фон я решила сделать серым, чтобы красная визитка была более выразительна, для этого в меню Image — Adjustments — Hue — Saturation (изображение — коррекция — цветовой тон и насыщенность) убираю насыщенность цвета и настраиваю яркость.

Для того, чтобы сделать логотип на футболках, для начала нужно сохранить логотип в формате illustrator EPS. Сохранить как, в меню выбираем нужный формат, монтажные области не используем. Затем файл открываем в Adobe Photoshop, программа предложит параметры растрирования. Обязательно меняю разрешение с 72 по умолчанию на 300 точек. Логотип автоматически откроется на прозрачном фоне.

Теперь копирую на нужный слой с футболками и трансформирую. Много времени уходит на создание реалистичного изображения, конечно, имитация складочек ткани на самом логотипе украшает фото, что может благоприятно повлиять на заказчика. «Сминаем» логотип при помощи фильтра Liquify (пластика).

Самая сложная в создании была фотореалистичная презентация деловой продукции с отражением. Большое количество элементов, теней, отражений — все рисовать пришлось вручную с использованием только картинки jpeg. Итак, в Adobe Photoshop открываю нужное изображение, проверяю цветовую модель, изменяю размер изображения примерно по будущему планшету, количество точек 300 dpi.

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

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

Пожалуй, начну с конверта. Трансформирую область конверта по образцу, как описывала раньше. Конверт, как и некоторые другие элементы, находится на заднем плане. Подразумевается верхнее освещение, передний план с горизонтальными объектами будет более освещен по сравнению с задним планом с вертикальными объектами. Поэтому приглушаю яркость конверта при помощи меню Image — Adjustments — Selective Color (изображение — коррекция — выборочная коррекция цвета), выбираю белый цвет (white) и процентное содержание черного поднимаю процентов на 10, конверт сереет, не уничтожая красивый красный цвет. Почему использую этот метод? Мой опыт работы с типографией показал, что печать не чистого серого или черного (с добавлением СMY каналов) дает грязь. Если в предыдущей работе с визитками данные колебания были едва заметны, в этой работе проблема очевидна. В любом случае, прежде чем печатать огромную рекламную работу, нужно обязательно сделать цветопробу в уменьшенном формате. Это позволит исправить некоторые упущенные ошибки дизайнера, подготовить файл с учетом требований типографии.

Чтобы создать отражение, нужно отражаемый элемент скопировать на новый слой, в меню (редактирование — трансформирование) повернуть изображение на 180?, отражение по горизонтали, трансформирую с учетом сокращения перспективы. Чтобы изображение инструментов строго совпало с оригиналом, приходится использовать warp (деформацию).

Создаю слой-маску Layer Mask с помощью значка внизу на панели слоя. Теперь на эту маску накладываю градиент. Маска должна быть выделена (не слой). Выбираю черный цвет и нажимаю инструмент Gradient (градиент), линейный градиент, от черного к прозрачному. Уменьшаю яркость слоя идентично оригиналу, применяю градиент 3 раза, т. е. до удовлетворяющего результата. Отраженный объект стал прозрачным, через него просматриваются и другие пересекающиеся с ним отражения. Чтобы ликвидировать этот недостаток, выделяю объект: применяю инструмент Magic Wand (волшебная палочка) по фону, выделится фон, меню Select — Inverse (выделение — инверсия), вместо фона выделится объект. Перехожу на слой с фоном, использую форму выделения, чтобы скопировать часть фона по форме и размеру объекта. Эту часть фона копирую на новый слой. Устанавливаю часть фона на нужное место в очереди слоев методом «перетягивания» на панели слоев. В результате отражение от объекта на столе самостоятельное и на нужном плане.

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

В своей работе стараюсь использовать смарт-фильтры (smart filters). Для чего они нужны? Это своего рода маска, при создании которой, все фильтры, которые будут применяться в дальнейшем для изменения изображения, не будут его разрушать. Для заднего объекта композиции применю смарт-фильтр с размытием. Если не устроит результат, я на любом этапе работы с композицией смогу внести изменения. Правой кнопкой мыши по нужному слою вызываю меню, в котором нахожу Convert to smart object (преобразовать в смарт-объект). Теперь слой готов для наложения эффектов. Использую описанный раньше Gaussian Blur (Приложение, Рисунок 20).

При верстке итоговых планшетов понадобилось использовать направляющие — линейки. Предварительные поиски делала в полной композиции из трех планшетов в уменьшенном размере и, соответственно, в качестве, чтобы не затруднять работу операционной системы. Верстку делала в Adobe Illustrator, поскольку при пропорциональном увеличении шаблона качество его не изменится. Чтобы создать направляющие открываю меню view (просмотр) Show Rulers (Показать линейки), на экране аоявятси нужные линейки. Бывает, что направляющие нужно снять с фиксации для дальнейшей манипуляции, для этого использую Lock Guides (закрепить направляющие) в том же меню, нужно снять с команды галочку.

В качестве основы для планшетов я выбрала специальный материал для рекламы — вспененный ПВХ. Этот материал очень легкий, плотный и влагоустойчивый. Последнее качество имеет серьезное значение при поклейке итоговой работы. Если клеить самоклеющуюся пленку (на которой выполнена печать) на сухой материал, такой как картон, малейшая ошибка в поклейке может привести к тому, что дорогостоящая печать будет испорчена. При использовании мыльного раствора можно не только выгнать ракелем из-под печати лишние пузыри, но и вообще отклеить и откорректировать.

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