Как нарисовать ленточку ко Дню борьбы со СПИДом в Иллюстраторе — как нарисовать ленту

01.05.2020

Размытие (Blur): 6 пунктов

Как нарисовать ленточку ко Дню борьбы со СПИДом в Иллюстраторе

как нарисовать ленту

Я приготовил урок, который поможет вам создать символическую ленточку в Adobe Illustrator, которую вы сможете использовать не только в связи с борьбой со СПИДом, но и для любых других целей, где вам может понадобиться векторная ленточка.

Шаг 1. Создание ленточки

Создайте новый документ в Иллюстраторе. Далее используя Инструмент Прямоугольник — Rectangle Tool (M) нарисуйте небольшой прямоугольник. Теперь перейдите в меню Эффект > Деформация > Арка (Effects > Warp > Arch) и примените следующие настройки:

выберите пункт По горизонтали (Horizontal)

— Изгиб (Bend): 79%

Раздел Искажение

— По горизонтали (Horizontal): 0%

— По вертикали (Vertical): 12%

как нарисовать ленту

Шаг 2. Создание ленточки

Расширьте вашу фигуру перейдя в меню Объект > Разобрать оформление (Object > Expand Appearance). Далее используя Инструмент Выделение — Selection Tool (V) немного сузьте фигуру. В итоге мы получили петлю нашей ленточки.

как нарисовать ленту

Шаг 3. Создание ленточки

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

как нарисовать ленту

Шаг 4. Создание ленточки

Скопируйте созданную форму Ctrl + C > Ctrl + V, чтобы сделать левую часть ленточки. Отразите ее по вертикали, для этого выделите форму, кликните правой кнопкой мыши выберите Трансформировать > Зеркальное отражение (Transform > Reflect) и в открывшемся окне выберите пункт Ось: Вертикальная (Axis: Vertical)

как нарисовать ленту

Шаг 5. Создание ленточки

Используйте Инструмент Перо+ — Add Anchor Point Tool (+), чтобы добавить узел посередине нижней части правой и левой части ленточек (см. рисунок). Далее возьмите Инструмент Прямое выделение — Direct Selection Tool (А) и сместите только что добавленные узлы внутрь, чтобы сделать зубчики на концах ленты.

как нарисовать ленту

Шаг 6. Создаем внешний вид ленты

Выделите верхнюю маленькую часть ленты и откройте панель Градиент (Gradient), добавьте Линейный градиент (Linear Gradient) в качестве заливки формы. Я сделал градиент из 3 цветов, расположив их в 5 точках на линии градиентной заливки. Вот использованные цвета по порядку: #5C0404, #ED1C24, #F37359, #ED1C24, #6B2326.

как нарисовать ленту

Шаг 7. Создаем внешний вид ленты

На панели Слои (Layers) переместите часть ленты, которая идет справа налево выше двух других фигур. Далее примените к ней в качестве заливки Линейный градиент (Linear Gradient) из следующих цветов (в порядке размещения на шкале градиента): #BE2127, #ED1C24, #F2674D, #ED1C24, #921518.

Выставьте значение Угол (Angle): 54.7°.

как нарисовать ленту

Шаг 8. Создаем внешний вид ленты

Выберите вторую часть ленточки и примените еще один Линейный градиент (Linear Gradient) из следующих цветов (в порядке размещения на шкале градиента): #BE2127, #ED1C24, #F26762, #ED1C24, #811F21, #EE3524

Выставьте значение Угол (Angle): -24.6°.

как нарисовать ленту

Шаг 9. Создаем внешний вид ленты

Сгруппируйте все три фигуры (Ctrl + G) и в меню выберите Эффект > Стилизация > Тень (Effect > Stylize > Drop Shadow)

Режим наложения: Умножение (Multiply);

Непрозрачность (Opacity): 30%;

Сдвиг по оси Х (Х Offset): 20 пунктов;

Сдвиг по оси Y (Y Offset): — 3 пункта;

Размытие (Blur): 6 пунктов

Цвет (Color): #44383B

как нарисовать ленту

Шаг 10. Создаем внешний вид ленты

Нарисуйте квадрат по размеру монтажной области (Artboard) и поместите его на задний план (Shift + Ctrl + [ ). Примените в качестве заливки Радиальный градиент (Radial Gradient) от цвета #F3F0E1 к цвету #353542. Отредактируйте радиус так, как считаете нужным.

как нарисовать ленту

Шаг 11. Изменение цвета ленточки

Если вам понадобится сделать эту ленточку другого цвета, это очень просто. Выделите нужный объект, затем перейдите в меню Редактирование > Редактировать цвета > Перекрасить графический объект (Edit > Edit Colors > Recolor Artwork). Поставьте галочку в окошке Перекрасить объект (Recolor Artwork) и далее начинайте изменять каждый цвет по отдельности. Старайтесь выбирать подобные по яркости цветовые оттенки для замены, т.е. темные цвета заменяйте темными, а светлые – светлыми.

как нарисовать ленту

Шаг 12. Изменение цвета ленточки

Таким образом вы можете быстро и просто переделать символическую ленточку ко Дню борьбы со СПИДом в ленточку в символическую ленточку Борьбы с раком груди.

как нарисовать ленту

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

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

Источник: http://sveres.ru/lessons/risovanie/kak-narisovat-lentochku-ko-dnyu-borby-so-spidom-v-illyustratore.html

Быстрое и легкое создание лент

В сегодняшнем уроке Фотошопа я покажу Вам, как быстро и легко нарисовать ленты в Photoshop. Начнём…

Что мы будем создавать

Создание левой стороны ленты

Итак начинаем, создаем новый документ (Ctrl + N) размером 800 x 400 px с фоном/эффектами, которые Вам больше нравятся.

Устанавливаем цвет переднего плана #656565, затем выделяем инструмент “Rectangle Tool” (U) со следующими настройками:

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

Теперь нам нужно растянуть второй прямоугольник, но вычесть его из исходного прямоугольника. Для этого выберите инструмент «Rectangle Tool» (U), затем выберите параметр «Subtract From Shape Area» в верхней части панели настроек. После этого растягиваем второй прямоугольник поверх исходного прямоугольника, как только вы растянете его, вы должны будете увидеть часть, которая перекрывается и исчезает.

Быстрый совет:
Убедитесь что на слое выбраны пути (path) перед вычитанием.

Создание складки

С помощью инструмента “Rectangle Tool” (U) создаем маленький прямоугольник такой же высоты, каким будет кончик ленты, но не такой широкий, затем переходим в меню “Edit > Transform > Perspective”. Перетаскиваем верхнюю левую угловую точку вниз, пока Вы не получите такое же изображение, как показано ниже:

После того, как складка была создана, добавляем стиль gradient overlay на слой “Ribbon End Layer”, используя настройки, показанные ниже:

Теперь добавляем стиль слоя gradient overlay на слой “Fold Layer”, используя настройки, показанные ниже:

У Вас должно получиться что-то похожее на это:

как нарисовать ленту

Создание лицевой стороны ленты

С помощью инструмента “Rectangle Tool” (U) растягиваем прямоугольник такой же высоты, как
меньшая часть складки и такой длины, какой будет Ваша лента.

как нарисовать ленту

Теперь добавляем стиль слоя gradient overlay на слой the “Ribbon Layer”, используя настройки, показанные ниже:

У Вас должно получиться что-то похожее на это:

Добавление правой части ленты

Создание правого края ленты – это проще простого, выделяем слои “Left Ribbon End Layer” и “Left Ribbon Fold Layer”, затем нажимаем правой кнопкой мыши и переходим на пункт “Duplicate Layer(s)”.

Быстрый совет:
Сделать множественное выделение можно, зажав кнопку CTRL на клавиатуре.

С выделенными дублированными слоями переходим в меню “Edit > Transform > Flip Horizontal”. Теперь перетаскиваем прямоугольники по другую сторону ленты. Если у Вас включены настройки освещения global lighting settings Вы можете изменить угол градиента, так как это сделано с левой стороны.

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

Источник: http://photoshoplove.ru/webgraphics/71-bystroe-i-legkoe-sozdanie-lent.html

Рисуем ленту, бант используя Фотошоп

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

Категория: Эффекты

Сложность: Средняя

Дата: 20.04.2013

Обновлено: 17.06.2015

1. Создайте новый файл — цвет фона неважен (у меня — белый), поскольку работа будет вестись на дополнительных слоях. Размер файла приблизительно 2000 х 600 пикселей, разрешение файла 300 пикселей на дюйм. В принципе, размер можете ставить по желанию, а высокое разрешение позволит добиться более качественного результата.

Создайте новый прозрачный слой (Ctrl+Shift+Alt+N).

Выберите инструмент Gradient Tool (Инструмент «Градиент» / Клавиша «G») и настройте собственный градиент, например, вот такой:

как нарисовать ленту

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

как нарисовать ленту

2.

а). Выберите инструмент Magic Wand Tool (Инструмент «Волшебная палочка» / Клавиша «W») и в режиме «добавить к выделенной области» выделите прозрачные области слоя ниже и выше полосы градиента. Затем инвертируйте выделение (Sift+Ctrl+I), чтобы выделенной оказалась залитая градиентом полоса.

б). Создайте новый слой ниже слоя с градиентом и залейте полученное прямоугольное выделение белым цветом.

в). Создайте ещё один новый слой — теперь выше слоя с градиентом. Выберите инструмент Paint Bucket Tool (Инструмент «Заливка» / Клавиша «G») с настройкой в виде заливки узором и залейте Ваше выделение одним из текстурных узоров — можно выбрать стандартный, например — вот этот:

как нарисовать ленту как нарисовать ленту

3. Идем в инструменты цветокоррекции. Выбираем через меню Image — Adjustments — Hue/Saturation (Изображение — Коррекция — Цветовой тон/Насыщенность / Клавиши «Ctrl+U»), ставим галочку на режиме Colorize (Тонирование).

как нарисовать ленту

. и тонируем нашу черно-белую текстурку. Затем меняем режим наложения этого слоя — Hard Light (Жесткий свет):

как нарисовать ленту

Теперь с нажатым Shift выделяем все три слоя (с белой полоской, с полоской, залитой градиентом и с полоской, залитой текстурой) и жмём Ctrl+Е, чтобы слить слои в один. Основа для будущей ленты готова.

4. Создаем еще один новый файл — у меня 1800 х 1800 пикселей с разрешением 300 пикселей на дюйм. Цвет фона — по Вашему желанию, главное, чтобы он был контрастным по отношению к цветам ленточки. Перетаскиваем нашу ленточку на этот новый файл инструментом Move Tool (Инструмент «Перемещение» / Клавиша «V») (или выделяем её, копируем (Ctrl+C), переходим на новый файл и вставляем туда скопированное (Ctrl+V)). Делаем несколько слоёв-копий с ленточкой — можно простым перетаскиванием выбранного слоя в палитре слоёв на значок «Create a new layer» (Создать новый слой):

как нарисовать ленту

5. Приступаем к монтированию банта. Выбираем один из слоёв-копий, вызываем инструмент Free Transform (Редактирование — Свободное трансформирование / Сочетание клавиш «Ctrl+T»), и выбираем режим Warp (Деформация).

ВНИМАНИЕ: Если Ваша версия Photoshop более ранняя, чем CS-2, то вместо Warp-а (которого в более ранних версиях просто нет) можно использовать Filter — Liquify (Фильтр — Пластика).

Деформируем ленточку примерно вот так:

как нарисовать ленту

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

как нарисовать ленту

7. По тому же принципу изгибаем следующие 2 слоя, чтобы получить вторую сторону банта. «Лишние» куски лент выделяем и удаляем. Для удобства дальнейшей работы объединяем слои, составляющие каждую петельку, в группы. То есть создаём новую группу и на палитре слоёв перетаскиваем в неё два слоя, составляющие одну из петелек банта. Затем создаём ещё одну группу — перетаскиваем туда вторые два слоя. Бант вполне может быть и попышнее — достаточно скопировать уже имеющиеся группы с петельками, затем с помощью трансформации поворота, сдвига искажения и перспективы (соответственно — Rotate, Skew, Distort и Perspective) покрутить и погнуть получившиеся группы-петельки, разместив их примерно вот так:

как нарисовать ленту

8. Бант должен иметь узелок. Используя инструмент Rectangular Marquee Tool (Инструмент «Прямоугольная область» / Клавиша «M») выделяем небольшой кусочек ленточки со слоя, еще не подвергавшегося трансформации.

как нарисовать ленту

. копируем выделенное (Ctrl+C) и вклеиваем на новый слой (Ctrl+V). Полученный кусочек трансформируем, примерно вот так:

как нарисовать ленту

9. Оставшийся не трансформированным последний слой с ленточкой дублируем. Изгибаем с помощью трансформации каждую ленточку, чтобы получить свободные концы ленты. Свой бант я решила сделать полупрозрачным, для чего у каждого из полученных слоёв (и внутри групп в том числе) я меняю режим наложения слоя с Normal (Нормальный) на Hard Light (Жесткий свет) (в зависимости от цвета Вашего банта и цвета фона Вы можете выбрать какой-нибудь другой режим наложения):

как нарисовать ленту

Теперь оживляем наш бантик, чтобы ленты выглядели более реалистично. При завязывании лента неизбежно сминается, собираясь в складочки. Добавим складочек нашему бантику:

10. Создадим собственный чёрно-белый непрозрачный градиент, примерно вот такой:

как нарисовать ленту

11. Заливаем этим градиентом в линейном режиме новый слой, созданный поверх всех имеющихся, примерно вот так:

как нарисовать ленту

12. Слой с градиентом тонируем с помощью инструментов цветокоррекции, например так же, как тонировали в самом начале урока слой с чёрно-белой текстурой. Это делается, чтобы избежать чересчур резких теней в складках. Меняем режим наложения на Multiply (Умножение), чтобы видеть расположенные ниже слои. Создаём копию слоя.

как нарисовать ленту

13. Далее деформируем полученный градиент с помощью Filter — Liquify (Фильтр — Пластика), примерно вот так:

как нарисовать ленту

14. Теперь с помощью трансформации (Ctrl+T) разворачиваем слой и размещаем так, чтобы будущие складочки совпали с одной из ленточек. Применяем к слою с градиентом маску слоя и мягкой круглой кистью большого диаметра закрашиваем на маске чёрным цветом всю ненужную часть слоя, после чего можно подыскать другой режим наложения для складочек (я взяла Linear Burn (Линейный затемнитель)):

как нарисовать ленту как нарисовать ленту

15. Теперь на ваш выбор – или копируем уже деформированный слой с маской и накладываем на оставшиеся фрагменты банта, или повторяем с недеформированной копией слоя предыдущие 2 шага. Можно на одну и ту же часть банта положить не один, а два или три слоя с градиентом, развёрнутые и деформированные немножко по-разному + с разными режимами наложения. Это позволит создать более интересную игру свето-теней на складочках:

как нарисовать ленту

16. Далее предлагаю создать парочку новых слоёв поверх всех имеющихся и залить их новым непрозрачным линейным градиентом. Заливаем по диагонали – например, один слой из верхнего левого угла в нижний правый, а второй слой – из верхнего правого в нижний левый. Я сделала вот такой градиент (внизу на скриншоте – кусочек палитры слоёв с иконками того, что на этих слоях получится в результате):

как нарисовать ленту

17. Ну, и остаётся еще раз воспользоваться сменой режимов наложения слоя. На одном из полученных слоёв (верхнем) я поставила режим Hue (Цветовой тон), на втором – Overlay (Перекрытие). Можно еще подправить ластиком или с помощью маски слоя неаккуратные краешки лент, слегка «размазавшиеся» во время трансформации. Можно на отдельном слое в режиме Multiply (Умножение) добавить немного теней темной полупрозрачной широкой круглой кистью с мягким краем – на закруглениях ленты, на загибах, внутри петелек. Вот и все.

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

Финальный результат как нарисовать ленту

Источник: http://photoshoplessons.ru/effect/risuem-bant

Как нарисовать ленточку

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

Вам понадобится

Инструкция

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

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

3. В местах, где линии делают повороты, имитируя изгибы ленты, объедините волнистые линии перпендикулярными им прямыми отрезками. На концах ленты эти соединительные отрезки могут быть не перпендикулярными, а идти под углом 45 градусов либо вообще быть V-образной формы, как изредка обрезают концы ленточек.

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

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

6. Нарисуйте мягкий изгиб ленты, покажите глубину и объем крыльев банта. В центре, впритирку к узлу, лента дюже сжата, следственно нарисуйте лучеобразно идущие от узла черточки, изображающие складки. Крыльев у банта может быть несколько – такой бант будет напоминать пышный цветок.

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

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

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

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

Совет 2: Как нарисовать план участка

Делать заблаговременные расчеты и составлять планы значительно проще и комфортнее на бумаге, нежели чем на самом участке. Нарисовав план вашего участка, вам будет легко поправить все допустимые ошибки. А как следует чертить план садового участка? Есть несколько нюансов.

Вам понадобится

Инструкция

1. Черновой вариант чертежаСделайте замеры основных элементов участка (тропинки, деревья и кусты, гараж и т.д.) и запишите их (не надобно рисовать на плане тех элементов, которые вам не необходимы на новом участке). Наносите объекты на план, примитивно измерив расстояние от них до границ участка под прямым углом. Если участок непрямоугольный, легко натяните веревку под прямыми углами к его сторонам и сделайте нужные замеры. Запомните, что черновой чертеж должен быть максимально простым, наносите на него лишь основные измерения.

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

3. Если участок имеет небольшую площадь, эскиз дозволено рисовать на стандартном листе бумаги, если участок крупной, то эскизы отдельных частей рисуйте на нескольких листах, но сделайте всеобщий план на большом листе миллиметровки. Что касается масштаба, то для маленьких участков подойдет масштаб 1:50, для участков значительных размеров масштаб выбирайте 1:100.

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

Видео по теме

Совет 3: Как нарисовать волнистую линию

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

Вам понадобится

Инструкция

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

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

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

4. Дабы нарисовать волнистую линию в фотошопе, нужно иметь правда бы базовые навыки работы в программе. Для новичков куда комфортнее в этом плане окажется Paint. Там волна рисуется по дальнейшему алгорифму:• На панели инструментов выберите соответствующий значок волнистой линии;• Поставьте на экран курсор в то место, откуда она будет брать предисловие, щелкните левой кнопкой мыши;• Удерживая кнопку, проведите курсор в финальную точку, после этого отпустите; • Должна получиться прямая;• Зрительно обозначьте 2 точки с одной либо 2-х сторон от линии, куда будут направлены гребешки волны;• Поочередно наведите курсор в те места и с поддержкой одинарного щелчка левой кнопкой сделайте волну (держать кнопку не надобно).

Видео по теме

Обратите внимание!
Вставка — Фигуры — Линии — Кривая — кликаете там, где у вас будет перегибы линии, в конце двойственный щелчок.

Полезный совет
Две точки соединятся друг с ином. Продолжайте делать так, пока у вас не получится фигура формы W как на рисунке. Дабы нарисовать новую линию, кликните по инструменту Selection (Выделение) (иконка черная стрелочка), после этого вновь кликните по инструменту Pen (Перо). Closing a Path. Дабы закрыть путь, кликните по исходной точке. Рисуем Волнистую Линию. Кликните по линии и протяните, дабы сделать линию изгибистой. Меняем Направления Путей.

Источник: http://jprosto.ru/kak-narisovat-lentochku/

Рисуем трехцветную ленту со значком (перевод)

как нарисовать ленту

Шаг 1

Нарисуйте прямоугольник, приблизительно в четыре раза более высокий, чем широкий. Вы можете сделать это от руки, или автоматически, щелкнув единожды на рабочей поверхности Инструментом Прямоугольника Rectangle Tool (M) и указав в окошке нужные размеры.

как нарисовать ленту

Шаг 2

Пойдите в Effect > Warp > Arc и укажите небольшой горизонтальный изгиб, и отрицательное горизонтальное искажение. Ваш деформированный прямоугольник станет похож на тот, что на рисунке ниже. После этого фигуру нужно разобрать: пойдите в Object — > Expand appearance.

как нарисовать ленту

как нарисовать ленту

Шаг 3

Используйте Add Anchor Point Tool (+) и добавьте точку к верхней части формы. затем возьмите Direct Selection Tool (A) и сдвиньте новый пункт как показано.

как нарисовать ленту

Шаг 4

Выберите Инструмент Convert Anchor Tool (Shift + C) и щелкните один раз на верхней правой точке. Это сделает угол более острым. Сделайте то же самое с левой точкой . Теперь с помощью направляющих сделайте так, чтобы вершина формы была волнистой. Получающаяся форма должна быть похожей на изображение ниже.

как нарисовать ленту как нарисовать ленту как нарисовать ленту

Шаг 5

Поверните форму так, чтобы левый край был под углом 90. Это удобнее делать, включив View>Smart Guides (Ctr+U).

как нарисовать ленту

Удостоверьтесь, что два главных пункта находятся на одной прямой, параллельной полу. Если это не так, то подравняйте их с помощью Direct Selection Tool (А). У Вас теперь есть основная форма «сгиба».

как нарисовать ленту

Шаг 6

Выберите форму сгиба и удерживая клавишу ALT, потяните вниз приблизительно на одну треть, чтобы сделать копию. Нажмите Ctr+D, чтобы сделать другую копию. Мы разделим сгиб на три секции.

Используйте Инструмент Shape Builder Tool (Shift + M), чтобы вычесть лишние формы. Зажатая клавиша ALT заставит инструмент вычесть. Затем нажмите на каждую из 3-х секций так, чтобы они стали отдельными формами (помните, что этот инструмент доступен только в Illustrator CS5).

как нарисовать ленту

Для Illustrator CS4 и более ранних версий, Вы можете выбрать три формы, затем нажать функцию Divide в палитре Pathfinder. Используйте Direct Selection Tool(А), чтобы удалить нежелательные формы.

как нарисовать ленту

Шаг 7

Создайте градиент с четырьмя оттенками, как на изображении ниже.

как нарисовать ленту

Шаг 8

Закрасте с помощью Gradient tool (G) главную форму под небольшим углом. Используйте Gradient Annotator, чтобы поместить градиент так, чтобы основные моменты и тень следовали за кривыми формы, как на изображении ниже.

как нарисовать ленту

Шаг 9

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

как нарисовать ленту

как нарисовать ленту как нарисовать ленту

Шаг 10

Создайте круг, диаметром в два раза больше формы. Таким образом, радиус круга должен быть равен высоте формы. Выделив круг, пойдите в View > Guides > Make Guides ( Ctr + 5). Вытяните вертикальную направляющую, которая делит пополам круг.

как нарисовать ленту как нарисовать ленту

Шаг 11

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

как нарисовать ленту

Шаг 12

Нарисуйте вертикальную линию, используя Line Segment Tool (\) или Pen Tool (P), по левому краю формы. Протяните эту линию до центра круга. Чтобы это было проще сделать, включите Smart Guides (Ctr+ U). У этой линии может быть любой цвет — это только «помощник» и линия будет удалена позже. Сгруппируйте новый путь и трехцветную форму.

как нарисовать ленту

Шаг 13

Пойдите в Effect > Distort & Transform > Transform. Поставьте флажок около Preview . Щелкните на нижний квадратик в сетке из 9-ти квадратиков (в окошке справа). Это будет ориентиром для эффекта преобразования. Укажите примерно 12 в поле Rotate. Вы будете видеть предварительное вращение на экране. Удостоверьтесь, что вращаемая форма наложится на оригинал. Используйте клавиши «вверх» или «вниз», чтобы изменить угол вращения.

как нарисовать ленту

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

как нарисовать ленту

Шаг 14

Пойдите в Object > Expand Appearance. Теперь выберите те вспомогательные линии с помощью Direct Selection Tool (A) и нажмите клавишу DELETE дважды, чтобы удалить их.

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

как нарисовать ленту

Шаг 15

Нарисуйте круг . Пойдите в Effect > Distort & Transform > Zig Zag. Выберите Smooth и Укажите 15 в Ridges. Выбрав фигуру, пойдите в Object > Expand Appearance, затем и поместите эту форму в центр основной.

как нарисовать ленту

Шаг 16

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

Скопируйте этот круг и разместите его позади первого. Заполните копию оттенком голубого цвета, и сместите ее чуть вверх и влево.

Разместите эти круги сверху волнистого круга.

как нарисовать ленту

Шаг 17

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

как нарисовать ленту

Шаг 18

Возьмите Инструмент Convert Anchor Tool (Shift + C), и потяните верхний левый пункт так, чтобы левая сторона ленты была изогнута. Сделайте это с правым верхним углом, затем подравняйте линии с помощью Direct Selection Tool. Сделайте еще две копии ленты, заполните их красным и белым градиентом.

как нарисовать ленту

Шаг 19

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

как нарисовать лентуПомните наложение в Шаге 14? Вращайте ленточки таким образом, чтобы они закрыли это наложение!!

как нарисовать ленту

У вас остались вопросы или есть что добавить по теме статьи? Напишите в комментариях.

Источник: http://sheko.ru/adobe-illustrator/uroki/lentu-so-znachkom

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *