Как сделать стопку визиток
Создаем два варианта визитки в программе Photoshop
В данном мастер-классе я покажу, как можно сделать визитку. Этот мастер-класс для начинающих. Думаю, что справится любой, кто знаком с основами работы в фотошопе! А кто не знаком — отличный повод начать.
Буду искренне рада, если вы не только пролистаете мастер-класс, но и попробуете повторить.
Постаралась предупредить вопросы, которые могут возникнуть по ходу.
ЛКМ — левая кнопка мыши, ПКМ — правая кнопка мыши.
Направляющие — вертикальные и горизонтальные линии, несущие в себе функции разметки.
Чтобы перетащить слой из одного файла в другой, кликайте не по названию слоя в списке, а непосредственно по изображению и, удерживая, перемещайте курсор на название соседнего окна. Но если вам не удобен такой способ, вы можете просто кликнуть Файл>Поместить и выбрать нужный файл (рамку, виньетку), это удобно когда в файле PSD мало слоев.
Слой — это отдельное изображение, которое можно редактировать отдельно от любого другого слоя. Любой слой в документе может быть просмотрен, как отдельное изображение. Вместе, все слои образуют единое изображение.
Мастер-класс выполнен в Photoshop CS5.1, но все использованные инструменты просты и доступны во всех версиях программы.
1. Файл>Создать документ размером 95*55 мм, разрешение 300 dpi, цветовой режим CMYK (данные параметры важны для качества печати).
2. Нажимаем Ctrl+R, появляются линейки, если нажать на линейку и удерживая ЛКМ потянуть вниз, то вы увидите направляющую. Они-то нам и нужны! Устанавливаем направляющие, как на скриншоте, по 5 мм с каждой стороны — это область, на которой не нужно размещать информацию и элементы дизайна.
Отступление. При создание визитки сначала мы продумываем дизайн в голове, складывается некая картина того, что вы хотите увидеть в итоге. Далее следует этап подбора материалов/либо создание заготовок. В сети полно информации, посвященной графическому дизайну, вы найдете большее количество интересных материалов. Некоторые полезные термины: pattern (шаблон), background (фон), fonts (шрифт), frame (кадр, рамка).
3. Открываем наши заготовленные материалы, удерживаем Ctrl и кликаем ЛКМ по нужным файлам.
4. Файл фон (листочки) хватаем ЛКМ и просто перетаскиваем в наш документ (можно перетаскивать слои между несколькими открытыми файлами).
5. Кликаем на инструмент «Фигура», Прямоугольник. Выбираем нужный цвет: кликаем на квадратик активного цвета внизу, слева, далее клик по любому месту фона. Я выбрала светло-желтый.
6. К данному этапу у нас есть визитка с фоновыми листочками и с фигурой «Прямоугольник». Выравниваем его относительно визитки, советую воспользоваться направляющими (середина 4,75 мм). Для удобства работы мы можем растрировать фигуру, клик ПКМ по слою с фигурой и Растрировать слой.
7. Осталось совсем немного, давайте разместим текст и элементы дизайна. Из открытого файла Виньетка1 перетаскиваем слой на нашу визитку.
7. Работаем с инструментом Текст (буква Т на панели инструментов слева). Подбираем цвет, шрифт. Получается так.
8. Давайте добавим немного объема: кликаем на слой с нашим светло-желтым квадратом и добавляем стиль слоя Тень. Поиграйте с параметрами, результат сразу отображается на визитке.
9. На этом этапе наша визитка готова! Вы можете сохранить ее в формате PSD и смело идти в полиграфию. Сохранив в jpeg, можно будет разместить в сети. Но я предлагаю создать второй вариант этой визитки!
Удалите «глазки» у наших слоев, клик ЛКМ.
10. Перетаскиваем слой из файла Рамка. Мы видим, что она больше, чем нужно. Применяем простой инструмент трансформации Ctrl+T. Пользуйтесь горячими клавишами, это удобно! Теперь мы видим, что вокруг нашей рамки появился квадрат. На клавиатуре зажимаем Shift и кликаем (удерживаем) ЛКМ на уголок этого квадрата, меняем размер на нужный. При трансформации очень важно сохранение пропорции объекта.
11. Перетаскиваем из документа Виньетка 2 слой с горизонтальной виньеткой. Так же применяем трансформацию.
12. Теперь давайте вернем «глазки» нашим слоям. Мы видим, что рамка перекрывает слой с текстом, давайте текстовые слои перетащим в самый верх (принцип почти тот же, что и в многослойном наряде на женщине — кружевная комбинация под платье и её не видно). Кликаем ЛКМ на слой с текстом и тянем в списке вверх, надеюсь, глазик вернули слою? 🙂
13. Перетащили текстовые слои, изменили их размер и выровняли относительно рамки. Готово. Второй вариант визитки готов. Сохраняем в PSD и идем в полиграфию. Либо в JPEG и размещаем в сети.
Для меня это был новый и интересный опыт.
Надеюсь, вам было так же приятно прочитать мой мастер-класс, как и мне составлять его для вас!
Материалы, которые были использованы, на фото ниже (могу скинуть в личку PSD, если хотите попрактиковаться).
Как сделать визитку самому (бесплатно): выбираем из шаблонов или делаем с нуля!
Доброго времени суток!
Вообще, сейчас чтобы создать визитку — не нужно обладать какими-либо уникальными знаниями, достаточно затратить на это дело 10-15 мин.
В этой статье хочу рассмотреть несколько способов, которые расскажут, как быстро, легко и бесплатно сделать свою собственную визитку.
Создание визитки: 3 способа
👍 С помощью спец. программы
Мастер Визиток
Одна из лучших программ для создания самых разнообразных визиток: разных размеров, форм, цветов и т.д. Одни из главных плюсов программы:
В общем-то, количество шаблонов просто поражает: есть как горизонтальные, так и вертикальные, много различных тематик. Вам нужно только выбрать тему, положение визитки и продолжить дальше.
👉 Примечание 1: если вы хотите сделать визитку, у которой будет высокая конверсия по заказам — рекомендую ознакомиться с моим опытом в конце статьи.
Представленные тематики: простые, универсальные, транспорт, детские, красота, стиль, одежда, обувь, компьютеру, стройка, ремонт, образование, развлечение, питание, государство, медицина, визитки с фото, недвижимость, спорт и фитнес, техника, туризм и отдых, фото и видео, разное и пр.
После выбора шаблона — откроется мастер для редактирования. Редактирование визитки не представляет из себя ничего сложного: просто смотрите какую-надпись хотите изменить, и заполняете в нижней части окна нужные строки (см. красные стрелки на скрине ниже: компания, сайт, телефон и пр.).
Мастер редактирования визитки
В правой части окна есть небольшое окно с дизайном проекта: у любой надписи можно изменить размер шрифта, выбрать сам шрифт (Arial, Tahoma и пр.), его цвет, положение и т.д.
В общем-то, все делается очень просто, ничем не отличается от работы в Microsoft Word.
Настройка шрифта и пр.
Когда визитка будет готова, вы можете:
Печать или сохранение проекта
Если вы заскринили и отправили визитку в Word — рекомендую далее сделать следующее:
Вставка и подрезка картинки в Word
Осталось только распечатать визитку.
В режиме онлайн
Создавать визитки можно и без помощи каких-либо спец. программ. С развитием интернета — появились десятки сайтов, которые позволяют в режиме онлайн конструировать самые разные варианты. Часть из них привожу ниже.
Я предлагаю остановиться на первом варианте. Рассмотрим подробнее, как на этом сайте создать визитку.
Тем достаточно много, подойдет, наверное, практически каждому: фотографы, дизайнеры, сантехники, электрики, строительство, ремонт, парикмахеры, психологи и т.д. В общем, выбираете тему и шаблон! См. скрин ниже. 👇
Темы и шаблоны визиток
В Microsoft Word (ручной способ)
Плюсы данного метода:
И так:
Вставка рисунка в WORD
Размер и положение рисунка
Закругляем края у рисунка
Важно! Текстовое поле это, скорее всего, встанет не на ваш рисунок. Ничего страшного, в следующем шаге мы поправим это.
Вставка текстового блока
Выбираете этот режим и переносите блок на картинку. Далее вписываете в блок свои данные: название компании, телефон, адреса и пр., ВСЁ, что хотели указать.
Текстовый блок перед текстом
В общем-то, последний штрих — размножить полученную визитку на целый лист Word и напечатать ее (для «размножения» визитки используйте клавиши Ctrl+C и Ctrl+V (правка/копировать, и правка/вставить) ).
Правила оформления визитки — важные моменты
1) Шрифт, рисунок, цвет
Во-первых, сразу с чего хочу начать — это со шрифта. Многие визитки почему-то выполнены в каком-то стиле минимализма. Чтобы прочитать телефон — даже здоровому человеку нужно присмотреться, что уж говорить о людях старшего поколения.
Казалось бы, элементарное правило, которое граничит с логикой — но сколько раз я видел и вижу (и буду видеть) визитки, на которые без слез не взглянешь.
То же относится и к рисункам: не нужно думать, что чем пестрее картинка на вашей визитке, тем конверсионней (прим.: отношение розданных визиток/к клиентам) она становится. В большинстве случаев, самая удачная визитка: это небольшой логотип вашей компании (или даже ваше фото с мастерком, например), и контактные данные.
Самый удачный размер визитки тот — которую можно положить в любой кошелек, портмоне, сумочку и т.д. Как думаете, это какой? Всё просто — это размер самой обычной банковской карточки, примерно: 8,5 см на 5,5 см (плюс/минус 1-2 мм).
4) За счет чего привлечь внимание к визитке
Хорошо бы иметь уникальную визитку, которая несколько удивляла бы человека и заставила его обратить на нее внимание.
Вообще, этот вопрос довольно сложный и не один маркетолог над ним ломает голову, ниже выскажу пару своих мыслей.
Интересная картинка, слоган
Довольно стандартная вещь, которая всегда привлекает внимание. Идеально выбрать что-нибудь такое, что не используют ваши конкуренты.
Если вы на каждой визитке будите давать, например, коды для скидок (или вообще, просто скидку, тем кто обратился к вам по вашей визитке) — совсем навряд ли ее выбросят, когда вы кому-нибудь ее отдадите.
На этом у меня пока всё.
Всем хороших и правильных визиток!
Как сделать визитку в Фотошопе
В статье детально описаны ключевые моменты и алгоритм создания контактной карточки, которая запомниться вашим партнером и контрагентам.
Что такое «правильная визитка»?
Визитка – информационная карточка, которая должна отражать основную информацию о конкретном человеке/компании, а также содержать данные, касающиеся сферы деятельности организации, номера контактных телефонов/адрес электронной почты/ссылку на официальный веб-портал, название компании/ФИО человека и т.д.
Существует несколько принципов, которые являются основой успешного создания карточки. Итак, ключевое внимание следует уделить таким моментам:
Конечно же, это не все принципы, но именно на их основе будет раскрыт механизм создания визитки в фотошопе.
Перед тем, как правильно создать макет в cs5, необходимо принять во внимание несколько правил корректного изображения. Итак, необходимо запомнить такие моменты:
Если у вас есть логотип, то крайне желательно отобразить его на карточке. Наличие логотипа сделает визитку более запоминающейся и поможет быстро идентифицировать вашу карточку среди аналогов.
Механизм создания информационной карточки в Фотошопе
Поскольку основные правила оформления визитки уже были описаны, то самое время перейти к разбору того, как сделать визитку в Фотошопе.
Шаг 1. Запустите программу. Работа с приложением может осуществляться как после установки на ПК/ноутбук/планшет, так и в онлайн – режиме.
Безусловно, пользователю будет надежней установить Фотошоп на компьютер, чтобы в случае технического сбоя или перепада в сети, макет не пропал.
Шаг 2. Необходимо создать документ (нажимаем CTRL + N), указав параметры.
Для стандартных рекомендуем выбирать следующие параметры: ширина 96мм, высота – 56 мм, разрешение графики – 300, цветовая модель СМУК.
Выше упоминалось, что стандартные размеры – 50*90 мм, но при разработке необходимо сделать запас, который уберется при срезе краев в процессе печати. Поэтому делаем 96х56мм
Шаг 3. Необходимо выбрать фоновое оформление, а для этого кликнем CTRL + J и просматриваем стандартные обои. Если из предложенных вариантов ничего не подходит, то на рабочем окно есть функция «Добавить» и есть возможность использовать фоновый план, который сохранен на ПК.
На этом этапе можно добавлять специальные эффекты по типу “Градиент” или “Затемнение”. Все дополнительные эффекты можно найти на панели инструментов (в верхней части рабочего поля), а их применение будет зафиксировано лишь после сохранения слоя.
Шаг 4. Располагаем текст и дополнительные изображения. Кликнем CTRL + R и появляется курсивное окно на cs6, где необходимо ввести текст визитки. Помимо текста, следует ввести параметры вспомогательных линий, которые отредактируют размещение текста на фоновом листе.
При размещении текста необходимо делать уклон на такие параметры полей: верхнее – 0,25, нижнее – 2, левое – 0,25, правое – 3,5 дюймов. Если вы хотите добавить какой – либо элемент на рабочую панель, то необходимо кликнуть на «Произвольная фигура», и выбрать понравившийся образ.
Не стоит размещать текст/логотип по краям визитки. Текст, при таком размещении, может быть не только случайно обрезан в процессе печати, но и смотрится невыгодно, плохо запоминается.
Шаг 5. Объединяйте слои. Не стоит объединять все слои одновременно, следует выделить фон и текст, а потом текст и логотипы/дополнительные изображения. Помимо вышеуказанных моментов, можно использовать дополнительные эффекты, затемнения, ластики, штрихи и т.д., иными словами все, на что хватит вашей фантазии.
Если на каком – либо этапе возникла необходимость удалить вставленный элемент, то просто кликните на клавишу “Delete Insert” или “Cancel”.
Шаг 6. Сохранение шаблона и загрузка его на компьютер. Если вы разобрались, как нарисовать визитку в Фотошопе и результат вас полностью устраивает, то сохраните готовый макет в формате TIFF, так как не происходит сжатия изображения.
Новые версии программы Photoshop обладают англоязычным интерфейсом, но в настройках можно изменить язык и выбрать русский, что значительно ускорит/упростит пользование программой, если вы не обладаете запасом знаний технического иностранного языка.
Если вы работаете с использованием английского интерфейса, то все параметры будут в соответствующих единицах измерения, незнание которых, может повлечь ряд ошибок при оформлении визитки.
Нюансы двухсторонней визитки
Надеемся, пошаговая инструкция помогла разобраться в несложной программе Фотошопа, и вы смогли создать уникальную визитку. Если вы хотите создать двухстороннюю визитку в Фотошопе, то необходимо следовать вышеуказанному алгоритму, но при этом соблюдать несколько моментов:
Если вы разобрались как создать визитку в фотошопе и не сразу определились с тем, что вам нужно двухсторонняя визитка, то не следует удалять весь шаблон. Для того, чтобы добавить еще одну сторону визитки, необходимо:
Photoshop CS5 и CS6 – что выбрать?
CS6 – более современная версия, которая обладает широким функциональным наполнением, разрешением и частотой графики. Обе версии предназначены и разработаны под известные операционные системы Windows, iOS, Android. Обе версии идеально подходят для создания визиток, а отличие CS6 от CS5 в следующем:
Программа фотошоп – достаточно простая в использовании и не требует профессиональных умений, а лишь немного времени, чтобы разобраться в ключевых моментах.