Создаем визитку в фотошопе с нуля

Создаем визитку в фотошопе с нуля

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

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

Содержание: как сделать визитку в Фотошопе

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

Устанавливаем Photoshop

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

Важно! На официальном сайте Adobe Photoshop вместе с редактором идет автоматическая скачка веб-установщика со всеми необходимыми файлами.

Если сравнивать с другими программами, механизм установки Фотошоп отличается. После скачивания нужных файлов веб-установщиком, необходима авторизация в Adobe Creative Cloud.

Далее появится «креативное облако» и последует закачка редактора. Скорость установки зависит от скорости интернет-соединения. Несмотря на небольшие сложности установки, работать с Фотошопом просто.

Создаем макет: размер и формат визитки в Фотошопе

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

Добавляем фон на визитку

Далее нужно выбрать фон. Для этого переходим к панели инструментов и выбираем инструмент “градиент”.

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

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

Мы залили наш фон таким образом:

Добавляем графические элементы/изображения

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

Благодаря созданию нового слоя последующее редактирование визитки будет проще. Для этого нужно нажать на вкладку главного меню «Слои» и выбрать «Новые слой».

Переключение от одного слоя к другому происходит нажатием кнопки «Слои» и выбором нужного слоя.

Разместить графические элементы/изображения на макете визитки можно простым открытием заранее подготовленного файла и последующим копированием его на новый слой в проекте визитки. Мы откроем и перетащим туда наш логотип MyPhotoshop.ru:

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

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

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

Добавляем информацию

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

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

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

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

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

УРОКИ И СТАТЬИБОЛЬШЕ ОТ АВТОРА

Выделение текста жирным шрифтом в Фотошопе

Разделение фото на равные части в Photoshop

Инструмент «Волшебная палочка» в Фотошопе

Удаление прыщей в Фотошопе

Установка паттерна (узора) в Фотошопе

Кадрирование фото в Фотошопе

Создание фона в Фотошопе

Установка и работа с кистями в Фотошопе

Работа с альфа-каналами в Фотошопе

Работа с направляющими в Фотошопе

Раскраска черно-белого фото в Фотошопе

Удаление красных глаз на фото в Фотошопе

3 КОММЕНТАРИИ

Харошая статья. Я как раз фотошоп изучаю. Сложная прога но уже постепенно стал разбиратца в ней. Ща пойду делать визитку на пробу))

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

Статья полезная, спасибо,я реально смог создать визитку. и вы знаете,у меня стало кое что получаться,буду изучать дальше. Ещё раз спасибо!

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

Как создать визитку в Photoshop

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

Читайте также:  Запишите выражения на языке программирования

Этап 1: Подготовка документа

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

    Запустите программу Photoshop. Здесь требуется создать новый документ. В новых версия программы вы можете сделать это нажав на соответствующую кнопку на экране приветствия. Также создать новый документ можно, нажав по пункту «Файл», что расположен в верхнем меню и там уже выбрать «Создать». Также срабатывает комбинация Ctrl+N.

  • Появится окошко с подробными настройками нового документа. Здесь вам требуется указать следующие параметры:
    • Размер – поля «Ширина» и «Высота». Обратите внимание, что лучше всего указывать значения в этих полях в сантиметрах и миллиметрах. Стандартный размер визитки 90 мм на 50 мм. Есть также евро-стандарт – 85 мм на 55 мм. Впишите требуемый размер;
    • Теперь укажите разрешение в соответствующем пункте. Так как визитка будет использоваться в печати, то лучше всего указывать значение от 150 dpi (пикселов на дюйм). Рекомендуемое значение 300 dpi;
    • «Цветовой режим». Здесь выставьте значение «Цвета CMYK» и «8 бит».
    • Теперь вам нужно сделать так, чтобы направляющие прилипали автоматически к контурам объектов, а также показывали различные параметры, например, отступы между объектами. Чтобы это сделать, нужно открыть вкладку «Просмотр» в верхнем меню и выбрать там вариант «Привязка». Он может быть у вас уже активирован по умолчанию. В таком случае напротив него будет стоять галочка.
    • Также вам нужно будет включить линейку, с помощью которой производится измерение. Линейка включается с помощью сочетания клавиш Ctrl+R. Вы можете её попытаться включить во вкладке «Просмотр». Выберите соответствующий пункт в контекстном меню.
    • Ограничьте линиями рабочую область холста. Для этого просто тяните курсор от линейки, которая находится в верхней части, а потом от той, которая сбоку. Должно получиться нечто похожее на то, что изображено на скриншоте ниже.

      Чтобы окончательно подготовить макет к печати, нужно указать на нём так называемые «линии обреза». Это не такая обязательная процедура, но она позволит избежать возможных неудобств при сдаче макета на печать в типографию. Разграничение происходит по следующей инструкции:

        В верхнем меню нажмите на вкладку «Изображение». Из контекстного меню выберите вариант «Размер холста». Данный инструмент можно также вызвать с помощью сочетания клавиш Alt+Ctrl+C.

      Откроется окошко с редактированием размера рабочей области – холста. В блоке «Новый размер» нужно установить галочку напротив пункта «Относительная». В полях «Ширина» и «Высота» поставьте значение 4. Размер нужно указывать в миллиметрах, проверьте, чтобы они там стояли. Примените изменения, нажав на кнопку «Ок».

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

    • Этой линии нужно задать чёрную заливку в палитре цветов CMYK. Откройте её в верхней части интерфейса. Чтобы задать цвет в CMYK, воспользуйтесь кнопкой «Палитра цветов».
    • В палитре цветов настройте значения у букв C, M, Y на 0, а у Y на 100. Жмите «Ок» для применения.
    • Установите толщину для линий в 1 пиксель. Она устанавливается в верхней части панели настроек инструмента.
    • Вы можете создать новый слой для работы с направляющими линиями, но это необязательная процедура, так как, когда вы начнёте рисовать линии слой будет создан автоматически (актуально для новых версий Фотошоп). Чтобы создать новый слой, нажмите на соответствующую иконку в нижней части панели со слоями.
    • Теперь по направляющим, с зажатой клавишей SHIFT проведите линии. Так нужно сделать по всем направляющим. Если полученные линии не видно, то скройте направляющие, воспользовавшись комбинацией клавиш Ctrl+H. Вернуть их можно, применив аналогичную комбинацию клавиш.
    • Теперь на вкладке со слоями вам нужно объединить все линии в одну группу. Для этого выделите их слои с помощью зажатой клавишей SHIFT. После этого воспользуйтесь комбинацией клавиш Ctrl+G.
    • Поместите эту группу в нижнюю часть со слоями. Она должна оставаться над фоновым слоем, но при этом быть ниже других слоёв.
    • Этап 2: Создаём лицевую сторону

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

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

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

    • Попробуйте визуально разграничить элементы, которые планируете разместить на визитке. Можно воспользоваться направляющими линиями, подробно о которых писалось выше или делать всё «на глаз». Для начала перенесём логотип на визитку. В нашем случае расположим его в левой части. Изображения в Фотошоп можно переносить прямо из «Проводника» Windows.
    • Под логотипом можете написать что-нибудь, например, название компании. По задумке этот текст должен сильнее всего выделяться за счёт своего размера и шрифта. Для начала выберите инструмент «Текст» в панели и укажите область, в которой будете писать.
    • Читайте также:  Ноутбук самсунг r20 plus

    • Напишите, что хотите. Затем выделите текст. В верхней панели настроек задайте ему размер шрифта побольше.
    • Если вас не устраивает шрифт, выбранный программой по умолчанию, то смените его, нажав по его названию. Из контекстного меню выберите наиболее подходящий вам вариант шрифта.
    • Дополнительно можно сменить либо весь цвет текст, либо у какого отдельного символа/слова. Для этого выделите ту часть, у которой хотите поменять цвет. Нажмите на палитру и там укажите новое цветовое решение.
    • Если требуется более детальная настройка текста, то перейдите в раздел «Символ». Это можно сделать разным образом в зависимости от того, как настроена ваша рабочая область. Например, иногда иконка «Символ» располагается в верхней или правой части окна. Также её можно вызвать, кликнув правой кнопкой мыши по текстовому слою и выбрав там вариант «Символ».
    • Здесь настраиваются более продвинутые параметры текстового слоя, например, расстояние между слов, букв и т.д.

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

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

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

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

    • Теперь сохраните получившуюся лицевую сторону визитки, как изображение. Для этого нажмите на «Файл» и выберите там вариант «Сохранить как». В «Проводнике» Windows выберите, куда вы хотели бы сохранить это изображение и воспользуйтесь соответствующей кнопкой.
    • Этап 3: Создаём тыльную сторону

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

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

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

      В верхней части нажмите на иконку расположения элементов по центру. Имеет следующий вид (отмечена на скриншоте).

    • Если логотип слишком большой или наоборот маленький, то вы можете изменить его размер. Для этого вызовите соответствующий инструмент с помощью комбинации Ctrl+T.
    • Чтобы изменить размер элемента тяните за углы. Если нужно, чтобы размер менялся пропорционально, то тяните с зажатой клавишей Shift.
    • Также вы можете добавить другие элементы на заднюю часть визитки, если посчитаете нужным. Подробнее об этом писалось в инструкции выше.
    • Сохраните получившийся результат в виде обычного изображения для печати. Нажмите «Файл», а далее выберите пункт «Сохранить как». Также рекомендуется сохранить сам рабочий файл в формате PSD.
    • Как видите, ничего сложного в создании визитной карточки в Photoshop нет. Правда, нужно иметь определённые навыки работы с программой и примерно представлять, что хотите получить на выходе. В противно случае, результат вряд ли вас устроит. Если у вас есть какие-либо вопросы по теме статьи, то напишите их ниже в комментариях к ней.

      Автор: Душкин Игорь. Дата публикации: 20 февраля 2013 . Категория: Обработка фотографий в фотошопе.

      Нам всем приходится время от времени давать кому-то свои контакты, чаще всего это выглядит как клочок какой-нибудь подвернувшейся под руку бумажки. Но намного лучше, если это будет аккуратная карточка из твердой бумаги или даже пластика, красиво оформленная и со всеми контактами ее обладателя. Вам не придется искать листок, ручку чтобы дать свой номер телефона, 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 .

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

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

      Автор урока Душкин Игорь , специально для сайта PhotoshopSunduchok .

      Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.

      Ссылка на основную публикацию
      Смайлики из вк по отдельности
      На этой странице вы сможете скачать все смайлики ВКонтакте Emoji VK и узнать коды вызова этих смайлов. Скопировав код, вы...
      Сварочный полуавтомат сварис отзывы
      #261 SergDemin Andrewtelex , двигайтесь дальше. EWM, Merkle . Нет предела совершенству. #262 Andrewtelex Andrewtelex , двигайтесь дальше. EWM, Merkle...
      Сведения о внешнем отчете
      Настройка системы 23.11.2017 12:12 5963 Для создания внешнего отчета в 1С Предприятии существует специальный вид файлов с расширением (*.erf). Файл...
      Смайлики расшифровка символов в контакте
      Как вставлять смайлики Таблица смайлов ВКонтакте Выбираем смайл который хотим использовать и кликаем на него или выделяем код смайла ⁉...
      Adblock detector