Эффект Лего для текста

C помощью программы Photoshop Вы можете создать LEGO-эффект из любой формы, текста, графики или даже фотографии, и это совсем не сложно. В данном простом уроке я расскажу, как это сделать. Сначала мы будем использовать пиксельный эффект для создания квадратных блоков из изображения. с помощью чего мы и создадим кирпичики Лего. Затем, для завершения эффекта, мы примени фильтр "Мозаика" (Mosaic).

Для лучшего понимания материала, вы можете скачать рабочий файл PSD этого урока по ссылкам внизу страницы.

В результате у нас получится вот что:

Эффект Лего для текста

Создаём новый документ размером 700 на 360 пикселей белого цвета. Создаём новый слой и заливаем его ярко-оранжевым цветом #f19900. Затем пишем текст синего цвета #007aa2, я использовал шрифт Intro, скачать его можно здесь.

Параметры шрифта указаны на рисунке, важно, чтобы трекинг для всех символов был 50:

1

Сам эффект Lego мы создадим в основном за счёт применения стиля слоя "Наложение узора". Но сначала надо подготовить буквы.

Добавим к тексту стиль слоя Обводка со следующими параметрами:

2

Зажав клавишу Ctrl, выберите два слоя, оранжевый фон и текст, и конвертируйте их в смарт-объект:

3

Теперь к смарт-объекту мы добавим Фильтр --> Оформление --> Мозаика (Filter --> Pixelate --> Mosaic) со значением размера ячейки (Cell Size) 20 пикселей:

4

Теперь мы должны создать прототип кирпичика Лего, который мы будем использовать для текстового эффекта. Создайте новый документ PSD размером 20 на 20 пикселей и залейте холст серым цветом #949494.

Для удобства работы увеличим масштаб документа до 1000%. Дублируем фоновый слой, отключаем видимость фонового слоя и добавим к новому слою стиль слоя Обводка со следующими параметрами, чтобы вокруг холста был прозрачный ободок:

5

Результат:

6

Берём инструмент "Эллипс" (Ellipse Tool):

ellipse tool

И создаём фигуру - правильный круг диаметром 12 пикселей с заливкой цвета #afafaf, расположенный в центре документа:

8

Добавляем к слою с фигурой стили слоя Тень и Тиснение со следующими параметрами:

9  9-1

Результат:

10

Теперь нам необходимо создать новый узор Photoshop из этого изображения. Идём Редактирование --> Определить узор (Edit --> Define Pattern) и сохраняем узор в стеке.
Как создать собственный узор (Pattern) из изображения, подробно рассказывается здесь.

Примените к смарт объекту стиль слоя "Наложение узора" со следующими параметрами:

11

Результат:

12

Эффект Лего для текста мы сделали, но, как Вы видите, эффект пикселизации букв сделал их размытыми, почти неразборчивыми. Это произошло потому, что фильтр Mosaic возвращает много полупрозрачных пикселей, и, в нашем случае, создаёт лишние. Нам нужно заменить полупрозрачные пиксели на на пиксели с цветом фона и с цветом букв. Мы это сделаем с помощью инструмента "Заливка" (Eyedropper Tool). Для удобства работы увеличим масштаб изображения.

Инструмент "Заливка" на работает со смарт-объектами, поэтому создадим новый слой над смарт-объектом, копируем стиль слоя смарт-объекта и добавляем к новому слою, затем отключаем видимость стилей слоя на смарт-объекте и новом слое:

13

Сейчас нам предстоит ручная работа. Давайте сперва уберём лишние пиксели у букв, превратив их в кубики фона. Сначала настроим инструмент "Заливка". На панели параметров поставьте галку у опций "Смежные пиксели" (Contiguous) и "Все слои" (All Layers), задаём параметр "Допуск" (Tolerance) равным единице, непрозрачность 100%:

15

В цветовой палитре задаём основным цветом цвет фона, оранжевый #f19900.
А дальше просто нажимаем курсором по "лишним" пикселям, инструмент зальёт только область того квадратика, на который мы нажимаем, поэтому, следует кликнуть по каждому полупрозрачному и лишнему пикселю. На рисунке я "удалил" лишнее на буквах "Г" и "О" и приступил к букве "Е":

14

Вот как выглядит в данный момент новый слой при отключенной видимости у остальных слоёв:

16

Закончим с буквами "Е" и "Л", результат:

17

Можно включить видимость стилей слоя. чтобы посмотреть процесс создания эффекта Lego для текста:

18

Как видите, фон готов.

Но "Заливка" работает не идеально, кое-где возможны не полностью или наоборот лишние залитые участки. Удалите/добавьте оранжевый цвет с помощью инструмента "Прямоугольная область" (Rectangular Marquee Tool) и кисти:

Буквы заливаем по аналогии, можно изменить цвет букв.

Готовый результат:

Эффект Лего для текста

Для заливки букв можно создавать новые слои и заливать каждую букву на отдельном слое, не забывайте применять к каждому новому слою стиль слоя "Добавление узора". Т.к. узор добавляется в режиме наложения "Перекрытие", цвета должны быть темнее серого цвета #949494. Для лучшего понимания материала. Вы можете скачать файлы PSD с материалами урока: основной файл и файл с кирпичиком Lego:

Теги:

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение "Фонарик" для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Текст в Photoshop: панель Символ
В первых двух уроках из серии на работе с текстом в Photoshop мы узнали два метода ввода текста - строкой и областью. Из этих уроков мы узнали, что,...
эффектный золотой текст с бриллиантами
В этом уроке, используя только стили слоя и некоторые простые настройки инструмента "Кисть" (Brush), мы создадим очень красивый эффект золотого...
В прошлом уроке мы создали два PSD-файла - файл с фоном для будущего коллажа (фон_для_текста.psd) и файл с буквами - буквы_для_3D-текста.psd. Сейчас...
Извечный вопрос начинающего фотошопера: "Куда устанавливать шрифты в Photoshop?" Имеется несколько способов. 1) Дурацкий. На просторах Инета этот...