Несложный дизайн визитной карточки

макет визитки

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

Создаем простейший дизайн визитной карточки

Запускайте редактор и давайте настроим документ для работы.

Шаг 1. Настраиваем документ для визитной карточки

Стандартный размер визитной карточки 90 на 50 мм, но это область для содержимого визитной карточки. При обрезке (в типографии) будут потеряны минимум по 2 мм с каждой стороны. Поэтому открываем свойства документа shift+ctrl+D и задаем следующие размеры.

размеры документа

Для разметки нам потребуются направляющие. «Достаем» слева направляющую, нажимаем на ней дважды мышкой и в поле Х указываем 2 мм. Это левая вертикальная направляющая. Проделываем это еще раз- размещаем еще одну вертикальную направляющую, для нее в поле Х указываем 92 мм. Это правая вертикальная направляющая.

настройка направляющих в inkscape

Аналогичным образом размещаем две горизонтальных направляющих. Для них в поле У указываем 2 мм и 52 мм.

настройка направляющих в inkscape

Теперь мы имеем размеченный документ для работы.

разметка визитки

Шаг 2. И кошкам нужен психиатр, оформляем визитку

Нарисуйте прямоугольник и наверху (в настройках фигуры) укажите следующие данные.

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

заливка прямоугольника

Слева на визитке мы разместим узор из волнистых линий.

Выбираем Кривые Безье, форма- нет и создаем ломаную линию (рис. ниже и справа). Цвет линии ff6600. Выделяем весь левый ряд узлов и выравниваем по одной вертикали (рис. ниже и справа). Проделываем эту процедуру с правым рядом узлов.

выравнивание узлов

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

выравнивание узлов

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

узор для визитки

Продолжаем оформлять визитную карточку. Добавьте квадраты в нижнюю часть. Я решил обрезать их по нижней направляющей (это не обязательно). Цвет заливки фигур fc5081.

как нарисовать визитку

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

как нарисовать визитку

Меняем цвет квадратов на fda531.

дизайн визитки

Идея уже понятна, продолжайте размещать различные фигуры- шестигранники, круги. Для шестигранников задайте цвет 58ddfc.

визитка в векторе

Пожалуй хватит. Займемся размещением текста на визитке. Добавьте в верхней части ФИО владельца. Цвет текста 4a2e82.

В нижней части справа придумайте и напечатайте номера телефонов

как нарисовать визитную карточку

Далее растягиваем прямоугольник с заливкой fc5081 между верхним и нижним текстом и внутри печатаем ПСИХИАТР ДЛЯ КОШЕК белым цветом.

дизайн визитной карточки в векторе

Добавьте немного размытой тени под визитную карточку (нарисуйте прямоугольник серого цвета и опустите под визитку Page Down и немного размойте)

дизайн визитной карточки в векторе

Ну вот, можно оценить наши старания. Визитная карточка для психиатра по кошкам готова.

Ах, да, забыл добавить лапок внизу справа, иначе кошки в обиде будут.

дизайн визитной карточки

Вот теперь все, готово.