Мастер-класс Создание примитивного макета визитки.

Как легко создать макет визитки в Word, Photoshop, Мастер Визиток, онлайн?

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

Требования к качественным визиткам

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

Как сделать дизайн визитки в CorelDraw

Основные советы и правила по разработке визиток:

  • Размер визитки лучше выбирать 9х5 см или 10х6 см, не больше, так как в противном случае она не поместится в отсек для карточек в кошельке или визитнице.
  • Карточка должна вмещать исключительно необходимую информацию и ничего лишнего.
  • Текст не должен находиться на самом краю. Выглядит не очень, да и высокая вероятность обрезать часть.
  • На фронтальной части на самом видном месте должен быть ваш логотип или имя.
  • С тыльной стороны можно разместить контакты (или с фронтальной, если там осталось место). Также желательно написать девиз, по нему люди часто узнают компанию и делают вывод о ней. Например, «работаем на качество» – говорит покупателям, что компания предлагает продукцию среднего или дорогого сегмента. Люди с небольшим бюджетом будут обращаться реже, поэтому тщательно продумайте, что хотите написать.
  • Оформление не должно быть слишком разноцветным, ярким, экстравагантным. В таком случае теряется текст, который обязательно должен быть хорошо различимым на выбранном фоне.
  • Выбирайте хорошую бумагу. Это отразится на стоимости, но наличие софт-тач покрытия, легкого тонированного эффекта, сатиновой поверхности сразу покажет, что вы заботитесь о клиентах и являетесь профессионалом своего дела. Глянец неплох, но он слишком маркий, остаются отпечатки, которые портят внешний вид.
  • Предпочтите качественную печать в специализированной компании (типографии). Распечатанные на принтере визитки скорее всего будут неудачными: цвет окажется тусклым, краска будет размазываться, бумага получится слишком тонкой или просто неподходящей для визитки. На этом лучше не экономить, стоит отдать готовый макет в работу профессионалам по печати.

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

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

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

Способ 1: через онлайн-сервисы

В интернете существует много сайтов, которые позволяют быстро создать макет визитной карточки в пошаговом редакторе, но мы выбрали PrintDesign. Причины тому 3: простой процесс разработки, приятное оформление и русскоязычный интерфейс.

Адаптивная HTML-верстка макета из Figma с подробным объяснением. Советы от профи. HTML SCSS GULP.

Как сделать визитки самому:

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

Есть и бесплатные сервисы, например, wolf.ua , поэтому платить необязательно. Предложенный аналог также предлагает более детальный конструктор визиток, хотя работа в нем потребует немного больше времени.

Способ 2: как сделать визитки в Word?

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

Как сделать визитки в Word:

300 Сайдбаров ► Как сверстать структуру сайта?

  1. Открываем программу.
  2. В строку поиска в верхней части окна (если отображается) вводим «Визитные карточки» и выбираем шаблон. Альтернативный вариант – перейти на вкладку «Файл» и выбрать «Создать», дальше так же само пользуемся поиском.
  3. Указываем свои данные вместо шаблонных и сохраняем документ.
  4. Готово, файл подходит для печати.

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

Совет! Чтобы было удобнее, лучше создать таблицу и рассматривать каждую ячейку, как отдельную визитку. Предварительно нужно только выставить ее размер по линейке.

Способ 3: как сделать макет визитки в Photoshop?

Данный вариант более трудоемкий, но и наиболее функциональный, гибкий в использовании. Редактор позволяет разработать абсолютно любую визитную карточку. Чтобы в Adobe Photoshop макет вышел нормальным, нужно сделать вылеты по 3 мм, что нужно учитывать при создании холста.

Как сделать макет визитки в Photoshop:

Как нарисовать визитку в фотошопе? Рисуем макет и накладываем на мокап

  1. Открываем Adobe Photoshop и на странице «Создать документ» или в разделе «Размер холста» устанавливаем размеры, соответствующие визитке с учетом вылетов. Для стандартного макета потребуется не 9х5 см, а 9,6х5,6 см.
  2. Устанавливаем линии по местам, где должна быть визитка (на расстоянии в 3 мм от краев) и заполните рабочую область картинкой. Второй уровень линий выставляем еще на расстоянии 5 мм от края визитки – это свободная от текста область, которая является границей для текстового содержимого.
  3. Все элементы: логотипы, контактные данные, имена и прочее наносим отдельными слоями. Так их будет проще редактировать в будущем.
  4. Открываем вкладку «Изображение», затем – «Режим» и задаем параметр «CMYK».
  5. Когда желаемая картинка получена, выделяем все слои и копируем их, затем объединяем дубликат с помощью опции в параметрах слоев «Выполнить сведение».
  6. Нажимаем на кнопку «Файл» и выбираем «Сохранить как».
  7. Устанавливаем более подходящий формат PDF и выключаем цветовой профиль.
  8. Выбираем наилучшее качество готового файла.

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

Способ 4: с помощью программы Мастер Визиток

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

Как сделать макет визитки для печати:

  1. Скачиваем программу Мастер Визиток по быстрой ссылке .
  2. Устанавливаем и запускаем утилиту.
  3. На главной странице выбираем тип «Визитка».
  4. Переходи на вкладку «Формат» и задаем свои размеры, стандартные 9х5 см.
  5. Открываем вкладку «Данные» и заполняем все поля, которые должны отображаться на визитной карте.
  6. На следующем этапе «Дизайн» выбираем один из доступных шаблонов (их здесь много), разделенных по тематикам.
  7. Редактируем макет: переносим, добавляем, убираем данные.
  8. Открываем элемент «Файл» и нажимаем «Сохранить проект».

✅ Верстка сайта с нуля для начинающих | HTML, CSS Flexbox & Grid, VS Code, Figma

По желанию здесь же можем отправить визитки в печать, задав основные параметры карточек.

Способ 5: простой вариант через Google Презентации

Онлайн-сервис Google Презентации позволяет разработать визитку в режиме реального времени с любого устройства, которое подключается к интернету.

Как создать визитку через Google Презентации:

  1. Открываем веб-сайт Google Презентации .
  2. Создаем пустой файл.
  3. Жмем на кнопку «Макет» и выбираем «Пустой».
  4. Открываем вкладку «Файл», выбираем «Настройка страницы» и устанавливаем размеры, стандартные 9,6х5.6 см.
  5. Выставляем направляющие во вкладке «Вид» по аналогии с Photoshop.
  6. Нажимаем на кнопку «Тема», затем – «Выбрать тему».
  7. В разделе «Макет» выбираем «Шаблон слайда».
  8. Жмем на «Вставка» и загружаем желаемое изображение.
  9. Добавляем уместный текст.
  10. Выбираем вкладку «Файл» и кликаем на «Отправить по электронной почте». Указываем формат PDF.

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

Как быстрее и проще всего сделать макет визитки?

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

Как подготовить визитку к печати?

Особой подготовки практически не требуется, но все же есть несколько моментов, которые следует учитывать:

  • Проверьте, что текст легко читается. Для этого его размер должен быть не менее 6 пикселей. В противном случае стоит увеличить шрифт.
  • Между визитками на листе А4 должен быть хотя бы небольшой зазор – линия реза.
  • Самым универсальным форматом для печати является PDF, рекомендуем сохранять файл именно в нем.
  • Выбирайте разрешение около 300 dpi, если это поддерживает выбранный способ.
  • Отключайте ICC-профиль при сохранении в PDF-формате.

Советы по созданию макета визиток

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

Рекомендации по разработке визитных карточек:

  • Хороший тон – на тыльной стороне размещать QR-код. Это позволит клиенту быстро найти ваш сайт, страницу в социальной сети или контакт, не выполняя введение и поиск данных вручную.
  • Лучше использовать около 3-4 цветов в фоне открытки. Слишком мало – может выглядеть скучно, избыточное количество выглядит неуместно и порой создает эффект несерьезности.
  • Старайтесь использовать крупный шрифт. Так даже люди с не 100% зрением рассмотрят информацию на визитке.
  • Укажите больше вариантов связи с вами, в том числе через социальные сети. Некоторые люди могут отказаться от сотрудничества всего лишь из-за того, что не зарегистрированы в ВК, Instagram и т. п., а это единственный вариант связи.

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

Как Подготовить МАКЕТ К ПЕЧАТИ в Adobe Illustrator?

Создание визитки с помощью Word. Очень подробный МК!

Всем доброго вечера! Хочу поделиться с Вами своими наработками, а именно одним из способов создания визитки своими руками, практически «в полевых условиях»))) Для этого нам потребуются стандартные программы — Microsoft Office Word и Microsoft Office Picture Manager.

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

Что Вы получите в результате МК:

— документ Microsoft Office Word, при распечатке которого у Вас на руках будет лист А4 с 10-ю визитками, так же на листе будут засечки, с помощью которых Вы легко сможете вырезать свои визиточки (с помощью канцелярского ножа и линейки), и они все будут ровненькие, аккуратненькие, одинаковых размеров;

— навыки работы в программах Microsoft Office Word и Microsoft Office Picture Manager, с помощью которых Вы сможете по аналогии сами сделать бирочки и/или паспорта для своих работ и др. милые штучки)))

Итак, для начала нам нужно определиться с размерами визитки. Я решила сделать визитку по размерам стандартной кредитки. Кредитка имеет размер 8,5х5,35 см. Я округляю в меньшую сторону, мои визиточки будут размером 8,5х5,3 см.

Теперь нужно подготовить «фон» нашей визиточки — находим в интерене красивую картинку подходящей тематики, лучше не очень яркую. Качество картинки должно быть хорошим, я выбираю более 1000 пикселей с каждой стороны. В качестве фона можно использовать и фото Ваших работ. Я выбрала такую картинку, она имеет разрешение 1920х1200

Всем картинка хороша, только все равно придется ее «подогнать» под нужный нам размер, чтобы соотношение сторон было пропорционально соотношению сторон нашей визитки (85х53 мм.) Считаем какое разрешение должна иметь картинка: умножаем обе цифры на одно число, в моем случае на 20, можно меньше. Я получаю 1700х1060. Чтобы подогнать картинку под нужный размер, я открываю ее через редактор Microsoft Office Picture Manager (щелкнуть по картинке ПКМ (правой кнопкой мышки), из ниспадающего меню выбрать Открыть с помощью. — Microsoft Office Picture Manager.

В открывшемся окне сверху нажимаем кнопочку «Изменить рисунки. «

Справа открывается менюшка. Мы будем использовать оттуда два средства: «Обрезка» и «Изменение размера». Сначала нажимаем «Изменение размера».

Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150

Справа открывается еще одна новая менюшка. Ставим точку напротив пункта «Процент от исходных ширины и высоты», и начинаем понижать процент, в моем случае до 89. Если у Вас картинка другого размера, или Вы будете делать визитку других размеров, то цифра будет другой. Ниже указаны исходный размер и новый размер картинки. Новый размер должен быть максимально приближен к нужному нам 1700х1060 (оставляем чуть больше, лишнее потом обрежем). Когда процент подобран нажимаем «ОК».

Создание визитки в Photoshop | Подготовка к печати

Снова нажимаем кнопочку сверху «Изменить рисунки. «, в меню справа выбираем «Обрезка». Справа снова открывается новая менюшечка. Мне нужно срезать 8 точек по высоте и 9 по ширине. Я срезаю 8 точек сверху и 9 справа. Вы можете срезать снизу и слева, а можете по чуть-чуть с каждой стороны — как Вам больше нравится 🙂 Ниже так же указаны исходный и новый размеры картинки. Когда новый размер стал нужным нам размером 1700х1060, нажимаем «ОК». Сохраняем изменения (значок сверху слева, у меня на картинке его не видно), и закрываем окно.

Первый этап пройден, фон для нашей визиточки готов 🙂

Теперь мы будем работать в Ворде (Microsoft Office Word). Создаем новый документ у себя на компьютере — щелкаем ПКМ, из ниспадающего меню выбираем Создать -> Документ Microsoft Office Word.

Даем название нашему документу и открываем его. Сверху переходим на вкладку «Разметка страницы».

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

Создание визитки в Photoshop CS6

Выставляем все поля по 1 см., нажимаем «ОК».

Теперь нам нужно сделать основу для наших визиточек — таблицу. Переходим на вкладку «Вставка».

У нас будет 10 визиток на странице, две по ширине листа и 5 по высоте. Одна ячейка соответствует одной визитке. Плюс добавляем по одной ячейке с каждой стороны таблицы для засечек, по которым будем вырезать визитки. Вы можете этого не делать, если не хотите. Я предпочитаю делать с засечками.

Итого у меня получается табличка 4х7 ячеек (если делать без засечек, табличка будет 2х5). Нажимаем на кнопочку «Таблица», и выбираем табличку нужного размера.

Теперь нужно отредактировать нашу табличку, чтобы она соответствовала нашим запросам. Выделяем все ячейки, на выделенной области щелкаем ПКМ, из ниспадающего меню выбираем Свойства таблицы.

Открывается окно, там мы будем вносить изменения в Параметры и в Границы и заливку. Заходим в параметры.

Открывается еще одно окошечко. Там по умолчанию выставлены поля ячеек, нам нужно, чтобы все поля были равны нулю. Выставляем нули. «ОК».

Теперь заходим в Границы и заливку. Открывается еще одно окно. Меняем ширину линий с 0,5 на 0, 25. Нажимаем «ОК». И еще раз «ОК».

Внешне ничего не изменилось, но изменения произошли. Теперь мы будем делать заметные изменения. Выделяем 2-ой и 3-й столбцы. Щелкаем по выделенному ПКМ и выбираем из списка опять же Свойства таблицы.

Переходим на вкладку Столбец.

Выставляем ширину столбца 8,5 см. «ОК».

Теперь выделяем 1-ый и 4-ый столбцы (сначала нужно выделить 1-ый столбец, а потом удерживая клавишу на клавиатуре Ctrl, выделяем 4-ый столбец), щелкаем по выделенной области ПКМ и снова выбираем Свойства таблицы.

Выставляем ширину 0,5 см. «ОК».

Теперь выделяем со 2-ой по 6-ю строки, щелкаем ПКМ по выделенной области, выбираем Свойства таблицы.

Переходим на вкладку «Строка».

Ставим галочку у слова Высота, выставляем значение 5,3 см. «ОК».

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

Теперь выделяем внутренние ячейки, имеющие размеры визитки, переходим на вкладку «Главная» (сверху). Находим кнопочку в виде таблички из 4-х ячеек.

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

Теперь будем делать сами визиточки. Ставим курсор в одну из ячеек для визитки. Переходим на вкладку «Вставка» (вверху). Нажимаем на кнопочку «Рисунок».

Создание макета визитки для цифровой и офсетной печати

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

Рисунок вставлен, но он бОльших размеров, чем нам нужно. Справа вверху находим меню редактирования рисунка (см. фото) и стрелочками уменьшаем ширину до 8,5 см.,высота будет сама уменьшаться пропорционально.

Наш рисунок находится в выделенном состоянии, он уже нужных нам размеров. На этом этапе нам нужно его скопировать. Нажимаем сочетание клавиш «Ctrl + C», чтобы скопировать рисунок. Ставим курсор в пустую ячейкую для визитки и нажимаем сочетание клавиш «Ctrl + V», чтобы вставить изображение. Далее ставим курсор во все пустые ячейки для визиток и нажимаем сочетание клавиш «Ctrl + V» для вставку в них нашего готового фона.

Теперь щелкаем на одну из картинок ЛКМ (левой кнопкой мышки) 2 раза, она становится выделенной. Находим кнопочку «Обтекание текстом», нажимаем на стрелочку рядом с ней, и из выпавшего списка выбираем «За текстом».

Проделываем эти действия с каждой картинкой. Теперь мы можем писать поверх картинок нужный текст. Внимание! Если поставить курсор в первую строку на картинке и нажать Enter, то картинка опустится ниже. Чтобы попасть во вторую или третью строку, нужно щелкнуть в этом месте ЛКМ 2 раза!

Курсор можно поставить не только вначале строки, но и в произвольном месте. Чтобы текст располагался строго по центру, курсор ставим в нужную строку, и нажимаем кнопочку «По центру».Рядом находятся кнопочки «По левому краю», «По правому краю» и «По ширине».

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

Так же можно использовать кнопочку WordArt на вкладке «Вставка» для написания красивого текста.

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

Оформляйте визиточку по Вашему вкусу, пишите контактные данные, слоган — все, чего душа попросит!)))

Когда визитка готова, выделяем текст на ней, копируем его сочетанием клавиш «Ctrl + C», ставим курсор во вторую (или в ту, в которой у Вас начинается текст) строку, делаем выравнивание По центру (если оно у Вас по центру), и нажимаем сочетание клавиш сочетание клавиш «Ctrl + V». И так на каждой визиточке!

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

[2021] Основы верстки сайта с нуля! HTML5 и CSS3 — верстка макета

Чем этот способ лучше, чем например создание визитки в такой стандартной программе как Paint? Тем, что текст не «приклеивается» к изображению, и Вы всегда можете его быстро дополнить или изменить!

Надеюсь, что мой труд не пропадет даром, и кто-то почерпнет из этого мастер-класса что-то полезное и новое для себя!

Если возникнут какие-то впросы — пожалуйста, спрашивайте. По возможности буду отвечать.

Есть еще много разных идей, которые можно воплощать с помощью Word, например зоздание шаблонов для упаковки. Так что этот МК непоследний, если Вам это интересно, добавляйтесь «в круг» и следите за лентой новостей!

При использовании материалов мастер-класса, прошу указывать ссылку на первоисточник.

Мастер-класс Создание примитивного макета визитки.

Итак, у вас на компьютере открыто окно с конструктором визитных карточек. Условно его можно разделить на четыре части:

— Изображение макета (слева вверху)

Макет визитки Создание макета визитки в Фотошопе. Продающая визитка.

— Текстовые поля (слева внизу)

— Форматирование макета (справа вверху)

— Шаблоны и буфер для копирования текста (справа внизу)

Теперь подробнее об их возможностях и особенностях.

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

Внутри общего макета — пунктирная рамка. Печататься в готовой визитке она не будет. Однако эта рамка — очень важна. Фактически это граница, ближе которой к краю не должны стоять никакие существенные для вас элементы, в особенности, текст или логотипы. Следите за этим, пожалуйста, меняя расположение деталей макета. Будьте внимательны, если используете фоновую картинку на всю площадь визитки. Из-за такой картинки пунктирной рамки может быть не видно, однако придерживаться границ размещения теста все равно необходимо.

Готовя онлайн макет визитки, вы можете перемещать в любое место визитки все текстовые элементы, которые вы видите. Поместите курсор над нужным фрагментом в изображении макета. Нажав и удерживая у мыши левую кнопку, перемещайте текст по экрану. Это особенно полезно, когда вы используете в качестве фона какую-либо фотографию. Тогда вы можете переместить текст в то место, где он будет лучше читаться.

Наш сервис позволяет делать односторонние или двухсторонние визитки онлайн. Возможно, вам надо, чтобы на второй, оборотной, стороне визитки тоже было что-то напечатано. Тогда нажмите на надпись «Сторона 2» прямо под изображением макета — и вы увидите 2-ю сторону, и сможете ее редактировать.

Всего есть 16 полей для разной текстовой информации. Новое окно открывается с полями, заполненными подсказками: фамилия, имя и отчество, должность, телефон и т.д. Однако придерживаться этих подсказок или нет — сугубо на ваше усмотрение. В любое поле вы можете вписать любую нужную вам информацию. Например, если у вас длинный текст о сферах деятельности предприятия, то вы можете разместить его не на 2, а на 3 или 4, 5 строчках. Не обязательно даже, чтобы эти текстовые поля шли подряд. Вы можете добавить кусок текста в любое свободное поле, а потом просто на макете перетянуть это поле на нужное место. Потом, вероятно, понадобится у всех таких полей сделать одинаковый стиль текста — об этом см. чуть ниже, в разделе «Форматирование макета».

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

Очень полезна маленькая кнопка в левом нижнем углу, под текстовыми полями. На ней нарисована зеленая галочка и буквы «ABC». Когда курсор над этой кнопкой, то всплывет подсказка: «Проверка правописания». Советуем делать такую проверку после того, как в макете размещен весь необходимый текст. Макет визитки онлайн будет не только красивым, но и грамотным 🙂

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

Размер визитки: вы можете выбрать самые популярные размеры визитных карточек — 90х50 мм или 85х55 мм.

Тип визитки (фактически — ориентация, расположение макета): горизонтальная или вертикальная.

#1 Верстка сайта с нуля для начинающих | HTML, CSS

Дизайн текста. Здесь 3 варианта, условно названных «Стандартный», «Деловой» и «Текст». Речь идет об общей композиции всего текста. Попробуйте все 3 варианта, чтобы выбрать. В любом случае вы можете передвинуть любые строчки или изменить их стиль.

В группе инструментов «Фон карточки» — 3 кнопки: «Заливка цветом», «Галерея фоновых изображений» и «Убрать фон». Как и у большинства кнопок, изначально виден только рисунок (пиктограмма). Название появляется во всплывающей подсказке, когда вы наведете курсор на кнопку.

Кнопка «Заливка цветом» — для заливки всей визитки целиком одинаковым ровным цветным фоном. При нажатии на эту кнопку появится меню «Цвет». Выбор цветов не ограничен только теми 60-ю квадратиками, которые вы сразу видите в этом меню. Под образцами цветов есть поле «Другой цвет». Если вы кликнете в это поле, то откроется еще одно меню. Там можно будет выбрать дополнительные оттенки. Или если вы знаете кодировку нужного цвета, то можно сразу вписать ее в то же поле. Надо только учитывать, что цвета на экране изображаются в цветовом стандарте RGB. А печать идет в цветовом стандарте CMYK. Для большинства оттенков это обычно не проблема. Но некоторые могут несколько различаться, например, оранжевый или изумрудный.

ДОБАВЛЯЕМ КАРТИНКИ В МАКЕТ ВИЗИТКИ

Кнопка «Галерея фоновых изображений» позволяет выбрать фоновое изображение из разных тематических разделов большой коллекции. Такие картинки позволяют сделать шаблон визитки онлайн более привлекательным. Выбранное изображение займет всю площадь визитки. Двигать его нельзя, но место для текста обязательно будет предусмотрено.

Кнопка «Убрать фон» стирает фоновую картинку, если вы выбрали ее из Галереи фоновых изображений. Если же вам надо убрать заливку цветом, тогда нажимайте кнопку «Заливка цветом», а затем в меню «Цвет», ничего не выбирая, сразу нажимайте кнопку «Применить».

Группа инструментов «Изображение 1». Тут 4 основных кнопки: «Загрузка своего изображения», «Каталог тематических эмблем», «Генерация двухмерного штрихкода QR», «Генерация линейного штрихкода». Если с их помощью вы поставили в онлайн макет визитки какое-либо изображение, то появятся еще дополнительные кнопки. Дополнительными кнопками можно менять или удалять изображение: увеличивать, уменьшать, поворачивать, растягивать на всю площадь визитки, возвращать к исходному размеру.

Кнопка «Загрузка своего изображения» позволяет вам выбрать у себя на компьютере файл логотипа или фотографию и поместить в свой дизайн визиток онлайн. Файл должен иметь расширение jpg, gif, png, bmp, svg, tif и размер не более 1,5 Мб. Изображение можно перемещать в разное место макета. Поместите курсор над картинкой, и удерживая нажатой левую кнопку мыши, перемещайте изображение по экрану. У иллюстрации можно менять размер — кликните по ней мышкой (появится прямоугольник по ее границам), затем наведите курсор на угол прямоугольника, надавите на левую кнопку мыши и перемещайте нажатую мышь в нужном направлении, растягивая или сжимая картинку. Чтобы сохранялись пропорции, зажмите кнопку SHIFT на клавиатуре.

Кнопка «Каталог тематических эмблем» — выбор логотипов, гербов, рисунков из встроенной библиотеки. Поместив эмблемы в онлайн макет визитки, их можно перемещать, изменять их размер.

ШТРИХКОДЫ И ЕЩЕ КАРТИНКИ

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

В группе инструментов «Изображение 2» — одна основная кнопка: «Загрузка своего изображения». Если изображение загружено, появляются дополнительные кнопки для изменения размера, поворота, удаления.

В результате, используя «Изображение 1» и «Изображение 2», вы можете разместить на каждой стороне онлайн макета визитки по 2 своих картинки.

Группа инструментов «Свойства строки №. » Эти инструменты работают по-особенному. Делая дизайн визиток онлайн, попробуйте выделять в макете разные надписи или выбирать разные строчки в зоне редактирования текстовых полей. Вы заметите, что при этом меняется заголовок группы инструментов: «Свойства строки №1», «Свойства строки №2» и т.д. То есть инструменты «Свойства строки. » применяются именно к тому тексту, который у вас сейчас выбран. Для того, чтобы начать менять свойства другого текста, надо сначала его выбрать на макете или в текстовых полях. Инструменты «Свойства строки №. » позволяют задать стиль текстовых полей: выбрать шрифт, увеличить или уменьшить его размер, изменить цвет, сделать шрифт по начертанию жирным, наклонным (курсивом), подчеркнутым или добавить в текст разные специальные знаки. Пожалуйста, обратите внимание: размер шрифта указан в пикселях (px), а не в «типографских пунктах». Мы не советуем использовать шрифт мельче 12 px, так как в напечатанном виде он будет выглядеть слишком мелким.

Группа инструментов «Распределение» — для взаимного выравнивания сразу нескольких текстовых строк. Их можно выравнять по левому краю, по правому, по верхнему или нижнему. Строки можно также отцентровать по вертикали или по горизонтали. Есть также возможность распределить текстовые строки по вертикали или горизонтали, то есть сделать между ними одинаковые интервалы. Чтобы интервалы выглядели действительно одинаковыми, у выравниваемых строчек должен быть задан одинаковый размер шрифта.

Если у вас компьютер с Windows, удерживайте нажатой кнопку CTRL и последовательно кликните на макете в те строчки, которые вы хотите выровнять относительно друг друга. Все они станут обведены пунктирными прямоугольниками. То есть будет показано, что они выбраны все сразу. После этого нажмите на нужную кнопку в группе «Распределение». Строчки станут выровненными. Если у вас компьютер с MacOSX, то сначала с нажатой кнопкой CTRL кликните в одну (любую) из нужных текстовых строчек. Отпустите CTRL, нажмите и удерживайте SHIFT. Дальше все, как на Windows — последовательно кликните на макете в нужные строчки, а потом нажимайте на нужную кнопку в группе «Распределение».

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

Группа инструментов «Общий дизайн» позволяет изменить сразу весь текст, все текстовые строки в макете визитной карточки. Можно выбрать шрифт, увеличить или уменьшить его размер, задать цвет и выравнивание. Здесь также делается горизонтальная или вертикальная черта по всей ширине визитки. Черту можно передвинуть в нужное вам место.

РАЗДЕЛ «ШАБЛОНЫ» И БУФЕР ДЛЯ КОПИРОВАНИЯ ТЕКСТА

Как сделать дизайн сайта в Figma. Дизайн сайта в Фигме. Саня Кво

Тут вы можете выбрать готовый шаблон визиток онлайн для разных видов деятельности и профессий: визитки такси, визитки кондиционеры, визитка парикмахера, адвоката, гостиницы и много другое. В шаблоне уже будет стоять подходящая картинка, а для текста задано расположение и стиль. Вам останется только вписать свои данные. Использование шаблонов — хороший способ создать макет визитки онлайн с минимальными затратами времени.

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

Может получиться, что в окне на экране компьютера не помещается весь конструктор со всеми своими кнопками, иконками, менюшками. Тогда обратите внимание: группы инструментов можно передвигать. Любой блок вы можете перетянуть курсором мышки на удобное для вас место. Тогда перед глазами будет только то, что нужно. А ненужное останется за краем окна.

НАШИ ПУБЛИКАЦИИ О ТОМ, КАК ПОЛЬЗОВАТЬСЯ КОНСТРУКТОРОМ ВИЗИТНЫХ КАРТОЧЕК :