Как рисовать звезды. Фотошоп для полного чайника 2
Поговорим о путях и трансформациях
Штатным способом на Фотошопе можно создать любой полигональный контур
В том числе звезду или зубчатое колесо с заданными характеристиками лучей:
настройка звездчатых форм таится на верхней панели под едва-приметной шестеренкой
(неповторимый интерфейс фотошопа не устает озадачивать пользователя квестами "отыщи инструмент", однако, если знать в какую дверцу постучаться, то все просто)
Богатство многолепестковых форм оформляется в три клика - глубина зубьев, количество лучей и скругление внешних или внутренних углов:
Контуры можно размещать один поверх другого.
Но... есть засада: контур это еще не рисунок.
Это лишь эскиз, который можно обвести и раскрасить - и только потом удастся сохранить.
Что бы понять, что мы делаем, придется вернуться назад:
К азам Фотошопа
В ФШ имеется панель инструментов, более-менее аналогичная той, что есть в системном графическом редакторе или на онлайновых ресурсах для фотоэффектов.
Делать первые шаги прям сразу на ФШ, не познакомившись с, например, виндозным "Пойнтом" сложно, но можно.
В средней части панели инструментов вы найдёте кисть и резинку - основные инструменты рисования (дополнительные предназначены для коррекции изображения).
В верхнем меню "Окна" - миллион опций, нам понадобятся "слои", "кисть" и "контуры".
Ничего страшного, если вы не знаете, что делать с остальными; ФШ - программа универсальная, предоставляет функционал для самых различных задач, множество пользователей, виртуозно управляющихся со своими инструментами, понятия не имеют о каких-то еще настройках, скрывающихся в недрах вложенных подменю.
Слои - это полотно для рисования, вернее, стопка прозрачных листов: удобно рисовать отдельные части на разных слоях - корректируешь один, другой при этом не затрагивается.
А вкладка "кисти" позволяет выбирать размер и форму отпечатка:
Палитра цветов находится внизу панели инструментов.
Мы получаем обычное пиксельное изображение.
Фото, открытое в ФШ - такое же пиксельное изображение.
Контуры: для чего это нужно
Если у вас графический планшет с пером - вряд ли вы читаете советы для чайников;
скорее всего вы пользуетесь мышкой и успели убедиться, что нарисовать таким образом ровную гладкую линию - "миссия невыполнима".
Фотошоп не предусмотрел готовой отрисовки прямых, кругов, прямоугольников, блесток, сердечек и зайчиков, как Поинте и декоративных рисовалках.
Он сделал лучше!
Контуры - это пути, по которым будет двигаться кисть.
Кисть любой формы, фактуры и размера - вы видели на предыдущем скрине, сколько настроек на панели кистей (а можно подгрузить из сети еще сотни конфигураций или задать свои)
Наконечник стрелы настраивается аналогично звездочкам
Среди стандартных фигур - линии, эллипсы, полигоны - стрелки и звезды (среди нестандартных много чего еще, но это отельная тема)
Вот тут нам и пригодится вкладка "контуры"
Контур можно обвести кисточкой или залить цветом. (Кст. - резинкой тоже можно: настроить форму и выпилить в красочном слое фигуру по контуру)
На активном слое будет создан заданный цветной узор, а контур останется, как был - путь не привязан холсту, он сам по себе.
Сдвинем слой с рисунком - контур при этом останется на месте. Можно его залить или обвести еще раз и еще-много-много-раз:
Для перемещения слоев предназначен инструмент, расположенный в верху боковой панели инструментов (значок "перекрестье")
В чем фишка-то? Нет бы настроил фактуру и рисуй сразу фигуры, как в простых и понятных редакторах, без заморочек с векторной графикой - "эскизами" и "путями"!
Читайте далее:
Преимущества векторной графики
Трансформации контуров
Сила векторной графики в том, что контуры можно изменять!
Практически как угодно. При этом происходит программный пересчет и они остаются гладкими кривыми.
В разделе векторной графики имеются свои инструменты редактирования - перемещение, трансформации: стрелочка рядом с "пером", "текстом" и "полигонами".
Воспользовавшись этим инструментом "выделяем" нужный контур, щелкнув по нему:
двойным щелчком, при зажатом ctrl, активируем один из узлов (черных точек), и, потянув за него, преобразуем фигуру в нечто несусветное как угодно.
Любое изменение можно откатить, сочетанием клавиш ctrl+alt+z
Потяни за усик и посмотри, что будет! =)
Щелкнем в произвольном месте контура и правой кнопкой мыши вызовем меню,
среди опций увидим - добавить узловую точку:
Опираясь на которую, можно изгибать линии контура, растягивая их или закручивая петлями:
Обводка и заливка теперь пойдет по новому, трансформированному пути:
Хозяйке-на-заметку:
обвести контур можно несколько раз, кистями разного оттенка и размера - получим несколько разноцветных обрамлений одно поверх другого
По векторному пути можно запустить и резинку, получив по краю изделия фигуры перфорацию с заданным интервалом:
А трансформировав контур в очередной раз, можем выполнить новую заливку поверх прежней и проделать еще сколько угодно манипуляций с обводкой -
Чтобы отключить контур (не удаляя его), достаточно щелкнуть на вкладке в любом месте в стороне от "Рабочего контура".
Об анимации трансформаций
поговорим в следующем выпуске, а пока пример для продвинутых пользователей: "Звезда превращается"
Все как в предыдущем выпуске, создали кадр с фоном:
К слою с трансформированной, вытянутой, звездой применен стиль "Радиальный градиент".
В исходной позиции движок "Масштаб" находится на минимуме.
Создаем копию кадра (внизу шкалы времени - лист с загнутым уголком возле корзины)
На панели слоев дважды щелкнем по "наложению градиента" и теперь выставим "масштаб" на максимум. Звезда станет разноцветной
А теперь - самое интересное:
опция "создать промежуточные кадры" - нам не придется вырисовывать кадры анимации вручную, они будут созданы программно!
Чем их больше, тем более плавными получатся переливы. Но - вес картинки и трафик! Соблюдаем меру =)
Небольшое дополнительное ухищрение - плавно зациклим анимацию, добавив обратный переход к минимуму масштаба,
для этого скопируем все кадры (меню в уголке шкалы), вставим их в конец ленты, выделим и - применим операцию "в обратном порядке"
Вуаля -
Гори-гори моя звезда :)
И в завершение программы: бонус для освоивших семиконечную звезду
Как нарисовать звезду о девяти лучах вручную
