Как сделать маску в саи

Добавил пользователь Skiper
Обновлено: 08.09.2024

Итак, вы открыли САИ, и воскликнули "о ужас. все так незнакомо! неужели японцы в этом разбираются?". Специально для вас я сделала скриншот с подписями, которые буду расшифровывать.
САИ поддерживает работу со слоями, форматами картинок, еще *.psd, *.tga и своим - *.sai, рекомендую вам сохранять все в *.sai, чтобы редактор не ругался на потерю своих текстур при конвертации.

редактор создает файлы достаточно больших размеров и работает быстро, все ограничивает лишь мощность вашего компьютера и ОЗУ. Под меню File вы видите окошко навигации по рисунку, удобно масштабировать не колесиком мыши, а бегунком, если вы хотите узнать, как будет выглядеть рисунок, сжатый вполовину.
Волшебные кнопки delete и end позволяют вращать рисунок в плоскости, так что можете чертить прямые линии под углом к горизонту, очень удобною home приводит вам в 100% вид, а вы что думали?))

далее как в ФШ - paints effect, меняющая текстуры холста(если у вас загружены таковые) и режимы наложения - умножение, экран, перекрытие, яркость, тень, бинарный цвет. все опытным путем проверяется
1. волшебная кнопка preserve opacity. думаю, вы знаете. зачем она нужна
2. новый слой.
3. векторный слой только для векторной работы
4. очистка слоя, чтобы не бегать ластиком

цветовой профиль редактора это RGB и HSV, в меню Window вы можете переключать верхние кнопочки, которые будут выкидывать вниз панельки. Я не использую их, ибо места на экране итак немного.
11. это палитра. полезная штука.
под цветовым кругом, который не надо постоянно искать, как в ФШ, находятся кнопки прямоугольного выделения, лассо, волшебной палочки, навигации. Зажав "пробел" вы можете перемещаться по рисунку

слои можно тонировать и менять яркость-контраст. все по минимуму.
5. инмтрументарий. Пустые окна означают, что вы не добавили инструмент, или возникла ошибка с его предустановкой. Кисти имеют разные типы наложения, об этом ниже
4 кпоночки означают степени мягкости, но настоящий художник НИКОГДА не использует самую левую. Если это не аэрограф.
Размер до 500пикс, больше вряд ли надо
6. min size 0% даст возможность 100пиксельнйо кистью нарисовать 2пикс линию, если легко вести по планшету. С другой стороны min size 80% даст вам возможность вести равномерную по ширине линию, что полезно для лайн-арта
7. density ~ opacity, колебание прозрачности

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

8. Blending. очень забавная штука, за которую все любят САИ. это смешивание, о нем ниже, работает по-разному.
9. Persistence. Это колебание количества краски, в 0% максимально.
10. расширенные опции качества штриха (быстро-красиво), антиалиасинг и hard-soft, то есть, тоньше-толще
слои можно поворачивать и отражать. это сохраняется в картинке
12.инверсия. если замылился глаз.
13. стабилизатор штриха. это отдельная тема для разговора.

Краткий обзор закончен, перехожу к инструментам

Они делятся на 3 группы: а)перекрывающие, б)не перекрывающие, в)вспомогательные
видно, что карандаш и ручка не перекрывают штрихи даже при 100% непрозрачности, цвет меняется, а вот кисти перекрывают цвет. ручка pilot и crayon ведут себя, как кисти. Маркер - отдельный инструмент, он меняет свою прозрачность вне зависимости от настроек. Его можно увидеть на работах Sidwill-а. Pilot - лайны Beffan-ы

далее я указала настройки прозрачности и краски

перейдем к стабилизации. Это второй скришнот. последняя кнопка на панели инструментов (13)
если вы хотите рисовать с помощью планшета и быстро - поставьте значения не более 10, тогда линия будет "летать" за вами, но может стать рваной. Я пользуюсь 10-15 диапазоном, но ежели мне нужен лайн-арт.
я перехожу в s-режим, где можно попробовать даже мышью рисовать. Линия тянется плаавно и ооочень медленно за пером, особенно в s-7, но на s-2 все терпимо, можно даже окружность нарисовать. Все закорючки я рисовала одним росчерком. Видите, что линия всегда ровная?

смазывание. САИ смазывает двумя способами: а) руками художника б) параметром blend
все знают, что просто так заблюривать два тона нельзя, между ними есть промежуточные полутона и полутени. А вот САИ читерски помогает нам клепать мангу ударными темпами)

повышая параметр blend Для кисти даже на 100% непрозрачности, можно добиться вполне пристойного результата. Если Blend>80%, то кисть берет за основу цвет касания пера в точке холста. То есть, даже если у вас с палитре красный, а на слое синий, то красный не перекроет синий, а если слой пуст, то вы увидите красный.

читерский метод water. Совершенно для ленивых! Просто берете оттенок тона, проводите кисточкой и все. блюр + смешивание. Безотказно действует при рисовании магни, помните, что у них края теней то четкие, то смазанные?

В прошлом уроке мы рисовали набросок, а потом готовили его к покраске. Открываем наш рисунок в Paint Tool Sai. Надеюсь вы сохранили в формате этой программы. Иначе все ваши векторы исчезнут и станут обычными растровыми линиями и придется вам обводить заново Х_х

Посмотри какие у нас есть слои и назовем их так, как нам будет удобнее.

1 — В панели инструментов выберем Волшебную палочку. Посмотрите на настройки.

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

Выбираем инструмент заливка

И заливаем все участки с нашей кожей. Даже самые маленькие.

И переходим к следующему шагу.

Что нам это дало?

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

4 — Возьмите инструмент Brush с указанными настройками.

Нанесите тени. Не волнуйтесь, что они получаются неровные и неточные. Пока набрасываем их грубовато.

Обратите внимание на тень под носом, над губой, тень от лица на шее, на ухе и под волосами.

5 — Выбираем инструмент Blur, ставим настройки и поехали обрабатывать наши тени. Придадим им реалистичности.

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

6 — Итак наши тени размыты, где-то мы подправили ластиком, где-то просто размыли. Личико стало объемным.

7 — Я расскажу ещё об одном инструменте, который возможно будет вам полезен. Называется он Select. Этот инструмент подобен кисти или карандашу, вот только он не красит, а выделяет. Что очень удобно при выделении мелких участков рисунка, которые не выделились при использовании Волшебной палочки. Ещё один плюс Сая — в том что выделение не убирается и не исчезает, если вы используете другой инструмент выделения.

Этот инструмент мы будем широко использовать при выделении волос.

8 — Выделяем наши волосы, используя инструменты Волшебная палочка и Select

И заливаем его рыжим цветом.

ВНИМАНИЕ! Глаза и брови не трогаем.

9 — Как и при работе с тенями кожи, создаем новый слой выше цвета наших волос и называем его Тени Волос. Прикрепляем и ставим переход — Умножение. Цвет берем чуть-чуть потемнее. И набрасываем тени на наш рисунок. Линии не должны быть прямыми, это же пряди, а не картонный парик. Толщину нашей кисточки можно и нужно менять, тогда тени будут выглядеть более красиво и реалистично.

10 — Размоем каждую линию тени слегка по краям. Сменим цвет на красный — светлый. Нанесем на наши тени сверху и тоже слегка размоем, добиваясь своеобразного градиента.

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

Берем более яркий

У некоторых из вас может быть скачана программка с дополнительными кистями. Тогда выбираем кисть Prueba Flores.

У кого нет доп. Кистей, работаем старым инструментом Brush, а так же Pen; не забываем менять размеры кистей.

12 — Наносим блики, как и тени. Получаем что-то вроде этого.

Я поменяла режим перехода слоя с бликами на Сложение. Разница ощутима. Если кому-то не нравится такой огненный цвет, можете не менять.))

13 — Размываем наши блики, но не очень сильно. Чуть слабее, чем тени.

14 — Переходим к раскрашиванию глазок. Открываем нашу папку с глазами и меняем в векторном слое толщину линии зрачков. Я поставила на 4. Если вы сделали все правильно, то ваша обводка зрачков будет выглядеть так

15 — Выбираем не слишком яркий синий цвет. Вы можете выбрать любой другой)

Выделяем волшебной палочкой область зрачков и заливаем цветом.

16 — Берем нашу верную подругу кисточку с вот такими настройками

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

17 – Создаем ещё один слой между цветом и зрачками (назовите его Тени), прикрепляем его и ставим режим Умножение. Цвет возьмем чуть темнее Цвета глазок. И затемняем глазки примерно так

Возьмите другой цвет, розоватый или сиреневый светлого тона, и нанесите полумесяцы бликов и размойте по краям для ровного градиента

19 — Выберите светло голубой цвет

И нарисуйте радужку карандашом размером 4, как на рисунке:

20 — Рисуем одну из главных частей глаза. Белки. Многие забывают об этом и глаз получается диковатым О_о

Создадим слой в самом низу, под цветом в нашей папке. Назовем его белки.

Возьмем чисто белый цвет и нанесем наши белки по краям от глаза

возьмите серый цвет. Насыщенный серый. И полукругами обозначате тени белков сверху.

И последний штрих наших глазок!

21 — Создадим слой выше зрачков, под веками, назовите его Блики.

Возьмите Кисточку размером 35 примерно настройке оставьте теже за исключением жесткости. Жесткость поставьте самую минимальную. Зажмите кнопку CTRL и клацните по слою с цветом. Смотрите не рисуйте на слое с цветом, а то ничего не получится. Итак мы получили выделение нашего глазика.

На слое Блики ставим круглые большие блики, как на рисунке.

Снимаем выделение CTRL + D

Закрываем нашу папку с глазками и перемещаем её выше слоя “Тени Кожи”

Глазки оказались под волосами ^^

Контуры рисунка можно оставить черными, а можно и поменять под цвет нашей покраски. Для кожи мы берем темный коричневый цвет, для волос, темно рыжий. Этим же темно-рыжим цветом покрасте контур бровей. Где-то вы можете истончить концы контура, для более приятного вида. Но собственно на этом все. Рисунок готов. Можно добавить фон, рамку и готова симпатичная аватарка. Также обратите внимание на урок: как раскрасить рисунок в фотошопе.

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

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

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

Как определить области для маскировки

Чтобы определить области для маскировки, выполните описанные ниже действия.

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

Как использовать обтравочную маску

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

Создайте объект, который вы хотите использовать в качестве маски. Вы можете выбрать два или больше слоев.
Создайте новый слой и вставьте или нарисуйте объект, цвет или текстура которого будут заливаться в первый слой.
Вырежьте два слоя, нажав на (значок обтравочной маски).

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

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

По умолчанию слой и его маска связаны между собой. Вы можете отменить их связь, если хотите изменить размер или переместить слой-маску.
Чтобы одновременно показать скрытые фрагменты и скрыть видимые, воспользуйтесь инструментом Инвертировать маску.
Есть несколько способов маскировки: можно применить маску ко всему слою либо с помощью инструмента Лассовыделить объект, а затем создать маску на основе этого выделения.

Чтобы узнать больше о слоях-масках, посмотрите это видео.

Время просмотра: пять минут

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

Теперь вы знаете все необходимое для начала работы с масками в Adobe Fresco. Интерфейс приложения Adobe Fresco интуитивно понятен, поэтому вам не составит труда освоить его инструменты, такие как пиксельные кисти, живые кисти, векторные кисти, цвета, слои и прочее.

По просьбам трудящихся пишу гайд по Paint Tool SAI.
В основном буду разбирать настройки кистей и прочие чисто технические моменты. Причем, что называется, с нуля. :)
Что касается анатомии, построения и прочих вещей, рекомендую вот эту подборку на Equestria Daily, потому как у меня пропорции пони неканоничны и вообще авторский стиль во все поля. :)
Итак… (осторожно, под катом довольно много букв и картинок)

Начинаем, как водится, с создания нового файла. File>New или Ctrl+N, все стандартно.
Размер файла лучше поставить покрупнее, 2000x2000 или больше (в зависимости от возможностей компьютера), Resolution не меньше 300 pixel/inch, чтобы можно было спокойно прорисовывать мелкие детали без мыла и пикселизации. В конце концов, слишком большую растровую картинку можно запросто уменьшить или обрезать, а вот последствия растягивания маленькой скорее всего будут печальны.
Итак, перед нами чистый холст и панели инструментов. Теперь немного о них:

Навигация.

Тут все просто — окошко навигации, приближение (бегунок и кнопки +, — и reset) и поворот холста (функции те же самые).

Цвета.

Тут все просто — панель выбора цвета. Если она у вас не отобразилась при первом запуске, выберите в меню Window>Color Wheel.

Paint Tool Sai — программа для рисования, в которой можно увидеть много функций. Если не разобраться в ней сразу, то возникают вопросы в пользовании. В этой статье мы разберем такую вещь, как вектор в саи и его возможности.

Как рисовать мышкой в Paint Tool Sai?

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

Вектор в Paint Tool SAI.

Как пользоваться вектором?

Перед нами сразу же появляются новые инструменты:

Нам стоит разобраться с каждым из них.

Кривая линия

Данный инструмент позволяет ставить контрольные точки, фиксируя линию в нужном для вас месте. С помощью CTRL можно увидеть данные точки, а при помощи ESC или двойного щелчка можно остановить рисование данной линии.

Прямая линия.

Правка.

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

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

Выделительный карандаш и ластик.

Они позволяют выделить и убрать выбранную область и перетащить ее при нажатии CTRL + T. По крайней мере, это работает в простом слое. Можно сказать, что в векторном слое они бесполезны.

Карандаш.

Просто карандаш, создающий контрольные точки.

Ластик.

Толщина.

Меняет толщину линии.

При нажатии этим инструментом на линию, то она изменит свой размер на нужный.

Окрашивание в текущий цвет.

Как сделать раскраску?

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

Видео на данную тему:

Читайте также: