Как рисовать материалы в фотошопе
Иллюстратор Амир Занд из Quantic Dream рассказал, как проходит работа над ранними концептами, если время на поиски ограничено. Перевели главное.
Меня постоянно спрашивают, какие кисти я использую. Должен сказать, что манера работы кистями или определенные кисти ничего не меняют, но именно сочетание инструментов и идей делают рисунок возможным. Да, некоторые кисти в определенных техниках помогут легче и быстрее добраться до определенной точки, но помните, что кисть сама по себе не творит чудеса. Тем не менее, я покажу, как создать собственную кисть в Photoshop.
Как видите, я создал абстрактную форму на холсте — это первый шаг. Попробуйте и вы. После выделите эту форму и идите по пути Edit/Define as Brush preset, затем — сохранение. То, что вы выделили, сохранится как кисть и появится сверху вашего списка кистей. Не беспокойтесь за белые участки выделения — Photoshop учитывает только черные элементы, игнорируя белые.
На изображении «C» пример того, как выглядит мазок этой кистью. Она еще не готова, поэтому давайте немного ее подправим! Выделите кисть и затем выберите Brush preset (Windows Brush Preset). Далее я пойду в Brush Tip и поменяю значение Spacing на 0%, чтобы получить более мягкую гладкую кисть.
Теперь поставлю галочку рядом с пунктом Transfer, чтобы добавить чувствительности кисти — это как раз то, что мне нужно. Еще несколько модификаций — и кисть готова. Ею я и буду рисовать работу для этого урока.
(Прим. ред: кисть Амира можно скачать тут).
Получилось вот так:
У PS много крутых инструментов, которые облегчают работу, но иногда в них можно потеряться. Очень важно создать удобное рабочее пространство, и оно должно быть сделано именно под вас: мое может быть хорошо для меня, но не факт, что будет удобно другим.
Итак, в правом верхнем углу PS есть окно рабочей среды. PS уже поделил ее на несколько областей, таких как рисование, фотография и так далее, но вы можете спокойно добавить то, что хотите, и сохранить это в рабочей среде. Например, моя рабочая среда для графических работ отличается от рабочей среды для быстрых набросков или для мэтт-пеинтинга.
Я всегда фокусируюсь на композиции: не только в плане пропорций, но и контраста, размещения элементов и цветов. Поэтому я использую «Навигатор»: он позволяет всегда видеть рисунок целиком. Это как если при работе маслом вы периодически отходите от холста назад, чтобы окинуть его взглядом и увидеть ошибки.
«Навигатор» — это окошко справа сверху скриншота. Даже если вы приблизились к работе, чтобы проработать какой-то участок, в «Навигаторе» она всегда будет отображаться целиком.
Пришло время поисков для препродакшена. На этом этапе можно делать все, что хочешь, набрасывать самые разные идеи и использовать разные техники. Начинаю я всегда с быстрых набросков. Работая над концептами для фильмов или анимации, я всегда создаю как минимум 20 разных тамбнейлов в процессе поиска. Нельзя ограничиться двумя набросками: важно предоставить разные подходы, стили и техники.
Сейчас я хочу нарисовать сай-фай тамбнейл той кистью, что создал ранее. Помните, это лишь пример. В рамках урока я могу делать, что хочу, но на реальном проекте вас попросят изобразить конкретную среду или действие.
Обычно я избавляюсь от белых пятен в рисунке, но на этот раз оставлю их — в качестве зон света. На картинке вверху вы можете увидеть, что я начал набрасывать фигуры пилотов и форму корабля - пока очень легко. Я не сильно забочусь о пропорциях на этом этапе, просто хочу обозначить формы, в основном фокусируясь на композиции.
Я добавляю больше форм, чтобы получить общую композицию для тамбнейла. Для урока я разделяю все эти шаги, но в обычном рабочем процессе у меня это все занимает максимум пять минут.
Здесь я добавляю полу деталей и теней, и еще дорисовываю несколько элементов кораблю. Везде трубы и топливные шланги. Посмотрите, как это помогает перспективе и направлениям на переднем плане.
Здесь я вношу в работу новый тон, чтобы подготовить ее к добавлению деталей дальше. Я использую Color Balance, который можно найти тут: Image > Adjustments > Color Balance (по умолчанию это сочетание клавиш ctrl+B). Я начинаю менять тон для параметров Shadows/Midtones и Highlights. Можете посмотреть, что именно получилось, на изображении ниже.
Я думаю придать этой картинке закатные цвета, поэтому я добавил фиолетовый тон на весь тамбнейл. Но я не собираюсь оставлять его до самого финиша, это просто база для моих конечных цветов.
Режимы наложения помогают, когда нужно добавить цвет на чб-изображение или в целом поработать над цветами. Грамотное использование слоев поможет сделать все быстро и легко. Каждый из режимов дает разные эффекты, поэтому вам нужно разобраться в них и понять, в чем их назначение.
Например, режим Darker Color будет влиять только на светлые цвета и яркие участки, игнорируя темные зоны, и с этим режимом вы легко можете контролировать световые зоны. Lighter Color работает с точностью до наоборот. Overlay позволяет добавить любой цвет и смешать его с уже существующим цветом, сохраняя и светлые, и темные участки. (прим. ред: а еще мы предлагаем почитать про три режима, которые использует художник Atey Ghailan, вот тут).
Здесь я пытаюсь работать в целом над изображением. Я добавляю немного темного голубого в тени и немного желтого на освещенные участки. Я работаю над передним планом, пилотами и кораблем. Я пока ничего не вылизываю, впереди еще очень много шагов перед финализацией идеи. Так я работаю на этапе ранних поисков, делая очень много подобных тамбнейлов.
Многие из них будут забыты. Часто люди думают, что все, что они делают, должно попасть в финальный проект, но это не так. Вы должны сделать очень много всего, чтобы получить единственный концепт. Так много “нет” для одного “да”!
Сейчас я добавлю последние детали и, самое главное, правлю цвета. Я уже говорил, что хочу сделать закатную цветовую тему, и поэтому я добавляю больше зеленого в тени и желто-оранжевого на света. Я добавляю больше деталей на борт корабля, лестницу и члена команды, который по ней спускается.
Я еще немного настраиваю цвета, добавляю финальные штрихи и общую резкость. Изображение готово, все выполнено той кистью, которую я создал ранее.
Помните, в обычной работе это не финал, а только начало, ранняя стадия поисков концепта. Это просто один тамбнейл. Если бы это было для проекта, я бы создал еще десяток таких только для одной сцены, и потом выбрал бы самый лучший и начал делать финальный концепт. Настоящая работа требует много терпения и поисков.
Тут можно почитать, как Амир использует лассо в работе над тамбнейлами.
А тут — почему многие художники начинают работу с чб.
Перевод подготовила Асета Лиева специально для Smirnov School, текст дополнен редакцией. Мы — онлайн-школа, где готовят концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придете к нам на курс, не забудьте спросить о скидке для читателей с DTF.
Здравствуйте, меня зовут Евгений Булатов, я работаю художником в студии 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 за помощь в создании урока. Конечно, это были самые начала в создании текстур. Надеюсь, с вашей помощью, я продолжу этот рассказ.
Два коротких видео, на которых постарался показать как я рисую металл.
Рисование пули
Фотореалистичная живопись
Как рисовать стекло
Не смотря на то, что жанр натюрморта часто критикуют, хочу поделиться уроком на тему рисования стекла.
Глянцевые материалы
Так же отличный арт, как и работы предыдущих художников, отличающийся на сей раз своим добросовестным подходом к рисованию глянцевых материалов и бликов.
Рисование металла
Чем следует руководствоваться при рисовании металла?
Рисование материалов. Металл, стекло, пластик.
Только что сделал первые шаги в нацеленном рисовании материалов.
Всё-таки неплохо было бы, чтобы материалы объектов в композициях смотрелись реалистично и подчёркивали ту или иную деталь, давай представление о её строении и свойствах…
Рисуем шерсть
Вот способ, которым я обычно рисую мех в Фотошопе. Вы поймете, что на самом деле это довольно легко, но потребуется терпение, если вы хотите, чтобы мех смотрелся реалистично.
Шаг 1 – я привыкла рисовать мех кистью в 1-2 пикселя, прорисовывая каждую волосинку… но вы понимаете, что это занимает очень много времени.
Сделайте кисть, состоящую из нескольких точек разного размера. Размер точер зависит от размера и разрешения вашей работы. Также убедитесь, что точек не слишком много, иначе текстура будет слишком заметна из-за повторений. Когда сделали кисть, поставьте spacing на “1” в меню кистей. Я использую несколько кистей, вот пример двух из них.
Художественный фотошоп
Итак, Художественный фотошоп… Решил назвать тему именно так, т.к , учитывaя кoмбинaтopныe пpoцeccы, инкopпopиpyющиe языки aгглютиниpyютcя блaгoдapя тeopии вoлнoвoй coнopнocти, диcкpeдитиpyющeй тpaнcцeндeнтaльныe гипepo-гипoнимичecкиe cвязи. Интересные запросы люди вбивают в Яндекс, порой+)
Думал, когда же разместить материальчик по фильтрам, применяемым мною при рисовании, и вот время настало… Здесь опишу приёмчики для создания текстур и фонов для рисунка. Вы не найдёте здесь других художественных приёмов, используемых при рисовании. Для начала можете посмотреть вот этот пост – «Кисти для Фотошопа насквозь» . В нём собраны основные параметры настройки кисти и некоторые приёмы работы с ней – главный инструментов для рисования.
Для художественной обработки в фотошопе , если говорить о фильтрах, есть две группы фильтров. Конечно, они весьма косвенно связаны с рисованием, но иногда бывают полезны для создания бэкграундов ну и текстур…
В фотошопах начиная с версии CS есть обзор этих фильтров, в то время как ранее для того, чтобы выбрать нужный, следовало по очереди перебирать применять и отменять фильтр – очень не удобно. Сечас же задача искажения картинки – вполне пустячное дело.
Один из примеров использования фильтра из коллекции Artistic:
Много различных путей размазать рисунок, сделать его хаотичным и т.д. Хочу ещё показать способ “замачивания”.
Большая коллекция уроков рисования в фотошопе, в которых Вы сможете изучить основы и освоить как базовые навыки, так и фишки для продвинутых цифровых художников.
В основном темы уроки рисования в фотошопе , собранные здесь, можно класcифицировать по нескольким разделам:
- Основа рисования
- Рисование людей
- Пейзажи
- Инструменты фотошопа
- Спецэффекты
Всех тонкостей работы с программой Adobe Photoshop здесь вряд ли удастся найти, т.к. материал этого раздела для тех, кто хочет научиться рисовать в фотошопе, а не освоить инструменты для фотомонтажа.
Конечно, в будущем появится обучающий материал по обучению работе в фотошопе, а пока все силы распределены на раскрытие всех аспектов обучения рисованию: технике , приёмам , теории цвета , основе форм , правилам композиции …
Хотите научиться рисовать в фотошопе?
Хороший совет:
Главное в достижении успеха в рисовании – это практика и любовь к этому занятию.
Чем больше Вы будете прогрессировать в направлении рисования, тем больше будет проявляться тяга к рисованию, а любимое дело всегда делать приятней!
Всё, что нужно для того, чтобы преступить к урокам рисования в фотошопе – это, конечно же, фотошоп и желательно графический планшет для рисования.
Пожелаю удачи в освоении нового материала! Удачи и скорых побед!
Правильное рисование теней под объектами в сцене
В одном из моих прошлых учебных рисовалок шаров на предмет рефлексов, теней, светотеней Даша дала в комментариях мне очень важный и дельный совет, который я постарался усвоить.
Пейзажная фотография с кучевыми облаками
Приветствую Вас! В рамках этого урока по фотографии хочу показать как можно придать небу грозный вид используя фотошоп и зеркальную фотокамеру. Наверное такой эффект можно получить и в том случае, если у вас нет зеркалки, однако её наличие сильно упрощает жить, т.к. она может снимать формат RAW (сырой), который можно накрутить тааак, что мама родная не узнает ну и конечно добиться нужного желаемого эффекта.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 05 ноября 2019 . Категория: Уроки фотошопа текстуры.
Сегодня мы научимся создавать текстуру под мрамор.
Сделать это очень просто, практически всего за несколько шагов!
Вы сможете использовать данную текстуру в качестве обоев для рабочего стола или в создании коллажей, открыток и т.п.
Сначала мы несколько раз применим к фоновому слою фильтр Облака с наложением.
Затем добавим корректирующий слой Уровни.
В завершение мы научимся тонировать текстуру мрамора при помощи двух корректирующих слоев – Цветовой тон/Насыщенность и Карта градиента.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 23 августа 2019 . Категория: Уроки фотошопа текстуры.
Сегодня рассмотрим, как создать текстуру дерева в фотошопе.
Очень часто бывает так, что текстуру нет времени искать, либо нет ничего подходящего.
Или нашли текстуру, но она, к сожалению, не устраивает.
В таком случае может помочь самостоятельное создание текстуры дерева при помощи фотошопа.
Сначала мы создадим фон, зальем его цветом и применим фильтры Шум и Размытие в движении.
Затем добавим контраста изображению, обрежем холст, добавим фильтр Облака и при помощи фильтра Шум добавим шум на изображение.
Далее мы при помощи инструмента Кисть нарисуем царапины и с помощью выделения и заливки белым и черным цветом создадим полосы.
В завершение мы усилим контраст и насыщенность текстуры.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 30 июля 2019 . Категория: Уроки фотошопа текстуры.
Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать.
Думаете, на то, чтобы изобразить мех реалистично, требуется много времени?
А хотите узнать несколько уловок как создать мех?
В этом уроке разберем как создать текстуру шерсти.
Сначала мы подготовим фон для текстуры, залив фоновый слой цветом.
Затем при помощи инструмента Кисть нарисуем пятнышки и с помощью стилей слоя добавим к пятнам обводку.
Далее сольем слои с фоном и пятнышками, размоем образовавшийся слой фильтром Размытие по Гауссу и применим фильтры Шум, Размытие в движении и Скручивание.
В завершение мы научимся тонировать (изменять цвет) текстуру двумя разными способами.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 12 февраля 2019 . Категория: Уроки фотошопа текстуры.
Сегодня мы будем с нуля рисовать текстуру старой бумаги.
В уроке вы научитесь производить заливку слоев при помощи инструмента Заливка и меню Выполнить заливку, работать с инструментом Затемнитель, фильтрами Облака, Аппликация, Разбрызгивание и Шум, режимами наложения слоев и многое другое.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 04 июня 2018 . Категория: Уроки фотошопа текстуры.
Сегодня мы будем рисовать с ноля текстуру лавы.
В уроке вы научитесь работать с разнообразными фильтрами фотошопа, инструментом Заливка, режимами наложения слоев, корректирующими слоями, стилями слоя и масками слоя, редактировать градиенты, узнаете, как создать и применить собственный узор и многое другое.
Полученную в уроке текстуру лавы вы сможете использовать при создании коллажей, логотипов, для текста и т.п.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 03 мая 2018 . Категория: Уроки фотошопа текстуры.
Сегодня вы научитесь создавать джинсовую текстуру в фотошоп.
Мы будем использовать различные фильтры из Галереи фильтров, режимы наложения слоев и корректирующие слои, научимся одновременно добавлять несколько фильтров в Галереи фильтров, не выходя из меню, узнаем, как сохранить узор в программе фотошоп и в отдельном файле, как загрузить готовый узор и многое другое.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 28 марта 2018 . Категория: Уроки фотошопа текстуры.
Сегодня мы будем создавать яркий необычный фон с пузырями для фото при помощи фотошоп.
В уроке вы научитесь вырезать объекты, использовать инструмент Кисть для придания эффекта мягкости, работать с режимами наложения, корректирующими слоями и обтравочными масками. Вы узнаете, как легко с ноля нарисовать пузырь, как настраивать корректирующий слой Градиент, использовать режимы наложения инструмента Кисть и многое другое.
Автор: Сергей Бунин. Дата публикации: 23 ноября 2016 . Категория: Уроки фотошопа текстуры.
Порой при оформлении коллажей, альбомов, фото книг или создания Web-страниц возникает вопрос, как сделать фон в фотошопе и заполнить свободное место, к примеру, незамысловатым повторяющимся узором.
В этом уроке мы рассмотрим основы рисования повторяющихся узоров, поняв принцип действия которых, Вы сможете найти им применение в своих дизайнерских работах, при создании может быть уже более сложных эффектов.
Читайте также: