Уроки Photoshop: Сказочные средневековые ворота замка

Уроки Photoshop: Сказочные средневековые ворота замка

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

Возможно, для кого-то, это будет вход во все таинства чудесной программы Adobe Photoshop. Давайте приступим!

Ресурсы, использованные в данном уроке:

Concrete Texture
Wood Planks Texture
Soil Sand Texture
Grass Texture
Ornament
Ornament Heads

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

Шаг 1:

Во-первых, создайте новый документ (Ctrl+N) c размером 800×800 px и разрешением 300 ppi.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 2:

Далее, перенесите в фотошоп эти текстуры: SoilSand.jpg и Grass.jpg и с помощью инструмента масштабирования (Ctrl+T) расположите как на картинке.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 3:

Теперь примените инструмент Цветовой тон/Насыщенность (Hue/Saturation) (Ctrl+U) при помощи Обтравочной маски (Clipping Mask) к изображению SoilSand.jpg и примените настройки, указанные на картинке.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 4:

Теперь откройте изображение WoodPlank.jpg и расположите на нашем документе, как указано на картинке.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 5:

Используя инструмент Перо (Pen) (P) нарисуйте форму, как на изображении ниже. Замкнув контур формы, щёлкните правую кнопку мыши и выберите Make Selection (Образовать выделение) из выпадающего списка меню. Инвертируйте выделение нажав Ctrl+Shift+I и потом нажмите удалить.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 6:

Далее, при помощи инструмента Levels (Уровни) (Ctrl + L) измените изображение WoodPlank.jpg как указано на картинке.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 7:

Теперь мы сделаем текстуру из камня для формирования арки. Чтобы сделать это, откройте Concrete.jpg, и переименуйте его в «Камень». Затем примените инструмент Свободное трансформирование (Free Transform) (Ctrl+T) , чтобы изменить его размер, как показано на картинке. Используйте инструмент Ластик (Eraser Tool) (E) , для того, чтобы стереть края «Камня». Затем с помощью инструмента Затемнитель (Burn Tool) (O) , затемните углы, указанные на рисунке «B». После этого стиль слоя (Drop Shadow) (Тень) к слою «Камень», как показано на рисунке (D). Теперь создайте новый слой и поместите его под слой «Камень» и удерживая нажатой клавишу Ctrl щелкните миниатюру слоя «Камень», активируйте его выделение, как показано на рисунке (E). Используя инструмент Заливка (Paint Bucket Tool) (G) , заполнить всё выделение цветом #000000, как показано на рисунке (F). Наконец, перейдите к Filter> Blur> Gaussian Blur и примените радиус 5.0 px.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 8:

Закончив с каменной текстурой, продублируйте её 11 раз (Ctrl+J) и расположите по контуру ворот, как на картинке.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 9:

Используя инструмент Затемнитель (Burn Tool) (O) , затемните области, указанные ниже в слое «SoilSand» и в слое «Grass».

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 10:

Теперь с помощью инструмента Ластик (Eraser Tool) (E) , сотрите те области в слое «SoilSand», указанные ниже.

Уроки Photoshop: Сказочные средневековые ворота замка

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 11:

Теперь давайте создадим разрыв между дверьми. Чтобы сделать это, используйте инструмент Перо (Pen Tool) (P) , для того, чтобы создать линию, как показано на рисунке (А). Затем щелкните правой кнопкой мыши и выберите Выполнить обводку контура (Stroke Path) из выпадающего меню. Убедитесь в том, что установлен инструмент Кисть (Brush) ( B ) , как показано на рисунке ( B ). Наконец, перейдите Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur) и введите радиус 2,5 PX как показано на рисунке.

Уроки Photoshop: Сказочные средневековые ворота замка

Уроки Photoshop: Сказочные средневековые ворота замка

Повторите то же самое, чтобы создать разрыв между дверьми и землёй, как на картинке.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 12:

Используя инструмент Перо (Pen) (P) , сделайте линию, показанную ниже. Затем щёлкните правой кнопкой мыши и выберите Выполнить обводку контура (Stroke Path) из выпадающего меню. Убедитесь в том, что установлен инструмент Кисть (Brush) ( B ) с диаметром 20px и 100% жёсткостью. Затем перейдите в Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur) с диаметром 8.0px. После этого, уменьшите Непрозрачность (Opacity) до 50%.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 13:

Теперь, давайте добавим дверные шарниры. Откройте файл «Орнамент» и используя инструмент Волшебная палочка (Magic Wand Tool) (W) , удалите фон.

Уроки Photoshop: Сказочные средневековые ворота замка

Теперь выберите инструмент Уточнить край (Refine Edge) (Cmd / Ctrl + Alt + R) и установите флажок для Smart-Radius. Затем обведите контур шарнира, как на картинке. После этого, установите флажок для Decontaminate Colors и нажмите ОК.

Уроки Photoshop: Сказочные средневековые ворота замка

После нажатия кнопки OK, дважды щёлкните по слою «Орнамент» и применить Layer Style (Стиль слоя) Drop Shadow (Тень).

Уроки Photoshop: Сказочные средневековые ворота замка

Продублируйте этот слой три раза и расположите копии, как показано ниже.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 14:

Используя инструмент Перо (Pen) (P) , нарисуйте ещё один контур, как показано ниже. Щелкните правой кнопкой мыши и выберите Выполнить обводку контура (Stroke Path) из выпадающего меню. Убедитесь в том, что установлен инструментКисть (Brush) ( B ) с диаметром 45px, жёсткостью 0% и с цветом #000000. Установите режим наложения, для данного слоя, Мягкий свет (Soft Light).

Уроки Photoshop: Сказочные средневековые ворота замка

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 15:

Откройте файл «OrnamentHead.jpg». Используя инструмент Волшебная палочка (Magic Wand Tools) (W) , выделите фон изображения. Затем выберите инструмент Уточнить край (Refine Edge) (Cmd / Ctrl + Alt + R) и установите флажок дляSmart-Radius. Затем, используя кисть Smart-Radius, обведите контур как на картинке. После этого, установите флажок Decontaminate Colors и нажмите ОК.

Уроки Photoshop: Сказочные средневековые ворота замка

Уроки Photoshop: Сказочные средневековые ворота замка

Уроки Photoshop: Сказочные средневековые ворота замка

Примените Стиль слоя (Layer Style) Тень (Drop Shadow) к «OrnamentHead».

Уроки Photoshop: Сказочные средневековые ворота замка

Продублируйте слой «OrnamentHead» и расположите, как на картинке.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 16:

Теперь мы добавим солнечные лучи на наши ворота. Заранее убедитесь, что установлен инструмент Кисть (Brush) ( B ) с диаметром 95 px, жёсткостью 0% и цветом #FFFFFF. Используя инструмент Перо (Pen) (P) сделать линию, как показано ниже, после этого щелкните правой кнопкой мыши и выберите Stroke Path из выпадающего меню.

Уроки Photoshop: Сказочные средневековые ворота замка

Используя ту же технику, добавьте ещё парочку линий и назовите этот слой «Lights».

Уроки Photoshop: Сказочные средневековые ворота замка

Затем перейдите в Фильтр > Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur) и выберите радиус 25 пикселей.

Уроки Photoshop: Сказочные средневековые ворота замка

Далее, измените Непрозрачность (Opacity) до 50%.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 17:

Теперь мы добавим небольшие вспышки света. Используйте инструмент Кисть (Brush) с жёсткостью 0% и цветом #000000 и нарисуйте несколько «вспышек» разного размера на новом слое.

Уроки Photoshop: Сказочные средневековые ворота замка

Далее примените Фильтр>Размытие>Размытие по Гауссу (Filter> Blur> Gaussian Blur) и примените размытие радиусом 5px. Уменьшите его непрозрачность до 40%.

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 18:

Следующий шаг заключается в добавлении света на камни вокруг арки. Используя инструмент Кисть (Brush) ( B ) , белым цветом, с диаметром 7px и жёсткостью 0% нарисуйте подобие падающего света, как показано ниже.

Уроки Photoshop: Сказочные средневековые ворота замка

Теперь примените Фильтр> Размытие> Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом 3px.

Уроки Photoshop: Сказочные средневековые ворота замка

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 19:

Теперь давайте добавим коричневатый оттенок для изображения. Во-первых, создайте новый слой и заполните его, используя инструмент Заливка (Paint Bucket Tool) (G) , с цветом #714200. Затем измените режим смешивания на Осветление основы (Color Dodge) и уменьшите его Непрозрачность (Opacity) до 60%.

Уроки Photoshop: Сказочные средневековые ворота замка

Уроки Photoshop: Сказочные средневековые ворота замка

Шаг 20:

Для завершения эффекта, давайте добавим эффект затенения. Для этого, сначала создайте новый слой, заполните его цветом #000000 и назовите «Shade».

Уроки Photoshop: Сказочные средневековые ворота замка

Используя инструмент Полигональное лассо (Polygonal Lasso) (L) , создайте форму, как показано ниже, а затем удалите.

Уроки Photoshop: Сказочные средневековые ворота замка

И в заключение, перейдите Фильтр> Размытие> Размытие по Гауссу (Filter> Blur> Gaussian Blur) и примените радиус 22px, а затем уменьшите его уровень непрозрачности до 60%.

Уроки Photoshop: Сказочные средневековые ворота замка

Уроки Photoshop: Сказочные средневековые ворота замка

Вот и все! Надеюсь, что вы с удовольствием поработали над этим уроком! Спасибо за внимание.

Автор: Patrick-Lopez
Перевёл:
Bill_Toshiro
Оригинал урока

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.