Как сделать градиент в индизайне

Инструмент «Градиент» и панель «Градиент» в InDesign CC

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

Градиент по умолчанию в InDesign от черного до белого, но возможны и другие градиенты.

Создать образец градиента с помощью панели «Образцы»

Adobe рекомендует создавать новые градиенты с помощью панели «Образцы», где вы можете создать новый градиент, назовите его и отредактируйте. Позже вы примените свой новый градиент с помощью инструмента «Градиент». Чтобы создать новый градиент на панели «Образцы»:

1. Перейти к Swatches панели и выберите Новый образец градиента.
2. Добавьте имя для образца в указанном поле.
3. Выберите либо линейный или же радиальный.
4. Для параметра «Остановить цвет» выберите Swatches и выберите цвет из списка или смешайте новый безымянный цвет для градиента, выбрав цветной режим и перетащите ползунки или введя значения цвета.
5. Измените последнюю остановку цвета, щелкнув ее, а затем повторите тот же процесс, что и в шаге 4.
6. Перетащите указатель цвета под панель, чтобы отрегулировать положение цветов. Перетащите алмаз над планкой, чтобы отрегулировать положение, при котором цвета составляют 50 процентов.
7. Нажмите добавлять или же Хорошо для сохранения нового градиента на панели «Образцы».

Продолжить чтение ниже

Создание или редактирование градиента с помощью панели «Градиент»

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

1. Нажмите на объект с градиентом, который вы хотите изменить, или хотите добавить новый градиент.
2. Нажмите заполнить или же Инсульт в нижней части панели инструментов.
3. Откройте панель «Градиент», нажавОкно >цвет >градиентили нажавградиент инструмента в панели инструментов.
4. Выберите цвет для начальной точки градиента, щелкнув крайний левый стоп под панелью, а затем перетащите образец с панели «Образцы» или создайте цвет на панели «Цвет». Если вы редактируете существующий градиент, внесите корректировки, пока не достигнете желаемого эффекта.
5. Выберите новый цвет или отредактируйте цвет для последней остановки таким же образом, как на предыдущем шаге.
6. Перетащите указатели цвета и алмаз, чтобы настроить градиент.
7. Введите угол если это необходимо.
8. Выбрать линейный или же радиальный.

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

Продолжить чтение ниже

Используйте инструмент «Градиент» для применения градиента

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

Инструмент «Градиент» применяется в зависимости от того, какой тип градиента выбран на панели «Градиент».

Вы можете изменить градиент, нажав на элемент с градиентом, а затем нажавЗадний ход в панели «Градиент».

Одновременное применение одного градиента к нескольким элементам.

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

Изменение средних точек на градиентах

На панели «Градиент» средняя точка между двумя цветами градиента — это где у вас есть 50 процентов одного цвета и 50 процентов другого цвета. Если вы создаете градиент с тремя цветами, то у вас есть две средние точки.

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

Эти настройки нельзя настроить с помощью инструмента «Градиент».

Инструмент «Ножницы» в Adobe InDesign

Узнайте все о том, как работает инструмент «Ножницы» в Adobe InDesign и в каких проектах он будет работать максимально.

Настройка пользовательских звуков «Новая почта» и «Отправленная почта» iPad

Знаете ли вы, что вы можете изменить звук новой почты, появляющейся на iPad? Вы также можете изменить звук по умолчанию для отправки электронной почты.

Руководство по «Ultimate», «GOTY» и «Complete» Editions

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

Градиенты

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

Градиенты могут включать цвет «Бумага», триадные, плашечные цвета или цвета смесевых красок, использующие любой цветовой режим. Градиенты определяются набором цветовых узлов в палитре выбора градиента. Точка узла градиента представляет собой точку, в которой осуществляется переход градиента из одного цвета в другой, она обозначается цветным квадратом под палитрой выбора градиента. По умолчанию градиент создается с использованием двух цветов и средней точкой перехода на 50 %.

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

Создание образца градиента

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

Чтобы выбрать цвет, который уже присутствует в палитре «Образцы», выберите «Образцы» и укажите цвет из списка.

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

Совет. По умолчанию первому цветовому узлу градиента присваивается белый цвет. Чтобы сделать его прозрачным, примените образец «Бумага».

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

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

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

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

Применение безымянного градиента с использованием палитры «Градиент»

Хотя создавать и сохранять градиенты рекомендуется с помощью палитры «Образцы», можно также работать с градиентами, используя палитру «Градиент» («Окно» > «Цвет» > «Градиент»). Возможно, вы уже знакомы с ней, если работали с программой Adobe Illustrator. В любой момент в палитру «Образцы» можно добавить текущий градиент. Палитра «Градиент» удобна для создания безымянного градиента, который не предполагается часто использовать.

A. Градиентная заливка B. Меню «Тип градиента» C. Кнопка «Инверсия» D. Начальная контрольная точка цвета E. Средняя точка F. Конечная контрольная точка цвета

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

Чтобы открыть палитру «Градиент», выберите меню «Окно» > «Цвет» >«Градиент» или дважды щелкните инструмент «Градиент» на панели «Инструменты».

Перетащите образец из палитры «Образцы» на контрольную точку цвета.

Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), щелкните цветовой образец в палитре «Образцы».

В палитре «Цвет» создайте цвет, используя ползунки или цветовую шкалу.

Изменение градиентов

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

Можно изменять градиенты, вставленные из программы Adobe Illustrator, при условии, что градиент был вставлен с использованием формата AICB (Adobe Illustrator Clipboard), См. раздел Вставка графических объектов Illustrator в InDesign. Чтобы выделить градиент, используйте инструмент «Частичное выделение».

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

Добавление промежуточных цветов в градиент

Можно также перетащить образец из палитры «Образцы» на панель выбора градиента в палитре «Градиент», чтобы определить новую контрольную точку цвета.

Удаление промежуточного цвета из градиента

Реверс последовательности цветов градиента

В палитре «Градиент» нажмите кнопку «Инверсия» .

Настройка градиента с помощью инструментов «Градиент»

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

Перетаскиванием инструмента «Градиентная растушевка» по градиенту обеспечивается постепенное смягчение цветов градиента в пределах области перетаскивания.

Применение градиента к нескольким объектам

Выберите инструмент «Градиент» и расположите его в точке, где необходимо определить начальный узел градиента. Перетащите курсор мыши по объекту в направлении, в котором должен быть применен градиент. Удерживайте нажатой клавишу «Shift», чтобы ограничить движение инструмента углом, кратным 45°.

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

Применение градиентов к тексту

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

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

A. Нижележащая градиентная заливка B. Символы текста с примененным градиентом C. Добавленный текст и смещение положения текста относительно градиентной заливки

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

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

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

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

Несколько градиентов в одном текстовом фрейме

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

Adobe InDesign CC – градиенты и смеси

Использование градиентов может придать документу большие эффекты. Для использования градиентов создайте пустой образец градиента, перейдя к параметрам панели « Образцы», выбрав « Новый образец градиента» и нажав «ОК».

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

В этом случае цвет градиента по умолчанию от белого до черного. Нажав на первую остановку (маленький белый значок) в градиентной рампе, вы можете определить цвет CMYK, который вы хотите использовать в качестве начальной точки градиента. Вы также можете изменить это значение с RGB на Lab, выбрав соответствующую опцию в раскрывающемся меню Stop Color .

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

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

Если вы хотите удалить какие-либо из градиентных остановок, щелкните и перетащите остановку из рампы.

Смешивание градиентов

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

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

Для точной настройки градиентов выберите панель « Градиент» и настройте начальную и конечную точки градиента.

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

How to Create Gradients in Adobe InDesign

Jonathan Lam Last updated Dec 12, 2019
What You’ll Be Creating

In the following tutorial, I’m going to show you how to create gradients in InDesign. I’ll then show you how to save and load gradients for future projects in your InDesign templates and projects.

Follow along with us over on our Envato Tuts+ YouTube channel:

1. How to Make a Gradient in InDesign

Step 1

To create a gradient in InDesign, you must first have access to both the Gradient panel (Window > Color > Gradient) and the Gradient Tool (G) (usually located in the left toolbar).

The Gradient panel is used to define the type of gradient and the colors, and the Gradient Tool is used to apply the gradient to your objects.

Step 2

The Gradient panel will select a white and black gradient by default. To apply this gradient to an object, select the Gradient Tool and click on an object (for this tutorial we will use a square shape as an example).

Step 3

To define the gradient colors in the Gradient panel, you must first open up the Swatches panel. Access the Swatches panel by going to Window > Color > Swatches.

Once you have the Swatches panel open, you need to select a color swatch that you want to use (e.g. the blue color), and then click and drag it from the Swatches panel and drop it on the color stop in the Gradient panel.

Step 4

Define the ending color by repeating the same steps and dragging a color swatch on the end color stop.

Step 5

Once the colors have been defined, you can choose to adjust the location of the starting point and/or the end point. This will change the look and smoothness of the gradient. To do this, click and drag the color stop left or right until you are happy with the result.

Step 6

To edit the look of the gradient further, you can adjust the location of the midpoint (represented by the diamond icon). This is where the gradient displays an even mix of both the starting and ending colors. To do this, simply drag the diamond left or right.

Step 7

You can also add extra colors to your gradient. To do this, you need to drag a color from the Swatches panel into the Gradient panel.

Step 8

To delete color stops, simply click and drag the stop down until it disappears.

Step 9

You can also adjust the angle of the gradient. This is done by entering a value in the Angle box.

2. How to Save a Gradient in InDesign

Step 1

To save a new gradient that you have created, you must add it to the Swatches. Select the object with the gradient that you want to save applied to it. Open up the Swatches panel and click on the New Swatch button.

Step 2

This will save your gradient as a swatch called ‘New Gradient Swatch’ by default. You can double-click on it to change the name.

3. How to Load a Gradient in InDesign

Step 1

To load the gradient in InDesign, you need to access the Swatches panel by going to Window > Color > Swatches.

Step 2

If you saved your gradient previously, the gradient will appear in the Swatches panel. Simply select it and use the Gradient Tool to apply it.

Awesome! You’re Finished!

Congratulations! You have successfully completed this tutorial. I hope you found this tutorial helpful and that you’ve learned many new tips and tricks that you can use for your future illustrations and designs. See you next time!

Learn More Gradient Skills!

Now that you have learnt the basics of creating, saving and loading gradients, check out the tutorials below! Expand your expertise by going through these in-depth guides. Happy designing!

How to Create 5 Awesome Gradient Effects in Adobe InDesign

How to Create Transparent Water Droplets With Gradient Mesh in Adobe Illustrator

How to Create a Cartoon Gradient Text Effect in Adobe Photoshop

How to Draw an Abstract Gold Background in Adobe Illustrator Using Gradient Mesh