Как сделать макет визитки самостоятельно?

Здравствуйте,

Сегодня мы хотели бы рассказать, как самостоятельно нарисовать визитку и отправить её на печать в типографию, не прибегая к услугам дизайн-студий.

Что нам понадобится для работы?

Первое: персональный компьютер.

Второе: Установленный графический редактор Adobe Photoshop, GIMP или аналогичные. Но, сегодня будем рассказывать на примере Adobe Photoshop, кстати «вылеченные» версии вы легко сможете найти на торрентах.

Скачать Adobe Photoshop
Скачать Adobe Photoshop

Ссылка на AdobePhotoshop

Третье: примерное представление о будущем макете визитки. Перед началом работы набросайте на листе, что вы хотите разместить на макете: тексты, телефоны, почту, адрес… Если эта информация будет подготовлена заранее, вы быстрее скомпонуете её на макете.

Шрифты и тексты

Особое внимание при работе с любыми макетами уделяйте шрифтам. Они должны быть легко читаемыми. Старайтесь не использовать несколько разных шрифтов в макете, не играть с прозрачностью текста, а также не использовать слишком мелкие размеры текста: рекомендуем не менее 8pt для описаний, и не менее 10-12pt для заголовков. Иначе при печати они могут быть плохо читаемыми.

Работа с макетом

Шаг 1. Создаем рабочее поле макета

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

Размер стандартной визитки составляет 90 х 50 мм, но при печати понадобится поле «под обрез» по 2 мм с каждой стороны, поэтому размер макета должен составлять 94 х 54 мм.

Для этого открываем программу Adobe Photoshop, далее — «Файл» — «Создать…»

В открывшемся поле ставим размеры в миллиметрах 94 мм (ширина) и 54 мм (высота), выставляем разрешение 300 точек на дюйм (dpi) и выбираем цветовую палитру CMYK — это позволит нам в дальнейшем просто передать макет в типографию для печати.

Шаг 2. Набрасываем черновой эскиз визитки

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

Для тех кто еще не работал в фотошоп, сделали краткий обзор основных кнопок интерфейса программы.

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

Важно! Рекомендуем каждый блок текста (ФИО и контакты, Заголовок и описания и т.д.), делать отдельными слоями, в дальнейшем это позволит нам передвигать данные блоки по макету раздельно.

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

После нанесения текста, можно выбрать шрифт каждой надписи, ее размер и цвет. Делается это в дополнительном меню текста около палитры (А|).

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

Шаг 3. Вставляем графику

Например, мы хотим добавить красивый фон для нашей визитки. Идем на любой поисковик (Яндекс или Google) и в разделе «картинки» ищем подходящую картинку — фон.

Важно! Выставляйте параметры поиска картинки по размеру «Большие», это позволит найти картинки в хорошем качестве и обезопасит от искажения качества картинки при печати.

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

Мы видим картинка уже в макете, но текста теперь не видно. Это произошло из-за того, что слой с картинкой находится выше остальных (см. правая нижняя область — работа со слоями). Для того чтобы фон оказался за текстом, достаточно удерживанием левой кнопки мыши на слое с картинкой просто передвинуть его ниже остальных.

Готово! Фон есть, текст у нас тоже заполнен. Осталось немного поиграть с положением, цветом и размером текста, чтобы придать макету более презентабельный вид.

Шаг 4. Оформляем текст

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

Размер и цвет текста: Для этого снова выбираем нужный нам слой и переходим в раздел «Работа с текстом» (А|) и «играем» с надписями: выбираем цвет текста, жирность шрифта, размер шрифта и т.д.

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

Осталось сохранить файл для дальнейшего редактирования и подготовить макет для печати в типографии.

Шаг 5. Сохраняем файл-исходник и файл для печати

Для этого переходим на вкладку «Файл» — «Сохранить как…» и сохраняем наш файл в формате .PSD на компьютер. Сохранять исходники для редактирования очень важно, это позволит внести коррективы в дальнейшем, если мы что-то упустили или типография попросить что-то отредактировать.

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

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

Для этого снова переходим во вкладу «Файл» — «Сохранить как..», но уже выбираем формат *.tif или *.pdf

Вот и всё! Теперь можно смело идти в типографию и радоваться нашей маленькой победе.

Спасибо.

Надеемся Вам понравился наш урок. Подписывайтесь на нашу группу и ставьте лайки.

Дизайн-студия St | vk.com/design_st