Череп? ОК!

Как на «Волшебной кнопке» создавалась картинка с черепом · Георгий Ермаков


Привет! Сегодня попробую рассказать, как на воркшопе «Волшебная кнопка» создавалась следующая картинка:

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


Поиск исходников

Я стараюсь искать исходники так, чтобы они выглядели хорошо и с ними было поменьше работы. Это совершенно очевидно, думаю, но на всякий случай еще раз пишу. Повтореньематьученья!

Нашел подходящую черепушку, да еще и в трех проекциях (пригодится когда-нибудь):

Смотрите, он и сам рад, что его нашли. Улыбается.

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

Итак, базовые исходники нашли, с идеей определились: сделать открытый череп, из которого бы разлетались всякие буквы и другие штуки. Из букв должна получаться фраза «Волшебная коробка», потому что она, типа, у каждого есть ;)

Первый заход на композицию:

Вадим говорит переделать компоновку на вертикальную и сделать срез черепа более интересным. Обтравил череп заново. Чуть-чуть обработал через Альт+Клик и стили слоя, чтобы добавить объема:

Да, так определенно лучше. Сразу еще добавил «золотой» зуб (пока он, правда, зеленоватый, но мы это исправим).

Следующим этапом сразу прикидываю, как спецэффект будет выглядеть:

В принципе, хорошо. Сразу как-то больше волшебства стало на картинке. Пока флэр сделан обычным фильтром Фотошопа.

Первая проба с буквами

Буквы сделаны в 3-д редакторе. Картинку с черепом я положил на плоскость как подоснову в одном из окон проекции, чтобы легче было прикидывать, как расположить буквы. Установил источник света снизу, чтобы сразу подсветить буквы. Потом отрендерил все в png с альфа-каналом, чтобы ничего не нужно было выделять.

Пока буквы встали плохо: нединамичны, плохо вписаны. И вообще, скучно!

Размытие от движения сделано через Radial Blur — Zoom. Важно! Когда делаете размытие от движения, делайте его в два прохода, как Вадим советует, т. е. вместо одного раза на 6 единиц, сделайте лучше 2 раза по 3, так оно как-то мягче и лучше получается.

Добавил пыль, якобы вылетающую, буквы сделал одного цвета, чтобы потом вручную перекрашивать их в Фотошопе:

Плохо!

Решил, что нужно отказаться от букв и попробовать другой подход. Размыл вылетающую пыль через тот же Zoom, сделал другую вспышку в Knoll Light Factory, а также заменил буквы на вылетающие предметы:

Во-о-от! Уже что-то. Но предметов все еще мало.

Здесь важно отметить, что в реальной жизни много хаоса и несовершенства, поэтому, когда у вас на картинке много различных предметов, вряд ли они будут расположены в строгом безукоризненном порядке (только, если нет такого замысла, конечно). Поэтому старайтесь делать так, чтобы предметы взаимодействовали друг с другом (наслаивались, сталкивались, пересекались и т. п.) Обратите внимание, как довольно интересно выглядит часть карта+ключ+невозможная фигура, и как скучно выглядят отдельные предметы слева.
См. «Резкое улучшение картинки».

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

Добавил еще один жалкий мячик. Не сильно помогло:

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

Я выбрал смешанный подход — добавить еще несколько объектов
и «разбавить» все это мусором. Куски делал базовыми эмиттерами частиц в 3д-редакторе. Там, кстати, есть настройки хаоса и рэндомности, что очень помогает:

Ну, вроде, жизни прибавилось. Да и времени больше нет — нужно сдаваться.


Итак, «Волшебная кнопка» завершилась, но последним заданием еще остается при случае «допилить» получившуюся картинку. Мне не нравились эти ошметки, которые выглядели неряшливо, и я решил заменить их на конфетти. Конфетти опять же сделал в 3д, а потом подкорректировал их уже в фотошопе

Есть способ сделать конфетти сразу в Фотошопе. См. видео.

Плюс, еще немного поправил свет на предметах, нарисовал шланг заново, цвета кое-где подтянул, сделал виньетирование. И в итоге остановился на этом:


p.s. Сайт Георгия Ермакова с интересными дизайнерскими идеями. Ставьте лайк ↓ внизу, если хотите еще его статей ;)


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

На «Волшебной кнопке» в июле мы будем разбирать эту работу подробнее — и дадим несколько рабочих подсказок, крайне облегчающих жизнь. Записывайтесь.


p.s. По традиции одну из студенческих работ последнего потока мы используем для обложки следующего. Череп нашел свое применение на обложке 9 потока: