Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

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

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Конечный результат:

Цветная сетка на фотографии


Шаг 1
Создайте новый документ размером 1000х1000 пикселей. Я выбрал квадратный холст, так как на нём будет удобнее создавать эффект. Если Вы планируете распечатывать изображение, то лучше установите разрешение – 240 пиксель/дюйм.

Цветная сетка на фотографии


Шаг 2
Перейдите в меню Просмотр»Линейки (View > Rulers).

Цветная сетка на фотографии


Шаг 3
Кликните правой кнопкой на линейках и выберите Проценты:

Цветная сетка на фотографии


Шаг 4
Отведите вертикальную направляющую на отметку на 10%.

Цветная сетка на фотографии


Создайте ещё несколько направляющих через каждые 10% (до 90%). У вас должно получиться 10 одинаковых колонок.

Цветная сетка на фотографии


Также отведите горизонтальные направляющие:

Цветная сетка на фотографии


Можете убрать линейки (Ctrl+R).

Шаг 5
Создайте новый слой “Grid”.

Цветная сетка на фотографии

Цветная сетка на фотографии

Цветная сетка на фотографии


Шаг 6
Мы разделили документ при помощи направляющих. Но это всего лишь визуальное разделение. Направляющие не будут видны на реальной картинке. Выберите инструмент Горизонтальная строка (Single Row Marquee Tool).

Цветная сетка на фотографии


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

Цветная сетка на фотографии


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

Цветная сетка на фотографии


Нам также нужно выделить вертикальные направляющие. Для этого выберите инструмент Вертикальная строка (Single Column Marquee Tool).

Цветная сетка на фотографии


Таким же образом создайте выделение остальных направляющих (не забывайте про Shift).

Цветная сетка на фотографии


Шаг 7
Перейдите в меню Редактирование»Заливка (Edit > Fill) и выберите чёрный цвет:

Цветная сетка на фотографии

Цветная сетка на фотографии


Перейдите в меню Выделение»Отменить выделение (Select > Deselect).

Цветная сетка на фотографии


Теперь можно убрать направляющие. Для этого перейдите в меню Просмотр»Показать»Направляющие (View > Show > Guide).

Цветная сетка на фотографии

Цветная сетка на фотографии


Шаг 8
Откройте фотографию, на которую будете накладывать узор.

Цветная сетка на фотографии


Если Вы используете Photoshop CS3, то фотография откроется в отельном плавающем окне. Если у Вас версия CS4 или CS5, то ваши окна будут прикреплены к верхней границе рабочей области в виде вкладок. Чтобы было удобнее работать, перейдите в меню Окно»Упорядочить»Свободно перемещать все окна (Window > Arrange > Float All in Windows).

Цветная сетка на фотографии


Шаг 9[/]
Выберите фоновый слой в нашем основном документе.

Цветная сетка на фотографии


Выберите инструмент Перемещение (Move Tool). Удерживая Shift, перенесите фотографию девушки в наш основной документ.

Цветная сетка на фотографии


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

Цветная сетка на фотографии

Цветная сетка на фотографии


[b]Шаг 10

Если Вам нужно изменить размер фотографии, воспользуйтесь инструментом Свободное трансформирование (Free Transform):

Цветная сетка на фотографии


У вас появится рамка трансформирования вокруг слоя. Если Вы не видите её, это значит, что края слоя выходят за границы холста. Чтобы это исправить, перейдите в меню Просмотр»Показать во весь экран (View > Fit on Screen).

Цветная сетка на фотографии


Photoshop сам подберёт масштаб, чтобы вы видели всё, что нужно. Чтобы изменить размер слоя, удерживая Shift, потяните угловую точку. Удержание клавиши Shift сохраняет пропорции. Если Вы хотите изменить размер исходя из центра изображения, то используйте сочетание Shift+Alt. Если Вам нужно изменить положение слоя, то кликните где-нибудь внутри рамки трансформации и перемещайте курсор по холсту. Когда Вы нажмёте Enter, изменения применятся.

Цветная сетка на фотографии


Вернуть масштаб вы можете через меню Просмотр»Реальный размер (View > Actual Pixels).

Цветная сетка на фотографии


Шаг 11
Мы вставили фотографию и определили её размер. Теперь можно переходить к основной части.
Выберите слой с сеткой:

Цветная сетка на фотографии


Шаг 12
Чтобы разукрасить сетку, нам нужно выделить определённые квадратики. Для этого подойдёт инструмент Волшебная палочка (Magic Wand Tool). Выберите его.

Цветная сетка на фотографии


Шаг 13
Кликните внутри одного из квадратов, чтобы сделать его выделение. Чтобы сделать выделение сразу нескольких квадратов, удерживайте Shift и кликайте по другим квадратам. Для начала выделите все квадраты по краям сетки.

Цветная сетка на фотографии

Цветная сетка на фотографии


Я захватил ещё несколько квадратов, расположенных ближе к центру. На картинке ниже они залиты жёлтым цветом - это было сделано для того, чтобы Вы видели какие квадраты я выделил. Вам этого не нужно делать.

Цветная сетка на фотографии


Шаг 14
Создайте новый слой:

Цветная сетка на фотографии


Обычно новый слои создаются над выбранными на момент создания. Но нам нужно опустить новый слой под слой с сеткой.

Цветная сетка на фотографии


Шаг 15
Перейдите в меню Редактирование»Заливка (Edit > Fill) и выберите белым цвет.

Цветная сетка на фотографии


Снимите выделение (Ctrl+D) и у Вас будет такой результат:

Цветная сетка на фотографии


Шаг 16
Теперь сделаем выделение других квадратов. Выберите слой с сеткой.

Цветная сетка на фотографии


Шаг 17
Таким же образом сделайте выделение других квадратов. Я обозначил их жёлтым цветом.

Цветная сетка на фотографии


Шаг 18
Выберите слой с фотографией:

Цветная сетка на фотографии


Шаг 19
Создайте корректирующий слой Тон/Насыщенность:

Цветная сетка на фотографии

Цветная сетка на фотографии


Если Вы используете версию CS4 или CS5, то настройки появятся на панели коррекций. Настройте, как показано ниже. Я использовал красный цвет, но Вы можете выбрать другой. Вы сразу можете наблюдать за изменениями на холсте. Если у Вас версия CS3, то нужно нажать ОК, чтобы применить изменения.

Цветная сетка на фотографии


Шаг 20
Установите Режим наложения корректирующего слоя – Цветность (Blending Mode – Color).

Цветная сетка на фотографии

Цветная сетка на фотографии


Шаг 21
Повторите шаги 16-20, чтобы выделить и закрасить больше квадратов. Выделяйте квадраты, меняйте их цвет через коррекцию тона и насыщенности, и в конце меняйте режим наложения. Вы также можете использовать коррекцию тона и насыщенности для обесцвечивания квадратов. Для этого просто установите значение насыщенности – 0.

Цветная сетка на фотографии


Вот мой результат. Для синего цвета я использовал такие значения:
Тон: 200
Насыщенность: 30

Для зелёного:
Тон: 120
Насыщенность: 25

Для фиолетового:
Тон:289
Насыщенность: 35

Цветная сетка на фотографии


Шаг 22
Наши квадраты получились не очень красочными. Чтобы это исправить можно попробовать разные режимы наложения. Для всех корректирующих слоёв на данный момент был установлен Режим наложения – Цветность (Blending Mode – Color).

Цветная сетка на фотографии


Красный цвет слишком тусклый, поэтому для него я установите Режим наложения – Осветление.

Цветная сетка на фотографии


Данный режим наложения делает цвета ярче, но также понижает насыщенность. Поэтому возвращаемся к настройкам и повышаем насыщенность.

Цветная сетка на фотографии

Цветная сетка на фотографии


Для фиолетового цвета я сделал то же самое. Насыщенность – 55.
Режим наложения – Умножение (Blending Mode – Multiply) может затемнить цвета.
Режим наложения – Перекрытие (Blending Mode – Overlay) даёт высокую контрастность, но может изменить и сам цвет.

Цветная сетка на фотографии


Шаг 23
Сейчас мы изменим вид нашей сетки – сменим цвет с чёрного на белый. Выберите слой с сеткой и кликните на иконке Сохранить прозрачность пикселей (Lock Transparent Pixels), показанной ниже.

Цветная сетка на фотографии


Шаг 24
Данная функция позволит нам оставить прозрачные области без изменений. То есть все изменения коснуться только пикселей слоя. Если мы, например, зальём слой белым цветом, то белым станет только сетка, а не весь слой.

Цветная сетка на фотографии


Шаг 25
Чтобы сделать сетку толще, примените стиль Обводка:

Цветная сетка на фотографии

Цветная сетка на фотографии

Цветная сетка на фотографии


Финальный результат:

Цветная сетка на фотографии




Обсудить данный урок на форуме






Ссылка на источник урока