Как нарисовать ключ в фотошопе
Иллюстратор Амир Занд из 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.
Нарисовать стильную кнопку для web-сайта в Фотошопе не так уж сложно. Этот процесс займёт у вас всего минут 10-20. Кнопка, которую вы можете создать с помощью этого урока, расположена на светлом фоне. При желании, вы можете разместить кнопку на тёмном фоне. А также проявить свою фантазию и создать её в стиле, который впишется в дизайн вашего сайта.
- Как нарисовать кнопку в Фотошопе
- Как сделать кнопки для сайта в фотошопе
- Как сделать объёмные кнопки
Выберите инструмент "Прямоугольник со скруглёнными углами" U, который находится в палитре инструментов. Затем выберите режим "Слой-фигура", который находится под главным меню на панели параметров для настроек активного инструмента.
Нарисуйте кнопку в документе. В этом примере цвет переднего плана чёрный, поэтому кнопка получилась чёрного цвета. Далее подберём для неё подходящий цвет.
Нажмите клавишу Ctrl и, удерживая её, левой кнопкой мыши выберите иконку верхнего слоя. При этом кнопка выделится пунктирной линией.
Скопируйте выделение на новый слой, нажав клавиши Ctrl+J. При этом в палитре "Слои" появится третий слой.
Выберите для небольшой каёмки шириной в 3 пиксела понравившийся стиль. Для этого снова зайдите в палитру "Стили" и выберите нужный. В этом примере применён стиль каёмки Chiseled sky, т.к. он сочетается с цветом кнопки.
Получилась такая вот кнопка. По желанию, вы можете применить свои стили, которые вам больше нравятся.
Осталось написать текст. Для этого выберите инструмент "Горизонтальный текст" (Т). Выбрать параметры шрифта можно на панели параметров для настроек этого инструмента.
В этом интереснейшем уроке мы расскажем, как нарисовать человека в фотошопе, используя графический планшет. Прежде чем начинать рисовать в фотошопе, сделайте простой набросок на бумаге и отсканируйте его. Шаг 2. Создайте новый слой (Ctrl + Shift + N) и назовите его «sketch».
В этом уроке по теме как нарисовать аниме в Фотошоп,мы в финале получим вот такой персонаж: 1.Итак , для начала вам нужно Новый документ создать (Ctrl+O) документ .И начеркать (мышкой или планшетом) примерный эскиз Вашего аниме персонажа.Или же нарисовать его карандашом от руки и потом перекинуть на компьютнр через сканер и просто открыть документ в Фотошоп.
Создавать таблицы гораздо удобнее с помощью программ из пакета MS Office – Excel и Word. У графического редактора Adobe Photoshop другие цели и объекты обработки. Но, если постараться, можно нарисовать таблицу и его инструментами.
- Как в Фотошопе создать таблицу
- Как в Фотошопе вставить таблицу
- Как сделать красивую таблицу
В меню File («Файл») выберите команду New («Создать») для создания нового документа. Теперь добавьте новый слой, на котором будете рисовать таблицу. Нажмите для этого на панели слоев кнопку Create a new layer («Создать новый слой») или используйте горячие клавиши Shift+Ctrl+N. На цветовой палитре подберите подходящий оттенок и залейте новый слой – это будет фоновый цвет вашей таблицы.
На панели инструментов отметьте Rectangle Tool («Прямоугольник») из группы инструментов U. С его помощью создайте ячейку вашей таблицы. Чтобы ячейка получилась квадратной, рисуйте ее при зажатой клавише Shift. Если вы хотите, чтобы все ячейки в таблице были одинаковыми, зажмите Alt+Ctrl и мышкой перетащите готовую ячейку на новое место – при этом вы получите ее дубликат.
Чтобы просто перемещать ячейку по экрану, передвигайте ее при зажатой Ctrl. Для точного позиционирования удерживайте Ctrl и используйте клавиши со стрелками «Верх», «Вниз», «Влево», «Вправо».
Когда все ячейки будут выстроены в нужном порядке, выберите инструмент Direct Selection Tool («Управление выделением»), щелкните правой клавишей мыши по контрольным узелкам последней ячейки и выберите пункт Delete Anchor Point («Удалить точки привязки»). Если потребуется, восстановите сторону ячейки.
Отметьте на панели инструментов Brush Tool («Кисть») и на панели свойств установите ее диаметр – он будет соответствовать ширине границ таблицы. Цвет переднего плана определяет цвет границ. Опять выберите Rectangle Tool и щелкните правой клавишей по таблице, чтобы вызвать контекстное меню. Отметьте пункт Stroke Path («Обводка»).
В группе инструментов U есть другой инструмент, с помощью которого можно нарисовать таблицу. Выберите Line Tool («Линия») и нарисуйте таблицу с нужным количеством столбцов и строк. Чтобы линии получались ровными, ведите их, удерживая клавишу Shift. Когда макет таблицы будет готов, вызовите контекстное меню щелчком правой клавиши и выберите опцию Stroke Path. Праметры кисти, конечно, нужно установить заранее.
Скрипичный ключ — знак линейной нотации, задающий расположение ноты «соль» первой октавы на второй линии нотного стана. Графическое начертание скрипичного ключа произошло от рукописной буквы «G», обозначающей ноту «соль» в буквенной нотации. Аналогичное написание имеет и старофранцузский ключ, который помещает ноту «соль» первой октавы на нижнюю линию нотного стана. Но если старофранцузский ключ давно вышел из употребления, то скрипичный, напротив, является самым распространенным музыкальным ключом. Популярность этого знака сделала его символом музыки, прежде всего классической. Скрипичный ключ ассоциируется с классикой, лирикой, романтикой. И в данном уроке приводится пример создания в Photoshop® CC 2017 открытки с изображением стилизованного скрипичного ключа на нотном стане…
Стилизованный скрипичный ключ на нотном стане в Photoshop
Чтобы нарисовать сам скрипичный ключ и линии нотного стана, в уроке используются такие инструменты Photoshop, как « Pen » (Перо), « Direct Selection » (Выделение узла), « Line » (Линия), « Move » (Перемещение) и « Brush » (Кисть); такие команды для редактирования контуров и фигур, как « Save Path » (Сохранить контур), « Merge Shapes » (Объединить фигуры) и « Stroke Path » (Выполнить обводку контура); а также такие режимы трансформации объектов, как « Free Transform » (Свободное трансформирование) и « Warp » (Деформация). Для создания эффекта свечения линий применяются фильтры « Motion Blur » (Размытие в движении), « Clouds » (Облака) и « Gaussian Blur » (Размытие по Гауссу); стиль слоя « Outer Glow » (Внешнее свечение); а также режимы наложения слоев « Soft Light » (Мягкий свет), « Overlay » (Перекрытие) и « Linear Dodge (Add) » (Линейный осветлитель (добавить)). Присутствующие на контуре скрипичного ключа, на линиях нотоносца и на надписи блики рисуются при помощи стандартной кисти Photoshop и фильтра « Gaussian Blur » (Размытие по Гауссу). А цветной открытку делает слой-заливка « Gradient Fill » (Градиентная заливка) с режимом наложения « Overlay » (Перекрытие)…
В этом уроке фотошопа мы будем имитировать фото в высоком ключе. Высокий ключ — фото в светлых и нежных тонах, практически без теней. Зачем это нужно? Фотография в высоком ключе передаёт определённое настроение, чаще всего она ассоциируется с женственностью и нежностью.
Вы сами можете посмотреть на результат, который у нас получится:
Давайте закончим с болтовнёй, и перейдём к практике 🙂
Фото в высоком ключе
1. Откройте любую фотографию
2. Сейчас нам нужно сделать фото немного более резким. Для этого идём в Filter (Фильтр) -> Sharpen (Резкость) -> Unsharp Mask (Нерезкая маска) с такими параметрами:
3. Обесцвечиваем фотографию (Shift+Ctrl+U) и идём редактировать уровни (Ctrl+L)
В окне редактирования уровней двигаем стрелку светлых тонов влево, это позволит осветлить фотографию и приглушить тени:
Фото в высоком ключе сейчас выглядит так:
4. Теперь нам предстоит работа с инструментом Dodge Tool (Осветлитель)
Пройдитесь им по всему изображению:
Фотография стала ещё светлее. А сейчас тем же инструментом ещё больше высветлите изображение, не затрагивая однако области глаз, носа и губ. Особое внимание придавайте местам, в которых ещё осталась тень:
У меня получилось так:
5. Выделите с помощью Lasso Tool (Лассо) области вокруг глаз, носа и рта
Инвертируйте выделение (Sift+Ctrl+I) и примените Filter -> Blur (Размытие) -> Gaussian Blur (По Гауссу) со значением Amount 0,5px. Вот и всё, мы выполнили имитацию фото в высоком ключе:
Читайте также: