Rimon Lusi (fotovivo) wrote,
Rimon Lusi
fotovivo

Category:

Как рисовать звезды. Фотошоп для полного чайника 2



Поговорим о путях и трансформациях




  Штатным способом на Фотошопе можно создать любой полигональный контур



В том числе звезду или  зубчатое колесо с заданными характеристиками лучей:



настройка звездчатых форм таится на верхней панели под едва-приметной шестеренкой
(неповторимый интерфейс фотошопа не устает озадачивать пользователя квестами "отыщи инструмент", однако, если знать в какую дверцу постучаться, то все просто)

Богатство многолепестковых форм оформляется в три клика - глубина зубьев, количество лучей и скругление внешних или внутренних углов:



Контуры можно размещать один поверх другого.

Но... есть засада: контур это еще не рисунок.
Это лишь эскиз, который можно обвести и раскрасить - и только потом удастся сохранить.

Что бы понять, что мы делаем, придется вернуться назад:

К азам Фотошопа




В ФШ имеется панель инструментов, более-менее аналогичная той, что есть в системном графическом редакторе или на онлайновых ресурсах для фотоэффектов.
Делать первые шаги прям сразу на ФШ, не познакомившись с, например, виндозным "Пойнтом" сложно, но можно.

В средней части панели инструментов вы найдёте кисть и резинку - основные инструменты рисования (дополнительные предназначены для коррекции изображения).

В верхнем меню "Окна" - миллион опций, нам понадобятся "слои", "кисть" и "контуры".
Ничего страшного, если вы не знаете, что делать с остальными; ФШ - программа универсальная, предоставляет функционал для самых различных задач, множество пользователей, виртуозно управляющихся со своими инструментами, понятия не имеют о каких-то еще настройках, скрывающихся в недрах вложенных подменю.

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

А  вкладка "кисти" позволяет выбирать размер и форму отпечатка:


Палитра цветов находится внизу панели инструментов.

Мы получаем обычное пиксельное изображение.
Фото, открытое в ФШ - такое же пиксельное изображение.

А теперь - "внимание ответ!"

Контуры: для чего это нужно


Если у вас графический планшет с пером - вряд ли вы читаете советы для чайников;
скорее всего вы пользуетесь мышкой и успели убедиться, что нарисовать таким образом ровную гладкую линию - "миссия невыполнима".

Фотошоп не предусмотрел готовой отрисовки прямых, кругов, прямоугольников, блесток, сердечек и зайчиков, как Поинте и декоративных рисовалках.
Он сделал лучше!

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


Наконечник стрелы настраивается аналогично звездочкам


Среди стандартных фигур - линии, эллипсы, полигоны - стрелки и звезды (среди нестандартных много чего еще, но это отельная тема)




Вот тут нам и пригодится вкладка "контуры"



Контур можно обвести кисточкой или залить цветом. (Кст. - резинкой тоже можно: настроить форму и выпилить в красочном слое фигуру по контуру)

На активном слое будет создан заданный цветной узор, а контур останется, как был - путь не привязан  холсту, он сам по себе.
Сдвинем слой с рисунком - контур при этом останется на месте. Можно его залить или обвести еще раз и еще-много-много-раз:


Для перемещения слоев предназначен инструмент, расположенный в верху боковой панели инструментов (значок "перекрестье")

В чем фишка-то? Нет бы настроил фактуру и рисуй сразу фигуры, как в простых и понятных редакторах, без заморочек с векторной графикой - "эскизами" и "путями"!

Читайте далее:
Преимущества векторной графики



Трансформации контуров

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

В разделе векторной графики имеются свои инструменты редактирования - перемещение, трансформации: стрелочка рядом с "пером", "текстом" и "полигонами".
Воспользовавшись этим инструментом "выделяем" нужный контур, щелкнув по нему:



двойным щелчком, при зажатом ctrl, активируем один из узлов (черных точек), и, потянув за него, преобразуем фигуру в нечто несусветное как угодно.
Любое изменение можно откатить, сочетанием клавиш ctrl+alt+z




Потяни за усик и посмотри, что будет! =)




Щелкнем в произвольном месте контура и правой кнопкой мыши вызовем меню,
среди опций увидим - добавить узловую точку:



Опираясь на которую, можно изгибать линии контура, растягивая их или закручивая петлями:



Обводка и заливка теперь пойдет по новому, трансформированному пути:



Хозяйке-на-заметку:
обвести контур можно несколько раз, кистями разного оттенка и размера - получим несколько разноцветных обрамлений одно поверх другого



По векторному пути можно запустить и резинку, получив по краю изделия фигуры перфорацию с заданным интервалом:



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



Чтобы отключить контур (не удаляя его), достаточно щелкнуть на вкладке в любом месте в стороне от "Рабочего контура".

Об анимации трансформаций


поговорим в следующем выпуске, а пока пример для продвинутых пользователей: "Звезда превращается"



из цветной в расписную



с помощью анимации стилей




Все как в предыдущем выпуске, создали кадр с фоном:



К слою с трансформированной, вытянутой, звездой применен стиль "Радиальный градиент".

В исходной позиции движок "Масштаб" находится на минимуме.
Создаем копию кадра (внизу шкалы времени - лист с загнутым уголком возле корзины)




На панели слоев дважды щелкнем по "наложению градиента" и теперь выставим "масштаб" на максимум. Звезда станет разноцветной



А теперь - самое интересное:
опция "создать промежуточные кадры" - нам не придется вырисовывать кадры анимации вручную, они будут созданы программно!



Чем их больше, тем более плавными получатся переливы. Но - вес картинки и трафик! Соблюдаем меру =)




Небольшое дополнительное ухищрение - плавно зациклим анимацию, добавив обратный переход к минимуму масштаба,
для этого скопируем все кадры (меню в уголке шкалы), вставим их в конец ленты, выделим и - применим операцию "в обратном порядке"



Вуаля  -
Гори-гори моя звезда :)


И в завершение программы: бонус для освоивших семиконечную звезду

Как нарисовать звезду о девяти лучах вручную





Tags: #92днялета, #бабушкамдошкольников, mia_grafiko, ФШ, гифовины, рисовалки
Subscribe

Posts from This Journal “рисовалки” Tag

  • Фотожаба без фотошопа

    На подступах к компьютерной графике. Со времен появления мыши и оконной системы каких-то прорывных решений в пользовательском интерфейсе ПК можно…

  • Субботнее изо-баловство

    Пока флеш еще жив, можно наслаждаться онлайн рисовалочками: Огонь, туман и кисея, медитативный релакс ссыль 1 Экранные скетчи с кучей…

  • Здесь не ступала нога призрака

    Внимание вопрос: чем заняты люди на фото? Что за причудливые лестницы чертят? В Японии это занятие распространено не меньше, чем икебана или…

  • Гиф-анимация для полного чайника

    Наше совместное с внуком творчество Смотрите далее: анимация шаг за шагом Допустим вы впервые развернули фотошоп. Как и в обычной офисной…

  • Спиромагия

    Ожившая математика от spiromaniac.tumblr.com Как это устроено? Система сцепленных циркулей рисует самые невероятные узоры…

  • Цветочный DigiArt

    Это не схема для вышивки - а текст, цветными шрифтами. Далеко не новшество - у этой фишки борода длиннее, чем история интернета. Еще в эпоху…

  • Гвелети. Цветочное продолжение

    Утреннего поста с водопадами Развлекаюсь с фильтрами:

  • Каракули на классной доске

    Гугл отметился целевым дудлом - у нас сегодня День учителя, приуроченный к наступающей Хануке. Всех причастных - с праздником! На классной…

  • Живописная кото-инфо-графика

    К обзору онлайновых рисовалок ( Раскрась свое фото под Ван-Гога или нейросеть для бабушек) еще один забавный сервис: раскрашивает почеркушки…

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 60 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →