Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Создаем рисунок из элементов Lego в Photoshop

23 апреля 2014 | Опубликовано в Уроки | 4 Комментариев »

Сегодня мы научимся превращать любое изображение в мозаику Lego при помощи Adobe Photoshop. Вы узнаете как пикселизировать фотографию и как создать паттерн. Также мы будем работать со стилями слоев, режимами наложения и корректирующими слоями. Также мы будем работать недеструктивными методами, а это значит что все эффекты можно будет в последствии отредактировать, а общий результат применить к другой фотографии, просто перенеся ее в документ и расположив вместо основной.

 

Результат

Шаг 1

Откройте изображение, к которому хотите применить эффект в Photoshop. Рекомендуется использовать изображение размера не менее 2000×2000 px. Если ваше изображение меньше, вы можете его увеличить (Image > Image Size/Изображение>Размер изображения). Не переживайте за размытость и потерю качества. В конечном итоге это не будет заметно.

Шаг 2

Дублируйте слой с фотографией. Вы можете сделать это, нажав Ctrl/Cmd+J. Переименуйте копию слоя в “Bricks”. Кликните по ней правым кликом мыши и выберите Convert to Smart Object/Преобразовать в смарт-объект. Так мы сможем применять к слою смарт-фильтры и при желании редактировать их в последствии.

Шаг 3

В меню выберите Filter > Pixelate > Mosaic/Фильтр>Пикселизация>Мозаика. Настройте параметры так, чтобы вы могли разобрать что на картине, но при этом она была достаточно пикселизирована. Запомните размер блоков, на котором вы остановитесь — нам понадобится эта информация далее.

Шаг 4

Создайте новый документ. Укажите ширину и высоту документа равную размеру блока. В примере размер блока составляет 64 px. Поэтому новый документ будет размера 64×64 px.

Шаг 5

Нажмите Shift+Backspace или выберите в меню Edit > Fill/Редактировать > Заливка, чтобы открыть палитру Fill/Заливка. В выпадающем меню выберите “50% Gray” и нажмите OK.

Ваш документ будет залит серым цветом.

Шаг 6

Инструментом Ellipse/Эллипс (U) нарисуйте круг в середине документа. Удерживайте Shift, чтобы фигура была идеально круглой. Инструментом Move/Перемещение (V) подправьте при необходимости расположение круга в документе, чтобы он был ровно по центру.

Шаг 7

В меню выберите Layer > Layer Style > Blending Options/Слои>Стили слоев>Параметры наложения. Настройте параметры как показано ниже.

Укажите стиль слоя Bevel & Emboss/Тиснение, настройте параметры как показано ниже.

Также выберите Drop Shadow/Тень. Параметры:

Шаг 8

Мы закончили с оформление круглой кнопочки. Теперь нам нужно придать объема самому блоку. Для этого мы применим эффект тиснения к слою с фоном. Однако для этого нам нужно превратить слой фона в обычный слой. Для этого кликните по нему дважды и выберите Layer from Background/В слой из фона.

Укажите слою с фоном стиль слоя Bevel & Emboss/Тиснение и настройте его как показано ниже.

Шаг 9

Теперь нам нужно преобразовать это изображение в паттерн. В меню выберите Edit > Define Pattern/Редактировать> Определить узор. Дайте узору имя и нажмите OK.

Шаг 10

Закройте документ с блоком, не сохраняя. Вернемся к нашему рабочему документу. В палитре Layers/Слои нажмите на иконку Create new Fill or Adjustment Layer/Создание нового слоя заливки или корректирующего слоя. Выберите вариант Pattern/Узор.

Выберите только что созданный нами паттерн и нажмите ОК.

Шаг 11

Смените Blending mode/Режим наложения слоя с паттерном на Linear Light/Линейный свет. Вот так выглядит наше изображения, при условии что наши детальки Lego бывают всех цветов и оттенков.

Шаг 12

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

Для начала создайте корректирующий слой Posterize/Постеризация. Переместите этот корректирующий слой с паттерном и смените его Blending mode/Режим наложения на Luminosity/Яркость.

=

Укажите значение где-то между 4 и 8.

Шаг 13

Теперь займемся насыщенностью. Создайте новый слой-заливку типа Solid Color/Чистый цвет.

Выберите любой цвет, затем настройте S (Saturation/Насыщенность) на 75% и B (Brightness/Яркость) на 100%. H (Hue/Оттенок) может быть любым. Нажмите OK.

Поместите слой-заливку под слой с паттерном и смените для него Blending mode/Режим наложения на Saturation/Насыщенность.

Результат!

Если вы хотите, чтобы ваши детальки были ближе к настоящим Lego, смените режим наложения для слоя Posterize на Normal/Нормальный.

Автор урока Denny Tang

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Имя
    Thumb up Thumb down +2

    Дежурка куда ты катишься. Что это за трешак?

  2. AlexSh78
    Thumb up Thumb down 0

    хм, пойду у ребенка лего заберу, попробую =))

    может на людей просто больше элементов добавлять, чтобы четче было, а так эффект интересный

  3. Мамонт
    Thumb up Thumb down 0

    Что за говнофаска? Автор когда-нибудь лего в руках держал?