Читать

Урок 43. Имитируем распадение картинки на объёмные части

21.11.2019 / Уроки

В новом уроке изобразим распадение картинки на фрагменты. Объём этим фрагментам мы придадим с помощью сложной тени. Впрочем, сам урок несложный — просто кропотливый.

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


Урок фотошопа. Имитируем распадение картинки на объёмные части

Урок фотошопа. Имитируем распадение картинки на объёмные части


Теперь выбираем инструмент «Прямоугольник со скруглёнными углами» (U) и рисуем им квадрат (с зажатой клавишей Shift) с небольшим радиусом скругления углов. Дублируем эту форму 15 раз и располагаем фигуры вплотную друг к другу:


Урок фотошопа. Имитируем распадение картинки на объёмные части


Переносим в рабочее пространство наше изображение. Я для примера взял сюжет из игры ©World of Warcraft. Нарезаем на равные части по размеру квадратов. Для удобства можно сделать картинку полупрозрачной.


Урок фотошопа. Имитируем распадение картинки на объёмные части


Каждый фрагмент картинки нужно переместить и разместить над той фигурой, форму которой и должен принять фрагмент. Создаём обтравочную маску (Ctrl+Alt+G). Затем выделяем оба слоя и преобразовываем их в смарт-объект.


Урок фотошопа. Имитируем распадение картинки на объёмные части


Спросите, зачем всё усложнять, когда можно обойтись без фигур и смарт-объектов — просто работать с изображением? Просто фигуры и смарт-объекты позволят в любое время отредактировать эти фрагменты, например, если вы захотите увеличить радиус скругления углов или угол поворота всего фрагмента (это мы сделаем чуть позже). Итак, все фрагменты готовы:


Урок фотошопа. Имитируем распадение картинки на объёмные части


Теперь можно заняться расстановкой. Разбросаем фрагменты так, как нам хочется:


Урок фотошопа. Имитируем распадение картинки на объёмные части


Осталось самое сложное — тени. Дублируем слой, растрируем его и уводим в чёрный цвет (Ctrl+U, а затем убираем «Яркость» на -100). Размываем по Гауссу с радиусом размытия 1px. Сдвигаем на 1 пиксель вниз и вправо ( в противоположную сторону от предполагаемого источника света) и убираем прозрачность процентов на 50.


Урок фотошопа. Имитируем распадение картинки на объёмные части


Снова дублируем смарт-объект, уводим в чёрный, растрируем его и отдаляем немного в сторону. Теперь, от углов этой тени до углов самого фрагмента картинки инструментом «Прямолинейное лассо» добавляем области для закрашивания чёрным:


Урок фотошопа. Имитируем распадение картинки на объёмные части


Выбираем инструмент «Размытие» и размываем отдалённую от картинки область:


Урок фотошопа. Имитируем распадение картинки на объёмные части


Добавляем слой-маску градиентом и уводим грани тени в прозрачность. Непрозрачность слоя уменьшаем до 30%.


Урок фотошопа. Имитируем распадение картинки на объёмные части


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


Урок фотошопа. Имитируем распадение картинки на объёмные части


Добавим в стилях слоя каждому кубику небольшую кромку. Для этого воспользуемся вкладкой «Тиснение»:


Урок фотошопа. Имитируем распадение картинки на объёмные части


И последние штрихи: добавим обычной кистью тёмные пятна под наиболее тесным скоплением кубиков, чтобы там тень была более насыщенной. Всё! Если вам захочется повторить этот эффект, достаточно будет нарезать другую картинку и разложить её фрагменты по соответствующим смарт-объектам, а не делать всё по-новой.


Урок фотошопа. Имитируем распадение картинки на объёмные части


Как обычно, исходник урока в формате psd — zip-архив (3,9 Мб)

Скачать архив




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





Просмотров: 412 / Теги: эффект, фотошоп, урок, объём

Комментарии (0)

avatar


НЕКОТОРЫЕ АРХИВНЫЕ ПУБЛИКАЦИИ

С началом зимы! И с запуском обновлённого проекта! Работа по наполнению ещё идёт, поэтому если найдёте пустую страницу, знайте - скоро на ней что-то появится!) В общем, добро пожаловать в блог Михаила Марка!


01.12.2014 / Сайтовское

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


25.02.2015 / Веб-дизайн

Просто не получается "проходить мимо" работ графического дизайнера Mike из Праги! Уже посвящал ему отдельный пост, но не смог отказать себе в удовольствии, собрать новую подборку его потрясающе красивых работ.


07.05.2016 / Арт

Поттермор

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


01.10.2016 / Любопытное



ПОДПИШИТЕСЬ НА ОБНОВЛЕНИЯ