Сначала создайте новый документ для нашей сетки, выберите File -> New и установите следующие значения: Width = 1000 рх Height = 1000 рх Resolution = 72 pixels/inch
Шаг 2
Теперь выберите View -> Rulers (Ctrl+R) – вы увидите, что по краям документа появились линейки.
Шаг 3
Мы
можем выбрать любую удобную для нас единицу измерения на линейках – в
данном случае мы будем работать с процентами. Нажмите правой кнопкой
мыши на линейке и выберите "Persent”:
Шаг 4
Итак,
мы выбрали единицы измерения, теперь нам нужно добавить разметку. Для
этого мы будем использовать направляющие. Выберите View -> New guide,
в появившемся окошке у вас должны быть установлены параметры:
Orientation: Vertical, Position = 0%. Нажмите ОК. Мы получили первую
направляющую. Создать направляющую можно другим способом: кликните по
боковой линейке и, удерживая левую кнопку мыши, перетащите направляющую
вправо на отметку 0% (при этом у вас должен быть выбран инструмент Move
Tool (V)):
Аналогичным образом создайте направляющие на отметках 10%, 20% и т.д.:
Таким
же образом (только теперь кликните по верхней линейке и, удерживая
левую кнопку мыши, перетащите направляющую вниз на отметку 0%) создайте
горизонтальные направляющие. В итоге мы получим вот такую сетку:
Теперь можно скрыть линейки – для этого нажмите Ctrl+R.
Шаг 5
Создайте новый слой, нажав Ctrl+Shift+N и назовите его "Grid”:
Этот слой появится у вас над слоем "Background”.
Шаг 6
Кликните
правой кнопкой на иконку инструмент Rectangular Marquee Tool (М) и из
открывающегося меню выберите Single Row Marquee Tool:
При
помощи этого инструмента можно создавать горизонтальные выделения
определенного размера, в данном случае это 1 рх. Чтобы получить такое
выделение, достаточно просто кликнуть по документу. Итак, поместите свой
курсор на первую горизонтальную направляющую и нажмите на ней левой
кнопкой мыши. Вуаля! – мы получили выделение первой направляющей:
Далее,
нажмите кнопку Shift и кликните по следующей направляющей – мы получим 2
выделения. Аналогично, выделите все остальные горизонтальные
направляющие:
Не сбрасывая выделения, выберите инструмент Single Column Marquee Tool:
И аналогично выделите вертикальные направляющие:
Шаг 7
Убедитесь, что вы находитесь на слое "Grid” и выберите Edit -> Fill. В появившемся окне выберите черный цвет и нажмите ОК:
Таким
образом, мы покрасим нашу сетку в черный цвет. Выделение нам больше не
нужно, поэтому сбросим его, нажав Ctrl+D. Чтобы отключить направляющие,
выберите View -> Show -> Guides (снимите галочку). Вот, что у нас получилось:
Шаг 8-9
Откройте
понравившееся вам изображение и вставьте его в ваш документ . (Если вы
открыли его в фотошопе, просто перетащите его при помощи Move Tool (V) в
вашу работу – удерживайте кнопку Shift при перетаскивании, тогда ваше
изображение будет строго по центру (либо скопируйте и вставьте –
Ctrl+C/Ctrl+V),либо перетащите его из папки прямо на вашу работу в
фотошопе).
Слой с фотографией у вас должен располагаться под слоем "Grid”:
Шаг 10
Переместив
изображение, уменьшите его размер (если требуется) при помощи
трансформации – нажав Ctrl+T и потянув за одну из угловых точек. Чтобы
изображение уменьшалось пропорционально, удерживайте Shift.
Шаг 11-13
Сейчас
мы будем выделять квадратики по краям). Для этого перейдите на слой
"Grid” и выберите инструмент Magic Wand Tool (W). Итак, удерживая кнопку
Shift, кликайте по квадратикам, которые находятся по краям:
Также
добавим несколько квадратиков из середины (автор покрасил выделенный
квадратики желтым для удобства, это не является частью урока ))):
Шаг 14
Не сбрасывая выделения, создайте новый слой (Ctrl+Shift+N) и поместите его прямо под слоем "Grid”:
Шаг 15
Покрасим
квадратики в белый цвет. Убедитесь, что вы находитесь на новом слое,
созданном в Шаге 13 и выберите Edit -> Fill и выберите белый цвет:
Сбросьте выделение, нажав Ctrl+D. Вот, что у нас получилось:
Шаг 16-17
Помните, что когда вам нужно выделить квадратики, вам нужно перейти на слой "Grid”. Итак, перейдите на этот слой и, удерживая Shift, выделите несколько квадратиков:
Шаг 18-19
Не
сбрасывая выделения, перейдите на слой с фотографией и кликните на
иконку «New Adjustment Layer» внизу панели слоев и выберите из списка
«Hue/Saturation»:
Автор использует следующие настройки:
Шаг 20
Итак, слой «Hue/Saturation» должен располагаться прямо над слоем с фотографией. Изменим Blend Mode этого слоя на «Color»:
Вот, что у нас получилось:
Шаг 21
Повторите
Шаги 16-20, чтобы раскрасить остальные квадратики. Чтобы окрашивать
квадратики разными цветами, вы можете также использовать слой "Color
Balance”, "Brightness/Contrast", "Solid color" из того же меню New
Adjustment Layer. Вот результат автора:
Шаг 22
При
создании цветных квадратиков, пробуйте также использовать различные
настройки смешивания (Blend modes), например Screen, Multiply, Overlay. К
примеру, вот результат применения вот таких настроек Hue/Saturation
И изменения Blend mode на Screen: вы видите, что некоторые квадратики стали ярче:
Шаг 23-24
Теперь изменим цвет линий на белый. Перейдите на слой "Grid” и нажмите на иконку «Lock Transparent Pixels»:
Далее выберите Edit -> Fill, цвет – белый. Вот, что у вас получится:
24
Шаг 25
Если
вы хотите увеличить толщину линий сетки, кликните 2 раза по слою "Grid”
на панели слоев. В открывшемся меню Layer Style слева выберите "Stroke”
и установите следующие значения (автор использует значение = 2 рх,
параметр Size отвечает как раз за толщину линий):