Как сделать точечный градиент в кореле

Добавил пользователь Алексей Ф.
Обновлено: 04.10.2024

Австралиец Эндрю Арчер более десяти лет работает иллюстратором и арт-директором. В его портфолио проекты для известных брендов, таких как Nike, Audi, GQ и The New York Times.

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

Эскиз

«Сначала я отсканировал свой набросок и обвел его инструментами LiveSketch и „Перо“, чтобы создать векторные кривые. LiveSketch особенно хорош, в этом режиме ощущения схожи с рисованием от руки. К тому же инструмент анализирует вашу работу и помогает при необходимости — так что линия и круг всегда будут идеально ровными.

Градиент

Теперь приступим к основной работе.

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

Добавить градиент можно инструментом „Интерактивная заливка“. Просто щелкаешь по объекту и перетаскиваешь в сторону указатель для плавного перехода из одного цвета в другой. Все изменения отображаются в реальном времени.

Заливка

Я уже залил некоторые области случайными цветами, чтобы визуально отделить их. В частности, применил свой градиент для воды, которая ударяется о камни, с помощью „Интеллектуальной заливки“. Этот инструмент точно знает, где должна заканчиваться заливка, даже если объект не замкнут.

Другая полезная опция — каждая нарисованная линия хранится отдельно в панели „Слои“. То есть вы можете выделить целый кусок иллюстрации и делать с ним что угодно.

Настройка

Я заполнил градиентом еще несколько объектов на рисунке. Вместо стандартного я использовал собственный, собранный из цветов моей палитры, благодаря чему волны теперь выглядят интереснее. Затем переключился на „Интерактивную заливку“ (клавиша G) и настроил форму и направление градиента.

В этом окне есть все необходимое для редактирования этого вида заливки, что серьезно экономит время.

Копирование

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

Так, я скопировал некоторые свойства фона и перенес их на камни у берега. Затем снова выбрал „Интерактивную заливку“, чтобы настроить градиент.

Заливка. Казалось бы, нет ничего проще. Этот простой инструмент есть даже в Paint. Однако CorelDraw предполагает гораздо более широкое его использование. Поэтому новичкам будет полезно узнать, как сделать заливку в Кореле разными способами.

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

Делаем заливку

Начнём с самого простого:

1. Запускаем
2. Создаём новый документ, пользуясь меню в верхней части окна.
3. Рисуем квадратную область.
4. Щёлкаем на предпоследний значок в столбце слева (выглядит как наклоненное ведёрко).
5. Выбираем Fountain Fill (вторая строчка в контекстном меню).
6. Жмём левой кнопкой мыши по нашему прямоугольнику.
7. Вуаля! Он окрасился в другой цвет!

Векторный узор

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

Градиент

Градиентная заливка — один из самых популярных инструментов почти во всех редакторах. Чем она отличается от обычной? При помощи неё можно окрашивать предметы, опять же, не однотонным цветом, но и не узором. Цвет будет переливаться. Причём так, как мы это определим. Например, можно сделать конический градиент, и область визуально будет выпуклой, будто её рисовали от руки, а не при помощи программы. Кроме неё есть ещё масса различных вариаций, как сделать цвет предмета переливающимся и изменяющимся.

Конечно же, это далеко не всё. Поиграйте с настройками, и вы увидите, насколько много различных вариаций градиента можно получить. Трудно описать все действия в инструкции. Достаточно потратить 15–20 минут на практику и попробовать всё самостоятельно. Инструмент предлагает самые разные решения для дизайнеров. С каждой версией Корел их становится всё больше.

Интеллектуальная заливка

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

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

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

Рис. 1. Эта окружность станет основой для нового узора заливки

Рис. 2. Доступ к функции создания заливок через главное меню

Рис. 3. Диалоговое окно выбора параметров создаваемой заливки

Выберите в меню пункт Инструменты -> Создать -> Заливка узором… (рис. 2). На экран будет выведено диалоговое окно для выбора параметров заливки. Отметьте в разделе Тип пункт Вектор (рис. 3) и нажмите кнопку ОК в нижней части окна.

После этого стрелка курсора примет вид пиктограммы кад­рирования. При помощи этого инструмента выделите прямо­угольную область вокруг ранее созданной окружности, как показано на рис. 4. Границы этой области можно перемещать при помощи маркеров, расположенных по углам и по центрам сторон рамки (рис. 5). Чтобы сделать рамку квадратной, удерживайте клавишу Ctrl в процессе масштабирования.

Рис. 4. Выделение области для создания узора заливки

Рис. 5. Квадратные маркеры позволяют изменять границы выделенной области

Рис. 6. Пиктограмма для сохранения заливки

Рис. 7. Диалоговое окно Сохранить узор

Рис. 8. Выбор раздела управления заливками в палитре Свойства объекта

Рис. 9. Выбор подраздела Заливка полноцветным узором в палитре
Свойства объекта

Для сохранения образца заливки наведите курсор на небольшую пиктограмму под рамкой и нажмите на нее (рис. 6). На экран будет выведено диалоговое окно Сохранить узор. Введите в поле Имя название заливки (рис. 7), отключите опцию Опубликовать в контент­центре и нажмите кнопку ОК в нижней части окна.

Аналогичным образом можно создавать заливки не только из одного, но и из нескольких объектов с разными заливками и абрисом.

Теперь применим созданную заливку к объекту. При помощи инструмента Прямоугольник (F6) создайте прямоугольник. Выбрать заливку в редакторе CorelDRAW можно несколькими различными способами. В данном случае мы воспользуемся палитрой Свойства объекта. Чтобы отобразить ее на экране, выберите в меню Окно -> Окна настройки -> Свойства объекта. Палитра Свойства объекта будет отображена в окне настройки, которое расположено справа от окна документа. Нажмите на пиктограмму Заливка в верхней части палитры (рис. 8), а затем — на пиктограмму Заливка полноцветным узором (рис. 9). Ниже будет выведена панель выбора узора (рис. 10).

Чтобы открыть всплывающее окно поиска, нажмите на указатель заливки (обведен красным на рис. 10). При небольшом количестве заливок найти нужную можно визуально. Однако во многих случаях удобнее искать заливку по ее названию, введя его фрагмент в поле Поиск… (рис. 11). После нажатия клавиши Enter образцы заливок, названия которых соответствуют заданным критериям поиска, будут отображены ниже. Для выбора нужной заливки выполните двойной щелчок по изображению ее образца.

Рис. 10. Выбор узора заливки в палитре Свойства объекта

Рис. 11. Всплывающая панель поиска и выбора узора заливки

Трансформация заливки

Рис. 13. Пиктограмма Интерактивная заливка на панели инструментов

Рис. 14. Рамка с маркерами для управления трансформацией узора заливки

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

Выделите этим инструментом объект с заливкой. На экране появляется пунктирная рамка с маркерами (рис. 14). Расположенный в центре маркер в виде ромба позволяет смещать рисунок заливки относительно границ объекта. При помощи круглого маркера в правом верхнем углу рамки можно изменять масштаб и угол наклона заливки (рис. 15). И наконец, пара маркеров квадратной формы позволяет искажать узор, создавая иллюзию наклона по вертикали и горизонтали (рис. 16).

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

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

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

Рис. 17. Поля ввода числовых значений различных параметров для трансформации узора заливки в палитре Свойства объекта

Рис. 18. Пиктограмма активации функции смещения элементов узора заливки на заданную величину

Рис. 19. Узор заливки модифицирован путем смещения соседних элементов по вертикали и горизонтали

Рис. 20. По умолчанию узор заливки не трансформируется при изменении размеров, угла наклона
и прочих изменениях объекта

Рис. 21. Активация опции Преобразовывать заливку в палитре Свойства объекта

Рис. 22. Теперь узор заливки трансформируется синхронно с объектом

Обратите внимание на то, что по умолчанию заливка не трансформируется при повороте и других преобразованиях объекта, к которому она была применена (рис. 20). Чтобы реализовать такую возможность, откройте панель дополнительных настроек в палитре Свойства объекта и активируйте опцию Преобразовывать заливку (рис. 21). Теперь заливка будет трансформироваться синхронно с объектом (рис. 22).

Прозрачность элементов заливки

Рис. 23. Промежутки между объектами в узоре заливки остаются прозрачными

Рис. 24. Новый вариант узора заливки с непрозрачным белым фоном

Рис. 25. Пример узора заливки, составленного из нескольких разноцветных окружностей

Стыковка элементов регулярного узора

В рассмотренном выше примере все границы узора были равномерно залиты одним цветом, поэтому проблем со стыковкой фрагментов не возникало. Однако если создать узор наподобие показанного на рис. 25, то при заливке объекта он будет выглядеть неряшливо — как плохо состыкованные обои (рис. 26).

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

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

Рис. 26. Прямоугольник, закрашенный заливкой из окружностей

Рис. 27. Пиктограмма активации функции Отразить плитки по горизонтали
в палитре Свойства объекта

Рис. 28. Вид узора из окружностей после активации функций
Отразить плитки по вертикали
и Отразить плитки по горизонтали

Рис. 31. Готовы четыре элемента будущего узора

Выбрав в меню Инструменты →-> Создать →-> Заливка узором…, создайте новый узор. Обратите внимание на то, чтобы углы рамки, ограничивающей поле узора, были расположены точно в центрах верхних и нижних прямоугольников (рис. 34).

Рис. 34. Выделение границы узора заливки, имитирующей кирпичную кладку

Рис. 35. Включение режима привязки к объектам

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

Создайте копию этого прямоугольника, нажав сочетание клавиш Ctrl­D. Поместите его справа от исходного объекта так, чтобы правый нижний угол одного был совмещен с левым нижним углом другого. В палитре Свойства объекта активируйте опцию Преобразовывать заливку. Инструментом выбора щелкните по выделенному объекту и исказите его форму при помощи бокового маркера, как показано на рис. 37.

Выберите инструмент
Ин­терактивная заливка и, перемещая маркер в виде ромба (рис. 38), добейтесь, чтобы узоры заливки на смежных объектах были состыкованы. Теперь объекты выглядят как угол кирпичной стены (рис. 39). Аналогичным образом можно создавать и более сложные рисунки, имитирующие изображения трехмерных объектов.

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

Рис. 38. Для точной стыковки рисунка узора заливки смежных объектов воспользуйтесь инструментом Интерактивная заливка

Рис. 39. После точной подгонки рисунков узора заливки комбинация двух объектов выглядит как угол кирпичной стены

Заключение

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

А еще лучше зайди в опцию Справка и почитай Руководство по программе.

Procedure FloodFill(X,Y: Integer; Border: Word);

Здесь X, Y- координаты любой точки внутри замкнутой фигуры; Border — цвет граничной линии.

Следует учесть, что реализованный в процедуре алгоритм просмотра границ замкнутой фигуры не отличается совершенством. В частности, если выводятся подряд две пустые строки, заполнение прекращается. Такая ситуация обычно возникает при заполнении небольших фигур с использованием типа LtSlashFill. В фирменном руководстве по Турбо Паскалю рекомендуется, по возможности, вместо процедуры FloodFill использовать FillPoly (заполнение прямоугольника) .

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

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

Спасибо, не видела, что написали. и уже давно..

Пожалуйста.

Анна, огромное Вам спасибо! Установил Corel PaintShop Pro X8, Начал изучать и сразу споткнулся на градиенте. Цитирую с большой благодарностью!!"!

Спасибо большое за урок!Цитирую с благодарностью!Успехов вам и творческого вдохновения!

В этом видеоуроке Антон Мякотин показывает и рассказывает, как при помощи программы Corel DRAW X3 сделать плавный переход цвета в логотипе.

Нравится информация? Расскажите о ней в своей социальной сети!

Вам также может понравиться

Как пользоваться инструментом — Интерактивная заливка сеткой (Mash)

Как преобразовать растровое изображение в полутона в Corel DRAW (видеоурок)

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

Как состарить фотографию

Критика готового дизайна рекламной листовки (видеоурок)

Как нарисовать горящую спичку в Corel DRAW (видеоурок)

4 комментария

спасибо за кнопку С при рисовании кривыми безье, 6 лет мучался — как же сделать острый узел, правил просто после рисования…

))) Век живи, век учись. Спасибо за пост. решение — градиент

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

и вот отыскав в ящике болванку с 7м корелом… в общем все получилось, пришлось правда минут 15 поиграться со стрелочками дабы полученный градиент был не отличим от исходного…

а еще короче — большое спасибо 🙂

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

Оставить комментарий X

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

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

  
• Как сделать корзинку из сизаля
  
• Как сделать срез строки в python
  
• Как сделать лаву в роблокс студио
  
• Как сделать из седана кроссовер
  
• Как сделать колонки к музыкальному центру