1. Design & Illustration
  2. Add-Ons
  3. Photo Effects

Ручная Вышивка в программе Adobe Photoshop

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

1. Создайте Сцену

Шаг 1

Вначале откройте исходное изображение "stock-crochet-01.jpg", скачав приложение по ссылке вначале этого урока. Далее, выберите один из вязаных крючком белый цветочек.

  1. Создайте Новый документ со следующими размерами 8 дюймов х 10 дюймов при разрешении 300 пикс / дюйм. Это будет наш рабочий документ, который мы используем для создания нашей картины с ручной вышивкой, а также для  редактирования отсканированных элементов. С помощью инструмента Лассо (Lasso Tool (L), выделите часть изображения, а затем Скопируйте (Ctrl+C) и Вклейте (Ctrl+V) выделенный вязаный цветочек на наш рабочий документ.
  2. С помощью инструмента Перо (Pen Tool (P), аккуратно обведите контур вокруг изображения вязаного цветочка. В закладке Контуры (Paths), нажмите кнопку в нижней панели инструментов Загрузить контур как выделенную область (Load Path as a Selection).
  3. Проведите Инверсию (Shift+Ctrl+I), выделенной области, а затем нажмите клавишу (Delete), чтобы удалить задний фон. Обработайте края контура с помощью инструмента Ластик (Eraser Tool (E), настроив его на кисть.
Editing scanned elements of designEditing scanned elements of designEditing scanned elements of design
В качестве небольшого отступления, я сама связала кружева, которые были потом отсканированы. Кружевные узоры я подсмотрела на сайте Pinterest, а также изучила рисунки кружевных узоров по книгам моей прабабушки и бабушки.

Шаг 2

Откройте стоковое изображение с текстурой войлочного материала "stock-felt-01.jpg". Создайте Новый слой в палитре слоёв. (Примечание переводчика: создайте новый слой поверх слоя с текстурой войлочного материала).

  1. С помощью инструмента Перо (Pen Tool), нарисуйте левую половинку изображения дерева. Я импровизировала, когда рисовала дерево, но вы можете держать перед собой фотографию с изображением дерева и срисовывать с неё или выгляньте в окно, чтобы подсмотреть формы деревьев (или нарисуйте деревья, которые вы видели, когда выезжали на природу).
  2. Залейте нарисованную фигуру дерева любым цветовым оттенком на свой выбор.
  3. Скопируйте / Вклейте половинку нарисованного дерева, создав зеркальное отражение с помощью дубликата слоя. Находясь на дубликате слоя со второй половинкой дерева, идём Редактирование – Трансформация – Отразить по Горизонтали (Edit > Transform > Flip Horizontally). С помощью инструмента Перемещение (Move Tool (V), выровняйте две половинки дерева, чтобы получить одно цельное дерево, а затем объедините слои (Ctrl+E), когда вас устроит результат. Если захотите, то нарисуйте дополнительно ветки с помощью инструмента Перо (Pen Tool), не забывайте заливать нарисованные фигуры. Объедините все слои с элементами дерева, чтобы получился силуэт дерева.

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

Draw your tree silhouetteDraw your tree silhouetteDraw your tree silhouette

Шаг 3

Создайте Новый слой ниже всех остальных слоёв. Залейте этот слой желтовато-коричневым, серо-коричневым или коричневым цветом. Далее, идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise), установите количество шума 15.19%, поставьте галочку в окошке Монохромный (Monochromatic), а также выберите Распределение (Distribution) по Гауссу (Gaussian), чтобы задний фон выглядел, как текстурный материал. Примечание переводчика: автор создаёт эффект зернистости для фрагментов заднего фона, когда автор будет рисовать холмы на заднем фоне.

Add Noise to backgrounds to create textureAdd Noise to backgrounds to create textureAdd Noise to backgrounds to create texture

Шаг 4

Далее, мы преобразуем вязаный цветочек из Шага 1 в узор. Для этого, Скопируйте / Вклейте вязаный цветочек на Новый документ (размеры документ должны определяться размерами скопированного вязаного цветочка). Далее, идём Изображение – Размер холста (Image > Canvas Size), и применяем значение ширины и высоты больше, чем размеры выбранного элемента с соотношением сторон, как у квадрата.

Дважды вклейте вязаный цветочек. Находясь на дубликате слоя с вязаным цветочком, идём Фильтр – Другие – Сдвиг (Filter > Other > Offset) и в строке по Горизонтали (Horizontal) применяем значение 452, а в строке по Вертикали (Vertical) применяем значение 421, таким образом, ваш второй вязаный цветочек появится во всех четырёх углах вашего документа.

Чтобы создать узор, идём Редактирование – Определить узор (Edit > Define Pattern), сохраните свой узор, дав ему название. Также, вы можете изменить размеры вашего изображения для узора через меню Изображение – Размер изображения (Image > Image Size), если вы захотите использовать более маленькие элементы вязаных цветов в своём дизайне. Мы используем созданный узор в данном уроке позже.

Create a simple repeated pattern with scanned elementsCreate a simple repeated pattern with scanned elementsCreate a simple repeated pattern with scanned elements

2. Составьте Композицию

Шаг 1

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

Находясь на слое с войлочным деревом, щёлкните правой кнопкой мыши по данному слою и в появившемся меня, выберите опцию Параметры наложения (Blending Options). Далее, выберите стиль слоя Тень (Drop Shadow). Примените следующие настройки:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 75%
  • Угол (Angle): 139°
  • Смещение (Distance): 17 px
  • Размах (Spread): 5%
  • Размер (Size): 24 px
Apply a Drop Shadow with Blending OptionsApply a Drop Shadow with Blending OptionsApply a Drop Shadow with Blending Options

Шаг 2

Создайте новый слой поверх слоя с задним фоном. С помощью инструмента Перо (Pen Tool), нарисуйте фигуру покатых холмов на заднем фоне. Залейте фигуру холмов любым цветом на свой выбор. Т.к. я решила использовать зернистость заднего фона, поэтому, я залила нарисованную фигуру холмов тёмно-синим цветом. Далее, поменяйте режим наложения для данного слоя на Перекрытие (Overlay), таким образом, холмы приобретут оттенок зелёного цвета. Воздействие Режимов наложения на выбранный слой также зависит от цветовых оттенков и настроек, которые были использованы в нижележащих слоях.

Use the Overlay Blend Mode to change the backgrounds colorUse the Overlay Blend Mode to change the backgrounds colorUse the Overlay Blend Mode to change the backgrounds color

Шаг 3

Откройте исходное изображение "stock-crochet-01.jpg". Выделите/Скопируйте, а затем Вклейте несколько связанных из шерсти листьев на наш рабочий документ. Примените Масштабирование, Поворот, Смещение к вязаным листочкам, которые вы добавили к своей сцене, на своё усмотрение. Старайтесь, чтобы листочки были на отдельных слоях.

Откройте стоковое изображение "stock-drawing-01.jpg", повторите предыдущие действия только уже с нарисованными листьями. С помощью инструмента Лассо (Lasso Tool), выделите изображение листика на оригинальном изображении. Скопируйте / Вклейте выделенный листочек на наш рабочий документ. Далее, с помощью инструмента Волшебная палочка (Magic Wand Tool), выделите, а затем удалите белый задний фон, на котором изображён листочек дерева (убедитесь, чтобы в настройках данного инструмента, в окошке Смежные пиксели (Contiguous) стояла галочка).

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

Incorporate drawn and photographic elements into your compositionIncorporate drawn and photographic elements into your compositionIncorporate drawn and photographic elements into your composition

Шаг 4

Откройте второе исходное изображение с нарисованными элементами "stock-crochet-02.jpg", на этот раз выделите тыквы таким же образом, как вы выделяли листик в предыдущем шаге, Скопировав / Вклеив на наш рабочий документ. Добавьте тыквы к нашей сцене, расположив их на своё усмотрение.

Откройте ещё одно исходное изображение “stock-crochet-01.jpg’, чтобы добавить ещё элементов к нашей композиции. Рожицы, различные каракули и т.д. Если есть желание, вы можете самостоятельно нарисовать свои тыквы, приведения и т.д., чтобы добавить к своей работе штрих индивидуальности.

Selecting scanned imagerySelecting scanned imagerySelecting scanned imagery

3. Раскрашиваем Отсканированные Элементы

Шаг 1

Далее, мы раскрасим все отсканированные вязаные крючком листья. Создайте новый слой поверх каждого слоя с вязаным листочком. С помощью инструмента Кисть (Brush Tool (B), прокрасьте поверх листьев, используя различные оттенки красного, оранжевого и желтого цвета (придумайте свои цвета урожая).

Поменяйте режим наложения для слоёв с раскраской на Затемнение основы (Color Burn), а затем откорректируйте выбранные цветовые оттенки по мере необходимости. Как только вас устроит коррекция цвета, выделите раскрашенный слой и соответствующий слой с вязаным листиком, чтобы объединить их (Ctrl+E). Повторите процесс с каждым вязаным листочком и элементом вашей композиции.

Recolor scanned elementsRecolor scanned elementsRecolor scanned elements

Шаг 2

Я решила добавить кружевной узор, который мы создали в Пункте 1, Шаг 4 в пределах нарисованного круга, этот круг будет представлять полную Луну в моём дизайне картины.

  1. С помощью инструмента Овальная область (Elliptical Marquee Tool (M), нарисуйте круглое выделение на новом слое поверх слоя с задним фоном. Далее, с помощью инструмента Заливка (Paint Bucket Tool (G), залейте активное выделение узором, который был создан ранее (размеры моего узора были уменьшены на 50%).
  2. Выберите узор для заливки, создайте Новый слой, залейте выделенную область оранжевым или жёлтым оттенком.
  3. Поменяйте режим наложения для слоя с оранжевой заливкой на Линейный затемнитель (Linear Burn). Как только вас устроит результат, объедините слой с цветной заливкой и слой с кружевным узором.
Use a pattern for your designUse a pattern for your designUse a pattern for your design

Шаг 3

Давайте создадим кружевное обрамление для нашей композиции.

  1. Откройте исходное изображение ‘stock-crochet-01.jpg’. Вырежьте небольшой кружевной цветочек. Вклейте выделенный вязаный узор на наш рабочий документ.
  2. С помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), выделите нижнюю треть кружевного цветочка, а затем нажмите клавишу (Delete).
  3. Поверните фрагмент на 180°, а затем, несколько раз продублируйте половинку вязаного цветочка. Расположите полученные элементы кружева в один ряд, расположив в верхней части нашей композиции. В общей сложности я использовала 5 кружевных обрамлений. Объедините все слои с элементами кружевного обрамления, таким образом, у вас получится цельный узор, который легко можно будет перемещать.
Create a border or frame with custom assetsCreate a border or frame with custom assetsCreate a border or frame with custom assets

Шаг 4

Давайте сделаем короткий перерыв в уроке, чтобы показать вам мою композицию и как она выглядит на данный момент урока. Итак, мы создали композицию из отсканированных и нарисованных элементов, включая созданные фрагменты, к которым мы применили режимы наложения. К слою с вязаной Луной, а также к слою с кружевным обрамлением, я добавила стиль слоя Тень (Drop Shadow), используя те же самые настройки, которые мы применяли в Пункте 2, Шаг 1, единственное, я немного изменила угол тени.

Plan out your compositionPlan out your compositionPlan out your composition

Шаг 5

Для того, чтобы раскрасить элементы оформления, создайте Новый слой поверх всех слоёв, поменяйте режим наложения для данного слоя на Умножение (Multiply). Далее, с помощью жёсткой круглой кисти, прокрасьте нарисованные элементы композиции, используя цветовые оттенки оранжевого, жёлтого, коричневого и серого цвета.

Color in drawn design elementsColor in drawn design elementsColor in drawn design elements

Шаг 8

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

Use colors that haronize wellUse colors that haronize wellUse colors that haronize well

4. Создайте Строчку / Шов

Шаг 1

Создайте Новый слой поверх всех остальных слоёв. К данному слою, примените стили слоя Наложение градиента (Gradient Overlay). Примените следующие настройки:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 100%
  • Градиент (Gradient): от прозрачного к светло-коричневому, Непрозрачность (Opacity) 100%.
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): 90°
  • Масштаб (Scale): 100%

Дополнительно, примените стиль слоя Тень (Drop Shadow) к этому же слою. Примените следующие настройки:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 75%
  • Угол (Angle): 146°
  • Смещение (Distance): 5 px
  • Размах (Spread): 0%
  • Размер (Size): 5 px
Adding Blend Modes to a layerAdding Blend Modes to a layerAdding Blend Modes to a layer

Шаг 2

Создайте новый слой. Нарисуйте линию вдоль контура войлочного дерева в пределах изображения. Установите цвет обводки светло-коричневый или белый цвет. В настройках обводки, установите Толщину обводки (Weight) 1 pt, тип обводки Пунктирная линия (Dashed Line). Если вы нажмёте кнопку Дополнительные варианты (More Options) в настройках обводки, то вы можете самостоятельно создать свою пунктирную линию или линию из точек, путём изменения длины пунктирных линий и расстояния между ними.

Creating custom dashed lines for stroked pathsCreating custom dashed lines for stroked pathsCreating custom dashed lines for stroked paths

Шаг 3

Используя пунктирные линии, а также стили слоя, которые вы создали в Шагах 1-2 данного пункта, нарисуйте строчку вдоль контура изображения войлочного дерева. Для меня проще всего использовать инструмент Перо (Pen Tool), чтобы выполнить обводку, но вы можете пропустить предыдущий шаг и просто нарисовать мелкие пунктиры стандартной кистью, если вам так будет проще.

using custom dashed linesusing custom dashed linesusing custom dashed lines

Шаг 4

С помощью инструмента Эллипс (Ellipse Tool (U), нарисуйте контур большого круга поверх изображения с оранжевой Луной. Выполните обводку контура пунктирной линией тем же образом,как вы это проделывали в Шаге 2 данного пункта. Установите цвет обводки белый, а затем, поменяйте режим наложения для слоя с обводкой на Перекрытие (Overlay). Также, я добавила стиль слоя Тень (Drop Shadow), добавив эффект нежной тени к данному слою.

Use shape tools to draw in sewn linesUse shape tools to draw in sewn linesUse shape tools to draw in sewn lines

Шаг 5

Обведите контуром холмы, листья, а также вязаные элементы Луны либо пунктирной линией, либо самостоятельно нарисуйте мелкие чёрточки вдоль контура отсканированных элементов. Убедитесь, чтобы чёрточки были белого цвета, а режим наложения для слоёв  со строчками был установлен на Перекрытие (Overlay), (Растрируйте слои с контурами, а затем объедините их в один слой, чтобы применить стиль слоя). Также, к объединённому слою с обводкой, добавьте нежную тень, для этого примените стиль слоя Тень (Drop Shadow), (я использовала те же самые настройки, что и в Пункте 2, Шаге 1).

Use blend modes to create a appliqued lookUse blend modes to create a appliqued lookUse blend modes to create a appliqued look

Итак, мы завершили урок!

Ещё один урок на тему Хэллоуина подошёл к концу. Я надеюсь, вам понравилось использовать нарисованные и отсканированные элементы для создания красивой картины из вышивки. Поделитесь своими работами по данному уроку. Или придумайте и создайте свою картину из ручной вышивки с использованием вязаных элементов. Если вас увлекают изделия из ручной работы, то овладейте техникой шитья и вязания крючком на нашей страничке Изделия Ручной Работы, которую можно найти здесь на сайте Tuts+.

The final collage created in this tutorialThe final collage created in this tutorialThe final collage created in this tutorial
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads