Создать визитку в фотошопе cs6. Как сделать визитку в Photoshop на свой вкус

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

Обычно визитки делаются в векторных редакторах, таких как Adobe Illustrator, Corel Draw или InDesign. Однако, на самом деле можно обойтись и без них, используя всего лишь старый добрый фотошоп.

Конечный результат

Шаг 1 — Рассчитываем размеры макета

Для начала создаем в фотошопе новый документ — Ctrl+N.

Его размеры зависят от того, какую визитку вы планируете сделать. Стандартный размер готовой визитки — 90х50мм. Однако, для данного урока использую размер 90мм х 55мм.

При изготовлении документов, предназначенных для печати, необходимо добавлять своего рода рамку вокруг изображений под названием »Bleed» – припуск под обрез. Эта рамка включает в себя пространство по краям вашего дизайна. Припуски под обрез нужны для того, чтобы при печати по краям не появлялись белые полосы. Размер припусков зависит от модели принтера, и обычно составляет 3-5 мм.

Из-за особенностей программы Photoshop, которые вы увидите позже, будем использовать значение 3 мм. Таким образом, для создания визитки размером 90мм х 55мм при выборе размера холста нам нужно будет задать следующие значения:

Высота: 90 мм + по 3 мм справа и слева (припуски под обрез) = 96мм.

Аналогично задаем ширину: 55 +3 +3 = 61 мм.

Поскольку мы готовим документ для печати, разрешение устанавливаем 300dpi, цветовой режим — CMYK.

Если вы собираетесь делать огромный плакат, то можно обойтись разрешением всего 120dpi. На самом деле, это зависит от того, с какого расстояния будет рассматриваться документ. Если смотреть на документ с разрешением 120dpi с близкого расстояния, тогда качество печати будет очень плохое. Но смотря на большой плакат с расстояния нескольких метров, разрешения в 120dpi может быть вполне достаточным. В любом случае, для визитки лучше всего использовать разрешение 300dpi.

Шаг 2 — Разметка документа

Теперь нам нужно обозначить на документе припуски под обрез.

Нажмите +, чтобы включить линейки. Теперь устанавливаем направляющие. Для этого можно щелкнуть по линейке и перетащить направляющую в нужное место. Но есть более точный способ: перейдите в меню Viеw> Nеw Guidе (Просмотр — Новая направляющая), задайте горизонтальную ориентацию и значение 3 мм.

То же сделайте для вертикальной направляющей.

После повторите эти действия со значениями 93 и 58 мм.

Шаг 3 — Выбираем текстуру для фона

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

Для создания визитки я использовал следующую текстуру:

Вы можете скачать любую другую на свое усмотрение.

Шаг 4 — Обработка фона

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

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

Мы можем сделать это с помощью инструмента Clone Stamp Tool (Клонирующий штамп)(S). Нажмите клавишу < Alt>, чтобы выбрать область для клонирования (в данном случае я использовал участок, расположенный выше), а затем кликайте по области, которую нужно исправить. Используйте мягкую кисть, чтобы клонированные участки выглядели более реалистичными.

Шаг 5 — Работа с цветом

Теперь я хочу немного затемнить текстуру.

Для этого я добавил слой, залил цветом #797c82 и установил режим наложения Multiply. Получился немного голубоватый оттенок. Мне же хочется получить более темный серый оттенок. Эта особенность связана с цветовым режимом CMYK.

Пришло время поговорить о цветовых режимах.

Немного о CMYK и RGВ

Основой цветового пространства CMYK составляют четыре триадных цвета, которые воспроизводят большинство принтеров. Комбинируя эти цвета (голубой, пурпурный, жёлтый и чёрный) можно получить множество других цветов. Измеряется данная модель в процентах. Например, для получения оранжевого цвета необходимо смешать 40 % голубой краски, 30 — пурпурной, 50 — жёлтой и 10% — черной.

Также существует цветовое пространство RGB, которое состоит, как вы знаете, из трёх цветов — красного, зелёного и синего. Выбор именно этих цветов обусловлен спецификой восприятия цвета сетчаткой глаза человека. Если насыщенность всех трёх базовых цветов будет 100 %, то в результате получится белый цвет, а отсутствие интенсивности даст противоположный чёрный цвет.

Цветовая модель RGВ имеет более широкий цветовой диапазон, в отличие от CMYK, поэтому изображения, просматриваемые в режиме RGB, могут быть чересчур яркими или контрастными, либо быть не совсем желаемым конечным результатом. Именно поэтому цветовая модель RGB предназначена для показа на экране монитора (телевизоре, на прозрачной пленке и.т.д.), а для отображения изображений на отражающей бумаге. CMYK используют в типографической печати.

Вот та полезная информация, которую я хотел рассказать о цветовых пространствах. Следует отметить, что диапазон цветов CMYK является меньшим, по сравнению с RGB. Поэтому в режиме CMYK вы обнаружите, что невозможно использовать наложения и получать супер яркие цвета. Однако на самом деле, когда вы распечатаете, документ, он будет выглядеть достаточно хорошо. Тем не менее, некоторые вещи, которые вы привыкли делать в Photoshop, придется делать, переключаясь между цветовыми режимами. Помните, что перед отправкой на печать, вы должны находиться в режиме CMYK.

Переключение цветовых режимов

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

Переключиться в режим RGB вы можете, зайдя в Image> Mоdе> RGВ Color (Изображение — Режим — RGB). Программа спросит вас, нужно ли сгладить изображение. Ответим отрицательно. Вы сразу увидите заметный эффект затемнения. Этот шаг по факту мог бы быть короче, но я хотел довести до вас полезную информацию о цветовых пространствах.

Шаг 6 — Рисуем желтую полоску

Итак, сейчас у нас установлен режим RGB.

Теперь нам необходимо сделать несколько диагональных блоков.

Выберите инструмент »Pоlygonаl Lаsso Tооl»(L) и создайте новый слой — Ctrl+Shift+N.

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

Шаг 7 — Клонируем полосы

Создав фигуру, заполните ее грязно-желтым цветом #c4b10f, установите режим смешивания слоя на »Cоlor Dоdge» вверху палитры слоев.

Как изменить режим смешивания слоя в фотошопе смотрите ниже:

У вас получится ярко-желтый цвет, как на изображении ниже. Обратите внимание, что если вы переключитесь обратно в CMYK, вы увидите, что этот эффект не работает, поэтому мы и переключились в RGB.

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

Шаг 8 — Автоматическое выравнивание фигур

Теперь вместо того, чтобы определять равные расстояния между блоками на глаз или нажимая на клавиши со стрелками, мы будем использовать инструмент выравнивания. Итак, сначала удерживая , выберите все слои с жёлтыми фигурами. После этого кликните по инструменту »Align Tool», как показано ниже. Это равномерно распределит выделенные блоки в пространстве автоматически.

(Обратите внимание, что возможность выбора слоев с помощью клавиши появилась с версии Photoshop CS2. В более старых версиях для этого использовались маленькие иконки с изображением канцелярской скрепки).

На данном этапе наше изображение выглядит так:

Шаг 9 — Возвращаемся к припускам под обрез

На этом шаге я создал новый слой выше (Ctrl+Shift+N) и большой мягкой черной кистью (B) аккуратно провел по краям.

Помните: всё, что находится за пределами направляющих, вероятно, не будет видно в конечном документе.

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

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

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

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

Просто перед отправкой на принтер, убедитесь, что все вспомогательные слои отключены!

Шаг 10 — Делаем оборотную сторону визитки

Я использовал шрифт DIN. На мой взгляд, он очень подходит для этой цели, к тому же в нем есть очень нужный нам символ ‘@’.

Размер шрифта я установил 8pt. Отмечу, что лучше не использовать шрифт размером менее 6pt. Если хотите, чтобы ваш текст был легкочитаемым, используйте 7.5pt и выше. В первую очередь, это зависит от вашей аудитории. При изготовлении визиток я руководствуюсь тем, что человек бегло читает их, проглядывая не одну, а много визитных карточек. Когда делаю что-то для себя, то часто использую мелкий шрифт.

Кроме того, я установил режим наложения »Linear Light». Как только сделаете это, можете сохранять документ под именем Back.psd.

Шаг 11 — Делаем лицевую сторону визитки

Шаг 12 — Рисуем треугольник

Теперь нам нужно отключить часть слоев с желтыми блоками, чтобы осталось только три из них. Далее инструментом Polygonal Lasso Tool (Прямолинейное лассо / Многоугольное лассо)(L), нарисуйте треугольную форму, как изображено ниже:

Шаг 13 — Делаем заливку выделения

Затем создайте новый слой над слоем с текстурой, залейте его темно-серым цветом и установите режим смешивания »Multiply». К сожалению, это сделает желтые блоки более тусклыми. Исправим это позже.

Шаг 14 — Создаем маску

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

Нажмите <Сtrl> + +, чтобы инвертировать выделение, как показано на рисунке.

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

Шаг 15 — Меняем цветовой режим на CMYK

Теперь мы должны перейти в меню Layer> Flatten Image (Слой-Выполнить сведение), а затем в Image> Mode> CMYK (Изображение — Режим — CMYK), чтобы вернуться в CMYK и получить готовый для печати документ.

Шаг 16 — Предпечатная подготовка

Теперь перейдите в меню Файл> Печать с предварительным просмотром и вы должны увидеть подобное тому, что изображено ниже. Если вы не видите все варианты, нажмите на »Дополнительные параметры», и они появятся.

Проверьте, чтобы стояла галочка в пункте »Corner Crop Marks» (Угловые метки реза), затем нажмите кнопку с надписью »Bleed» и установите значение 3 мм.

Также снимите галочку с пункта »Show Bounding Box»(Показать ограничительную рамку) (на скриншоте галочка стоит).

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

Если у вас нет программы Acrobat, не отчаивайтесь … еще не все потеряно!

Если у вас нет программы Acrobat, то используйте другой способ. Вернитесь в документ, создайте новый слой поверх остальных, затем с помощью инструмента »Single Column Marquee Tool»(Область (вертикальная строка), создайте выделение вдоль направляющих, как показано на рисунке ниже:

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

Registration Black - это смешение в 100%-ном соотношении всех основных цветов CMYK (как вы видите на рисунке ниже).

Для этого, используя инструмент Rectangular Marquee Tool (Прямоугольная область), отрезаем линии так, чтобы у нас остались только небольшие одиночные линии в каждом из четырех углов слева — то есть четыре пары меток реза.

Затем выполните команду Save As и сохраните файл в формате PDF, используя Фотошоп. Это не должно вызвать каких-либо проблем при печати, хотя я, честно говоря, ни разу не пробовал отправить на печать файл с метками реза. Поэтому, наверное, лучше поинтересоваться в типографии по этому поводу, прежде чем распечатывать тысячу визиток.

Шаг 17 — Печать

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

Теперь вы знаете, как сделать визитку в фотошопе.

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

Что такое «правильная визитка»?

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

Существует несколько принципов, которые являются основой успешного создания карточки. Итак, ключевое внимание следует уделить таким моментам:

  • Дизайн и оформление (визитка обязательна должна быть запоминающейся и интересной. Это вовсе не значит, что она должна быть пестрой и буквально кричать о красочности. Основное задание сделать ее не такой как у всех, оригинальной);
  • Износоустойчивость (следует помнить, что ваша визитка будет лежать в груде иных документов, и пригодится может через неопределенный период времени. Соответственно, необходимо ответственно подойти к выбору типографии, чтобы не волноваться о качестве печати и используемых материалах);
  • Удобство (следует обращать внимание на стандартные размеры 9*5 см (аналог банковской карточки), размещение информации на обеих сторонах и материал покрытия).

Конечно же, это не все принципы, но именно на их основе будет раскрыт механизм создания визитки в фотошопе.

Перед тем, как правильно создать макет в cs5, необходимо принять во внимание несколько правил корректного изображения. Итак, необходимо запомнить такие моменты:

  • Комбинация более 3 – х шрифтов/цветов на одном изображении – строгое табу;
  • Подбирать необходимо читабельный шрифт (не нужно чрезмерно «мудрить» со шрифтом, ведь работает правило: «чем проще, тем лучше»);
  • Шрифт не должен быть мелким (в идеале он должен быть таким, чтобы человек, не имеющий явных проблем со зрением, мог прочесть текст на карточке на расстоянии вытянутой руки);
  • Необходимо обеспечить контраст между фоном и текстом, а задний план не должен отвлекать внимание от основной информации.

Выше упоминалось, что стандартные размеры – 50*90 мм, но при разработке необходимо сделать запас, который уберется при срезе краев в процессе печати. Поэтому делаем 96х56мм

Шаг 3 . Необходимо выбрать фоновое оформление, а для этого кликнем CTRL + J и просматриваем стандартные обои. Если из предложенных вариантов ничего не подходит, то на рабочем окно есть функция «Добавить» и есть возможность использовать фоновый план, который сохранен на ПК.

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

Шаг 4 . Располагаем текст и дополнительные изображения. Кликнем CTRL + R и появляется курсивное окно на cs6, где необходимо ввести текст визитки. Помимо текста, следует ввести параметры вспомогательных линий, которые отредактируют размещение текста на фоновом листе.

При размещении текста необходимо делать уклон на такие параметры полей: верхнее – 0,25, нижнее – 2, левое – 0,25, правое – 3,5 дюймов. Если вы хотите добавить какой – либо элемент на рабочую панель, то необходимо кликнуть на «Произвольная фигура», и выбрать понравившийся образ.

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

Стандартные размеры визитки 90 × 50 мм. Именно для такого размера делают российские визитницы.

Этапы урока “Как сделать визитку в фотошопе”:

Открываем фотошоп и создаем новый документ с размерами 90 × 50 мм, разрешение – 300 пикс/дюйм, режим CMYK (для печати).

Включите линейки при помощи горячих клавиш Ctrl + R – появится шкала, единицы измерения – пиксели. Теперь возьмите Move Toole (Инструмент перемещение) и создайте направляющие (протяните их от верхнего и левого края документов так, чтобы сделать отступы в полсантиметра (на 5 делений шкалы). Это нужно для того, чтобы обозначить “безопасную зону”, именно в ней следует размещать всю важную информацию, не выходя за пределы. Иначе при печати может оказаться обрезан номер телефона или будет искажена другая информация.

Теперь вам нужно определиться с цветовой схемой будущей визитки. Вы можете продумать цвета сами, а можете отправится на специальный сайт, на котором пользователи подбирают и делятся наиболее удачными палитрами. Одним из таких сайтов является www.colourlovers.com . сайт англоязычный, но достаточно прост в использовании. Зарегистрируйтесь на нем, и у вас появится возможность скачивать палитры в формате ACO для последующей загрузки в фотошоп. Вы можете палитру цветов, которую подобрала я для того, чтобы продемонстрировать как сделать визитку в фотошопе.

Активируйте Окно –> Образцы, загрузите палитру цвета. Можно загрузить их двойным кликом по файлу ACO. Вы найдете их в самой нижней части образцов цвета:

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

Выбирайте цвета в случайном порядке, а также изменяйте ширину линий. Сделайте полосатый фон для вашей визитки.

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

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

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

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

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

В уроке "" мы научимся создавать визитную карточку.

Подобные публикации:

Видеоурок "Как сделать визитку в фотошопе "

И так приступим, откроем фотошоп и создадим новый документ с помощью клавиш " Ctrl+N " с размерами 56х96 мм , разрешение файла 300 dpi , цветовой режим cmyk , цветовой профиль CoatedFOGRA39.


Нажимаем «Ок » и приступим к разметке макета визитки, для этого нужно пройти в меню «Просмотр ».

И нажать «Линейки ». После нажатия напротив пункта «Линейки » появится галочка, так же для отображения линейки можно нажать комбинацию клавиш Ctrl+R . В фотошопе появятся две линейки - вертикальная слева и горизонтальная сверху. Нам нужно чтобы шкала линейки была в миллиметрах, для этого щелкаем правой клавишей мыши по любой линейке и выберем миллиметры. Теперь после того как линейки настроены, приступаем к разметке макета. Для начала включим вспомогательные элементы, нажав сочетание клавиш "Ctrl+H ". Подводим курсор мыши к вертикальной линейке, жмем левую клавишу мыши и перетаскиваем направляющую на 6 мм . Вторую направляющую поставим на 90 мм .


Таким же способом расставим горизонтальные направляющие - первую на 6 мм , вторую на 50 мм .

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


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

Теперь поставим еще одну вертикальную линию примерно вот так.


Затем нужно создать дубликат слоя. Для этого щелкаем правой клавиши мыши по фоновому слою и выбираем дублировать слой. Слой копию можем залить любым цветом или градиентом, а можно оставить белый фон. Я буду заливать градиентом, для этого выберем инструмент « Градиент » на панели инструментов или просто нажмем клавишу " G " на клавиатуре. Щелкнем левой клавишей мыши по полю (указано стрелочкой на рисунке).

Откроется редактор градиента, здесь выбираем подходящий нам градиент и жмем « Ок ».


У меня получилось вот так.


Выбираем инструмент «Горизонтальный текст » или нажимаем клавишу «Т » на клавиатуре. На панели инструмента (вверху) выберем шрифт, размер букв и цвет букв.

Теперь напишем фамилию и нажмем "Ctrl+Enter ".


Пишем имя и отчество, получилось вот так.


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

Щелкаем левой клавишей мыши по и тексту и перетаскиваем его так, чтобы не выступал за линии, при необходимости можно нажать клавиши "Ctrl+T " и с зажатой клавишей "Shift " трансформировать наш текст потянув за любой из углов.


Выберем снова инструмент «Горизонтальный текст » и напишем номер телефона. Применяем текст – Ctrl+Enter .

Пишем мобильный номер телефона. Применяем текст – Ctrl+Enter .

Пишем электронную почту. Применяем текст – Ctrl+Enter .


Пишем адрес своего сайта. Применяем текст – Ctrl+Enter.


При необходимости указываем дополнительные контактные данные.

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

Рассмотрим вариант вставки фотографии.

Выберем инструмент «Произвольная фигура ».

И в верхнем меню инструмента выберем фигуру в виде рамочки.

Так же выберем цвет фигуры.

Теперь щелкаем левой клавишей мыши и по нашему макету и растягиваем рамочку.


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

Затем щелкаем два раза левой клавишей мыши по слою с рамочкой, появится окно «Стиль слоя », здесь можно поэкспериментировать с настройками для получения различных эффектов наложения рамочки. Примерно вот так.




Нажимаем «Ок » и вот что у нас получилось.


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


Теперь идем в панель слоев и опускаем слой с фото под слой с рамкой.

Жмем «Ctrl+T », и с помощью трансформации подгоняем наше фото под размер рамки, должно получиться вот так.

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

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

Мы с Вами научились процессу создания визитки в фотошопе Вперёд

Создайте шаблон подходящего размера. Откройте в Photoshop новое изображение и задайте его размер равным 8.4 и 5 сантиметров соответственно. Разрешение - 200 пикселей на дюйм или выше. В итоге у вас получится визитка размером 8х5, 0,4 см. - это для подстраховки, чтобы убедиться, что краска растечется и по краям (т.е. что белых границ при обрезке не будет).

Создайте направляющие для областей заливки и работы. Включаются направляющие через меню View > Rulers. По правому клику на линейку можно выбрать единицы измерения. Хотите, будут сантиметры, хотите - дюймы, это не критично. Далее мы будет приводить размеры в дюймах. Теперь задайте две горизонтальные направляющие, одну на 0,125, вторую на 2,125 дюйма. Создайте две вертикальные направляющие - на 0,125 и 3,625 соответственно. Эти линии будут показывать границы вашей визитки. Также вы можете создать направляющие для рабочей области внутри области заливки, чтобы удостовериться, что текст не подходит слишком близко к краям.

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

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

Каждый фрагмент текста доставьте на новый слой с помощью инструмента “Текст”. Для имени и названия компании используйте шрифт покрупнее, чтобы выделялось. Шрифты, стили - тут уже на ваш вкус. Контактную информацию можно и менее крупно указать. Учтите, что текст должен читаться без проблем - люди не должны гадать, что это у вас там в электронном адресе - строчная L или 1.

По желанию, добавьте логотип компании. Если у вас есть логотип компании, откройте его в Photoshop, скопируйте (при необходимости можете уменьшить размер) с помощью Quick Selection Tool так, чтобы выделить как можно ближе к логотипу. Затем инвертируйте выделение (Ctrl+Shift+I) и удалите фон. Теперь логотип готов (или почти готов) к использованию в визитке.

Чтобы визитка выглядела профессиональнее, можно добавить текстовые эффекты. Правый клик на слой с текстом вызовет окно Blending Options. Выберите Bevel and Emboss, задайте глубину 2-3. Темный текст на светлом фоне можно разукрасить с помощью Outer Glow. Если задать цвет чуть светлее фонового, задать размер и спред чуть меньше, то можно добиться эффекта едва заметного свечения, а не огромного гало вокруг. Светлый текст на темном фоне выиграет от эффекта Drop Shadow. Опять же, спред и размер сделайте поменьше, поиграйте с дистанцией отбрасывания тени - и все будет красиво.

С помощью кистей разукрасьте фон. Большие абстрактные кисти, по цвету совпадающие с цветом градиента в центре, помогут создать приятный глазу выразительный эффект. Другой вариант - вызвать меню Blending Options для слоя с кистями, выбрать Gragient Overlay и модифицировать градиент с учетом фоновых цветов. Можно использовать более цветные кисти, но тогда их надо сделать прозрачнее. Кисти могут сделать вашу визитку шедевром - главное, чтобы это не мешало читать написанный на ней текст.

Добавьте изображения в тему. Ими можно удачно закрыть пустые места. Откройте ваше изображение (или то, на использование которого у вас есть разрешение), выделите нужную часть и вставьте его к себе на визитку. Можно сделать целый коллаж с использованием разных кистей и изображений. Размещайте фрагменты на отдельных слоях, в конце объедините те слои. Скопируйте полученное изображение на новый слой вашей визитки и уменьшите прозрачность до 30-40%.



Полезные инструменты