Программирование

Рисование с помощью фигур в Adobe InDesign

Реклама благотворительного магазина

Конечно, вы можете создать все векторные рисунки, показанные в объявлении ниже, с помощью Illustrator или другого графического программного обеспечения, но вы также можете сделать это полностью в InDesign. Следуйте инструкциям, и мы расскажем вам, как создать яркие цветы, лавовую лампу и многое другое для идеальной рекламы 60-х годов.

01
из 08

Возьмите InDesign Назад к шестидесятым

Реклама благотворительного магазина

LifeWire


Основные инструменты, используемые для рисования всех этих иллюстраций:

  • Прямоугольник, эллипс, многоугольник
  • Инструмент «Преобразовать точку направления» (в раскрывающемся списке «Перо»)
  • Инструмент прямого выделения (белая стрелка на панели инструментов)
  • следопыт

Для завершения ваших иллюстраций вы также будете использовать инструменты Fill / Stroke для раскраски ваших фигур и инструменты Transform для масштабирования и поворота .

Текст и макет

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

шрифты:

Текстовые эффекты:

  • Bell Bottom обладает базовым эффектом Inner Bevel
  • В начале продажи Bird Sales есть простой эффект Drop Shadow

Планировка:

  • 3p поля вокруг (InDesign по умолчанию)
  • В макете используется правило третей как по вертикали, так и по горизонтали.
  • Лавовая лампа занимает одну вертикальную треть.
  • Контактная информация и карта находятся в нижней горизонтальной трети.
  • Название магазина расположено в верхнем правом пересечении третей и вокруг визуального центра.
  • Рекламный ролик «Ранние продажи птиц» расположен вокруг правого нижнего пересечения третей.

 

02
из 08

Рисуем первый цветок

В настройках дизайна для цветов

LifeWire


Изучение  звезд в InDesign  более детально описывает превращение полигонов в формы звезд и полезно, если вы никогда не работали с инструментом «Полигон / Звезда» в InDesign.

Для этого примера нашего первого цветка мы начинаем со звезды.

Нарисуйте 5-точечную звезду

  1. Выберите инструмент Polygon Shape Tool из выпадающего меню Shape в ваших инструментах
  2. Дважды щелкните инструмент «Форма многоугольника», чтобы открыть диалоговое окно «Параметры многоугольника».
  3. Установите полигон на 5 сторон и звездную вставку 60%
  4. Удерживайте клавишу Shift при рисовании вашей звезды

Преврати звездные очки в лепестки

  1. Выберите инструмент « Преобразовать точку направления» в раскрывающемся списке «Перо» в своих инструментах. Нажмите на существующую опорную точку. Держите кнопку мыши. Появятся ручки этой точки привязки. Если вы перетащите мышку сейчас, вы сможете изменить уже существующую кривую. Если дескриптор уже виден, если вы щелкнете по самому дескриптору и перетащите его, вы также измените существующую кривую.  
  2. Используя InDesign Pen Tool, нажмите и удерживайте точку привязки в конце верхней точки вашей звезды.
  3. Перетащите курсор влево, и вы увидите, как ваша точка превращается в округлый лепесток.
  4. Повторите для остальных четырех точек на вашей звезде
  5. Если вы хотите выровнять лепестки после преобразования 5 опорных точек, используйте инструмент « Преобразовать точку направления» или инструмент « Прямой выбор» (белая стрелка в ваших инструментах), чтобы выбрать маркеры на каждой кривой и перетаскивать их внутрь или наружу, пока вам не понравится внешний вид. вашего цветка.

Дайте Вашему цветку хороший план

  • Сделайте копию своего цветка и отложите его (для изготовления второго цветка)
  • Выберите цвет обводки по вашему выбору
  • Сделать ход толще (5-10 баллов)

Точная настройка вашего цветка

  • Откройте панель « Штрихи» ( F10 )
  • Измените параметр «Соединение» на « Круглое объединение» (оно хорошо смотрится во внутренних углах)
03
из 08

Рисуем второй цветок

Изготовление цветов в Indesign

LifeWire


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

  1. Начните с первого цветка . Возьмите ту копию, которую вы сделали из вашего первого цветка, прежде чем добавить его удар. Возможно, вы захотите сделать еще одну или две копии на случай, если вы все испортите.
  2. Сделайте внутренние углы соблазнительными. Используйте инструмент Convert Direction Point на пяти внутренних точках привязки вашего цветка.
  3. Растянуть лепестки цветов . Используйте инструмент « Прямой выбор» , чтобы вытянуть внешние точки привязки от центра, вытягивая каждый из ваших цветочных лепестков.
  4. Точно настройте свой цветок. Используйте инструмент « Прямой выбор» , чтобы взять ручки любой из ваших кривых, чтобы откармливать внешние концы ваших лепестков, сделать внутренние части лепестков более тонкими и получить все лепестки более или менее одинакового размера.
  5. Закончи свой цветок. Как только вам понравится внешний вид вашего цветка, дайте ему Fill and Stroke на ваш выбор.
05
из 08

Рисование лампы

Создание формы лампы лавы

LifeWire


Три формы составляют нашу лампу. Мы добавим «лаву» на следующей странице.

  1. Создать форму лампы. Нарисуйте высокий 6-сторонний многоугольник.
  2. Изменить лампу. С помощью инструмента « Прямой выбор» выберите две средние точки привязки и перетащите их вниз, пока ваш многоугольник не будет похож на фигуру на рисунке №2. 
  3. Добавьте форму кепки. Нарисуйте прямоугольник поверх лампы для крышки.
  4. Модифицируйте шапку. Выберите две нижние точки привязки (по одной за раз) с помощью инструмента « Прямой выбор» и слегка растяните их, пока они не будут похожи на рисунок # 4.
  5. Добавьте базовую форму. Нарисуйте еще один 6-сторонний многоугольник в нижней части лампы для основания, верхний край которого находится прямо или под средними опорными точками, которые вы переместили на шаге 2.
  6. Модифицировать базу. Потяните верхний и нижний якоря с одной стороны основания наружу, пока они не закроют лампу. Перетащите средний якорь внутрь, как показано. Повторите с другой стороны многоугольника.
  7. Цвет лампы. Заполните лампу, крышку и основание цветами на ваш выбор. 

 

06
из 08

Рисование лавы в лампе

Положить лаву в лампу

LifeWire


Добавьте лаву к вашей Лавовой Лампе, используя инструмент Ellipse Shape .

  1. Нарисуй лаву. Нарисуйте несколько случайных круглых / овальных форм с помощью Ellipse Shape Tool, перекрывая маленькую и большую пару в середине лампы.
  2. Сделайте двойной шарик.  Выберите две перекрывающиеся фигуры и выберите « Объект»> «Навигатор»> «Добавить», чтобы превратить их в одну фигуру.
  3. Точная настройка двойного шарика.  Используйте инструменты « Преобразовать точку направления» и « Прямой выбор» для изменения кривых, пока не получите то, что выглядит как большой шарик, разделяющийся на две части.
  4. Цвет лавы.  Заполните формы лавы с цветом на ваш выбор.
  5. Переместить лаву. Выберите колпачок и основание лампы и перенесите их на передний план : Object> Arrange> Bring to Front (Shift + Control +]), чтобы они покрыли те капли лавы, которые перекрывают колпачок и основу.
07
из 08

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

Создание карты

LifeWire


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

  1. Нарисуй дороги. 
    1. Нарисуйте длинный, тонкий прямоугольник, чтобы представить дорогу.
    2. Сделайте несколько копий и используйте Transform> Rotate, чтобы расположить их по мере необходимости.
    3. По большей части вы можете опустить изгибы и незначительные зигзаги на дороге. Если на дороге есть значительная кривая, отредактируйте прямоугольник в кривую.
    4. Выберите все ваши дороги, затем перейдите в Object> Pathfinder> Add, чтобы превратить их в один объект.
  2. Приложите карту. Поместите прямоугольник над дорогами, покрывая только ту часть, которую вы хотите использовать для своей карты.
  3. Сделай карту. Выберите дороги и прямоугольник и перейдите в Object> Pathfinder> Minus Back

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

Похожие посты
Программирование

Что такое канал RSS? (И где его взять)

Программирование

7 причин, почему изображения не загружаются на ваш сайт

Программирование

Запустите агент SQL Server: настройте SQL Server 2012

Программирование

15 лучших бесплатных обоев дня Святого Патрика