В этой статье хочу показать как создавать цветные сетки из фото, для этого будем использовать линейку и направляющие, и сделаем натуральную сетку. Будем легко выбирать случайные квадраты в сетке инструментами выделения, а с помощью корректирующих слоёв и режимов наложения раскрашивать их.
Вот что у нас должно получиться.
...
Ну что, начнем!
Давайте подготовим наш Фотошоп к работе.
Создаем новый документ Файл – Создать (File – New) или просто нажимаем Ctrl+N. Размер нашего документа будет 2000*2000 и разрешением 72 пикселей на дюйм. Фон- прозрачный. Размеры могут быть различные, но если Вы решите распечатать работу, то установите разрешение 240 пикселей на дюйм или выше.
Если нет линейки, то идем в Просмотр – Линейки (View – Rulers) или нажимаем Ctrl+R.
Жмем правой кнопкой мышки на верхний край линейки и выбираем из списка Проценты (Percent).
Теперь давайте расставим направляющие. Для этого левой кнопкой мышки щелкаем на вертикальной линейке и не отпуская кнопку, выставляем направляющую на 10%. И так выставляем 20%,30%,40% и того должно получиться 9 вертикальных направляющих. Вот так.
Теперь также выставляем горизонтальные направляющие. Разница только в том, что кнопкой мышки надо нажать на горизонтальной линейке.
Должно получиться вот так
Линейка нам больше не нужна. Если Вам она мешает, то можно ее отключить, нажав Ctrl+R.
Для удобства, назовем наш слой "Сетка". Снять замок на слое можно нажав дважды на слое. И жмем "ОК". Теперь можно переименовать.
Направляющие разделяют наш документ, но только визуально. Для того, чтобы разделить фактически, мы будем использовать очень редкий инструмент, про который порой даже не вспоминают. Для этого выбираем на панели инструментов Прямоугольное выделение (Rectangular Marquee Tool), нажав правой кнопкой мышки в меню жмем на Область (Горизонтальная строка) (Single Row Marquee Tool).
Этот инструмент позволит нам создать выделение на документе. Для этого стоит выбрать инструмент и щелкнуть на горизонтальной направляющей. Создается выделение 1px.
Удерживая Shift выдели все горизонтальные направляющие.
После выбери Редактирование – Выполнить заливку (Edit – Fill) или нажми Shift + F5. Установи "Содержимое"- Чёрный (Black)
Сделай тоже самое только с вертикальной разметкой. Поменяй инструмент на Область (Вертикальная строка) (Single Column Marquee /lessons/tools) и вперед.
Когда все закончили, снять выделение Ctrl+D и убрать направляющие, для этого переходим в меню Просмотр - Удалить направляющие
Должна получиться вот такая сетка
Приступаем к обработке фото
Открываем фото, которое будете использовать. У меня вот такое:
Перетаскиваем файл с лицом в документ с сеткой и размещаем под ней. Вот так:
Решили изменить размер изображения, то идите в меню Редактирование – Свободная Трансформирование (Edit – Free Transform) или нажмите Ctrl+T. Если ваше фото большое и рамки трансформации не видно, так как фото выходит за пределы документа, идём в меню Просмотр – Показать во весь экран (View– Fit on Screen) или нажмите Ctrl+0.
Удерживая сочетание клавиш Shift (для соблюдения пропорций), потяните за любой из угловых маркеров. После изменения размера фото нажмите Enter, чтобы принять трансформацию.
Подготовительную работу проделали. Давайте теперь заниматься самой увлекательной частью работы - раскраской)
Для этого встаем на слой Сетка.
Для раскраски отдельных квадратов берет инструмент Волшебная Палочка (Magic Wand Tool)
Убедитесь, что выделен слой Сетка. На панели волшебной палочкой посмотрите, чтобы был включен режим Смежные пиксели
Щелкните на любой квадрат в сетке и удерживая Shift добавьте к нему остальные квадраты. Должно получится как-то так
Заполним их белым цветом, чтоб создать границу. Создаем Новый Слой (New Layer) и размещаем его под слоем с Сеткой.
Для того, чтобы сделать края белыми, а не залить само фото. Делаем инвертацию.
При активном выделении квадратов идём в меню Редактирование – Выполнить заливку (Edit – Fill) или нажмите Shift + F5, в открывшемся окне выбираем Белый (White).
Снять выделение Ctrl+D.
Теперь пришло время раскрасить все остальные квадраты. Переходим на слой Сетка.
С помощью все той же волшебной палочки выделяем нужные нам квадраты: Shift-добавляет, Alt- удаляет выделение.
Выбираем слой с фото. Нажмите на иконку Новый Корректирующий Слой (New Adjustment Layer) в панели слоёв. Выберите из списка Цветовой тон/Насыщенность (Hue/Saturation).
Ставим галочку на Тонирование (Colorize) и ползунком Hue (Цветовой тон) выбираем цвет, в который хотим покрасить квадраты. Например, красный оттенок. Для увеличения насыщенности цветов установите значение Насыщенность (Saturation) на 55.
Установим для этого слоя режим наложения Цветность (Color)
Получилось вот так
Повторите предыдущие шаги, чтобы раскрасить другие квадраты. Так же с помощью корректирующего слоя Цветовой тон/Насыщенность (Hue/Saturation) вы можете обесцветить некоторые квадраты. Для этого перетащите ползунок Насыщенность (Saturation) влево.
Вот что получилось у меня после тонирования нескольких квадратов. В случае, если вы хотите использовать те же цвета, что в нашем примере, то
- для синего оттенка Цветовой тон (Hue) – 200, Насыщенность (Saturation) – 30
- для зеленого – Цветовой тон (Hue) был установлен на 120, Насыщенность (Saturation) 25
- для фиолетового – Цветовой тон (Hue) на 289, Насыщенность (Saturation) 35.
- для желтого – Цветовой тон (Hue) на 56, Насыщенность (Saturation) 55.
- для чёрно-белых квадратов – Насыщенность (Saturation) на -100. Играем только Яркостью - либо +100 (белый) или -100 (черный)
У меня получилось вот так
Цвета не такие яркие и красочные, как мы хотели. Давайте исправлять! Мы будем играть режимом наложения.
Если мы посмотрим на панель слоев, то увидим все корректирующие слои, которые мы использовали, чтобы раскрасить квадраты, в том числе и тот, который использовался для черно–белого эффекта:
Поменяем режим наложения и поставим Экран
Этот режим добавляет яркости, но и имеет тенденцию к снижению насыщенности цвета, поэтому, чтобы компенсировать это, увеличиваем Насыщенность (Saturation) до 70.
Вот, что из этого вышло
Другие режимы наложения, которые могут дать вам хороший результат – это Умножение (Multiply) – для тёмных оттенков, а также Перекрытие (Overlay), который даст более контрастный эффект. Но вы можете изменять режимы на свой вкус. Вот результат с изменёнными режимами наложения на Экран (Screen) – для красного и фиолетового цветов.
Теперь сделаем финальную коррекцию
В качестве последнего шага мы изменим цвет сетки на белый. Выберите слой Сетка, затем нажмите на кнопку Сохранить прозрачность пикселей (Lock Transparent Pixels)на панели слоёв.
Переходим в меню Редактирование – Выполнить заливку (Edit – Fill) или нажимаем Shft+F5 и в открывшемся окне выбираем Белый (White), нажимаем ОК. Линии сетки станут белыми.
Вы решили увеличить толщину сетки, то жмем на иконку Стиль Слоя (Layer Styles)
Выбираем стиль Обводка (Stroke). Размер (Size) – 2рх, Положение (Position) – Снаружи (Outside), цвет Белый.
Все мы закончили. Вот, что у меня получилось
Делитесь вашими работами в комментариях!
Ставьте лайки и ПОДПИСЫВАЙТЕСЬ на мой канал, впереди еще много интересного!
Хочешь знать о Фотошоп больше, переходи сюда
