Как нарисовать в фотошопе кривую линию: Как в фотошопе сделать плавные линии

Как нарисовать линию. 1. Рисуем прямую линию | by PFY (Твой фотошоп)

Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line Tool​ (U) (Линия):

Устанавливаем Mode (Режим) на Pixels (Пикселы).

Затем просто щелкаем и тащим курсор, чтобы нарисовать прямую линию под любым углом.

Также можно использовать инструмент Brush Tool (B)​ (Кисть). Щелкаем в том месте, где должна начинаться линия, и, удерживая Shift, щелкаем в конечной точке линии. Photoshop нарисует ее за нас!

Хороша, а как нарисовать ломаную линию? Для этого можно использовать тот же метод. Если сначала кликнуть, а затем нажать Shift, вы нарисуете отдельную прямую линию. Но если вы продолжите удерживать Shift и кликаем еще раз, конечная точка предыдущей линии станет начальной точкой новой. Итак, запоминаем порядок: кликаем и нажимаем Shift для отдельной линии, нажимаем Shift и кликаем для непрерывной ломаной линии.

1: кликаем, нажимаем Shift, кликаем, отпускае Shift, 2: кликаем, нажимаем Shift, кликаем, кликаем, кликаем…

Теперь разберемся, как нарисовать линию под углом 90 градусов в Photoshop. Здесь также пригодится клавиша Shift. Удерживая Shift, начинаем рисовать влево или вправо, чтобы нарисовать горизонтальную линию, и вверх или вниз, чтобы нарисовать вертикальную линию. Photoshop выпрямит их за вас.

Итак, мы разобрались с прямой линией, но как нарисовать изогнутую линию в Photoshop? Конечно, можно использовать инструмент Brush Tool (B)​ (Кисть), чтобы просто нарисовать любую линию, которую хотите, но, если у вас нет графического планшета, может быть сложно контролировать ее форму. Давайте вместо этого воспользуемся инструментом Curvature Pen Tool (P) (Перо кривизны).

Инструмент Curvature Pen Tool (P) (Перо кривизны) скрыт в меню Pen Tool(Перо):

Устанавливаем Mode (Режим) на Shape (Фигура), убираем Fill (Заливку), добавляем цвет Stroke (Обводка) и настраиваем толщину линии.

Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая. Самое удобное ­ — это то, что линия остается полностью редактируемой: просто кликаем и перетаскиваем любую из ее точек, чтобы изменить форму. Удерживая нажатой клавишу Ctrl, кликаем, чтобы закончить рисование. Используем инструмент Direct Selection Tool (Кисть) или другого инструмента в режиме Pixels (Пиксели) настраиваем цвета на панели Color (Цвет).

Если предпочитаете инструмент Curvature Pen Tool (P) (Перо кривизны) или любой другой в режиме Shape (Фигура), настраиваем цвет обводки — это можно сделать даже после того, как линия уже нарисована.

Чтобы нарисовать жирную линию есть два варианта: либо увеличить размер кисти, что можно сделать с помощью клавиш с квадратными скобками ([, ]).

… или, если мы находимся в режиме Shape (Фигура), просто указываем толщину обводки в настройках.

Но как нарисовать линию под 45 градусов или под любым другим углом? Вот хитрость: используем инструмент Rotate View Tool (R) (Поворот вида).

Вводим значение угла в поле Rotation Angle (Угол поворота) и нажимаем Enter.

Теперь просто рисуем линию.

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

Хорошая работа!

Теперь вы знаете, как нарисовать линию в Photoshop!

PFY

Как сделать рамку из линий в фотошопе

Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop

Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop

Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop

Как сделать рамку вокруг рисунка в Фотошопе

Пунктирная рамка и линия в Photoshop CS6

Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop

PhotoShop: Как сделать рамку

Пунктирная рамка и линия в Photoshop CS6

Как сделать рамку в фотошопе

Как сделать рамку вокруг рисунка в Фотошопе

ФОТОШОП — PHOTOSHOP | Работа с текстом в Photoshop

Как нарисовать пунктирную линию в Photoshop

Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop

Еффект светящихся линий в Photoshop CS6 урок №12

Как нарисовать прямую линию в Фотошопе

Как нарисовать пунктирную линию в Photoshop

Как сделать рамку для текста в фотошопе с помощью ободки и …

Трансформирование объектов в Photoshop

Красивую рамку страницы. Создание рамок в фотошоп. Круглая …

Как рисуют волнистые линии?

Как сделать вылеты в Фотошопе? Практические советы

Как нарисовать кривую линию в Photoshop

Как нарисовать круг (PhotoShop)

Светящиеся линии при помощи пера в Фотошоп

Как сделать круг в фотошопе | How to CREATE CIRCLE IN ADOBE PHOTOSHOP CC

Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop

Как сделать обводку текста в Photoshop

Как сделать рамку в фотошопе?

Как сделать обводку текста в Photoshop

Простая рамка в фотошопе. Способ 1 | Фотошоп от Олечки

Рисование линии в Photoshop

Как создать эффект светящихся линий

Рисование линии в Photoshop

Как в Фотошопе сделать рамку вокруг фотографии …

Как сделать рамку в Фотошопе

Как создать штрих-пунктирную линию в Photoshop

Как сделать рамку для текста в фотошопе с помощью ободки и …

Как сделать разметку в фотошопе — Направляющие линии

Как сделать рамку в Фотошопе

Учимся рисовать и обрамлять. Как в \

КАК СОЗДАТЬ ЛИНИИ И ГРАНИЦЫ В PHOTOSHOP CS3 — ВОКРУГ-ДОМ — 2019

Галерея инструментов Photoshop

Ответы Mail.ru: Как сделать рамку для черчения в фотошоп?

Текст в фотошопе

Как сделать рамку в фотошопе

Как рисуют волнистые линии?

Красивую рамку страницы. Создание рамок в фотошоп. Круглая …

Простая рамка в фотошопе. Способ 1 | Фотошоп от Олечки

Рамка в фотошопе \u2014 инструмент кадрирования фотографий

Как нарисовать прямую линию в фотошопе или в его онлайн версии?

3 способа как в фотошопе нарисовать квадрат и прямоугольник

Рамки Для Фотошоп Для Фотографий

Как сделать рамку в Фотошопе

i0.wp.com/assets.prophotos.ru/data/articles/0001/9…

Красивую рамку страницы. Создание рамок в фотошоп. Круглая …

Как в \

Как сделать красивые рамки в Word?

Как сделать рамку для текста в фотошопе с помощью ободки и …

Как создать эффект светящихся линий

Как сделать рамку в фотошопе. Пошаговая инструкция в картинках.

Как сделать рамку в Фотошопе

Галерея инструментов Photoshop

3 способа как в фотошопе нарисовать квадрат и прямоугольник

Рамки Для Фотошоп Для Фотографий

как сделать для фото круглую рамку

Учимся рисовать и обрамлять. Как в \

i1.wp.com/assets.prophotos.ru/data/articles/0001/9…

Как сделать рамку в Фотошопе

Как нарисовать таблицу в фотошопе?

Как сделать рамку для текста в фотошопе с помощью ободки и …

Как сделать рамку в Фотошопе

Как создать эффект светящихся линий

Работа с векторными объектами в Adobe PhotoShop CS5 (43/51)

Как нарисовать кривую линию в Photoshop

Новые и улучшенные функции | Последний выпуск Photoshop

Как сделать вылеты в Фотошопе? Практические советы

Как нарисовать таблицу в фотошопе?

Как нарисовать прямую линию в фотошопе или в его онлайн версии?

Рамки Для Фотошоп Для Фотографий

Как сделать рамку для текста в фотошопе с помощью ободки и …

Что может Фотошоп для Айфона: возможности бесплатных …

Красивую рамку страницы. Создание рамок в фотошоп. Круглая …

Как в фотошопе вставить фото в рамку — Pixelbox.ru

Как сделать рамку в Фотошопе

Как создать эффект светящихся линий

Видеокурс «Photoshop для чайников, 57 практических уроков …

Не используйте русифицированный фотошоп \u2014 Блог Академии …

Как создать светящиеся линии в фотошопе — Быстро и красиво …

PhotoshopSunduchok — Рамки в фотошопе

Как сделать красивые рамки в Word?

Фотопроект. Работа с путями (Path) в Photoshop. Статьи …

Как нарисовать красивые рамки. Создание рамок в фотошоп

Создание красивой рамки в Фотошопе — ВсёПросто

Как создать светящиеся линии в фотошопе — Быстро и красиво …

Рамки кадров и формы баллонов в adobe photoshop | Мангалекторий

PhotoshopSunduchok — Как в фотошопе сделать симпатичную рамку

25 полезных шорткатов для Photoshop / Хабр

Светящиеся линии при помощи пера в Фотошоп

Adobe Photoshop CS6 — «Как сделать фото на документы в …

Photoshop горячие клавиши

Техника для нахождения осевой линии изогнутого объекта?

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

В Photoshop нет простого способа сделать это, о котором я знаю. Я бы добавил эффект «Скос и тиснение» к слою, установил для него «Chisel Soft» (работает лучше, чем «Chisel Hard») и увеличивал размер до тех пор, пока не осталось плоского «стола». Затем я бы проследил «гребень» скоса, который был бы центрирован по форме, с помощью инструмента «Перо». Это будет работать для формы одинаковой толщины, как ваш пример. Игра с параметром «Смягчить» может помочь вам получить более плавную и заметную кривую трассировки.

В Illustrator вы можете использовать аналогичный подход или «Offset Path» с настройкой, которая уменьшает результирующий путь до очень тонкой линии.

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

[Позднее редактировать]

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

Вот отправная точка:

• Скопируйте свою фигуру на новый слой (Ctl / Cmd-J) и примените размытие. В зависимости от формы, Gaussian Blur или два прохода Motion Blur (один горизонтальный, один вертикальный) могут работать лучше. Главное — получить хорошее размытие, которое оставляет темно-серый цвет вдоль этой критической центральной линии. Вы хотите иметь возможность видеть сетку прозрачности через самую темную часть. Если вы не можете, часть изображения полностью непрозрачна, и следующие биты не будут работать как запланировано.

• Наносить Filter > Other > Maximumс количеством примерно таким же, как ваше размытие. Изменяйте, пока у вас не будет отчетливого мелкого «гребня» вдоль центральной линии фигуры.

• Примените Filter > Unsharp Maskс количеством 500% и корректируйте радиус, пока у вас не будет четкой центральной линии. Когда я экспериментировал с моей первоначальной идеей, оказалось, что это дает гораздо лучший результат, чем другие методы настройки контрастности, такие как кривые или уровни.

Оттуда вы просто обводите кривую с помощью инструмента «Перо».

Линии Для Фотошопа

Линии краски — Кисти Красивый набор кистей для Adobe Photoshop, они подходят для любой версии программы. ABR max 2499 px 24 кисти 11 МБ Кисти для Фотошопа — Хаотичные линии ABR 2500px 10 кистей 19 Мб Цветочные линии 3. Техническое обслуживание.

Новый набор кисточек для фотошопа. Формат ABR Разрешение: разное Количество: 20шт Размер архива: 11мб Кисти цветы и линии. Очень красивый набор кистей для фотошопа будет полезен тем, кто любит создавать открытки, баннеры и шаблоны Формат: ABR Разрешение: Мах 2500 Колличество: 16 шт Размер архива: 11 мб Кисти для фотошопа — Абстрактные линии ABR 1,3 Мб Автор: Sebastianog Высококачественные абстрактные кисти Набор из 4 комплектов разнообразных высококачественных абстрактных кистей для Photoshop. Набор состоит из таких комплектов, как: кривые линии, абстрактные взрывы и цветочные формы. Разрешение каждой кисти имеет диапозон до 2500 pix 4 abr 57 Мб Коллекция кистей — Абстрактные линии Разрешение: max.

Как нарисовать кривую линию в Photoshop. Photoshop – это мощный графический редактор, который позволяет создавать и вносить изменения в любое изображение. Благодаря встроенным инструментам вы можете нарисовать кривую линию при помощи всего. Как проверсти пунктирную линию в фотошопе, бесплатный онлайн урок — Photoshop Work. Jun 7, 2011 — Как нарисовать линию (PhotoShop). Нарисовать линию в фотошопе очень просто и делается это за пару секунд. Для рисования линий в фотошопе есть инструмент Line Tool.

Линии Для Фотошопа Скачать

Кисти для фотошопа -Закрученные линии Красивый набор кистей для дизайна. ABR 2420 px 16 кистей.

Линии Для Фотошопа

1900 pix Формат: ABR Размер архива: 5,9 Мб Кисти для Photoshop – Фракталы и линии ABR 65 штук 17,61 Mб Автор: Natalivesna Фракталы — Кисти для фотошопа Количество: 60 кистей Формат: ABR Размер: 12.77 Мб Decorative Lines — Photoshop Brushes 6.79 Mб Размер: 1.08 Мб Набор абстрактных кистей для Фтошопа Размер: 0.4 Мб Набор высококачественных кистей для Photoshop — кисти зданий, домов, мостов, строений и т.п. Всего в наборе 84 кисти Размер архива: 22.6 Мб Размер архива: 1.41 Мб Набор кистей для Photoshop — Эльфы Количество — 28 кистей Архив — 3.57 Мб.

Кривые Безье. От новичка до профессионала

Всем привет! Меня зовут Алексей. Конечной целью данного урока будет получение векторного скоростного такси, такого как на рисунке в шапке урока. Его мы будем отрисовывать в проге CorelDraw. Но, поскольку это все-таки «урок», то хотелось бы сделать его так, чтобы тот кто его прочтет действительно научился чему-нибудь, а не тупо прочел и высказал свое мнение, или же повторил указанные операции и через день забыл. С этой целью в конце первой части урока будет небольшое задание (Вам надо будет скачать несколько логотипов и обрисовать их), на наработку опыта в использовании инструмента кривых Безье. Также, в конце первой части, я присоединил видеоролик, демонстрирующий как работать с кривыми Безье (в качестве видео-иллюстрации первой части урока).

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

Профессионалы смогут лишь оценить изложение материала, а вот конкретную целевую аудиторию я определяю как новичок, начинающий знакомиться с прогой CorelDraw и пока что имеющий базовые понятия рисования объектов. Так вот, по этой причине я сразу хочу написать чему я вас научу в этом уроке….и, надеюсь, знания полученные здесь конкретно продвинут вас на огромный уровень профессионализма в работе с программой. Урок будет довольно большой по объему, но, опять же, я преследую цель, чтобы человек, который прочтет его реально научился и получил практические навыки, которые можно применять на практике (в частности в рекламе — при обрисовки логотипов), а не тупо проделал последовательность действий. Итак, что вы узнаете и научитесь делать по выполнению данного урока:

1. Профессионально работать с кривыми Безье (кстати, возможно пригодится при рисовании сплайнов в 3D Max’e).

2. Узнаете об инструменте Прозрачность.

3. Научитесь правильно работать с операциями сложения/вычитания/умножения.

4. Получите профессиональные навыки и принципы обрисовки логотипа, если вам придется работать в рекламной сфере.

Поехали.

1.Подготовка.

С чего начать? С конкретного примера. Частенько бывает так, что приходит к тебе дядя-заказчик и просит сделать ему какую-нибудь рекламу, ну там щит 3х6, перетяжку, буклет, визитку и т.д. Первое что ты у него спрашиваешь – дайте мне логотип вашей фирмы. А дядя-заказчик в этом деле человек недалекий, ему в принципе и не надо таким быть, он вот значит и говорит тебе мол логотипа какого тебе надо нету (а нужен ессно в векторе), есть вот только визитка. И тут, ты начинаешь приготавливаться с самому худшему. В голове сразу же рождается мысль, что придется тебе этот логотип обрисовывать. И ладно, если он, логотип, окажется простеньким еще полбеды. Но может случиться и так, что будет вообще страшно глянуть. В принципе, ничего страшного нету, и на практике обрисовка даже самого сложного логотипа может занять не более 30 минут чистого рабочего времени, просто с определенного времени это начинает казаться таким тупым занятием, что отсюда и возникает такое чувство недовольства при первых признаках необходимости обрисовки.

Итак, прежде чем начать обрисовывать логотип, его надо отсканировать с визитки или с буклета или еще с чего. Сканировать можно в разрешении 150-300 dpi, больше не надо (опять же, смотрите какое качество, если логотип достаточно большой и контрастный, четко видны все его линии, то можно и поменьше разрешение поставить). И после этого желательно сохранить из фотошопа в JPG или GIF оптимизированным для веба. Это делается для того, чтобы при импорте в корел растровой картинки она весила меньше и не слишком загружала работу программы.

Рис. 1

Посмотрите на рис. 1. Это будет наш учебный логотип. Перетащите его просто из браузера на рабочее поле программы. Либо же, сохраните рисунок у себя на диске, а затем из программы CorelDraw выполните операцию Импорт: File – Import и укажите файл, который вы только что сохранили. Эти два способа ничем не отличаются друг от друга и относятся к операции Импорт, тем не менее первый способ гораздо быстрей. Таким способом можно также перетаскивать файлы на рабочее поле программы.

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

Рис. 2

А теперь посмотрите на рис. 2. Я уже обвел часть логотипа от левого острого угла до самой верхней точки. Вы видите линию? Я с трудом. Поскольку в кореле по умолчанию рисуется линия черным цветом самой маленькой толщины, в терминах корела – волосяной линией. Вследствие этого, как вы заметили, линия практически плохо различима поверх нашей картинки с логотипом. Поэтому, для того, чтобы она хорошо контрастировала и мы видели в своей работе ЧТО мы уже обвели, а что еще предстоит обвести, необходимо понизить прозрачность у самой картинки. Для этого, инструментом «стрелка» выделяем нашу картинку и выбираем инструмент прозрачности (рис. 3)

Рис. 3

После того, как выбрали, визуально вроде как бы ничего не изменилось. Правильно. Посмотрите вверх, там появилась панель «дополнительных параметров», которая разная, для разных инструментов. В нашем случае, дополнительные параметры появились именно для инструмента «Прозрачность». По умолчанию, стоит отсутствие прозрачности – None (рис. 4).

Рис. 4

Из выпадающего списка выбираем Стандартную прозрачность – Uniform. Т.е., в результате наших хитромудрых действий, объект становится прозрачным, это значит, что объекты которые лежат под ним будут видны. Степень прозрачности регулируется ползунком, либо вводом точного значения в пределах от 0 до 100 в поле рядом с ним (0 – отсутствие прозрачности, 100 – полностью прозрачный объект). Но, поскольку у нас под нашим логотипом никаких других объектов не лежит, то понятный пряник, ничего под ним и не видно, но этим самым мы добились того, что когда мы будем рисовать снова линию поверх картинки, она будет гораздо контрастней по сравнению с обрисовываемой картинкой и как следствие хорошо различимой. На практике, зачастую, лично по моим наблюдениям хватает установить прозрачность в пределах 70-80, поэтому здесь вы руководствуетесь принципом – чтобы контуры обводимого объекта были видны, и хорошо контрастировали с будущими линиями. Я выбрал прозрачность около 80, и теперь посмотрите на рис. 5 – моя линия стала хорошо различимой, теперь я точно не запутаюсь в том, ЧТО я уже обрисовал, а что еще предстоит обрисовать.

Рис. 5

Практически, все необходимое что надо знать о прозрачности и что нам пригодится мы узнали, ну еще есть кнопочка «отменить прозрачность» (рис. 4).

Заканчивая подготовительную часть, последним шагом нам нужно закрепить объект. Что это значит? Когда мы будем обрисовывать логотип, мы будем перемещаться поверх этой картинки, и случайно можем ее захватить, т.е. выделить и сместить. Это не то что неудобно, а нам вообще противопоказано – мы ТОЧНО обводим картинку по контуру, и вдруг она смещается, вследствие чего нам надо максимально точно снова «подогнать» ее под то, что мы уже нарисовали. Поэтому, чтобы такого не случилось, на время мы ее просто напросто заблокируем от каких-либо случайных поползновений. Выбираем нашу картинку инструментом стрелка и жмем на ней правой клавишей мышки – из контекстного меню, выбираем команду Закрепить объект – Lock object (рис. 6). По краям картинки, появились «замочки» говорящие о том, что она заблокирована. Теперь мы при всем желании даже не сможем ее выбрать, захватить и сдвинуть с места – сами попробуйте что-либо проделать с ней инструментом стрелка. Не получается? Значит все сделали правильно. Разблокируем мы ее в самом конце, но, забегая вперед, можно сказать, что делается это аналогично – на картинке нажимаем правой клавишей мышки и там видим одну единственную команду Unlock Object (разблокировать).

Рис. 6

2.Кривые Безье.

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

Стоп! Прежде чем приступить к обучению работе с кривыми Безье, небольшое отступление, которое может быть полезно. Настоятельно рекомендую запомнить немного «горячих клавиш» реально облегчающих и ускоряющих работу в кореле. В свое время меня просто удивило, когда я отдавал макеты в печать, люди которые принимали их (и надо полагать корел не первый день видели в глаза) не знали подобных фишек. Итак пара волшебных клавиш которые используются практически всегда, если вы работаете в кореле:

F4 — показать все объекты на рабочем поле. Иногда бывает так, что в результате приближения/отдаления масштаба с помощью лупы новичок может залезть неизвестно куда и дезориентироваться в том, где он находится на рабочем поле. И чтобы снова найти свою картинку начинает приближать либо удалять лупой какие-нибудь области, либо использует полосы прокрутки вверх/вниз и влево/вправо, чтобы найти рисунок, отчего может залезть еще дальше. Еще хуже, бывает когда новичок использует колесо мышки, потому что оно, это колесо, не совсем адекватно отдаляет/уменьшает, точнее «урывками» и слишком быстро. Поэтому гораздо легче использовать клавишу F4: приблизил лупой один объект, поработал с ним, и если надо увидеть ВСЕ что творится на рабочем поле — нажимаешь F4. А потом заново приближаешь нужный объект и работаешь с ним. И т.д. К тому же, если у вас на рабочем поле всего лишь один объект, то после нажатия F4 он весь и покажется.

Space (пробел) — при работе в кореле выполняя практически любую операцию ОЧЕНЬ ЧАСТО приходится использовать инструменты «стрелка» и «лупа». Но, переключаться между ними, каждый раз выбирая их мышкой на панели инструментов с определенного времени начинает раздражать. В связи с этим, рекомендую пользоваться пробелом (я обычно нажимаю его большим пальцем левой руки). Смысл его — он позволяет переключаться между ДВУМЯ ПОСЛЕДНИМИ ИСПОЛЬЗУЕМЫМИ ИНСТРУМЕНТАМИ: стрелка — выделил объект, потрансформировал — ПРОБЕЛ — лупа — отдалил область просмотра, приблизил другой объект — ПРОБЕЛ, появилась стрелка — начал работать с другим объектом и т.д. Удобно!

Дублирование — позволяет создавать дубликат (копию) объекта простым перетаскиванием. Выделяем объект инструментом стрелка. Хватаемся за него и тащим в свободное место, как будто мы просто хотим его переместить. НО! В том месте где мы по старинке просто отпустили бы клавишу мышки, мы нажимаем ПРАВУЮ клавишу (еще удерживая левую) мышки и после отпускаем обе кнопки. Получаем дубликат объекта. Ну, что можно сказать, иногда это гораздо удобней и самое главное быстрей, если необходимо получить копию объекта.

Shist+PageUp/Shift+PageDown — поместить объект на передний или задний план. Ну и еще полезно будет знать: если у вас так получилось, что вы нарисовали фигуру поверх предыдущего объекта и полностью его закрыли новой фигурой, но вам его надо «достать» любой ценой, при этом, верхнюю фигуру двигать уже нельзя, то зажимаете Ctrl+Alt и мышкой нажимаете в том месте (по верхней фигуре), где вы точно знаете что нижний объект лежит. В результате чего он выделяется и дальше вы его либо трансформируете, либо отодвигаете, либо вытаскиваете на передний план Shift+PageUp.

Итак, начинаем обводить. Наш логотип мы обведем за 3 этапа. На рис. 7 они показаны разными линиями. Т.е. общий принцип – примерно смотрим где у фигуры острые углы, и разбиваем нашу работу именно на такие участки, рисовать будем именно от одного острого угла, до следующего. Заканчиваем – двигаемся к следующему участку кривой. Для чего мы это делаем и почему, я напишу позже, а сейчас приступаем к обводке верхней линии.

Рис. 7

Начинаем обводить верхнюю дугу с левого острого угла, и пойдем по направлению к крайнему правому, т.е. в ПРАВОМ НАПРАВЛЕНИИ. Выбираем инструмент кривых Безье (рис. 8), максимально приближаем наш логотип, чтобы он был виден весь, ставим первую точку в самом уголке и НЕ ОТПУСКАЯ клавишу мышки тянем направляющую в правую сторону. НЕМНОГО тянем! Смысл направляющих – они отвечают во-первых за направление изгиба кривой, и во-вторых – длина направляющей (т.е. как сильно мы ее вытянем) отвечает за СИЛУ ВЫГИБА кривой. Но, в первой точке мы не знаем, как поведет себя кривая дальше, как она «ляжет» на обводимый контур, поэтому, направляющую мы вытягиваем совсем немножко. В любом случае, c первого раза изгиб кривой, прилегающей к первой точке воспроизвести удается мало когда. Поэтому надо будет возвращаться к этой точке, чтобы окончательно отредактировать кривую. Когда вытянули направляющую линию, отпускаем мышку и идем к следующей точке. Заметьте, мы пока находимся в «режиме рисования».

Рис. 8

Рисуем дальше. Вторую точку выбираем по принципу – смотрим где на нашей фигуре точка максимального изгиба у нашей верхней дуги. И в дальнейшем, этот принцип тоже работает. Т.е., если посмотрим на рис. 9 для второй нашей точки я выбрал точку максимального изгиба нашей верхней дуги (самая верхушка «горба»). Можно конечно рисовать и «маленькими шагами», ставив дополнительные точки (на рис. 9 они обозначены синим цветом). Но это не имеет смысла, поскольку для нашей кривой мы вполне обойдемся и без них. И они только запутают, а точнее сделают нашу работу по «точному» воспроизведению кривой более сложной, поскольку каждая такая дополнительная точка вносит свою лепту в кривизну дуги. Поэтому совет на будущее — старайтесь при рисовании обходиться по возможности минимальным количеством точек. Ну, вы это сами поймете, придет с опытом. Итак, точку максимального выгиба определили.

Рис. 9

А теперь еще один нюанс, необходимый для ПРАВИЛЬНОГО понимания и работы с кривыми Безье, не поняв который можно запутаться и забросить изучение этого инструмента. Итак, как мы условились в самом начале, мы рисуем верхнюю дугу СЛЕВА-НАПРАВО, т.е. мы поставили первую точку в самом крайнем левом остром угле, дальше ставим вторую точку правее, в максимальном изгибе и закончим с нашей верхней дугой в крайнем правом ОСТРОМ угле. Т.е., ОБЩЕЕ НАПРАВЛЕНИЕ РИСОВАНИЯ – ВПРАВО (рис. 10). Теперь, возвращаемся ко второй нашей точке. К каждой точке на кривой можно провести касательную линию, которая будет в этой точке касаться самой кривой (рис. 10).

Рис. 10

Поэтому, когда мы продолжаем рисовать кривую ставим вторую точку в точке максимума и:

Не отпуская кнопку мыши вытягиваем направляющие одновременно:

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

Посмотрите как это выглядит на практике рис. 11. На самом деле мы конечно не рисуем эту самую касательную. Она у нас образуется двумя направляющими, которые получаются когда мы их вытягиваем, и мы смотрим чтобы эта «условная» линия касалась нашего горба в данной точке, и ни в коем случае не «уходила» в саму фигуру (наш оригинальный логотип), либо же куда-нибудь наружу.

Рис. 11

Поэтому помимо того, что мы тянем направляющую ВПРАВО, мы следим также чтобы линия которая образуется этими нашими направляющими КАСАЛАСЬ в нашей точке дуги, и ни в коем случае не «залазила внутрь» фигуры рис. 12. Там же, на этом рисунке, показано почему же именно следует тянуть именно вправо, а не влево, вниз. Смотрите, если мы рисуем вторую точку и будем тянуть ВЛЕВО или ВНИЗ, т.е. уже пойдем в обратном направлении, у нас будущая кривая начнет выгибаться совершенно в другую сторону, что нам вообще не нужно рис. 12.

Рис. 12

И еще маленький вопрос, который может возникнуть, почему у нас получились ДВЕ направляющие – одна смотрит в другую сторону? Потому что наша вторая точка на кривой соответствует ТУПОМУ углу, и первая направляющая (правая) отвечает за выгнутость кривой справа, а обратная направляющая (левая) отвечает за левый участок кривой. Для острого угла, с которого мы начали рисовать нашу первую точку, направляющая всего одна. Итак, на рис. 13 показано как я обрисовал верхнюю дугу. Повторю вкратце:

1. Импортируем картинку, которую собираемся обрисовать.

2. Назначаем ей прозрачность (70-80% достаточно)

3. Закрепляем картинку чтобы не ёрзала (выбираем стрелкой, правая клавиша мышки, Lock Object).

4. Начинаем рисовать с ОСТРОГО угла (в нашем случае с левого). Выбираем инструмент Безье, нажимаем мышкой в первой точке и НЕМНОЖКО вытягиваем направляющую по касательной к дуге в этой точке и в ПРАВОМ направлении (поскольку будем рисовать слева и закончим в правой точке).

5. Отпускаем мышку, нажимаем во второй точке и не отпуская кнопку мыши вытягиваем направляющую ВПРАВО и ПО КАСАТЕЛЬНОЙ к дуге в этой точке. И т.д. к каждой точке.

6. Заканчиваем рисовать в правой точке, т.е. точке с ОСТРЫМ УГЛОМ. Чтобы закончить рисовать, отпускаем клавишу мышки и переключаемся на инструмент стрелка (я обычно нажимаю на пробел Space, чтобы переключиться на инструмент стрелка, снимаю выделение с только что нарисованной кривой, нажав в любом свободном месте, дальше выбираю снова инструмент кривые Безье и рисую следующий участок. Заметьте, если вы не снимите выделения с кривой как я только что написал, корел будет думать что вы еще продолжаете рисовать кривую, и поставив следующую точку, вы увидите что дуга начнет выгибаться не совсем адекватно).

Рис. 13

И еще один момент, который я немного пропустил. Когда рисуем вторую, третью и т.д. точки и вытягиваем направляющие, получаемая дуга не совсем точно воспроизводит оригинальную линию. Поясняю на 2-й точке (рис. 14). Когда мы вытягиваем направляющую мы параллельно глазами следим как «ложится» наша линия ВБЛИЗИ нашей точки и двигая кончик направляющий, поворачивая его мы должны добиться такого момента, когда ПРИЛЕГАЮЩАЯ кривая относительно точно будет воспроизводить ПРИЛЕГАЮЩИЕ ОБЛАСТИ, а то что у нас кривая не воспроизводит области лежащие немного дальше нас не должно волновать на этом этапе. Когда мы поставим третью (последнюю точку) тогда мы вернемся к нашей кривой и закончим с ней, окончательно подредактировав ее с максимальной точностью (рис. 14). Повторюсь, не стоит расстраиваться если кривая линия сразу не ложится как нам хотелось бы. «Окончательная ТОЧНАЯ подгонка» всегда делается в конце.

Рис. 14

Итак, на данном этапе мы имеем следующую ситуацию – рис. 15.

Рис. 15

Теперь, мы окончательно подгоним нашу кривую. Для этого, переходим в режим редактирования кривой. Два способа: выделяем стрелкой нашу кривую и выбираем инструмент редактирования Shape Tool на панели инструментов (рис. 16), либо же, более быстрый способ, быстро два раза щелкаем мышкой по нашей линии. Эффект один и тот же. В режиме редактирования, наша кривая принимает пунктирный вид (что собственно и говорит нам о том, что мы находимся в режиме редактирования). Подводим курсор мышки к нашей первой точке и когда точка визуально «увеличится» в размерах (это говорит нам о том, что мы можем ее «захватить») нажимаем мышкой на ней. Она станет черной и увеличенной – это говорит нам о том, что мы сейчас работаем именно с этой точкой рис. 16. Помимо этого у нашей точки и у соседней появятся их направляющие. Эти направляющие как раз и влияют на кривизну нашего участка кривой, лежащего между ними.

Рис. 16

Хватаемся за кончик направляющей и тянем ее немного вправо, ну и по ходу можем немного ее поворачивать вниз-вверх, параллельно смотрим чтобы наша дуга легла точно вдоль верхней дуги нашего оригинального логотипа. Если верхняя часть дуги немного сместилась, ничего страшного, сейчас главное максимально точно подогнать участок кривой, прилегающей к нашей первой точке. Если верхняя часть дуги, повторяюсь, сместилась, то после того как подогнали участок у первой точки, в этом же режиме редактирования, выделяем вторую точку и с помощью ее направляющих добиваемся точности уже участка, прилегающего к этой второй точке. Можно также ухватится за саму точку и немного ее пододвинуть вдоль кривой, ближе или дальше относительно пика нашего «горба». Здесь смотрите сами, как у вас получается (рис. 16). Единственное что хотелось бы отметить, поскольку во второй точке у нас угол тупой, когда мы двигаем одну направляющую, вторая тоже реагирует на это. Поэтому, возле второй точки (на пике) мы сразу следим за обеими частями по обе стороны от нашей точки, чтобы наша кривая ложилась точно. Дальше, если произошел снова сдвиг, допустим вначале, ничего страшного, выделяем снова первую точку и с помощью ее направляющей (либо же немного подвигав саму точку) добиваемся точности наложения нашей кривой поверх верхней дуги логотипа.

Все, левая часть дуги у меня практически совпала, теперь добиваю правую часть. Для этого работаю со второй точкой и третьей: с помощью направляющих делаю так, чтобы кривая ложилась точно, плюс, еще могу немного подвигать сами точки, если кривая никак не хочет ложится рис. 17. Также, ничего страшного если участок дуги между точками 1 и 2 тоже немного «поплыл». Что мешает возвратиться к точке 1 и немного ее подправить?

Рис. 17

Все, верхняя дуга точно совпала. Теперь, обрисовываем два нижних участка кривых. Если вы забыли почему именно так, повторяю. Мы обрисовываем наш логотип по частям – каждая часть кривой между острыми углами. Это нам облегчит работу в будущем, потому что если мы будем непрерывно вести кривую, то по умолчанию, корел будет думать что мы рисуем тупой угол, и если после того как поставим третью точку сразу продолжим рисовать и поставим следующую точку (на рис.18 это точка 5) у нас правый кончик будет «тупым» и форма нашей кривой будет не совсем адекватной. Поэтому нам легче сначала обрисовать кривую «участками» заканчивая в острых углах, а потом мы их просто соединим вместе. Приведу лишь картинки как это сделал я. Не забываем про принцип:

1. Рисуем по направлению движения – т.е. если начали рисовать справа налево, то направляющие тянем именно в «левом» направлении.

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

3. При первичном рисовании особо не заморачиваемся с «точным» попаданием/совпадением кривой – мы никогда точно с первого раза не попадем, поэтому после того, как закончили рисовать один участок, мы возвращаемся к нему, переходим в режим редактирования кривой и точно ее подгоняем.

Рис. 18. Как видно из рис. чтобы обрисовать нижнюю дугу мне хватило всего 3-х точек. Точку 5 я поставил в самом пике выгнутого участка. Первая «прикидка» кривой у меня естественно не совпала (синяя дуга на рис.), поэтому я вошел в режим редактирования и окончательно подогнал линию.

Рис. 18

Рис. 19. Последний участок кривой я начал рисовать снизу вверх. Мне хватило всего двух точек, чтобы обрисовать данный участок кривой. Дальше я вошел в режим редактирования кривой, и поочередно выбирая точки 7 и 8 и изменяя длину и направление направляющих подогнал кривую так, что она полностью повторила оригинальный логотип.

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

Рис. 19

Если бы я захотел нарисовать с помощью промежуточной третьей точки, то в данном случае я бы рисовал в направлении и по касательной как показано рис. 20. Т.е. в общем случае «касательная» все равно должна касаться участка кривой именно в этой точке.

Рис. 20

Теперь, я имею готовые части моего обрисованного логотипа (рис. 21).

Рис. 21

Все эти линии мне надо соединить друг с другом, чтобы они были частью одной фигуры (пока они существуют как отдельные объекты – обычные кривые линии). Для этого, инструментом стрелка я выделяю их все: либо захватывая полностью большой областью (как выделяю файлы например на рабочем столе. При таком выделении не стоит боятся, что мы «захватим» нашу оригинальную картинку с логотипом, потому что мы ее закрепили, и она в наших манипуляциях не участвует), либо же выделяя их по очереди – выделяю первую кривую, зажимаю Shift и добавляю в группу следующие две кривые по очереди. После того как выделил, я их объединяю в одну фигуру командой Combine: Arrange – Combine (Ctrl+L). Теперь, мои 3 линии являются частью одной фигуры. Я выделяю ее и закрашиваю любым цветом, например желтым. Но! Фигура осталась на месте, точнее ее цвет не поменялся. Правильно. Это потому, что хотя это у нас уже и готовая фигура, но у нас остались «точки разрыва» в острых углах, потому что мы рисовали по частям, и в этих точках линии не соединены, поэтому корел «не понимает» какую замкнутую область надо закрашивать. И сейчас мы это исправим. А закрасили мы фигуру для того, чтобы когда мы соединим последнюю точку – фигура закрасится полностью, это нам даст знак, что у нас нет больше точек разрыва и работу можно считать законченной, фигура получилась замкнутой (рис. 22).

Рис. 22

Как мы помним у нас всего 3 точки разрыва – в местах где у нас кончики наших кривых. Поэтому, приближаем максимально близко первый кончик, входим в режим редактирования (два раза быстро щелкаем на любой нашей линии, поскольку это уже одна фигура), хватаемся за один кончик и тащим его к другому. Когда они совпадут у курсора мышки рядом должна появится «согнутая стрелка», указывающая на то, что можно отпускать мышку, мы «попали в точку» — концы соединятся рис. 23. Данную операцию делаем со всеми точками разрыва. После того, как замкнули последнюю точку разрыва, фигура окрашивается в желтый цвет, говоря о том, что все, разрывов больше нет, и «выискивать» другие точки-разрыва нам не надо, фигура стала «замкнутой» (поэтому она и залилась желтым цветом).

Рис. 23

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

Рис. 24

Небольшое пояснение:

Добавить/удалить точку – переходим в режим редактирования, нажимаем один раз в месте, где хотим поставить точку, и жмем на «+». Если хотим удалить точку, выделяем ее и жмем «-». Гораздо быстрей делается это двойным щелчком мышки на кривой при добавлении точки в нужном месте, или же на существующей точке, если хотим ее удалить.

Сделать участок кривой прямым – необходимо выделить точку и нажать на кнопку. Здесь учитывается «направление рисования». Т.е. если мы рисовали скажем слева-направо, и выделили в режиме редактирования точку, то прямым будет делаться участок между нашей точкой и точкой ДО нее, т.е. предыдущей.

Сделать точку разрыва – выделяем точку и нажимаем на клавишу. Визуально как бы ничего не изменилось. Но, на самом деле в данной точке «точек» стало две. Поэтому, чтобы увидеть что у нас действительно есть разрыв ухватитесь за точку в этом месте (за какую ухватитесь) и просто отведите ее немного в сторону. Бывает, что надо сделать точку разрыва, но чтобы кривая оставалась на своем месте, т.е. никуда не отводя ее в сторону. В этом случае можно сделать так. Создаем рядом с точкой, где будем делать разрыв, еще две дополнительные точки – одну ДО, вторую ПОСЛЕ. Т.е. наша точка будет лежать между ними. Делаем нашу точку – точкой разрыва и после этого удаляем ее двойным нажатием по обеим кончикам (рис. 25).

Рис. 25

Еще, с помощью инструмента Безье можно рисовать прямые ломаные линии. Просто выбираете инструмент и нажимаете в нужных точках по очереди, единственное — без вытягивания направляющих, и получаете нужную фигуру. Если в процессе рисования зажать Ctrl, то линия будет проводится строго либо вертикально, либо горизонтально, либо под углами 30, 45, 60 градусов (рис. ниже, ситуация 1).

Также, возможна ситуация, когда в обрисовываемом логотипе (или просто картинке) прямые линии переходят в кривые, и наоборот. Например, посмотрите на рис. ниже (ситуация 2). Я начал обрисовывать сверху вниз, сначала просто потыкав инструментом Безье, тем самым сделав на участках 1 и 2 прямые линии, а затем, чтобы на участке 3 получить кривую, в четвертой точке начал вытягивать направляющие. Если наоборот, сначала идет кривая линия, а потом прямая, то сначала рисуем как получится (ситуация 3 на рис., серая линия — как получилось сначала), потом входим в режим редактирования кривой, выделяем точку 3, жмем кнопку «спрямить кривую», выделяем точку 2, делаем эту вершину ОСТРЫМ УГЛОМ и с помощью его направляющих, подправляем кривую между точками 1 и 2.

Комбинирование при рисовании прямых и кривых линий.

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

Сложение и пересечение проблем не должно вызывать. Во всех случаях фигуры должны быть выделены. Сложение — делает одну фигуру из двух, оригинальные фигуры сливаются друг с другом. Пересечение — создает объект на пересечении двух фигур. Оригинальные фигуры остаются без изменения. Немного по вычитанию. Посмотрим на рис. 26. Если нам нужно отрезать кругом от квадрата, то квадрат должен быть выделен В ПОСЛЕДНЮЮ ОЧЕРЕДЬ – выделяем сначала круг, затем удерживая Shift выделяем ПОСЛЕДНИМ квадрат и дальше жмем «вычитание». Если же наоборот, надо обрезать КРУГ, СНАЧАЛА выделяем квадрат, удерживаем Shift, выделяем круг В ПОСЛЕДНЮЮ ОЧЕРЕДЬ и жмем «вычитание».

Рис. 26

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

Домашнее задание (zip, 600 Kb)

видео-иллюстрация первой части урока (zip, 3.5 Mb)

п.с. 1 Еще одна операция которую необходимо знать — операция обратная Комбинированию — Разбить объект на части. Например, в домашнем задании надо будет обвести логотип Инкомбанка (см. рис.). Мы обводим по частям: сначала обведем и получим левый замкнутый элемент, а затем правый. Т.е. они у нас существуют как два отдельных объекта. Но, поскольку в логотипе это все-таки считается как один элемент, нам эти две части нужно скомбинировать, чтобы получилась одна фигура. Выделяем обе части и Arrange — Combine (Ctrl+L). Главное в таких случаях следить за тем, чтобы эти две части НЕ ПЕРЕСЕКАЛИСЬ друг с другом, иначе результат комбинирования будет непредсказуем.

Но, если вдруг нам понадобится снова разделить наш значок на две части, в этом случае надо выполнить обратную операцию — Разбить кривую на части: выделяем значок и Arrange — Break Curve Apart (Ctrl+K).

Операции комбинирования и разбивки на части.

Часть вторая. Скоростное такси.

А теперь, после всего того, что вы узнали, можно обрисовать все что захотите. Напоминаю общую схему:

1. Импортируем картинку.
2. Добавляем ей прозрачность.
3. Закрепляем.
4. Обрисовываем с помощью кривых Безье. Стараемся обрисовывать частями — рисуем кривые линии между острыми углами на кривой.
5. Соединяем кривые в один объект (Комбинируем: Arrange – Combine или Ctrl+L) и закрашиваем объект в какой-нибудь цвет (закрашиваем чисто условно для себя, в качестве подсказки, чтобы когда соединим последние точки разрыва, фигура подкрасилась, говоря нам о том, что все, она замкнулась, и больше искать точек разрыва не надо. Если фигура еще не закрасилась, значит вы соединили не все точки разрыва. Надо искать и соединять).
6. Соединяем «точки разрыва» чтобы получить замкнутую фигуру.

Вот что у меня получилось. Я сделал скриншот из игры Need For Speed: Most Wanted и обрисовал автомобиль.

Скриншот из игры Need For Speed: Most Wanted

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

Рис. 27. Обрисовываю по контуру все объекты имеющие четко-выраженную границу. Рисую частями — если есть острый угол, дугу рисую между ними, а потом комбинирую в одну фигуру все линии и соединяю «точки разрыва». Рисуйте за один раз один отдельный объект и СРАЗУ соединяйте точки разрыва для получения замкнутой фигуры, чтобы в будущем не запутаться. Например, в самом начале я обрисовал общий контур автомобиля, скомбинировал все кривые в одну фигуру, залил цветом, соединил точки разрыва и когда убедился что контур замкнулся (подкрасился цветом, потом я заливку убрал чтобы видеть остальные части машины) только после этого приступил к рисованию следующего элемента: стекла, зеркала, фары и т.д.

Рис. 27

На рис. 28 я показал разным цветом сколько у меня всего получилось различных отдельных объектов.

Рис. 28

Для придания «объема» я использовал обычный инструмент линейного градиента (для фар — круговой градиент). Заднее колесо я получил из переднего, сдублировав его и просто немного уменьшив и сжав по горизонтали (рис. 29).

Рис. 29

Дальше я немного пофантазировал, и решил что тупо обведенная картинка меня не очень прикалывает, поэтому я сделал полоску из чередующихся черных квадратиков, и с помощью операции «перспектива» подогнал эту полоску на капот и боковушку машины (рис. 30)…..

Рис. 30

….и перекрасил ее в желтый цвет. «Если вы не успеваете в аэропорт, на вокзал или на свидание — суперскоростное такси к вашим услугам!»:

Рис. 31

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

Рис. 32

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

Как в фотошопе сделать плавную линию. Как нарисовать прямую линию в фотошопе

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

Вот так выглядит финальный результат:

Шаг 1. Создаем новый документ размером 800х800 px, заливаем фон черным цветом. Создаем новый слой над фоновым, жмем клавишу Р чтобы активировать Pen Tool (Перо). Создаем линию, как на скриншоте ниже:

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

Жмем B, чтобы активировать Brush Tool (Кисть), выбираем кисть размером 1 px:

В окне Color Picker (Выбор цвета) выбираем необходимый цвет:

Снова активируем Pen Tool (Перо) (P), затем жмем правой кнопкой мыши по созданной кривой и выбираем Stroke Path (Обводка контура):

Выбираем Brush (Кисть) из выпадающего меню, убеждаемся, что опция Simulate Pressure (Симулировать нажим) активна, и жмем OK:

И получаем такую красивую кривую:

Шаг 2. Используя описанный выше процесс, создаем еще три линии. Убедитесь что:
— каждая линия находится на отдельном слое;
— для первой линии размер кисти 2 px, второй — 3 px, третьей — 4 px;
— уменьшаем непрозрачность слоев до 80%, 60% и 40%.

Корректируем расположение линий и получаем такой результат (4 линии на 4 слоях):

Шаг 3. Создаем группу «Линии» Layer — New — Group (Слой — Новый — Группа) и перемещаем в нее все 4 слоя с линиями. Дублируем группу один раз и объединяем копию группы в один слой (CTRL+E). Уменьшаем opacity (непрозрачность) нового слоя до 70% и перемещаем линии ниже и левее, чтобы создать эффект глубины:

Продолжаем дублировать слой, чтобы создать больше линий:

Теперь мы должны немного разнообразить линии цветом. Для этого используем корректирующий слой Layer — New Adjustment Layer — Hue/Saturation (Слой — Новый корректирующий слой — Цветовой тон/Насыщенность) для слоев с линиями (не забываем создать для корректирующего слоя обтравочную маску CTRL+ALT+G).

Выбираем любой понравившийся цвет:

Продолжаем добавлять больше цветов. Вы можете воспользоваться Free Transform (Свободное трансформирование) (CTRL+T), чтобы отрегулировать угол наклона линий:

Также корректируем размер линий:

Шаг 4. Теперь добавим несколько серых линий. Для этого переходим Image — Adjustments — Desaturate (Изображение — Коррекция — Обесцветить) или SHIFT+CTRL+U, чтобы обесцветить один из слоев:

Смешиванием серые линии вместе с остальными:

И получаем следующий результат:

Шаг 5. Почти закончили. Теперь объединяем слои с линиями, которые мы создали, в один (CTRL+E), затем дублируем их, поворачиваем, меняем положение:

Добавим вокруг линий абстрактных точек, чтобы разнообразить работу. Для этого настраиваем кисть, как показано ниже (жмем F5, чтобы вызвать окно параметров кисти).

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

Сегодняшняя статья будет полностью посвящена тому, каким образом можно создавать линии в Фотошопе.

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

Прямая

Для создания прямой в Фотошопе предусмотрено несколько вариантов с использованием различных инструментов. Все основные способы построения приведены в одном из уже существующих уроков.

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

Ломаная

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

1. Незамкнутая ломаная

Замкнутая ломаная

Как мы уже говорили ранее, такая линия представляет собой многоугольник. Способов построения многоугольников два – используя соответствующий инструмент из группы «Фигура» , либо путем создания выделения произвольной формы с последующей обводкой.

• Фигура.

  При применении данного метода мы получим геометрическую фигуру с равными углами и сторонами.

  Для получения непосредственно линии (контура) необходимо настроить обводку, именуемую «Штрихом» . В нашем случае это будет сплошной штрих заданного размера и цвета.

  После отключения заливки

  мы получим требуемый результат.

  Такую фигуру можно деформировать и вращать при помощи все того же «Свободного трансформирования» .

• Прямолинейное лассо.

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

  Данное выделение нужно обвести, для чего существует соответствующая функция, которая вызывается нажатием ПКМ по холсту.

  В настройках можно выбрать цвет, размер и положение обводки.

Кривая

Кривые имеют те же параметры, что и ломаные, то есть, могут быть замкнутыми и незамкнутыми. Нарисовать кривую линию можно несколькими способами: инструментами «Перо» и «Лассо» , используя фигуры или выделения.

1. Незамкнутая

Такую линию можно изобразить исключительно «Пером» (с обводкой контура), либо «от руки». В первом случае нам поможет урок, ссылка на который есть выше, а во втором только твердая рука.

2. Замкнутая

• Лассо.

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

• Овальная область.

  В данном случае результатом наших действий станет окружность правильной или эллипсовидной формы.

  Для ее деформации достаточно вызвать «Свободное трансформирование» (CTRL+T ) и, после нажатия ПКМ , выбрать соответствующую дополнительную функцию.

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

  Стоит заметить, что в данном случае воздействие распространяется и на толщину линии.

• Фигура.

  Воспользуемся инструментом «Эллипс» и, применив настройки, описанные выше (как для многоугольника), создадим окружность.

  После деформирования получим следующий результат:

  Как видим, толщина линии осталась неизмененной.

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

Не стоит пренебрегать данными навыками, так как именно они помогают строить геометрические фигуры, контуры, различные сетки и каркасы в программе Фотошоп.

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

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

Начнем с создания нового документа. Нам вполне подойдет документ размером 1000 на 1000 пикселей. Подробное описание создания нового документа в фотошоп вы найдете здесь.

Начнем с инструмента «линия». Его мы найдем на баковой панели.

Теперь зададим характеристики нашей будущей линии.

Давайте зададим толщину линии. Я решила, что мне подойдет толщина в 4 пикселя. При желании, вы можете выбрать ее стиль. Я же обойдусь самым простым.

Определимся с цветом. Пиктограмму выбора основного цвета вы тоже найдете на боковой панели. По клику вызывается окно для выбора цвета.

Ну а теперь все! Рисуем. Делаем клик по рабочей области и протягиваем мышкой линию.

Сейчас наша линия является smart объектом. Превратить ее в обычный слой можно в окне слоев при помощи команды «растрировать слой».

Линия готова. Как видите, нарисовать ровную прямую линию в фотошопе очень просто. Мы разобрали элементарный метод, который, несмотря на свое удобство, имеет ряд ограничений. Давайте разберем второй и проведем линию с помощью инструмента «перо».

Следует заметить, что в данном случае заблаговременно стоит изменить настройки кисти или карандаша на подходящие, ибо ваша линия повторит эти очертания. Потому, давайте настроим инструмент «карандаш» вместе. Выбираем его на боковой панели. И кликаем мышкой по рабочей области.

Устанавливаем следующие настройки карандаша. Как выбрать цвет упомянуто выше.

На боковой панели ищем инструмент «перо».

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

Сделайте клик по линии левой клавишей. В выпадающем списке выбираем команду «выполнить обводку контура».

Обводим контур и снова делаем клик левой клавишей мыши. Выбираем команду «удалить контур».

Итак, линия готова! Буквально за пять минут мы изучили два способа, как нарисовать ровную линию в фотошопе.

25.01.2017 28.01.2018

Привет всем любителям программы фотошоп!

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

Чтобы линия в фотошопе получилась ровной, то зажмите клавиву SHIFT и вы нарисуте прямую линию в фотошопе. Это позволяет рисовать прямые горизонтальные и вертикальные линии. Можно также нарисовать по диагонали, для этого нужно один раз щелкнуть левой кнопкой мыши по области где начинается линия, второй раз где заканчивается (с зажатым SHIFT ). Таким образом нарисуется прямая линия в заданных координатах.

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

Рисуем прямую линию инструментом Кисть (Brush Tool)

Проще всего нарисовать линию инструментом Кисть (Brush Tool). Создаем в фотошопе документ (Ctrl + N ) с произвольным размером, у меня это 800х600 пикселей :

Активируем инструмент Кисть (Brush Tool). Горячая клавиша вызова инструмента — B .

В верхней панели настроек инструмента при необходимости меняем размер и жесткость кисти:

Проводим линию:

Какая-то она не совсем ровная, резонно заметите вы, так ведь?

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

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

Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

Инструмент Карандаш (Pencil Tool) находится в той же группе инструментов, что и инструмент Кисть , горячая клавиша вызова инструмента — B .

Рисование линии при помощи инструмента Карандаш (Pencil Tool) аналогично рисованию Кистью — делаем клик мышью у начала линии, зажимаем клавишу Shift и проводим линию.

Рисуем линию инструментом Перо (Pen Tool)

Для того, чтобы нарисовать линию инструментом Перо понадобится чуть больше времени, чем в предыдущих случаях.

Активируйте инструмент Перо (Pen Tool), горячая клавиша вызова инструмента — P .

Не забудьте убедиться, что инструмент Перо находится в режиме «контур». Посмотреть это можно в верхней панели настроек инструмента:

Создаем новый слой, нажимаем на иконку создания слоя в панели слоев :

Рисуем прямую линию — просто поставьте две точки. Чтобы нарисовать горизонтальную или вертикальную линию, снова зажимаем клавишу Shift :

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

Рисуем произвольные кривые линии и в конце зажимаем клавишу Ctrl с кликом мышью по холсту, чтобы завершить линии.

Линии готовы, но, к сожалению, они видны только в фотошопе во вкладке Контуры (Окно-Контуры (Window-Paths) ), если сохранить изображение, к примеру, в формате jpg*, линии не будут отображаться.

Для того, чтобы сделать их видимыми, возвращаемся к инструменту Кисть , в верхней панели настройки инструмента настраиваем размер , жесткость кисти и при необходимости выбираем саму кисть. Нам понадобится круглая кисть:

Выбираем цвет:

Активируем инструмент Перо , щелкаем ПКМ по холсту и выбираем пункт «Выполнить обводку контура» (Stroke Path):

Откроется следующее окно, в котором в качестве источника нужно выбрать «Кисть», а галочку у «Имитировать нажим» (Simulate Pressure) желательно снять чтобы получились ровные линии:

Результат:

Если оставить галочку «Имитировать нажим» (Simulate Pressure) , линии к концам будут становиться тоньше:

Рисуем линию инструментом Линия (Line tool)

Один из самый распространённых способов нарисовать прямую линию в фотошопе это инструмент Линия . Находится в левой панели:

Прекрасно то, что можно легко настроить цвет и толщину линии:

С зажатым SHIFT я провожу прямые линии. Они создаются средством фигуры из вектора. Можно запросто нарисовать вертикальную, горизонтальную и под углом 45 градусов прямую линию.

Прямая линия с помощью выделения в фотошопе

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

Есть в фотошопе инструмент Прямоугольное выделение:

Например, нам нужна длинная и толстая линия в фотошопе. Выделяем нужную область:

Выбираем инструмент Заливка и устанавливаем цвет для будущей линии.

Заливаем цветом выделенную область и снимаем выделение CTRL+D . У нас получилась прямая линия.

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

В этом уроке я приведу 3 простых примера, как нарисовать изогнутую линию в фотошопе. Давайте приступим.

Способ № 1. Круг.

Для начала нарисуйте обычный круг, с помощью инструмента овальная область . С помощью данного инструмента легко нарисовать круг таким образом: выбрав инструмент, смените стиль инструмента с «Обычный» на «Заданный размер» и просто задайте одинаковый размер по высоте и ширине окружности. Либо вы можете проделать все операции не с кругом, а с эллипсом. Затем просто щелкните по листу мышкой, и у вас появится выделенная область заданного размера. После этого, по выделено области нажмите правой кнопкой мыши и в меню выберите пункт «Выполнить обводку» (Stroke) . В появившемся окошке выберите цвет и размер кисти. Далее просто нажмите на клавиатуре «Ctrl» + «D» и выделение у вас пропадет.

Теперь поверх круга создайте ещё один слой. И в новом слое нарисуйте круг, только без обводки.

Теперь просто выполните заливку внутри выделенной области тем же цветом, что и фон, и нажмите клавиши «Ctrl» + «D» для снятия выделения.

Способ №2. Прямоугольник.

Для начала нарисуйте прямоугольную область, выполните обводку, но выделение пока снимать не надо (как это сделать описано в способе №1).

Затем перейдите в меню «Фильтр» (Filter) – «Пластика» (liquify) . Либо нажмите сочетание клавиш «Shift» + «Ctrl» + «X» .

И изогните вашу фигуру, после чего нажмите ОК . После этого осталось только снять выделение и ластиком убрать лишние детали.

Способ №3. Перо.

Пожалуй, самый простой способ – это инструмент «Перо» . Многие не понимают для чего этот инструмент только потому, что не знают, как им пользоваться. Тут всё просто. Выбрав инструмент «Перо» , сначала задайте ему стиль «Контур» (Paths) . Затем на листе просто поставьте точку данным инструментом. Отпустите кнопку мыши и поставьте вторую точку в другой стороне, но на этот раз, не отпуская кнопку мыши, тяните, и вы увидите, как у вас вырисовывается контур кривой линии.

После этого, останется только выполнить обводку контура, как в первом способе с кругом, и также нажав правой кнопкой мыши по контуру, выбрать пункт «Удалить контур» .

Таким способом очень удобно рисовать волнистые линии.

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

Не могу понять смысл кривых и принцип их использования

Кривые — одна из важнейших фич Фотошопа.

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

Добавляем эффекты:

Так, кнопка получилась слишком маленькая:

Нет проблем, растягиваем:

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

С легкостью размножаем кнопки:

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

Такой же кусок приклеиваем к правой, заодно красим кнопку «Удалить» в красный (меняем пару параметров слоя):

Вот как вся конструкция выглядит в панели слоёв:

Теперь, допустим, нам захотелось сделать кнопочки немного послаще. Пробуем на одной:

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

Красную хочется ещё доработать напильником, но это другой совет 🙂

Теперь, допустим, выходит новый Айдивайс с ретиной, и нам надо увеличить всё в два раза. Если бы наши кнопки были нарисованы без кривых, то увеличение макета вдвое дало бы печальный результат и заняло бы нас перерисовкой на несколько дней:

Благодаря кривым, результат намного приличнее:

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

Designlab | Зарисовка 101, день 6

Сегодняшние учебные цели

Вчера мы завершили дизайн нашей карты и превратили его в Символ. У нас почти есть все детали, необходимые для макета. Но есть еще одна важная вещь, которую мы должны изучить — инструмент «Перо»! Сегодня мы создадим лучший логотип, нарисовав нашу собственную форму с нуля. Мы расскажем, как …

• Используйте перо
• Трассировка изображений для создания форм с нуля
• Копирование и вставка ресурсов между файлами

Время чтения и выполнения: 40 минут (если вы не берете в руки перо как профессионал!)

Когда мы работаем в редакторе растровых изображений, таком как Photoshop, GIMP или даже Microsoft Paint, обычно мы работаем с пикселями и сохраняем файлы, состоящие из пикселей.Однако, как и Illustrator, Sketch — это редактор векторных изображений, а не редактор растровых изображений. Это означает, что при создании фигур сохраняются математические инструкции о том, как строить кривые, а не просто массив данных пикселей. Векторные фигуры очень гибкие, их можно легко использовать в различных программах и экспортировать в любой другой формат изображения.

До сих пор мы работали со встроенными в Sketch инструментами фигур, такими как овал и прямоугольник. Но нам не нужно ограничиваться простыми формами.Изучив инструмент «Перо», мы можем с легкостью создавать сложные нестандартные формы. Сегодня давайте познакомимся с основами рисования фигур с помощью инструмента «Перо» в Sketch.

---

День 6 Учебное пособие: создание фигур с помощью инструмента «Перо»

1. Загрузите этот файл эскиза, в котором есть формы, по которым вы можете нарисовать

Не беспокойтесь, если ваша трассировка не идеальна. Первоначальная цель — просто привыкнуть к принципам того, как инструмент «Перо» позволяет вам следовать кривым и создавать более сложные формы. Помните, что вы можете нажать ⌘ + [Z], чтобы отменить последнее действие, а также вы можете использовать клавиши [alt] и ⌘ при добавлении точек и перетаскивании маркеров.Это даст вам больше контроля над создаваемыми фигурами. Если у вас возникли проблемы, посмотрите гифки ниже!

2. Обведите прямую линию с помощью инструмента «Перо»

Обратите внимание, что для создания прямой линии вы просто нажимаете, чтобы создать точку на каждом конце — вам не нужно тянуть. На самом деле, если вы будете перетаскивать, вы получите кривую. Создав вторую точку, нажмите [ввод] или [escape], чтобы выйти из формы. Другие способы выхода из формы включают щелчок «Завершить редактирование» в Инспекторе или щелчок правой кнопкой мыши и выбор «Подтвердить».

3. Обведите квадрат.

Это то же самое, что и прямая линия, только с большим количеством точек. Вы можете удерживать клавишу Shift при добавлении точек, чтобы ваши линии были идеально горизонтальными или вертикальными. (Обратите внимание, что в Sketch клавиша Shift в настоящее время не ограничивает инструмент «Перо» с шагом 45 градусов: только с шагом 90 градусов.)

4. Проследите за домом.

Опять же, здесь мы по-прежнему имеем дело с прямыми линиями, а не с кривыми

5. Обведите круг

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

6. Обведите форму сердца

Для этого вам нужно изменить каждую точку, чтобы она была «отключенным» узлом. Вы можете сделать это, щелкнув опцию «Отключено» в Инспекторе (как на GIF-изображении выше), или с помощью сочетания клавиш в инструменте «Перо».Нажатие «3» во время перетаскивания выберет параметр «Отключено». Здесь Disconnected означает, что дескрипторы точки могут использоваться полностью независимо друг от друга.

7. Добавьте форму сердца в свой дизайн в виде нового логотипа.

Когда вы закончите обводку этих изображений, выберите нарисованную вами форму сердца и затем нажмите ⌘ + [C], чтобы скопировать ее в буфер обмена. Вернитесь к файлу Sketch с вашей работой за прошлую неделю и выберите артборд Day 6. Нажмите ⌘ + [V], чтобы вставить значок.Замените значок дома, который вы создали ранее, а также измените размер и цвет нового значка, как вам нравится.

8. Дублируйте свой артборд и переименуйте его в «День 7», готовый к завтрашнему дню!

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

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

Бонусный материал

+ Загрузите нашу песочницу с фигурами!
+ Ознакомьтесь с нашими советами по созданию эскизов, часть 5: создание отличных цветовых палитр

Работа с инструментами рисования в Illustrator

Что вы узнаете из этого руководства по Illustrator: Работа с инструментом «Перо» Рисование кривых и прямых

Это руководство дает вам основу для работы с панелями Adobe Illustrator.Это первый урок в книге Adobe Illustrator CC Digital Classroom. Чтобы узнать о других возможностях обучения Adobe Illustrator, посетите классы AGI Illustrator.

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

Запуск

Перед началом убедитесь, что ваши инструменты и панели согласованы, сбросив рабочее пространство. См. «Сброс настроек Adobe Illustrator CC» в разделе «Запуск» этой книги.

В этом уроке вы будете работать с несколькими файлами из папки ai03lessons. Убедитесь, что вы загрузили папку CClessons на жесткий диск с прилагаемого DVD. См. «Загрузка файлов уроков» в разделе «Начало работы» этой книги.

Работа с инструментом «Перо»

Инструмент «Перо» — один из самых мощных инструментов Illustrator, позволяющий создавать любую линию или форму, которая вам нужна. Инструмент «Перо» создает опорные точки, которые могут быть закругленными, гладкими, острыми или угловыми.Используя инструмент «Перо», вы можете создать любую линию или фигуру, какую только сможете придумать. Использование инструмента «Перо» и освоение построения линий — это все о понимании природы опорных точек, а также о том, как их создавать и работать с ними.

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

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

Вариант инструмента «Перо»	Описание
	Отображается только в процессе создания линии; он сигнализирует, что следующая созданная точка привязки продолжит эту линию.
	Указывает, что инструмент «Перо» создаст новую линию.
	Указывает, что инструмент «Перо» можно использовать для преобразования точки привязки, над которой он в данный момент наведен.Этот значок появляется только тогда, когда инструмент Pen находится над последней узловой точкой, которая была создана в выбранном пути.
	Указывает, что инструмент «Перо» выберет путь и продолжит движение от конечной точки, над которой вы наведете курсор. Этот значок появляется рядом с инструментом «Перо», только когда он находится над конечной точкой пути, который вы в данный момент не создаете.
	Указывает, что инструмент «Перо» соединит создаваемый путь с конечной точкой другого пути.
	Указывает, что инструмент «Перо» закроет путь, который вы в данный момент создаете.
	Указывает, что инструмент «Перо» удалит точку привязки, над которой он в данный момент наведен. Этот значок появляется только тогда, когда инструмент «Перо» находится над точкой привязки на выбранном пути.
	Указывает, что инструмент «Перо» добавит точку привязки к сегменту линии, над которым он в данный момент находится.Этот значок появляется только тогда, когда инструмент «Перо» наведен на сегмент линии на выбранном пути.

Рисование прямых

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

1 В Illustrator выберите «Файл»> «Открыть». Когда появится диалоговое окно Открыть, перейдите в папку ai03lessons и выберите файл ai0501.ai файл. Щелкните ОК. Это практический файл, содержащий несколько различных шаблонов строк, с которыми вы будете работать в следующих упражнениях.

2 Выберите «Файл»> «Сохранить как». В диалоговом окне «Сохранить как» перейдите в папку ai03lessons и введите ai0501_work.ai в текстовое поле «Имя файла»; затем щелкните Сохранить. В диалоговом окне «Параметры Illustrator» нажмите «ОК», чтобы принять настройки по умолчанию.

3 На панели управления в верхней части рабочего пространства выберите «Нет» () в раскрывающемся меню «Цвет заливки».При необходимости выберите черный цвет в раскрывающемся меню Цвет обводки и выберите 2 pt в раскрывающемся меню Толщина обводки.

4 Выберите инструмент «Перо» () на панели «Инструменты» и найдите шаблон с надписью «Упражнение 1» на монтажной области. Щелкните и отпустите левую кнопку мыши при наведении курсора на метку 1. Линия начинается с создания первой точки привязки.

Используйте инструмент «Перо», чтобы создать первую опорную точку.

5 Переместите курсор к части строки с меткой 2, щелкните и отпустите кнопку мыши. Вторая точка линии создана. Инструмент «Перо» автоматически рисует прямую линию между двумя точками.

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

6 Продолжайте щелкать и отпускать, чтобы завершить линию метками 3, 4, 5, 6 и 7.Обратите внимание, как инструмент «Перо» автоматически продолжает линию, чтобы включить каждую новую точку привязки.

7 После того, как вы установили последнюю точку привязки на метке 7, нажмите и удерживайте Ctrl (Windows) или Command (Mac OS) и щелкните любую пустую область страницы. Это отменит выбор и завершит строку. Если вы не отмените выбор и не завершите линию, инструмент «Перо» продолжит связывать путь со следующей созданной привязкой.

8 Поместите курсор на метку 1 упражнения 2. Щелкните и отпустите левую кнопку мыши, чтобы создать первую точку привязки новой линии.

9 Поместите курсор на метку 2. Удерживая нажатой клавишу Shift, нажмите и отпустите, чтобы создать вторую точку линии; Инструмент «Перо» автоматически соединяет две точки прямой линией. Поскольку вы удерживали клавишу Shift при создании второй точки, Illustrator автоматически рисует идеально горизонтальную линию.

10 Поместите курсор на метку 3. Снова удерживая клавишу Shift, щелкните и отпустите левую кнопку мыши, чтобы установить третью точку привязки. На этот раз созданная линия представляет собой идеальную вертикальную линию.

11 Продолжайте удерживать клавишу Shift, щелкая метки 4, 5 и 6. При этом линия между точками 4 и 5 проходит под идеальным углом 135 градусов, поскольку клавиша Shift ограничивает угол с шагом 45 градусов.

Удерживая Shift при щелчке мышью, вы можете создать 90- и 45-градусные углы с помощью инструмента «Перо».

12 Установив последнюю точку привязки на метке 6, удерживая клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы отменить выбор и завершить линию.

13 Выберите «Файл»> «Сохранить», чтобы сохранить работу.

Рисование изогнутых линий

Прямые линии могут увести вас только пока; более органичные и сложные композиции требуют использования изогнутых линий для визуализации объектов. Теперь вы выполните упражнение 3.

1 Наведите курсор на метку 1 в начале изогнутой линии. Щелкните и, не отпуская мышь, перетащите курсор немного вверх над выступом линии, чтобы создать первую точку привязки. Когда вы перетаскиваете курсор вверх, создается впечатление, что вы перетаскиваете линию от точки.Фактически вы создаете указатель направления для точки привязки.

Перетаскивание с одновременным щелчком с помощью инструмента «Перо» позволяет создавать маркеры направления.

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

4 Увеличьте длину треугольника, щелкнув нижний правый угол ограничительной рамки, потянув вниз и перетащив привязку влево.

Что такое ручки направления?

Когда вы выбираете или создаете точку сглаживания, вы можете видеть маркеры направления этой точки. Маркеры направления управляют углом и длиной кривых. Маркер направления состоит из двух частей: направляющих линий и направляющих точек на концах линий. Точка привязки может иметь ноль, один или два маркера направления, в зависимости от типа точки. Маркеры направления служат своего рода дорожной картой для линии, управляя тем, как линии приближаются и покидают каждую точку привязки.Если выходная ручка обращена вниз, линия покидает точку привязки и уходит вниз. Точно так же линия направлена ​​вверх, если маркер направления указывает вверх.

A. Анкерная точка. B. Линия направления. C. Ручка направления. D. Отрезок линии.

2 Поместите курсор на метку 2, расположенную в конце первой кривой в упражнении 3. Щелкните и перетащите вниз, чтобы создать вторую точку привязки.Продолжайте перетаскивать мышь, пока не сформируете кривую в шаблоне. Перетаскивая курсор вниз, вы заметите, что между двумя точками привязки в реальном времени формируется кривая. Пока вы не отпускаете кнопку мыши, вы можете изменять форму этой линии, перетаскивая мышь в разные стороны.

Если вам нужно изменить любую из предыдущих точек, выберите «Правка»> «Отменить» или воспользуйтесь сочетанием клавиш Ctrl + Z (Windows) или Command + Z (Mac OS). Не беспокойтесь, если кривые не соответствуют шаблону, их можно будет откорректировать позже.

Перетаскивание при создании второй точки привязки позволяет изогнуть путь.

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

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

5 Как и в предыдущем упражнении, после создания последней точки привязки на метке 4, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы деактивировать путь.

6 При необходимости используйте инструмент «Прямое выделение» (), чтобы переместить ручки и точки, чтобы кривые более точно следовали траектории, затем выберите «Файл»> «Сохранить», чтобы сохранить результаты.

Чертеж шарнирных изгибов

В предыдущем упражнении вы создали S-образные кривые — линии, изогнутые в направлении, противоположном предыдущему. В этом упражнении вы создадите шарнирные кривые, линии, изгибающиеся в одном направлении; в этом случае все они будут изгибаться, как гребешок. Теперь вы выполните упражнение 4.

1 Выберите инструмент «Перо» () на панели «Инструменты» и поместите курсор над меткой 1 в начале изогнутой линии в упражнении 4. Как и в предыдущем упражнении, щелкните и перетащите курсор немного вверх над аркой, чтобы создать ваша первая точка привязки.

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

3 Нажмите и удерживайте клавишу Alt (Windows) или Option (Mac OS) на клавиатуре. Это временно преобразует инструмент «Перо» в инструмент «Преобразовать опорную точку» (), который также является отдельным инструментом в группе инструментов «Перо». Помимо прочего (о чем будет рассказано позже в этом уроке), этот инструмент используется для редактирования маркеров направления.Поместите инструмент «Преобразовать опорную точку» над маркером направления для исходящей направляющей линии, а затем щелкните и перетащите эту точку так, чтобы она указывала вверх. Две направляющие линии теперь образуют V.

.

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

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

4 Наведите курсор на метку 3, расположенную в конце второй кривой. Щелкните и перетащите вниз, чтобы создать третью точку привязки. Продолжайте перетаскивать мышь, пока не сформируете кривую в шаблоне.

5 Снова нажмите и удерживайте Alt (Windows) или Option (Mac OS), чтобы временно переключить инструмент «Перо» на инструмент «Преобразовать опорную точку».Еще раз поместите инструмент Преобразовать опорную точку над маркером направления для исходящей направляющей линии, щелкните и перетащите эту точку так, чтобы она указывала вверх, а направляющие линии образовывали букву V.

6 Повторите шаг 4 для последней кривой на метке 4. После того, как вы создали эту последнюю точку привязки, удерживайте клавишу Ctrl (Windows) или Command (Mac OS) и щелкните монтажную область, чтобы деактивировать путь.

7 Выберите «Файл»> «Сохранить», чтобы сохранить работу.

Преобразование изогнутых линий в прямые

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

1 Поместите курсор на метку 1 в начале изогнутой линии в упражнении 5. Удерживая клавишу Shift, щелкните и перетащите курсор немного вверх над аркой, чтобы создать первую опорную точку. Когда вы перетаскиваете курсор вверх, ваше движение ограничивается идеально вертикальной линией. Отпустите мышь перед тем, как отпустить клавишу Shift.

2 Наведите курсор на метку 2, расположенную в конце первой кривой. Опять же, удерживая клавишу Shift, щелкните и потяните вниз, чтобы создать вторую точку привязки.Продолжайте перетаскивать мышь, пока не сформируете кривую в шаблоне.

Создайте еще один изогнутый контур.

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

3 Поместите курсор на точку привязки, созданную на шаге 2. Курсор инструмента «Перо» изменится, что даст вам возможность преобразовать только что созданную точку привязки.

Курсор инструмента «Перо» изменяется, позволяя изменять точку привязки.

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

Сверните маркер направления.

5 Поместите курсор на метку 3. Удерживая клавишу Shift на клавиатуре, щелкните метку 3, чтобы создать прямую линию для завершения пути.

6 После создания последней точки привязки на метке 3, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы отменить выбор и завершить линию.

7 Выберите «Файл»> «Сохранить», чтобы сохранить работу.

Рисование прямых линий до изогнутых

Теперь вы будете работать в противоположном направлении и соедините прямые линии с изогнутыми. Практикуйтесь с упражнением 6.

1 Найдите шаблон с надписью «Упражнение 6». Держите инструмент «Перо» над началом линии (с меткой 1).Курсор изменится (), показывая, что вы начнете новую строку. Щелкните и отпустите левую кнопку мыши при наведении курсора на метку 1. Линия начинается с создания первой точки привязки.

2 Поместите курсор на метку 2. Удерживая клавишу Shift, щелкните метку 2, чтобы создать идеально прямую линию между точками 1 и 2 на пути.

3 Поместите курсор на точку привязки, созданную на шаге 2. Курсор инструмента «Перо» изменится (), показывая, что вы можете изменить направление ручки направления.

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

Измените направление ручки направления.

5 Поместите инструмент «Перо» на этикетку 3. Щелкните и перетащите вниз, чтобы создать кривую, отображаемую в шаблоне.

Закончите путь, создав кривую.

6 После создания последней точки привязки на метке 3, удерживая клавишу Ctrl (Windows) или Command (Mac OS), щелкните монтажную область, чтобы отменить выбор и завершить линию.

7 Выберите «Файл»> «Сохранить», затем выберите «Файл»> «Закрыть».

Перейти к следующему руководству Illustrator: Трассировка изображений в Illustrator CC>

Справка и руководства по CorelDRAW — Рисование линий в CorelDRAW

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

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

и прямые, и линии, содержащие как изогнутые, так и прямые сегменты.

Инструменты от руки и Ломаная линия

The Freehand и Полилиния Инструменты позволяют рисовать линии от руки, как если бы вы рисовали в блокноте.Если Вы ошиблись

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

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

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

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

сегмента.

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

изогнутых линий, созданных с помощью этих инструментов.

Инструменты Bzier и Pen

The Bzier и Pen инструменты позволяют рисовать линии по одному сегменту за раз, помещая каждый узел с точность и контроль формы

каждого изогнутого сегмента. При использовании Инструмент Pen , вы можете предварительно просмотреть сегменты линии, которые вы Рисунок.

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

Вы можете рисовать кривые с помощью Bzier инструмент и перетащите маркеры управления на концах кривой Бзье.

Инструмент для трехточечной кривой

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

Вы можете нарисовать изогнутую линию с помощью указав его ширину (слева), а затем указав его высоту и щелкнув страница (справа).

Интеллектуальный инструмент для рисования

Умный чертеж инструмент позволяет использовать распознавание формы для рисования прямых и изогнутых линий

Как сделать изогнутую линию в Cricut Design Space + Бесплатные SVG кривые линии

Здравствуйте, мечтатели!

В сегодняшнем уроке я научу вас всем своим приемам получения изогнутых линий в Cricut Design Space.

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

Приступим!

Вы не можете добавить изогнутые линии в Cricut Design Space. Однако вы можете извлекать изогнутые линии из изображений Cricut Access и / или создавать кривые, приваривая и разрезая окружности относительно других фигур.

В последнее время я прилагаю все усилия, чтобы ответить на вопросы о формах и линиях для Cricut Design Space.

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

Я искренне хочу дать вам возможность создавать все, что вы хотите, в Cricut Design Space, а изогнутые линии и формы являются неотъемлемой частью практически любого дизайна.

Если вы новичок и все еще разбираетесь в программном обеспечении Cricut, я рекомендую вам прочитать мой фантастический учебник и руководство по Ultimate Cricut Design Space.

Понимание различий

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

Разница между изогнутой линией и изогнутой формой

Изогнутая линия идеальна, если вы хотите вырезать, надрезать или нарисовать одну линию на дизайне. Эта линия показывает, где именно лезвие прорежет.

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

Попытка создать изогнутые эффекты на формах

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

Давайте посмотрим пошаговое руководство.

Шаг 1 — Добавьте круги

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

В этом уроке я использовал три круга, а затем выровнял их по верхнему краю.

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

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

Шаг 2 — Сварка и дублирование.

Когда у вас есть все круги, вам нужно выбрать их и их, а затем нажать «Weld».”

Как вы можете видеть на картинке ниже, была создана новая форма (например, облачная).

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

Сварка и дублирование

Шаг 3 — Нарезка и воспроизведение

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

Создайте как можно больше округлых форм, нарезав обе формы нарезками.

Я использовал один из «результатов нарезки» в квадрате.

Добавьте волнистые линии к квадрату.

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

Добавление изогнутых линий с помощью Cricut Access

Если у вас есть Cricut Access (обширная библиотека файлов для резки Cricut), вы можете искать изогнутые линии в своих файлах, а затем добавлять их одну за другой в свой проект.

Если вы не знаете, что такое Cricut Access, прочтите это фантастическое руководство, которое я собрал , и выясните, подходит ли это вам или нет.

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

В этом уроке я искал по строке ключевых слов и добавил опцию «Радуга».

Так как мне нужны были только изогнутые линии, я спрятал — вы также можете удалить их — остальные слои.

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

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

Получите изогнутые линии и кривые формы БЕСПЛАТНО

Curved Lines and Curvy Shapes — Мой подарок вам! 🙂

У меня есть Adobe Illustrator (это моя любимая программа для создания потрясающих красивых файлов для резки.) Тем не менее, не у всех есть такая возможность и доступ к этой программе, и я твердо уверен, что каждый должен иметь доступ к изогнутым линиям.

Вы не согласны со мной?

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

НЕ загружайте их самостоятельно на свой или любой другой веб-сайт; если вы думаете, что они кому-то будут полезны, перенаправьте их на этот пост!

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

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

Ой!

И, как вы знаете, У меня также есть БЕСПЛАТНАЯ растущая библиотека с тоннами печатных форм и файлов SVG, готовых к работе.

Я хотел бы, чтобы вы получили доступ ко всем из них. Это 100% бесплатно для моих мечтателей (также называемых подписчиками), посмотрите предварительный просмотр здесь, или получите доступ здесь.

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

Приколите его к более позднему аллигатору!

Как рисовать кривые

Умение рисовать кривые — это основа для создания плавных форм и хороших линий действий в ключевых кадрах.

В этом видео аниматор Эрик Голдберг (о котором я впервые услышал много лет назад, когда вышел Аладдин) рисует своего персонажа Orange Cat на Cintiq.

Это все стоит посмотреть, но поскольку мы говорим здесь о кривых, перейдите примерно на 4 минуты в видео и посмотрите, как он рисует свои кривые.

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

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

Также послушайте, что он говорит о «Оптимизации» примерно в 5:30 минут.

Упражнение 1 — Как рисовать большие плоские кривые

Как с кругами — Нарисуйте с плеча.
Кривая — это просто часть круга, поэтому все, что вы узнали из рисования кругов, применимо к кривым.

Убедитесь, что ваша рука свободно движется в воздухе — не опирайтесь и не опирайтесь на стол. Практикуйтесь в рисовании плавных кривых.

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

Упражнение 2 — Построение дуг и С-образных кривых

Теперь потренируйтесь рисовать короткие и круглые кривые, например букву «С».Нарисуйте его во всех направлениях — изгибом вверх, вниз, влево и вправо.

Затем потренируйтесь на S-образных кривых.

Найдите свой ритм. Рисунки проходят гладко, когда вы находите скорость, ритм, который вам подходит.

Функция поворота холста в Photoshop

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

Как бы то ни было, программисты Adobe наконец поняли, насколько удобно иметь возможность вращать сам холст, поэтому они придумали функцию «Повернуть страницу».

В Photoshop он находится внизу панели инструментов, вместе с инструментом «Рука». (по-прежнему недоступен в Illustrator):

Нажмите R, Затем проведите мышью по экрану, чтобы повернуть холст.

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

Пропустил урок Как нарисовать круг ? это прямо здесь

Главная> Научитесь рисовать> Как рисовать кривые

пунктирных линий в Photoshop — Planet Photoshop

Хотя Photoshop не предлагает вариант пунктирной линии, такой как в палитре штрихов Illustrator, вы можете легко смоделировать их, отредактировав кисть в палитре кистей.

Ключ к пунктирным линиям — это параметр «Интервал». В сочетании с круглостью в Photoshop 7 вы можете быстро превратить квадратную кисть в пунктирную линию. Вот что вам нужно увидеть в палитре кистей Photoshop 7:

Помните, что вам нужно открыть палитру «Кисти» из палитры или меню «Окно» (или с помощью клавиши F5). Маленькая палитра «Кисти» в левом конце панели параметров предназначена для выбора кисти, а не для редактирования или создания кисти.А что, если палитра кистей неактивна и недоступна? Переключитесь на инструмент, использующий кисть, например, на инструмент «Кисть» (нажмите B на клавиатуре).

При уменьшении округлости квадратная кисть становится плоской. Увеличение интервала перемещает каждый «экземпляр» отпечатка кончика кисти дальше друг от друга. (Думайте о кистях Photoshop как о многократном нанесении кончиков кистей близко друг к другу при перетаскивании, а не как о непрерывном потоке цвета, как чернильное перо.) И, конечно же, «черточка» не обязательно должна иметь 50% -ную округлость.

Не забывайте, что вы можете рисовать вертикальные пунктирные линии, а не горизонтальные, изменив настройку «Угол» на палитре «Кисти» на 90 градусов.

В Photoshop 6 вы должны сначала определить небольшой прямоугольник как кисть, а затем отрегулировать интервал. (Photoshop 6 не позволяет изменять значение округлости для некруглых кистей.) Создайте прямоугольник размером с штрихи, залейте его черным цветом и используйте команду меню Edit> Define Brush. Вы можете использовать инструмент «Прямоугольная область» для создания фигуры — убедитесь, что растушевка установлена ​​на ноль на панели параметров.

Дайте новой кисти отличительное имя, которое отражает ее размер и предназначение.

Создав пунктирную линию, вы можете использовать ее с любым инструментом, связанным с кистью.В дополнение к инструментам «Кисть» («Кисть в Photoshop 6»), «Карандаш», «История», «История искусств» и «Ластик» вы можете использовать кисти с инструментами «Штамп», «Фокус» и «Тонирование».

Однако помните, что эти дефисы не будут следовать за курсором, а вместо этого будут ориентированы на страницу. На этом рисунке показана разница между пунктирной линией, созданной в Photoshop (вверху), и линией, созданной в Adobe Illustrator (внизу).Штрихи Illustrator следуют за траекторией независимо от ее изгиба.

Ориентация «штрихов» относительно контура в Photoshop несущественна при использовании симметричной кисти. Например, круглая кисть никогда не искажается.

Когда вам нужно изогнуть пунктирную линию, помните о фильтре сдвига (Фильтр> Искажение> Сдвиг). Можно гнуть и крутить прямую.Чтобы сохранить шаг, проведите линию вертикально (фильтр работает только по горизонтали). Также обычно рекомендуется располагать пунктирную линию на отдельном слое и не иметь активного выделения.

Сдвиговый фильтр позволяет изгибать и скручивать. Щелкните вертикальную линию в окне предварительного просмотра, чтобы добавить точку привязки, и перетащите. При необходимости вы можете разместить несколько точек. А если вы собираетесь работать близко к краю окна, нажмите кнопку Repeat Edge Pixels.

После применения фильтра изогнутую пунктирную линию можно повернуть или иначе преобразовать.

Как использовать кривые Безье в Blender

Отредактированная кривая

Что такое кривые в Blender?

Кривые в блендере обычно используются для создания контура объекта или обводки чего-либо, например. картинка. Он похож на инструмент «Перо» в Photoshop по принципу работы и для чего используется.Есть два типа кривых: кривые Безье и окружность.

Как использовать инструмент Curve

В этом уроке я буду рисовать логотип Бэтмена, чтобы показать вам, как использовать кривую Безье.

Шаг первый: Когда вы будете готовы добавить свою кривую на сцену, перейдите в ортогональный вид (цифровая клавиатура 5) и вид сверху вниз (цифровая клавиатура 7) и удалите поле по умолчанию, щелкнув его правой кнопкой мыши и нажав x, затем нажав удалить. Затем нажмите shift + A> Curves> Bezier Curve, и вы увидите следующее:

новая кривая

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

ручки на изгибе

Схема, на которой изображена кривая, может показаться довольно сложной, а стрелки имеют тенденцию сбивать с толку. Если вы предпочитаете отключить их, нажмите N, а затем в новом появившемся меню в разделе «Отображение кривых» снимите галочку в обычном режиме, как показано ниже, и стрелки исчезнут.

избавление от нормального

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

регулировка ручек

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

векторные ручки

Векторные маркеры необходимы для создания фигур, в которых кривые по обе стороны от точки идут в разных направлениях, например. крылья с логотипом Бэтмена, как показано ниже. Чтобы добавить новую точку, щелкните правой кнопкой мыши точку, к которой вы хотите добавить, и нажмите E (для выдавливания).Затем вы заметите, что перетаскиваете новую точку. Поместите его в подходящее место и отрегулируйте по своему усмотрению.

добавление новой точки

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

как увидеть свою форму

Шаг четвертый: Если фигура вашего рисунка с кривыми симметрична, вам нужно будет продублировать ее, а затем отразить.Для этого выйдите из режима редактирования в режим объекта, нажмите Shift + D, затем введите, затем нажмите CTRL + M + X, затем введите. Переставьте его, если он выключен.

отражение вашей формы

Это дало нам две разные кривые Безье, которые нельзя редактировать одновременно. Чтобы изменить это, перейдите в режим объекта, щелкните правой кнопкой мыши один, чтобы он был выделен, как указано выше, затем щелкните правой кнопкой мыши другой и нажмите Shift + J, чтобы присоединиться к ним. Затем вы можете TAB вернуться в режим редактирования.Здесь вы можете щелкнуть правой кнопкой мыши одну точку, затем щелкнуть правой кнопкой мыши соответствующую точку на зеркальной стороне и нажать F, чтобы соединить их (обозначает заливку). Вот как я соединил голову вверху и хвост внизу.

готовая форма

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

разделение линии кривой

Шаг пятый: Теперь у нас есть законченный контур нашей формы, но теперь мы можем сделать его более детализированным или превратить в визуализированное изображение.Этот последний шаг необязателен, но это хорошая практика, позволяющая превратить кривую в красивое изображение. Чтобы начать этот процесс, мы должны щелкнуть вкладку кривых на правой панели инструментов и изменить ее на 2D, чтобы заполнить форму. Убедитесь, что вы выберите кривую, чтобы отобразить вкладку кривой. вы также можете изменить разрешение на 24, чтобы придать ему более четкость.

делает вашу кривую твердой

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

преобразование кривой в изображение

изменение цвета фона

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

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

изменение цвета кривой

Наконец, расположите изображение в том месте, где вы хотите, чтобы камера находилась. Я рекомендую использовать вид сверху вниз (цифровая клавиатура 7).Затем вы нажимаете CTRL + ALT + Numpad 0, чтобы установить расположение камер.