Золотая лента для надписи фотошоп

Обновлено: 28.04.2024

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

Подробности урока

Программа: Adobe Illustrator CS5-CC
Сложность: средняя
Рассматриваемые темы: построение фигур, инструменты деформации, смещение контуров.
Расчетное время выполнения: 30 минут.

Окончательное изображение: вектор баннера с золотой лентой

Шаг 1 для создания векторов ленточных баннеров

Давайте начнем с наброска основных фигур, используемых для векторов вашего баннера на ленте. Будут ли они развеваться, как флаги, быть прямыми, вписываться друг в друга или изгибаться в разные стороны? Используйте инструмент Paintbrush Tool (B) с простой круглой каллиграфической кистью, чтобы набросать их. Сгруппируйте (Control-G) дизайны, которые вам нравятся, и зафиксируйте их на панели «Слои» (или переместите их за пределы монтажной области).

Шаг 2

Шаг 3

Нарисуйте два маленьких прямоугольника по обеим сторонам векторной фигуры баннера с изогнутой лентой (с помощью инструмента «Прямоугольник»). Инструментом Pen Tool (P) нарисуйте треугольник на любом маленьком прямоугольнике. Выберите прямоугольник и соответствующий ему треугольник и Минус передний в панели Обработки контуров. Поместите эти части под форму изогнутой ленты на панели «Слои».

Шаг 4

Для следующей векторной формы ленточного баннера нарисуйте узкий горизонтальный прямоугольник и примените два эффекта деформации: подъем с изгибом 31 % и флажок с изгибом 20 %.

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

Еще раз начните с узкого горизонтального прямоугольника. Примените к нему два эффекта деформации: «Верхняя оболочка» с изгибом 10% и «Дуга» с изгибом 9%. Разверните в разделе «Объект».

Шаг 9

Нарисуйте два маленьких прямоугольника по обе стороны от только что деформированного вектора баннера ленты. Примените к каждой эффект Арки с Изгибом 17% и слегка поверните обе фигуры наружу (см. ниже).

Шаг 10

Создайте два конца ленты, как это было сделано в шаге 3. Примените два эффекта деформации: дуга с изгибом 23% и флаг с изгибом 18%. Скопируйте (Control-C) и Вставьте (Control-V) конец ленты и отразите его по вертикальной оси, чтобы он хорошо располагался на другой стороне баннера.

Шаг 11

Теперь, когда мы создали наши основные векторные фигуры баннера ленты, давайте приступим к их визуализации. Большинство векторов баннеров будут иметь несколько слоев, созданных путем смещения путей каждой формы. Для этого выберите фигуру, которую вы смещаете, и перейдите в «Объект» > «Контур» > «Смещенный контур». Сместите фигуру на -4 пикселя и повторите еще раз для только что созданной фигуры, чтобы у вас было три слоя друг над другом. Если вам нужна более толстая или более тонкая векторная форма баннера ленты, отрегулируйте величину смещения по мере необходимости.

Шаг 12

Шаг 13

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

Шаг 14

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

Шаг 15

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

Шаг 16

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

Шаг 17

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

Все, что блестит…

Все, что блестит, — золото, и эти векторные баннеры с лентами, безусловно, фантастически блестят. Добавьте блестящие фигуры с помощью инструмента Blob Bush Tool (Shift-B) или Pencil Tool, чтобы подчеркнуть законченный дизайн баннера. Играйте с более сложными формами сложенных лент, другими металлическими элементами и дополнительными золотыми графическими рисунками. Приятного творчества!

Автор: Мэри Винклер

5 мыслей о «Позолоте с этим учебным пособием по векторному баннеру с золотой лентой»

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

Золотая волна и золотой блеск на черном фоне.

Реалистичный лавровый венок

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

Золотая волна и золотой блеск на черном фоне.

Реалистичный свадебный фон

Золотая рамка с баннером из бежевой ленты

Винтажный дизайн этикетки с композицией букв

Розовый фон из воздушных шаров для дизайна баннера ко дню святого Валентина

Серебряные сургучные печати с лентами

Абстрактный шаблон горизонтального баннера

Рекламный набор восковых штампов с шестью изолированными вафлями на прозрачном фоне с силуэтными текстовыми эмблемами

Постер из старой бочки с украшением и лентой в винтажном стиле

Набор наклеек с красными стрелками

Травяной фон с луговыми цветами

Прозрачный набор восковых штампов, реалистичная 3d-коллекция изолированных изображений восковых печатей с пустым кругом

Дизайн шаблона логотипа со стрелкой роста

Абстрактные волновые линии фоновой композиции векторной иллюстрации

Векторная иллюстрация абстрактного волнового фона

Вектор дизайна рамы из золотых круглых шаров

Векторная иллюстрация абстрактной фоновой композиции

Абстрактные волновые линии фоновой композиции векторной иллюстрации

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

Пустой набор значков и этикеток для серебряных премий

Счастливая девушка жонглирует мячами на фоне палатки

С Днем Святого Валентина романтический элемент дизайна Валентина праздничный декоративный объект изолированный объект на белом фоне дизайн для баннера веб-плакат флаер брошюра обложка поздравительной открытки и другое

Набор из шести пустых серебряных медалей и значков

Абстрактные волновые линии фоновой композиции векторной иллюстрации

Счастливая девочка жонглирует мячами на синем фоне

Векторная иллюстрация абстрактной фоновой композиции

Скругленные значки с сертификатами