Инструмент Перетекание в Кореле

В этом уроке вы узнаете, как использовать возможности инструмента Перетекание (Blend Tool) в Кореле.

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

Пример HTML-страницы

Шаг 1. Создаем книгу

Создайте новый документ (Ctrl + N).

1. Возьмите Инструмент Эллипс - Ellipse Tool (F7) и нарисуйте круг. Залейте его цветом (#04D6CF) на панели Свойства объекта (Object Properties), также установите отсутствие абриса (Outline).

2. Нарисуйте прямоугольник в центре круга. используя Инструмент Прямоугольник - Rectangle Tool (F6) и затем используйте Инструмент Форма - Shape tool (F10), чтобы скруглить углы. Вы также можете скруглить углы на панели свойств (Property Bar), установив значение Радиуса угла (Corner Radius) вручную. Цветом заливки прямоугольника выберите (#D19547).

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

4. Выделите оба прямоугольника и нажмите иконку Пересечение (Interselect) на панели свойств (Property Bar). Удалите первоначальный кремовый объект и залейте оставшуюся форму цветом (#FFF8C2).

Создаем книгу

Шаг 2. Создаем книгу

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

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

2. Выделите новый прямоугольник и бежевый прямоугольник книги, затем нажмите иконку Пересечение (Interselect) на панели свойств (Property Bar). Теперь удалите созданный в этом шаге прямоугольник и залейте вновь созданную фигуру цветом (#EDB974).

3. Создайте прямоугольник с помощью Инструмента Прямоугольник - Rectangle Tool (F6), скруглите его углы, поместите так, как показано на рисунке 3.

4. Выделите новый прямоугольник вместе с основной фигурой книги и снова нажмите иконку Пересечение (Interselect) на панели свойств (Property Bar), затем залейте новую фигуру цветом (#D19547). Эта фигура должна быть светлее, чем все остальные. Позже мы будем изменять текущие заливки элементов дизайна на линейные градиенты.

Создаем книгу

Шаг 3. Создаем книгу

Итак, перейдем к фонтанным заливкам - Fountain Fill (F11).

1. Нарисуйте тонкий прямоугольник в верхней части книги.

2. Так же, как мы делали раньше, выделите новый прямоугольник вместе с основной формой книги и затем нажмите иконку Пересечение (Interselect) на панели свойств (Property Bar), потом удалите первоначальный прямоугольник. Примените Линейную фонтанную заливку - Linear Fountain Fill (F11) от бежевого (#D19547) к светло-бежевому (#EDB974).

3. Теперь выделите переплет книги и также измените заливку на Линейную фонтанную заливку - Linear Fountain Fill (F11) от темно-бежевого (#B87F35) к коричневому (#7D5827). Далее используйте Инструмент Интерактивная заливка - Interactive fill tool (G), чтобы настроить градиент (смотрите рисунок ниже).

4. Примените Линейную фонтанную заливку - Linear Fountain Fill (F11) к основной форме книги от бежевого (#D19547) к светло-бежевому (#EDB974). Обратите внимание, что я еще создал тень на части страниц книги, с помощью пересекающихся объектов (как мы делали в предыдущих шагах).

Создаем книгу

Шаг 4. Создаем книгу

Теперь давайте четче обозначим страницы книги.
1. Нарисуйте 4 длинных тонких прямоугольника, используя Инструмент Прямоугольник - Rectangle Tool (F6). Перейдите на панель Выровнять и распределить (Align & Distribute) и выделив все 4 прямоугольника кликните на иконку Распределить расстояние по вертикали (Distribute Vertically).

2. Выделите все 4 прямоугольника и нажмите иконку Объединение (Weld) на панели свойств (Property Bar).

3. Теперь выделите объединенные полоски вместе с закругленной фигурой, затем нажмите иконку Пересечение (Interselect) на панели свойств (Property Bar). Удалите ненужные прямоугольники и залейте оставшиеся цветом (#DBBB83), затем установите значение Прозрачность (Transparency) 50 на панели Свойства объекта - Object Properties (Alt + Enter).

Создаем книгу

Шаг 5. Создаем книгу

Дальше можете добавить детали по желанию.

1. Нарисуйте несколько прямоугольников справа от книги. Выровняйте их между собой по левому краю: выделите все прямоугольники и нажмите L. Затем перейдите на панель Выровнять и распределить (Align & Distribute) и выделив все 4 прямоугольника кликните на иконку Распределить расстояние по вертикали (Distribute Vertically).

2. Разместите их под обложкой книги в порядке объектов (панель Менеджер объектов (Objects Manager). Залейте закладки цветами на свое усмотрение.

3. Добавьте ленточку, свисающую из страниц книги: нарисуйте прямоугольник с краем в виде стрелки и нарисуйте еще один прямоугольник поменьше в верхней части ленточки. Сгруппируйте все элементы книги вместе (Ctrl + G).


Создаем книгу

Шаг 6. Создаем книгу

Итак, к текущему моменту у нас получилась книга. Чтобы увидеть все элементы, образующие книгу перейдите в режим Вид > Каркас (View > Wireframe). Посмотрите, как располагаются все элементы дизайна и как четко подогнаны их края друг к другу, благодаря использованию Пересечения.

Создаем книгу

Шаг 7. Создаем падающую тень

Нарисуйте небольшой скругленный прямоугольник над иконкой книги и залейте его цветом (#07ADA7) и уберите абрис (Outline). Дублируйте прямоугольник, нажав Ctrl + D и поместите его вправо и вниз, относительно первого прямоугольника (см. рисунок). Затем установите Прозрачность (Transparency) второго прямоугольника 100.
Теперь возьмите Инструмент Перетекание (Blend Tool) и протяните его от первого прямоугольника ко второму.

Создаем падающую тень

Шаг 8. Создаем падающую тень

На панели Диспетчер объектов (Objects Manager), выделите Опорный (самый первый) прямоугольник из группы перетекания и установите им цвет заливки (#0Dbfb9).

Создаем падающую тень

Шаг 9. Создаем падающую тень

Выделите группу перетекания и нажмите иконку Ускорение (Acceleration) на панели свойств (Property Bar): установите ползунки Объект (Object) и Цвет (Color), как показано на рисунке.

Создаем падающую тень

Шаг 10. Создаем падающую тень

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

Создаем падающую тень

Шаг 11. Создаем падающую тень

Сгруппируйте (Ctrl + G) иконку книги, перетекание и круг вместе. Дублируйте круг (убедитесь, что копия полностью выровнена с оригинальным). Выделите группу иконки и перейдите в меню Объект > PowerClip > Поместить во фрейм (Object > PowerClip > Place Inside Frame). Выберите копию круга в качестве фрейма и иконка будет помещена внутрь круга.

Создаем падающую тень

Шаг 12. Финальное изображение

Отличная работа, поздравляем!

Ссылка на источник

Финальное изображение
Пример HTML-страницы

Также уроки которые могут вас заинтересовать

Комментарии 271

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

Яндекс.Метрика