—»     —»   Уроки Illustrator: Разрабатываем проект визитной карточки
  Раздел: Образование и Изучение   Нет комментариев  

Уроки Illustrator: Разрабатываем проект визитной карточки



Недавно нашему дизайнеру пришлось разрабатывать дизайн визитной карточки, и мы подумали, что было бы неплохо на основе этой работы написать обучающий материал.
Проект был для Джеймса Кларксона, инструктора по вождению из Тадкастера неподалеку от Йорка; у него собственное дело в этой области – школа вождения под названием «Visibility Driving Tuition». Проект был очень интересным, так как Джеймс не стал ограничивать дизайнера какими-либо требованиями, и разрешил проявить креативность. Давайте ознакомимся с процессом разработки визитной карточки. Так выглядит готовый результат.

Уроки Illustrator: Разрабатываем проект визитной карточки
Уроки Illustrator: Разрабатываем проект визитной карточки

Проект визитной карточки последовал от дизайна логотипа, который был сделан еще несколько месяцев назад. Так как визитные карточки требуют применение семантики бренда, векторное логотипы открываются через Adobe Illustrator.

Уроки Illustrator: Разрабатываем проект визитной карточки

Был создан новый документ в Adobe Illustrator размерами 88мм x 55мм – это стандартный размер визитных карточек на фирме, предоставляющей услуги по печати. Режим цветов установлен на CMYK, а разрешение растра на 300dpi (хотя в этом проекте и не были задействованы какие-либо эффекты, все равно лучше использовать такое разрешение).

Уроки Illustrator: Разрабатываем проект визитной карточки

Так как этот документ предназначается для печати, то нам нужно оставить 3мм отступ с каждой стороны документа, так что лучше будет создать прямоугольник 94мм x 61мм и центрировать его на холсте. Далее, нужно залить его таким цветом: 45C, 100M, 55Y и 40K, цветами бренда Visibility Driving Tuition.

Уроки Illustrator: Разрабатываем проект визитной карточки

Для того, чтобы придать немного визуальной привлекательности и глубины, примените легкий эффект градации при помощи инструмента Gradient Mesh. Светлый участок получился того же цвета, но без оттенка черного (K). Это значит, что мы получили плотный оттенок циана, пурпурного и желтого, но градация черного цвета придает общий тон.

Уроки Illustrator: Разрабатываем проект визитной карточки

Перед тем, как добавлять текст или содержимое визитной карточки, нужно расставить линейки. Расставьте линейки с отступом в 5мм от края карточки.

Уроки Illustrator: Разрабатываем проект визитной карточки

Логотип мы поместили на лицевую часть карточки, а затем масштабировали его на всю область. Так как у нас темный фон, логотип должен быть светлее. Чистый белый цвет было бы слишком контрастно, поэтому мы немного смягчили его (добавили 30% пурпурного).

Уроки Illustrator: Разрабатываем проект визитной карточки

Далее мы вносим веб-адрес «Visibility Driving Tuition», используя шрифт News Gothic, этот шрифт является семантикой бренда. Используя смесь светлых тонов и полужирного текста, мы выделяем важную часть адреса.

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

Прямоугольник 88х55 мм уже нарисован и расположен по центру холста, его можно использовать как основу для маркировок обрезки - Filter > Create > Crop Marks.

Уроки Illustrator: Разрабатываем проект визитной карточки

Сохраняем файл, так как мы закончили лицевую часть.

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

Тем же способом, создаем серый прямоугольник (включая отступы). Серый цвет достигнут за счет 80% плотности черного цвета.

Уроки Illustrator: Разрабатываем проект визитной карточки

Используя инструмент Gradient Mesh, мы добавляем градацию от одной точки на светлой тени 60%-ного черного цвета в верхнем левой углу. Это опять же помогает нам прибавить ощущение глубины и привлекательности. Так как задняя часть содержит мелкий текст, мы применим чистый черный цвет, чтобы при печати текст был четким.

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

Логотип помещен на документ и расположен в пределах отступов в верхнем правом углу.

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

Каждый из файлов затем был сохранен в EPS.

Уроки Illustrator: Разрабатываем проект визитной карточки

Далее оба EPS-файла были сконвертированы в PDF с применением параметра качества Adobe Distiller's Press.

Уроки Illustrator: Разрабатываем проект визитной карточки

Для того, чтобы не пришлось постоянно работать с двумя файлами, мы соединяем их в один посредством Adobe Acrobat.

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

И далее идет итоговая проверка, которая была проведена с помощью Output Preview в Adobe Acrobat (Advanced > Print Production > Output Preview). Каждая часть может быть отдельно проверена на выделяющиеся цвета и воспроизведение градаций. Также проверяется вся область покрытия во избежание перерасхода чернил, за исключением маркеров обрезки, за пределами которых все облачено в черный цвет.

Уроки Illustrator: Разрабатываем проект визитной карточки

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

Уроки Illustrator: Разрабатываем проект визитной карточки

В течение пары суток карточки уже прислали по почте, все цвета выглядели отлично, текст был четким и ясным, а градации были воспроизведены так, как и планировалось.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Mysterious Master   Прочитано (раз): 23566   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июль 2017    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
24252627282930
31