Как сделать заливку страницы в индизайне
Перейти к содержимому

Как сделать заливку страницы в индизайне

  • автор:

Как сделать заливку страницы в индизайне

Применение фоновой заливки

Фоновая заливка- это эффект, применяемый к содержимому фреймов или текста. Так что вы можете применять одну цветовую заливку к тексту внутри фрейма, а другую — к самому фрейму. (Будет очень трудно читать текст, если вы воспользуетесь одной и той же цветовой заливкой и для текста, и для фрейма.) Фон может быть однотонным или в виде градиента. (Для получения дополнительной информации о цветах и градиентах см. главу 5.)

Применение фоновой заливки к объекту

  1. Выберите объект.
  2. Удостоверьтесь, что пиктограмма Container (Контейнер) выбрана на панели инструментов или в палитре Swatches либо Color (рис. 6.1). После этого объект можно изменить.
  3. Щелкните по пиктограмме Fill (Фон) на панели инструментов или в палитре Swatches либо Color (рис. 6.2).
  4. Выберите цвет или градиент в палитрах Color, Gradient или Swatches.
  5. Вам необязательно выбирать объект, чтобы применить к нему фоновую заливку. Можно просто перетащить образец заливки на любой объект на странице.

Применение эффекта фоновой заливки перетаскиванием на объект

  1. Перетащите образец градиента или цвета с панели инструментов или из палитры Color, Gradient либо Swatches на объект (рис. 6.3).
  2. Отпустите кнопку мыши, когда образец окажется внутри объекта. Объект заполнится цветом или градиентом.

Рис. 6.1. Пиктограммы Container (обведены кружком) означают, что команда распространяется на объект, а не на текст

Рис. 6.2. Пиктограммы Fill (обведены кружком) означают, что команда распространяется на фон объекта

Рис. 6.3. Можно перетащить образец внутрь объекта, чтобы получить эффект заливки фона

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

Рис. 6.5. Пиктограммы Text (обведены кружком) означают, что команда влияет на весь текст внутри фрейма

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

К выбранному тексту в текстовом фрейме можно также применить цветовую заливку.

Применение заливки к выбранному тексту

  1. Используйте инструмент Text (Текст), чтобы выделить текст.
  2. Щелкните по пиктограмме Fill на панели инструментов или в палитре Swatches либо Color.
  3. Выберите образец в палитрах Color Gradient или Swatches (рис. 6.4).

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

Вы можете также применить заливку всему тексту во фрейме, выделив фреш.

Применение заливки ко всему тексту во фрейме

  1. Выберите текстовый фрейм, содерж щий текст, к которому хотите при нить заливку.
  2. Щелкните по пиктограмме Fill на нели инструментов или в палитре Swches либо Color.
  3. Щелкните по пиктограмме Text на па ли инструментов или в палитре Swa либо Color (рис. 6.5). Буква Т внутри пиктограммы Fill означает, что команда управляет текстом, а не фреймом.
  4. Выберите образец в палитрах Color , Gradient или Swatches.

Вы можете также применить градиент к тексту или объектам.

Применение градиентной заливки

  1. Щелкните по кнопке Fill на панели инструментов или в палитре Swatches либо Color, предварительно выбрав пиктограмму Container или Text .
  2. Щелкните по кнопке Gradient на панели инструментов (рис. 6.6).

Щелкните по образцу градиента в палитре Swatches или Gradient .

Как только вы применили заливку к объекту или тексту, можете изменить градиент, используя инструмент Gradient.

Чтобы изменить градиентную заливку

  1. Выберите объект, содержащий градиент, который нужно изменить.
  2. Выберите инструмент Gradient (Градиент) на панели инструментов (рис. 6.7).
  3. Перетащите его в направлении, которому должен следовать линейный градиент (рис. 6.8).

Перетащите его для определения начальной и конечной точек радиального градиента (рис. 6.9).

Начальная точка перемещения — начальный цвет Конечная точка — конечный цвет

Рис. 6.6. Пиктограмма Gradient на панели инструментов означает, что будут использоваться цвет или градиент

Рис. 6.7. Инструмент Gradient на панели инструментов позволяет изменять вид градиентов

Рис. 6.8. Перетащите инструмент Gradient, чтобы задать начальную и конечную точки и угол линейного градиента

Рис. 6.9. Перетащите инструмент Gradient, чтобы задать начальную и конечную точки радиального градиента

Рис. 6.10. Пиктограммы None (обведены кружком) означают, что фон объекта будет прозрачным

Рис. 6.11. Пример того, как составной контур создает «дыру» в объекте

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

Использование заливки None

  1. Выберите объект.
  2. Щелкните по пиктограмме None на панели инструментов или в палитре Swatches либо Color (рис. 6.10).

Если объект расположен на заднем план вы не сможете увидеть различия между белой заливкой и незаполненным объекта Для этого проверьте пиктограмму на пан ли инструментов или в палитре Swatche либо Color

Другой способ преобразования объек тов состоит в том, чтобы создать состав ной контур. Он позволяет одному объек ту «пробить» отверстие в другом. То ест внутренний контур получается прозрач ным, а внешний контур остается сплои. ным (рис. 6.11).

Создание составного контура

1. Выберите два объекта.

2. Выполните команды Object -> Comp und Paths -> Make (Элемент -> Составные контуры — > Создать).

Если второй объект находится внутри первого, отверстие появится в месте нало ния объектов

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

Применение фоновой заливки

Фоновая заливка- это эффект, применяемый к содержимому фреймов или текста. Так что вы можете применять одну цветовую заливку к тексту внутри фрейма, а другую — к самому фрейму. (Будет очень трудно читать текст, если вы воспользуетесь одной и той же цветовой заливкой и для текста, и для фрейма.) Фон может быть однотонным или в виде градиента. (Для получения дополнительной информации о цветах и градиентах см. главу 5.)

Применение фоновой заливки к объекту

  1. Выберите объект.
  2. Удостоверьтесь, что пиктограмма Container (Контейнер) выбрана на панели инструментов или в палитре Swatches либо Color (рис. 6.1). После этого объект можно изменить.
  3. Щелкните по пиктограмме Fill (Фон) на панели инструментов или в палитре Swatches либо Color (рис. 6.2).
  4. Выберите цвет или градиент в палитрах Color, Gradient или Swatches.
  5. Вам необязательно выбирать объект, чтобы применить к нему фоновую заливку. Можно просто перетащить образец заливки на любой объект на странице.

Применение эффекта фоновой заливки перетаскиванием на объект

  1. Перетащите образец градиента или цвета с панели инструментов или из палитры Color, Gradient либо Swatches на объект (рис. 6.3).
  2. Отпустите кнопку мыши, когда образец окажется внутри объекта. Объект заполнится цветом или градиентом.

Рис. 6.1. Пиктограммы Container (обведены кружком) означают, что команда распространяется на объект, а не на текст

Рис. 6.2. Пиктограммы Fill (обведены кружком) означают, что команда распространяется на фон объекта

Рис. 6.3. Можно перетащить образец внутрь объекта, чтобы получить эффект заливки фона

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

Рис. 6.5. Пиктограммы Text (обведены кружком) означают, что команда влияет на весь текст внутри фрейма

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

К выбранному тексту в текстовом фрейме можно также применить цветовую заливку.

Применение заливки к выбранному тексту

  1. Используйте инструмент Text (Текст), чтобы выделить текст.
  2. Щелкните по пиктограмме Fill на панели инструментов или в палитре Swatches либо Color.
  3. Выберите образец в палитрах Color Gradient или Swatches (рис. 6.4).

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

Вы можете также применить заливку всему тексту во фрейме, выделив фреш.

Применение заливки ко всему тексту во фрейме

  1. Выберите текстовый фрейм, содерж щий текст, к которому хотите при нить заливку.
  2. Щелкните по пиктограмме Fill на нели инструментов или в палитре Swches либо Color.
  3. Щелкните по пиктограмме Text на па ли инструментов или в палитре Swa либо Color (рис. 6.5). Буква Т внутри пиктограммы Fill означает, что команда управляет текстом, а не фреймом.
  4. Выберите образец в палитрах Color , Gradient или Swatches.

Вы можете также применить градиент к тексту или объектам.

Применение градиентной заливки

  1. Щелкните по кнопке Fill на панели инструментов или в палитре Swatches либо Color, предварительно выбрав пиктограмму Container или Text .
  2. Щелкните по кнопке Gradient на панели инструментов (рис. 6.6).

Щелкните по образцу градиента в палитре Swatches или Gradient .

Как только вы применили заливку к объекту или тексту, можете изменить градиент, используя инструмент Gradient.

Чтобы изменить градиентную заливку

  1. Выберите объект, содержащий градиент, который нужно изменить.
  2. Выберите инструмент Gradient (Градиент) на панели инструментов (рис. 6.7).
  3. Перетащите его в направлении, которому должен следовать линейный градиент (рис. 6.8).

Перетащите его для определения начальной и конечной точек радиального градиента (рис. 6.9).

Начальная точка перемещения — начальный цвет Конечная точка — конечный цвет

Рис. 6.6. Пиктограмма Gradient на панели инструментов означает, что будут использоваться цвет или градиент

Рис. 6.7. Инструмент Gradient на панели инструментов позволяет изменять вид градиентов

Рис. 6.8. Перетащите инструмент Gradient, чтобы задать начальную и конечную точки и угол линейного градиента

Рис. 6.9. Перетащите инструмент Gradient, чтобы задать начальную и конечную точки радиального градиента

Рис. 6.10. Пиктограммы None (обведены кружком) означают, что фон объекта будет прозрачным

Рис. 6.11. Пример того, как составной контур создает «дыру» в объекте

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

Использование заливки None

  1. Выберите объект.
  2. Щелкните по пиктограмме None на панели инструментов или в палитре Swatches либо Color (рис. 6.10).

Если объект расположен на заднем план вы не сможете увидеть различия между белой заливкой и незаполненным объекта Для этого проверьте пиктограмму на пан ли инструментов или в палитре Swatche либо Color

Другой способ преобразования объек тов состоит в том, чтобы создать состав ной контур. Он позволяет одному объек ту «пробить» отверстие в другом. То ест внутренний контур получается прозрач ным, а внешний контур остается сплои. ным (рис. 6.11).

Создание составного контура

1. Выберите два объекта.

2. Выполните команды Object -> Comp und Paths -> Make (Элемент -> Составные контуры — > Создать).

Если второй объект находится внутри первого, отверстие появится в месте нало ния объектов

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

Как создать фон в InDesign

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

Метод 1 из 3: Добавьте фон

  1. 1 Запустите InDesign. Создайте новый файл, нажимая на иконку Document в окошке Create New, и укажите параметры нового документа.
  2. 2 Установите изображение. В меню File, выберите Place. Укажите на файл фонового изображения и нажмите на него дважды. Наведи курсор на нужную позицию и кликните мышкой. Таким образом, вы установите изображение на вашу страничку.
    • Настройте размер вашей графики, если необходимо, выбирая изображения с Select tool (V) и передвигая рычаг, зажав Control + Shift (Command + Shift на Mac). Таким образом, размер графики измениться пропорционально.
  3. 3 Откройте панель Swatches. Вы сможете ее открыть, используя вкладки на правой стороне окошка InDesign или на панели управления сверху.
    • Кликните на кнопку Fill и выберите желаемый фон. Выбранный цвет появится позади графики и распространится по краям графического фрейма.
  4. 4 Разверните графический фрейм. Потяните за угол изображения, зажимая кнопки Shift + Alt (Shift + Option на Mac).
    • Вам не нравится цвет? Выберите eyedropper tool (I) и Alt-клик (Option-клик) на цвет в изображении, который желаете использовать в качестве фонового.

Метод 2 из 3: Создание фона на объекте в InDesign

  1. 1 Выберите объект. Выберите Ellipse, Rectangle, или Polygon tool на панели инструментов InDesign.
  2. 2 Кликните и проведите мышкой, чтобы нарисовать желаемою форму фона. Измените размер формы фона, кликая на один из рычагов формы с помощью Select tool и перемещая его до нужного размера этой формы.
  3. 3 Измените положение объекта. Если на страничке находятся другие формы или объекты, кликните на объект фона с помощью Select tool.
    • В меню Object, выберите Arrange > Send to Back. Чтобы установить фон позади других объектов вашей странички.
  4. 4Установите желаемые объекты на форму фона.

Метод 3 из 3: Создание фона, изменяя прозрачность изображения

  1. 1 Выберите Selection tool (V). Кликните на фото, которое желаете использовать в качестве фона. (Если на вашем документе нет изображения, то следуйте процедуре, выделенной Добавьте фон на изображение, представленной выше.
  2. 2 Кликните на кнопку FX. Это находится на верхней панели управления. Выберите Transparency.
    • Настройте режим смешивания и прозрачность. Поставьте галочку на Preview в нижней левой части экрана, чтобы посмотреть на изменения в режиме реального времени.
    • Кликните на ОК, когда закончите.
    • В меню Object, выберите Arrange > Send to Back. Чтобы установить фон позади других объектов вашей странички.
  3. 3Установите желаемые объекты на фоновое изображение.

yuvit

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

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

Можно с легкостью делать фот такую штуку прямо в индизайне!

эфф

Берем любую фотку, например вот эту

hQ-l2b6ke6k[1]

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

13SunXaCE[1]

Сохраняем в формате TIF и кидаем фоту в индизайн.

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

13SunXaCG[1]

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

13SunXaCH[1]

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

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

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