Как рисовать материалы в фотошопе

Обновлено: 06.07.2024

Вот как создать текстуру в Photoshop CC и как применить эту текстуру к другому изображению.

В Adobe Photoshop CC есть множество инструментов, которые помогут вам улучшить изображение. Одним из них является Галерея фильтров, где вы можете создавать текстуры по своему вкусу.

Мы все уже видели текстуры — от цифровой змеиной чешуи до коры дерева — но как создавать текстуры с помощью Photoshop?

В этой статье мы покажем вам, как создать текстуру в Photoshop CC. А затем объясните, как применить эту текстуру к другому изображению.

Шаг 1. Настройте документ

Как всегда, первое, что вам нужно сделать, это настроить файл. Для этого урока не требуются определенные размеры, но простой шаблон — размер Photoshop по умолчанию, 300 пикселей на дюйм.

Убедитесь, что в разделе «Цветовой режим» выбран вариант «Цвет RGB». Это связано с тем, что некоторые фильтры не работают в режиме CMYK (голубой, пурпурный, желтый, ключевой).

Шаг 2. Добавьте базовый цвет

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

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

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

Чтобы применить градиент, перейдите на левую панель инструментов и щелкните инструмент "Градиент". Нажмите и перетащите курсор по странице, затем отпустите.

Те из вас, кто ищет более подробное объяснение этого шага, могут прочитать наше руководство, в котором подробно рассказывается, как создать собственный градиент в Photoshop.

Шаг 3. Откройте галерею фильтров

После применения градиента выберите «Фильтр» > «Галерея фильтров». Здесь вы будете создавать текстуру.

После того, как вы окажетесь в галерее фильтров, вы увидите рабочую область, подобную той, которую вы видите выше.

В центре вы увидите изображение, над которым работаете. Справа вы увидите кучу папок.

Если вы развернете эти папки, вы увидите набор прямоугольных значков с названием под каждым из них. Это ваши «фильтры».

Photoshop группирует фильтры по типу создаваемого ими эффекта. Вы можете изучить каждую группу, нажав на маленькую белую стрелку рядом с папками.

Шаг 4. Примените фильтр

В этом уроке мы создадим одну из самых популярных текстур: полутоновый узор.

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

Чтобы найти полутоновый узор, выберите «Эскиз» > «Полутоновый узор» в галерее фильтров. Это автоматически применит полутон к вашему изображению, но, как вы можете видеть, он мало что добавляет без настройки.

Шаг 5. Настройте фильтр

Допустим, вы хотите увеличить полутоновую текстуру. Для этого перейдите на панель «Размер» в правой части галереи фильтров, которая здесь выделена красным цветом.

Двинув стрелку по шкале размера, вы можете увеличить размер полутоновых точек.

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

Чтобы увеличить контрастность, перейдите в правую часть Галереи фильтров и нажмите на полосу контрастности. Перетащите стрелку вправо. Это увеличивает контраст между черным и белым на изображении.

После этого вы завершили создание самой базовой текстуры. Но что, если вы хотите добавить изюминку?

Этапы создания «уникальной» текстуры будут различаться от набора настроек к набору, но если вы хотите создать уникальный полутоновый узор, вам следует обратить внимание на тип узора.

Шаг 6. Измените тип шаблона

Чтобы изменить тип узора на полутонах, перейдите в раскрывающееся меню «Тип узора». Вместо использования узора «Точка» выберите «Линия».

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

Если вы решите, что закончили создание текстуры, нажмите OK. Это выведет вас из галереи фильтров и вернет в основное рабочее пространство. Теперь у вас есть текстура, которую вы можете применить к другим изображениям.

Чтобы сохранить текстуру, выберите «Файл» > «Сохранить как».

Шаг 7. Примените текстуру к новому изображению

Допустим, вы хотите применить эту текстуру к другому файлу.

Для этого убедитесь, что оба файла открыты в Photoshop; текстуру и изображение, к которому вы будете применять текстуру. На изображении вы увидите, что оба файла открыты в моей рабочей области через красное поле выше.

Жирный белый текст показывает, какой файл в данный момент у меня активен.Серый текст на другой вкладке говорит мне, что файл открыт, но не активен.

Затем убедитесь, что ваш файл текстуры активен.

Выберите инструмент «Перемещение», расположенный в верхнем левом углу панели инструментов.

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

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

Теперь, когда ваша текстура добавлена, перейдите на панели «Слои» в правом нижнем углу рабочей области. Перейдите в раскрывающееся меню режима наложения и выберите «стиль», который нужно применить к этой текстуре.

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

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

Это всего лишь один из способов применения текстуры к изображению. Но что, если вы не хотите применять свою текстуру к отдельному изображению? Что, если вы хотите создать текстуру и добавить поверх нее цвет?

Вы также можете добавить цвет непосредственно к текстуре

Во-первых, убедитесь, что ваш файл текстуры активен. На панели «Слои» добавьте новый слой поверх текстуры.

После создания нового слоя добавьте к нему цвет. Вы можете добавить градиент или сплошной цвет с помощью инструментов "Градиент" или "Заливка" по своему усмотрению.

Далее перейдите в раскрывающееся меню режима наложения. Еще раз выберите стиль, который вы хотите применить к слою.

В этой части урока я использовал вычитание, потому что оно позволяет просвечивать черный цвет.

И вот, ваш файл готов! Выберите «Файл» > «Сохранить как», чтобы сохранить текстуру.

Создание собственных текстур в Photoshop CC

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

А если вам интересно узнать о других вещах, которые можно создавать с помощью Photoshop, у нас есть руководство по созданию пользовательских кистей в Photoshop.

Рисование в Adobe Photoshop включает создание векторных фигур и контуров. В Photoshop вы можете рисовать с помощью любого инструмента формы, инструмента «Перо» или инструмента «Перо произвольной формы». Параметры для каждого инструмента доступны на панели параметров.

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

Векторные фигуры — это линии и кривые, которые вы рисуете с помощью инструментов "Фигура" или "Перо". (См. разделы Рисование фигур и Рисование с помощью инструментов «Перо».) Векторные фигуры не зависят от разрешения — они сохраняют четкие края при изменении размера, печати на принтере PostScript, сохранении в файле PDF или импорте в векторное графическое приложение. Вы можете создавать библиотеки пользовательских фигур и редактировать контур фигуры (называемый контуром) и атрибуты (например, обводку, цвет заливки и стиль).

Пути – это контуры, которые можно превратить в выделения или заполнить и обвести цветом. Вы можете легко изменить форму контура, отредактировав его опорные точки.

Рабочий контур — это временный контур, отображаемый на панели "Контуры" и определяющий контур фигуры.

Вы можете использовать пути несколькими способами:

Используйте контур в качестве векторной маски, чтобы скрыть области слоя. (См. раздел О слоях и векторных масках.)

Заполните или обведите контур цветом. (См. Заливка контуров цветом.)

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

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

Создает фигуру на отдельном слое. Вы можете использовать инструменты формы или инструменты пера для создания слоев формы. Поскольку слои-фигуры легко перемещаются, масштабируются, выравниваются и распределяются, они идеально подходят для создания графики для веб-страниц. Вы можете нарисовать несколько фигур на слое. Слой фигуры состоит из слоя заливки, определяющего цвет фигуры, и связанной векторной маски, определяющей контур фигуры. Контур фигуры — это контур, который отображается на панели «Контуры».

Рисует рабочий контур на текущем слое, который затем можно использовать для выделения, создания векторной маски или заливки и обводки цветом для создания растровой графики (так же, как при использовании инструмента рисования). Рабочий путь является временным, если вы его не сохраните. Контуры отображаются на панели «Контуры».

Рисует прямо на слое, как это делает инструмент рисования.Когда вы работаете в этом режиме, вы создаете растровые изображения, а не векторную графику. Вы работаете с формами, которые вы рисуете, так же, как и с любым растровым изображением. В этом режиме работают только инструменты формы.

Параметры рисования

Профессиональные приемы создания теплых иллюстраций в Photoshop.

В следующих коротких видеороликах Чарли Дэвис, лондонский иллюстратор, рассказывает, как использовать инструмент «Перо» и кисти Photoshop для создания спокойной сельской местности. Вы также узнаете, как применять маски и как использовать текстуры из Adobe Stock, чтобы добавить глубину и теплоту.

Дэвис совершил мысленное путешествие за город, чтобы вызвать тишину и одиночество, когда его попросили проиллюстрировать эту сцену в Photoshop CC. «Эта сцена о том, как уйти от цифрового шума современной жизни», — объясняет он.

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

01. Начните композицию с помощью инструмента «Кисть»

После импорта исходного эскиза в новый файл Photoshop CC вы можете начать композицию, используя инструмент «Кисть» (B) для рисования основных элементов.

Дэвис работает на Wacom Cintiq — одном из лучших графических планшетов, и большинство его кистей были созданы Кайлом Т. Вебстером.

02. Добавьте сплошные фигуры с помощью инструмента «Перо»

Теперь переключитесь на инструмент Photoshop "Перо" (P). Вам нужно нарисовать простые сплошные фигуры, чтобы создать самые удаленные элементы иллюстрации.

03. Добавьте элементы среднего плана

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

05. Сосредоточьтесь на переднем плане

Затем обратите внимание на элементы переднего плана, которые можно окрасить в темные оттенки, чтобы усилить ощущение глубины композиции. Чтобы создать листья растения, нарисуйте один лист с помощью инструмента «Перо», а затем продублируйте его. Вы можете поворачивать углы и играть с размером, чтобы получить более естественные варианты.

06. Добавьте больше растений

На этом этапе вернитесь к инструменту "Кисть" (B), чтобы нарисовать от руки другое растение.

07. Добавляйте блики цветом

Нарисуйте общую форму птицы на переднем плане с помощью инструмента "Перо" (P) и закрасьте ее одним сплошным цветом. В этом ролике вы можете увидеть, как добавить блики более светлым цветом.

08. Добавьте текстуру с масками

Добавьте детали, чтобы разбить плоское снежное пространство в центре иллюстрации. Ближе к концу этого клипа Дэвис создает слой под названием «уступ тона» и рассказывает о технике, которую вы можете использовать снова и снова.

Придайте маске форму, а затем подтяните к маске, чтобы придать одной стороне текстурированный край. Это сочетание рисования от руки с более точными векторными формами и масками является отличительной чертой процесса.

09. Подумайте об источнике света

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

10. Добавить определение

Теперь вернитесь на задний план. С помощью инструмента "Кисть" нанесите тени на склоны гор, придав им четкость.

11. Сделайте его более органичным с помощью кисти

Чтобы создать впечатление солнца, находящегося низко в небе, нарисуйте кистью блики на краях форм на иллюстрации. Дополнительным преимуществом является то, что пиксельная кисть придает шероховатость слишком идеальным векторным фигурам, делая все более органичным.

12. Создавать тени

Добавьте снег и тени на скалу.

13. Добавить параметр

Чтобы сделать передний план более объемным, можно работать при ярком солнечном свете, падающем на скалы. Это не только усиливает драматизм освещения, но и привлекает внимание к птице — важному элементу композиции.

14. Добавьте тепла с помощью текстур Adobe Stock

Чтобы сделать иллюстрацию более органичной, добавьте текстуры из Adobe Stock с помощью функции Creative Cloud Libraries в Photoshop. Этот клип представляет собой захватывающий взгляд на то, как маленькие детали могут возвысить произведение искусства.

15. Уточните цвет с помощью корректирующих слоев

Ваши последние штрихи могут включать добавление дополнительных текстур и уточнение цвета с помощью корректирующих слоев.

Статьи по теме:

Команда Creative Bloq состоит из группы поклонников дизайна и изменилась и развилась с тех пор, как Creative Bloq появился более десяти лет назад.Текущая команда веб-сайта состоит из пяти человек: редактор Керри Хьюз, заместитель редактора Рози Хилдер, редактор сделок Берен Нил, старший редактор новостей Дэниел Пайпер, редактор по цифровым искусствам и дизайну Ян Дин и штатный писатель Амелия Бэмси. Команды журналов 3D World и ImagineFX также вносят свой вклад, следя за тем, чтобы контент из 3D World и ImagineFX был представлен на Creative Bloq.

Это руководство посвящено добавлению текстур и мебели на планы этажей. Текстуры будут добавлены с помощью слоев заливки узором, а тени от стен будут нарисованы с помощью инструмента «Кисть». Мебель будет добавлена с тенью с помощью записанного действия.

Текстуры:

Изображения в этом слайд-шоу соответствуют приведенным ниже шагам.

Нажмите, чтобы скачать

Для начала откройте текстуру, которую хотите поместить. В этом примере мы используем текстуру деревянного пола (бесплатный образец слева).
Выберите "Меню" > "Правка" > "Определить шаблон".
Назовите шаблон и нажмите "ОК".
Выберите области для заполнения плана этажа с помощью инструмента «Волшебная палочка». Удерживайте клавишу Shift (Windows) или Option (Mac OS), чтобы добавить дополнительные области.
Чтобы убедиться, что у вас хорошее перекрытие, перейдите в Меню > Выбрать > Изменить > Развернуть и увеличьте выделение на 2 пикселя (это необходимо для того, чтобы вдоль краев полов и стен не было заполненных наполовину пикселей).
Выберите Меню > Слой > Новый слой-заливка > Узор.
Назовите новый слой заливки узором и нажмите «ОК».
В следующем окне выберите новый шаблон и нажмите OK. Убедитесь, что новый слой узора расположен ниже слоя, содержащего чертеж плана этажа.
Теперь продолжайте создавать новые узоры и добавлять их на план этажа.

Чтобы добавить тень к стенам, создайте новый пустой слой. Сделайте выделение и нарисуйте тени с помощью мягкой кисти. Удерживая нажатой клавишу Shift, перетащите инструмент «Кисть», чтобы нарисовать идеальные прямые тени. Установите непрозрачность слоя на 40.

Добавление мебели с тенью:

Тень в стиле слоя позволяет легко добавить глубины мебели и объектам. Запись действия позволит вам использовать собственный ярлык для ускорения рабочего процесса.Шаги ниже описывают, как записать действие.