Эффект переплетающихся полос

В этом уроке фотошопа мы узнаем как создать интересный эффект переплетающихся полос на фотографии. Мы будем использовать несколько слоёв и Масок слоя, так же Обтравочную Маску и Стили слоя, а также включим сетку Фотошопа чтобы помочь себе.

Вот эта же фотография в результате применения урока:

Шаг 1.Откадрируйте изображение в квадрат.

Первое что нужно сделать, это откадрировать изображение и сделать из него квадрат. Можно оставить изображение и прямоугольным, потому что эффект не зависит от размера, но как правило этот эффект смотрится лучше на квадратном изображении. Мы будем использовать инструмент Crop tool, потому выберем его в палитре слоёв:

Кроме того можно вызвать инструмент нажатием клавиши С. Далее, выбрав инструмент Crop tool, удерживайте нажатой клавишу Shift сделайте выделение вокруг лица. Клавиша Shift ограничивает выделение квадратом:+

Нажмите клавишу Enter когда сделаете выделение, и фотошоп обрежет изображение в виде квадрата:

Шаг 2. Продублируйте фоновый слой дважды.

Следующая вещь которую мы должны сделать - это создать несколько копий нашего изображения. Если посмотреть в палитру слоёв, то можно увидеть что там всего один слой Background (Фон), вернее то что мы Откадрировали (Обрезали). Нужно продублировать этот слой дважды, для этого нужно использовать сочетание клавиш Ctrl+J, нажмите это сочетание дважды чтобы получить две копии. Теперь в палитре слоёв три слоя. Дважды щёлкните по названию слоя и и переименуйте верхний слой в Vertical Strips (Вертикальные полосы), а затем переименуйте нижний слой в Horizontal Strips (Горизонтальные полосы).

Шаг 3. Заполните фоновый слой Чёрным цветом.

Нажмите на клавиатуре клавишу D, чтобы перезагрузить цвета Переднего и Заднего планов. Нажмите на слой Background в палитре слоёв и заполните этот слой чёрным цветом. Используйте для этого сочетание клавиш Alt+Backspase, эта команда заполнит слой чёрным цветом. Кажется ничего не произошло с изображением, но это потому что верхние два слоя блокируют слой Background. Но если посмотреть в палитру слоёв то можно увидеть иконку фонового слоя заполненую чёрным цветом.

Шаг 4. Временно отключите видимость верхнего слоя.

Сначала мы будем создавать горизонтальные полосы, но слой Вертикальные полосы блокирует наш слой Горизонтальные полосы, потому мы должны временно отключить видимость этого слоя. Для этого нажмите на иконку Видимости слоя в палитре слоёв (в виде глазного яблока), слой отключится и иконка глазного яблока исчезнет, показывая что слой скрыт.

Шаг 5. Включите сетку фотошопа.

Мы будем создавать горизонтальные и вертикальные полосы, и поможет нам в этом Сетка фотошопа. Идите в меню View>Show>Grid (Просмотр-Показать-Сетка), или можно воспользоваться сочетанием клавиш Ctrl+', чтобы быстро вызывать или отключать Сетку. Когда сетка появится, то возможно на вашем изображении её будет плохо видно. Чтобы изменить цвет Сетки нажмите сочетание клавиш Ctrl+K, всплывёт диалоговое окно Настроек (Preferences) фотошопа. Сверху из выпадющего Меню выберите Guides, Grid and Slices (Линейки, Сетка и Части). Здесь вы можете изменить цвет Сетки, нажмите на Образец цвета в правом верхнем углу, выберите цвет. Вы можете видеть что в моём варианте я изменила цвет Сетки на жёлтый.

Нажмите ОК для выхода из диалогового окна Настроек. Теперь вы можете видеть ваш новый цвет (в моём случае жёлтый) на верхней части изображения.

Шаг 6. Выделите ряд горизонтальных полос.

Давайте создадим серию горизонтальных полос с помощью инструмента Прямоугольное выделение, выберите этот инструмент в палитре слоёв, или вызовете клавишей М:

Теперь будем использовать Сетку, чтобы создать горизонтальные полосы. Сначала удостоверьтесь что в палитре слоёв выбран слой Горизонтальные полосы. Я собираюсь создать горизонтальные полосы, которые являются двумя рядами Сетки. Я хочу удостовериться что глаза женщины включены в этот эффект, таким образом я сначала сделаю выделение вокруг глаз женщины. По умолчанию моё выделение будет прилипать к Сетке, что сделает выделение очень лёгким. Если этого не происходит идите в Меню View>Snap To и поставьте галочку напротив Grid.

Вот моё выделение вокруг глаз с двумя рядами Сетки:

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

Шаг 7. Добавьте Маску слоя.

Сделав горизонтальные выделения, добавьте Маску слоя, для этого нажмите на иконку Layer Mask в основании палитры слоёв, чтобы добавить Маску слоя, к слою Горизонтальные полосы.

Фотошоп добавит Маску слоя, и использует выделения для определения того какие части изображения будут скрыты. Там где были сделаны выделения, изображение остнется видимым, в то время как невыделенные области исчезли, и заполнились чёрным цветом

Шаг 8. Верните Видимость слоя слою Вертикальные полосы.

Тоже самое мы сделаем для создания вертикальных полос. Во-первых верните Видимость слоя Вертикальные полосы, и выберите этот слой в палитре слоёв:

Шаг 9. Выделите ряд вертикальных полос.

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

Шаг 10. Добавьте Маску слоя.

Добавьте Маску слоя к слою Вертикальные полосы, щёлкнув в основаниипалитры слоёв на иконку Layer Mask:

Фотошоп добавит к слою Вертикальные полосы Маску слоя, и использует наше выделение чтобы определить какие области изображения останутся видимыми, а какие исчезнут. Области что были выделены останутся видимыми, а те что остались невыделнными исчезнут, и заполнятся Чёрным цветом:

Шаг 11. Выберите все точки пересечения полос.

У нас есть теперь и горизонтальные и вертикальные полосы, но всё это не очень похоже на нужный эффект. В данный момент мы просто имеем кучу чёрных квадратов. Нам же нужно создать иллюзию переплетённых полос. Чтобы сделать это нужно выделить те районы где вертикальные и горизонтальные области пересекаются. Отключите сетку, если вы ещё не сделали этого, так как нам она больше не нужна. Далее, удерживая нажатой клавишу Ctrl нажмите на иконку Маски слоя Горизонтальные полосы в палитре слоёв:

Это позволит загрузить горизонтиальные полосы обратно в изображение:

Далее, удерживая нажатым сочетание клавиш Shift+Ctrl+Alt щелкните на иконке Маски слоя Вертикальные полосы в палитре слоёв:

Это позволит сделать две вещи. Первое: загрузит вертикальное выделение к изображению, и Второе: оставит выделение только там где вертикальные и горизонтальные полосы пересекаются, всё остальное останется невыделенным:

Шаг 12. Сохраните Выделение.

Прежде чем идти дальше сохраните выделение. Для этого пройдите в Меню Select>Save Selection (Выделение-Сохранить выделение). Появится диалоговое окно, просто нажмите кнопку ОК в правом верхнем углу чтобы из него выйти:

Шаг 13. Отсейте ненужные выделения.

Находясь на слое Horisontal strips, c активным инструментом Прямоугольное выделение, удерживайте нажатой клавишу Alt и делайте выделение вокруг каждого квадратного выделения. Это удалит выделения. Продолжайте это делать чтобы удалить половину оригинальных квадратных выделений. Ваше изображение должно выглядеть теперь примерно так:

Шаг 14. Скопируйте выделения на новый слой.

Нажмите на слой Горизонтальные полосы в палитре слоёв, затем нажмиет Ctrl+J чтобы скопировать выделенные области на новый слой. Вобщем на изображении ничего не случилось. Но если вы глянете в палитру слоёв, то увидите что там появился новый слой Layer 1, со скопированными квадратными областями:

Шаг 15. Создайте обтравочную Маску.

С новым выбранным слоем пройдите в Меню Layer>Create Clipping Mask (Слой-Применить Обтравочную Маску). Можете также использовать клавиатурное сокращение Ctrl+Alt+G, Обтравочная Маска обрежет нижний слой. Мы не увидим никакого различия непосредственно в изображении, но в палитре слоёв видно что новый слой теперь является Обтравочной Маской нижнему слою:

Шаг 16. Перезагрузите сохранённое выделение.

Давайте вернём выделение, что мы сохранили минуту назад. Сделать это легко с помощью сочетания клавиш Ctrl+Alt+4:

Шаг 17. Отсейте противоположные выделения.

С выбранным инструментом Прямоугольное выделение, удерживая нажатой клавишу Alt делайте выделение вокруг других квадратных выделений, которые не были затронуты в прошлый раз, чтобы удалить их. Когда вы закончите, изображение будет выглядеть так:

Шаг 18. Скопируйте выделение на новый слой.

Нажмите на слой Вертикальные полосы в палитре слоёв чтобы выбрать его, затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой. Опять мы не заметим никаких изменений на самом изображении, но в палитре слоёв фотошоп создаст нам новый слой Layer 2, над слоем Вертикальные полосы, который содержит наши скопированные квадраты:

Шаг 19. Создайте Обтравочную Маску.

Точно также как мы сделали минуту назад идите в Меню Layer>Create Clipping Mask (Слой-Применить Обтравочную Маску). Можете также использовать клавиатурное сокращение Ctrl+Alt+G. В палитре слоёв можно увидиеть что Layer 2 теперь является Обтравочной Маской нижнему слою:

Шаг 20. Добавьте Стиль слоя Outer Glow(Внешнее Свечение).

Выберите верхний слой и нажмите на иконку Стилей слоя в основании палитры слоёв:

Выберите из списка Outer Glow(Внешнее Свечение):

Это вызовет диалоговое окно стилей, мы собираемся Внешнее свечение превратить в тень, для этого мы изменим Режим смешивания (Blend Mode) на Multiply (Умножить), также имземним жёлтый цвет. Нажмите на цветной образец ниже слова Noise(Шум), и во всплывшем диалоговом окне выберите Чёрный цвет, нажмите ОК, чтобы выйти из диалогового окна Цветного сборщика. Далее понизьте Непрозрачность (Opasity) до 60%, чтобы сделать Тень не слишком интенсивной. Наконец Размер (Size) увеличьте до 40 пикселей:

Вам возможно придётся скорректировать Размер в зависимости от размера вашего изображения. Когда закончите нажмите ОК, чтобы выйти из диалогового окна. Изображение выглядит теперь примерно так, и мы почти у цели:

Шаг 21. Скопируйте и примените Стиль слоя на новый слой.

Всё что нам осталось сделать - это применить тот же самый Стиль к слою Layer 1. Вместо того чтобы добавлять стиль в палитре слоёв и менять настройки в диалоговом окне, мы можем просто скопировать наш Стиль со слоя Layer 2. Чтобы сделать это идите в Меню Layer>Layer Style>Copy Layer Style (Слой-Стиль слоя-Скопировать Стиль слоя), далее выберите в палитре слоёв Layer 1, и опять идите в Layer>Layer Style>Paste Layer Style (Слой-Стиль слоя-Вставить стиль слоя).Как только вы это сделаете все настройки стиля слоя скопируются и на слой Layer 1, а между полосками появится нужный нам эффект:

Вот и все!! Удачного творчества!!!