Как рисовать красочное анимационное искусство в Photoshop

Sep 16, 2025

Инструкции

Во время этого урока Photoshop я пойду на несколько ключевых концепций, которые я использую в качестве иллюстратора. Я говорю о грубых концепциях, чистой линии работы, цвета, свете и тени, а некоторые подводные камни, которые люди (в том числе сам), как правило, попадают во время работы через иллюстрацию.

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

Вы также можете проверить наш взять на себя новые функции Photoshop CC. должен предложить в нашем всестороннем обзоре новейшего обновления.

Получить Adobe Creative Cloud

Нажмите на значок в правом верхнем углу изображения, чтобы увеличить его.

01. Эскиз грубой концепции

Three early composition sketches — Ранние эскизы помогают установить тон состав

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

(Попробуйте это 20 лучших советов дизайна символов и Как создать новые дизайны символов в Photoshop Учебник, чтобы начать вас).

02. Произвести изысканный эскиз

Rough sketch of girl with panda — Сосредоточиться на большей картинке, прежде чем получить конкретные

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

03. Принесите чистые линии

Girl with panda in ink — Чернила не нужно строго прилипать к руководящим принципам

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

04. Лежал в плоских тонах

Girl with panda in colour — Плоские цвета - хорошая возможность сделать гармоничный состав

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

Краткий урок по теории цвета

05. Дублировать и заблокировать слой

На этом этапе я создаю еще один слой, идентичный цветовому слою, перетаскивая мой текущий цветной слой вниз до нового значка слоя в нижней части меню слоя. Это также может быть сделано, собираясь на слой и GT; Дублирующий слой. Затем я заблокирую прозрачность слоя, щелкнув значок Chequerboard в верхней части меню слоя.

06. Заполните серым

Girl with panda in grey — Серый слой полезен для создания теней

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

07. Создайте тени по фигурам

Girl with panda in white, next to girl with panda in grey — Серый слой позволяет сосредоточиться на форме

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

08. Создание основных моментов с помощью слоев экрана

Girl with panda in black next to girl with panda in grey — Основные моменты создаются аналогичным образом к теням на предыдущем шаге

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

09. Подумайте о поверхностях

Изображение 1 из 3

Different surfaces have unique reactions to light — Разные поверхности имеют уникальные реакции на свет

Изображение 2 из 3

The panda's fur diffuses the light — Мех Панды распространяется на свет

Изображение 3 из 3

The silk dress reflects the light — Шелковое платье отражает свет

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

10. Создание шаблонов

Chinese textile pattern — Традиционный китайский текстильный паттерн помогает разбить текстуры

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

11. Сформируйте шаблон к форме

Для меня самая сложная часть дизайна костюма создает узоры или графику, которая должна обернуть вокруг складок и складки в ткани. К счастью, Photoshop имеет очень удобный инструмент Warp. Чтобы использовать инструмент, я делаю выбор, затем нажмите ( CMD + T. ), затем щелкните правой кнопкой мыши и выберите «Деформация» из раскрывающегося меню. Кроме того, вы можете перейти к редактированию и GT; Трансформировать и GT; Варп. Перетаскивая ваш выбор вокруг, вы можете соответствовать ему всевозможных форм. Обычно я делаю выбор, основанные на том, где в ткани есть разрывы или складки.

12. Создайте фон

Girl with panda on bamboo background — Простой зеленый фон приносит всю композицию вместе

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

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

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

61 лучшие бесплатные кисти фотошоп
Лучшие таблетки рисования прямо сейчас
Оскар кино плакаты получают макияж поп-арт

Как рисовать красочное анимационное искусство в Photoshop

01. Эскиз грубой концепции

02. Произвести изысканный эскиз

03. Принесите чистые линии

04. Лежал в плоских тонах

05. Дублировать и заблокировать слой

06. Заполните серым

07. Создайте тени по фигурам

08. Создание основных моментов с помощью слоев экрана

09. Подумайте о поверхностях

10. Создание шаблонов

11. Сформируйте шаблон к форме

12. Создайте фон

Инструкции - Самые популярные статьи

Как нарисовать эльфийскую деву

Как улучшить свой характер искусства

Создайте изображение мультиэкспозиции с Adobe CC

Начните с монотипической печати

Начните с Rust

Включите свои меню, используя анимацию с CSS

Как смешивать цвет тени в краске

Сделать логотип в Illustrator

Категории