Как рисовать текстурой в фотошопе
Привет! Это мой первый текстовый урок по рисунку, и предназначен он для новичков в рисовании вообще, и в Фотошопе в частности.
Я сама сейчас прохожу тернистый путь обучения рисованию и никакого опыта или художественной школы за плечами у меня нет, поэтому я постоянно сталкиваюсь с какими-то проблемами и пытаюсь их для себя решить, разложив по полочкам.
Камни достаточно простой предмет для рисования, но сколько же проблем они у меня вызывали. Это мои камни:
1. Прежде всего создадим новый холст ( у меня чаще всего 1920 на 1080 и разрешение 72 dpi). Зальём его немного сероватым или бежевым цветом, так как на чисто белом листе труднее воспринимать рисунок и цвет.
2. Поищем несколько референсов камней в Гугле и на Пинтересте. Это могут быть фото (лучше большого размера) или даже рисунки других людей. Нам нужен подходящий референс на цвет (с него мы пипеткой возьмём палитру), хорошее фото большого разрешения с текстурой камня (мы её используем для повышения детализации) и несколько фото для вдохновения. Разместим референсы на нашем холсте. чтобы всё было перед глазами. Первое что мы сделаем - это набросок камня в линиях и начнём с общей формы камня.
4. А вот и первый секрет. Форма у нас уже есть, теперь нужно определить плоскости. И в этом главная проблема большинства людей. Многие просто чертят беспорядочные линии внутри общей формы и получается каша, где цвет потом просто создает непонятные пятна. Здесь важно просто понять, где находятся главные верхние плоскости камня, на которые и будет падать свет. Их важнее всего проработать, а всё остальное пусть просто уходит в тень.
5. Второй секрет: разнообразие цвета. Сейчас мы приступим к базовым заливкам цветом, а для этого создадим палитру для светлых и тёмных участков камня. На этом этапе вы должны четко представлять себе, откуда будет падать свет, а где будет тень. Подберём палитру для светлых и тёмных участком камня. Зальём цветом нашу форму (слой под наброском). Лучше идти в таком порядке: сначала залить весь камень базовым цветом, затем добавить цвет на свету, затем цвет в тени.
А теперь внимание! Разнообразим цвет камня: на свету добавим персиковых оттенков и жёлтого, а в тени-голубоватого, синего или фиолетового. .Можно добавить зелёного, ведь на камнях часто растёт мох. Немного сглаживаем переходы между цветами.
Слой с наброском у нас должен лежать поверх слоя с цветом. Переведём слой с наброском в режим мягкий или жёсткий цвет. Создадим новый слой над наброском и спрячем линии наброска, проработаем точнее форму камня и добавим деталей. Используем текстурную кисть.Здесь я, конечно, поленилась и можно бы получше, так что уж постарайтесь! Теперь слои можно слить. Лучше сначала сделать их не слитые копии, так, на всякий случай. Слили? Теперь можно воспользоваться Осветлителем и Затемнителем.
6. Третий секрет: фокус зрения и применение текстуры. Нам не нужно прорабатывать весь камень попиксельно. Давайте определим небольшую область на камне, куда должен смотреть зритель. Там мы проработаем какую-нибудь характерную трещину или скол.
Для этого мы возьмём небольшой фрагмент фотографии и положим её слоем сверху в режиме софт лайт (ну здесь можно поэкспериментировать, в зависимости от того какой у вас цвет камня). Подгоним её форму с помощью Свободной трансформации (Warp?).Прикрепим слои с текстурами маской к основному слою.Далее в меню Изображение-Коррекция поправим яркость/контрастность и цветовой баланс.
Нам нужно приравнять нашу текстуру по цвету к рисунку и как бы забледнить её, чтобы она не выбивалась из общей массы. Ластиком в режиме airbruch подотрём края текстуры. Теперь будем рисовать на слое сверху. Нам нужно по максимуму сделать текстуру не заметной. как бы “прорисовав” её. Острые грани камня на свету можно подчеркнуть самым светлым цветом.
7. Четвёртый секрет: светлое на тёмном, тёмное на светлом. Это достаточно размыто звучит, я знаю. Мы приступаем к проработке нашего камня и теперь секрет в том, чтобы создавать тёмные трещины на светлых поверхностях и светлые сколы там, где у нас тень. Помните, откуда падает свет, все поверхности или плоскости, обращённые к небу, должны освещаться, вертикальные части камня остаются в тени. Не возбраняется использовать инструменты Осветлитель и Затемнитель, если что-то пойдет не так. Текстурной кистью добавим разных пятнышек, выбоинок и сколов.
Здравствуйте, меня зовут Евгений Булатов, я работаю художником в студии Extreme Developers.
Я расскажу вам о том, как просто и качественно делать сходящиеся (т.е. повторяющиеся без швов) текстуры. Зачастую, необходимо, что бы текстура повторялась, образовывая сплошное покрытие, это удобно к тому же сильно экономит память. Особенно интенсивно такие текстуры используются в геймдеве. Там где нужно экономить каждый байт, художники должны отлично владеть методами создания красивых но экономичных текстур.
Интересно так же фотографировать текстуры самому. Вот несколько рекомендаций. Поверхность должна быть равномерно освещена рассеянным светом. Для этого подойдет пасмурная погода, или тень. Желательно что бы поверхность занимала всю площадь кадра и была под прямым углом к объективу. Переключите баланс белого фотоаппарата на облачно или пасмурно, в зависимости от ваших условий. Ну и конечно тщательно сортируйте фотографии, иначе спустя год вы ничего не найдете в своей коллекции.
Итак, фотография найдена…
Часть I
Ниже, я покажу один из способов создания сходящейся текстуры. Но сначала, сделайте простую вещь. Запустите Photoshop и нажмите Ctrl+K
В окне настроек на вкладке Performans в поле History States поставьте 100. Photoshop будет запоминать последние 100 операций которые вы сможете отменить в палитре истории. Вот теперь можно работать.
Для примера я выбрал фотографию кирпичной стены. Создадим из нее квадратную текстуру в разрешении 512 x 512.
Открываем снимок в Photoshop. И инструментом Crop (Обрезка ) вырезаем нужный участок. При вырезании зажмите Shift что бы наша область была квадратной. Перед отсечением вы можете повернуть рамку, добейтесь того, что бы ряд кирпичей был параллелен одной из сторон рамки. (для поворота переместите курсор за ее границы, он изменится на двойную изогнутую стрелку, теперь можно вращать).
Для этого, дважды щелкните по слою Background и в появившемся окне нажмите ОК (вы разблокировали слой). Затем, с помощью свободной трансформации выровняйте ряды кирпичей. Или более гибким инструментом для точной подгонки Edit –
Transform – Warp (Редактирование – Трансформация – Деформация)
При использовании свободной трансформации нажмите Ctrl так вы будете двигать каждый узелок независимо. Отпустите Ctrl и вы будете перемещать всю сторону.
Вот что у вас должно получиться:
(обратите внимание как ряды кирпичей примыкают к нижней и верхней кромкам)
После того, как вы выровняли картинку, вновь обрежьте ее что бы удалить пиксели зашедшие за края. Иначе, при следующем шаге вы рискуете получить странный результат. (при трансформации пиксели могут попасть за границы документа).
Затем воспользуйтесь фильтром Offset.
Filter – Other – Offset (Фильтр – Другие – Смещение)
Этот фильтр сдвигает изображение по горизонтали и вертикали. Сначала, сдвиньте текстуру по вертикали на половину.
(Если у вас текстура 512, смещайте на +256) Можете сдвигать и приблизительно, на глаз. После применения фильтра, вы сразу увидите, как стыкуются ряды кирпичей. Если что то вам не нравится вернитесь назад и вновь подправьте изображение.
После того как с вертикальной сходимостью закончено, сдвиньте текстуру влево (фильтром Offset). Здесь придется поработать штампом (инструмент Clone Stamp ). В зависимости от текстуры, я выбираю штамп или лечащую кисть (Healing Brush).
Штамп, как и лечащая кисть, копирует участки изображения с одного места на другое. Что бы указать редактору откуда брать фрагмент нажмите Alt и кликните мышкой. Затем рисуйте штампом там, где вы хотите убрать шов. (отличие лечащей кисти заключается в том что она подбирает яркость на исправленном участке. Пользуйтесь тем или иным инструментом в зависимости от ситуации). Кирпич за кирпичом аккуратно «заклонируйте» шов.
После того как швы убраны, осталось только подогнать текстуру под нужный размер. Примените команду Image – Image Size и поставьте нужное значение высоты и ширины в пикселях (в этом примере 512 х 512). Текстура готова!
Часть II
Но зачастую, после наложения такой текстуры заметно, что она повторяется. Небольшие перепады яркости, какие-то пятна, и мы сразу улавливаем ритм.
Можно проверить, как повторяется текстура, не выходя из редактора. В меню Edit, выберете Define Pattern. Появится окно для добавления текстуры в коллекцию пресетов. Нажмите ОК. Затем создайте новый документ в несколько раз больший чем ваша текстура, например в 5 раз. И нажмите Shist+F5, что равносильно команде заливка
Выберете тип заливки - текстура (паттерн). Выберете ваш паттерн, он будет последним. Нажмите ОК, и вы увидите как ваша текстура повторяясь заполнила изображение.
Если повторения слишком заметны, текстуру можно доработать. Убрать какие-то неоднородные детали, или перепады по яркости. Долгое время я исправлял текстуры вручную, пока не догадался, что перепад по яркости можно выровнять автоматически.
Рядом с фильтром Offset, в Photoshop, есть фильтр High Pass (высокий проход).
Если углубиться в теорию то выясниться, что это фильтр низкой частоты. Что это значит на практике? На практике это означает, что он сглаживает большие по площади колебания яркости, оставляя не тронутыми колебания которые имеют мелкую фактуру.
Поясню с другой стороны. Всем известный фильтр Gaussian Blur (Размытие по Гауссу), можно рассматривать как фильтр высокой частоты. Он сглаживает высокочастотные колебания, оставляя нетронутыми плавные изменения яркости. Таким образом, можно например, избавить фотографию от мелкого, случайного, цифрового шума. Конечно, при этом фотография потеряет в четкости, но большинство контуров останется. Фильтр High Pass действует противоположным образом, оставляя мелкую фактуру, он убирает общие пятна. А это именно то, что нужно для выравнивания текстур!
Вот небольшая иллюстрация действия этих фильтров на изображение:
Посмотрите, как меняется текстура в первом и втором случае. Радиус действия фильтров одинаков, и все становиться очевидно!
После применения фильтра High Pass фактура кирпичей, швы, трещины остались, а большие темные пятна внизу исчезли.
После фильтра Gaussian Blur, исчезли все мелкие детали, и проявились те пятна которые убрал High Pass! Примечательно что если объединить эти два слоя в в режиме Overlay, мы получим исходное изображение.
Из за того, что High Pass действует сразу во всех каналах, цвета искажаются. Но это не страшно. Этим фильтром очень удобно выравнивать яркостную составляющую текстуры, и в большинстве случаев это работает, делая повторения текстуры не такими заметным.
На этом с теорией закончим, на практике все очень просто:
1. Скопируйте слой с текстурой
2. Обесцветьте его
3. Смените режим смешивания этого слоя на Luminosity (Яркость)
4. Примените фильтр Hight Pass (Высокий проход) с подходящим радиусом.
Для текстуры из урока подойдет радиус в пределах 15-30 пкс.
Если текстура кажется вам слишком плоской, увеличьте радиус в настройках фильтра, так же можно уменьшить степень непрозрачности слоя.
Когда, результат вам понравится, можете откинутся на спинку кресла и насладится плодами своих трудов. Вы сделали качественную текстуру. А главное узнали способ создавать их в неограниченном количестве. Для этого, вам всего лишь, потребуется побродить с фотоаппаратом)
Когда вы освоите Photoshop и запомните горячие клавиши, создание такой текстуры будет занимать у вас минут пятнадцать. И главным вопросом будет где найти или как сфотографировать ту текстуру, которая нужна в вашей работе. Особенно если на дворе лето, а вам нужен снег!
В заключении хочу поблагодарить Яшу известного как Snork, Елену aka Porcelana и Евгения ksi2 за помощь в создании урока. Конечно, это были самые начала в создании текстур. Надеюсь, с вашей помощью, я продолжу этот рассказ.
Photoshop за 60 секунд: Собственная Текстурная Кисть
В этом коротком видео, вы узнаете, как создать свою собственную текстурную кисть в программе Adobe Photoshop.
Создаём Собственные Текстурные Кисти в Photoshop
Мы начнём с простой отсканированной текстуры штрихов угля.
Далее идём Редактирование - Определить кисть (Edit > Define Brush Preset), давайте назовём эту кисть Штрихи Угля.
Для коррекции настроек кисти, откройте панель Кисть (Brush), увеличьте значение Интервала (Spacing), поставьте галочку в окошке Динамика формы (Shape Dynamics), существенно увеличьте значение Колебание угла (Angle Jitter), а также поставьте галочки в окошках Отразить X и Y колебания (Flip X and Y Jitter). Примените дополнительные настройки в соответствии со своими предпочтениями.
Хотите увидеть это в действии? Посмотрите видеурок выше, чтобы узнать, как это работает
Немного информации
Хотите узнать больше об инструментах и настройках программы Adobe Photoshop? Тогда ознакомьтесь со следующими уроками:
В этом коротком уроке вы узнаете, как создать текстуру дерева в Photoshop. Давайте приступим!
Шаг 1
Шаг 2
Шаг 3
Шаг 4
Продублируйте предыдущий слой, назовите этот дубликат слоя "развилины". Далее, мы добавим то, что я называю развилины на дереве. Для этого идём Фильтр – Пластика (Filter > Liquify). В панели инструментов слева, выберите инструмент Закручивание (Twirl Clockwise Tool (C). В правой части панели настроек, вы можете установить свои настройки, которые могут отличаться от моих в зависимости от исходных размеров рабочего документа, но вы можете использовать мои настройки, которые были использованы в этом уроке: Размер кисти (Brush Size) - 151, Плотность кисти (Brush Density) - 62, Нажим кисти (Brush Pressure - 100, Скорость искажения кисти (Brush Rate) - 50. Остальные настройки остаются, как есть. Наведите курсор мыши на рабочий холст, щёлкните по желаемой области, чтобы создать эффект закручивания, а затем быстро поведите мышью вверх и вниз. Результат должен быть, как на скриншоте ниже:
Шаг 5
Шаг 6
Теперь мы придадим к созданной линии больше реалистичности! Дважды щёлкните по слою Разделение 1 (separator 1), чтобы открыть окно Параметров наложения (blending options). Примените следующие значения, которые указаны на скриншоте ниже:
Шаг 7
Продублируйте свой первый слой с разделительной линией примерно четыре раза, распределите дубликаты слоёв по всей поверхности текстуры так, чтобы они были не равномерно распределены друг от друга. В качестве дополнительного штриха, вы можете добавить текст,
создав ощущение, как будто он вырезан на поверхности дерева, как на скриншоте ниже:
Автор: Ольга Максимчук (Princypessa). Дата публикации: 05 ноября 2019 . Категория: Уроки фотошопа текстуры.
Сегодня мы научимся создавать текстуру под мрамор.
Сделать это очень просто, практически всего за несколько шагов!
Вы сможете использовать данную текстуру в качестве обоев для рабочего стола или в создании коллажей, открыток и т.п.
Сначала мы несколько раз применим к фоновому слою фильтр Облака с наложением.
Затем добавим корректирующий слой Уровни.
В завершение мы научимся тонировать текстуру мрамора при помощи двух корректирующих слоев – Цветовой тон/Насыщенность и Карта градиента.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 23 августа 2019 . Категория: Уроки фотошопа текстуры.
Сегодня рассмотрим, как создать текстуру дерева в фотошопе.
Очень часто бывает так, что текстуру нет времени искать, либо нет ничего подходящего.
Или нашли текстуру, но она, к сожалению, не устраивает.
В таком случае может помочь самостоятельное создание текстуры дерева при помощи фотошопа.
Сначала мы создадим фон, зальем его цветом и применим фильтры Шум и Размытие в движении.
Затем добавим контраста изображению, обрежем холст, добавим фильтр Облака и при помощи фильтра Шум добавим шум на изображение.
Далее мы при помощи инструмента Кисть нарисуем царапины и с помощью выделения и заливки белым и черным цветом создадим полосы.
В завершение мы усилим контраст и насыщенность текстуры.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 30 июля 2019 . Категория: Уроки фотошопа текстуры.
Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать.
Думаете, на то, чтобы изобразить мех реалистично, требуется много времени?
А хотите узнать несколько уловок как создать мех?
В этом уроке разберем как создать текстуру шерсти.
Сначала мы подготовим фон для текстуры, залив фоновый слой цветом.
Затем при помощи инструмента Кисть нарисуем пятнышки и с помощью стилей слоя добавим к пятнам обводку.
Далее сольем слои с фоном и пятнышками, размоем образовавшийся слой фильтром Размытие по Гауссу и применим фильтры Шум, Размытие в движении и Скручивание.
В завершение мы научимся тонировать (изменять цвет) текстуру двумя разными способами.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 12 февраля 2019 . Категория: Уроки фотошопа текстуры.
Сегодня мы будем с нуля рисовать текстуру старой бумаги.
В уроке вы научитесь производить заливку слоев при помощи инструмента Заливка и меню Выполнить заливку, работать с инструментом Затемнитель, фильтрами Облака, Аппликация, Разбрызгивание и Шум, режимами наложения слоев и многое другое.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 04 июня 2018 . Категория: Уроки фотошопа текстуры.
Сегодня мы будем рисовать с ноля текстуру лавы.
В уроке вы научитесь работать с разнообразными фильтрами фотошопа, инструментом Заливка, режимами наложения слоев, корректирующими слоями, стилями слоя и масками слоя, редактировать градиенты, узнаете, как создать и применить собственный узор и многое другое.
Полученную в уроке текстуру лавы вы сможете использовать при создании коллажей, логотипов, для текста и т.п.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 03 мая 2018 . Категория: Уроки фотошопа текстуры.
Сегодня вы научитесь создавать джинсовую текстуру в фотошоп.
Мы будем использовать различные фильтры из Галереи фильтров, режимы наложения слоев и корректирующие слои, научимся одновременно добавлять несколько фильтров в Галереи фильтров, не выходя из меню, узнаем, как сохранить узор в программе фотошоп и в отдельном файле, как загрузить готовый узор и многое другое.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 28 марта 2018 . Категория: Уроки фотошопа текстуры.
Сегодня мы будем создавать яркий необычный фон с пузырями для фото при помощи фотошоп.
В уроке вы научитесь вырезать объекты, использовать инструмент Кисть для придания эффекта мягкости, работать с режимами наложения, корректирующими слоями и обтравочными масками. Вы узнаете, как легко с ноля нарисовать пузырь, как настраивать корректирующий слой Градиент, использовать режимы наложения инструмента Кисть и многое другое.
Автор: Сергей Бунин. Дата публикации: 23 ноября 2016 . Категория: Уроки фотошопа текстуры.
Порой при оформлении коллажей, альбомов, фото книг или создания Web-страниц возникает вопрос, как сделать фон в фотошопе и заполнить свободное место, к примеру, незамысловатым повторяющимся узором.
В этом уроке мы рассмотрим основы рисования повторяющихся узоров, поняв принцип действия которых, Вы сможете найти им применение в своих дизайнерских работах, при создании может быть уже более сложных эффектов.
Читайте также: