Как сделать визитку в фотошопе
Фотошоп является мощным функциональным графическим редактором, позволяющим редактировать фотографии разного уровня сложности. Множество полезных функций данного редактора дают возможность применять его в любой сфере деятельности.
С помощью Photoshop можно улучшать и совершенствовать изображения, фотографии и иллюстрации, разрабатывать макеты сайтов, создавать логотипы, плакаты, пиктограммы и визитные карточки.
Содержание: как сделать визитку в Фотошопе
Визитка является лицом человека, компании или предприятия. Зная принципы работы с фотошопом, можно создать уникальную визитку с качественным оформлением. Ниже будет указано, как можно самостоятельно сделать простую визитку в редакторе.
Устанавливаем Photoshop
Первым делом нужно скачать редактор из интернета и запустить его.
Важно! На официальном сайте Adobe Photoshop вместе с редактором идет автоматическая скачка веб-установщика со всеми необходимыми файлами.
Если сравнивать с другими программами, механизм установки Фотошоп отличается. После скачивания нужных файлов веб-установщиком, необходима авторизация в Adobe Creative Cloud.
Далее появится «креативное облако» и последует закачка редактора. Скорость установки зависит от скорости интернет-соединения. Несмотря на небольшие сложности установки, работать с Фотошопом просто.
Создаем макет: размер и формат визитки в Фотошопе
В первую очередь задаются параметры визитки. Рекомендуется использовать общепринятый стандарт с размерами визитки 5 см в высоту и 9 см в ширину. Фоновое изображение должно быть прозрачное, остальные настройки будут стандартными.
Добавляем фон на визитку
Далее нужно выбрать фон. Для этого переходим к панели инструментов и выбираем инструмент “градиент”.
С помощью верхней панели можно выбрать способ заливки. Если трудно определиться с цветом, можно воспользоваться готовыми вариантами цветовых переходов.
Для градиентной заливки сначала определяется линия на визитной карточке, можно выбрать вертикальный, горизонтальный, диагональный или круговой цветовой переход. Выбор заливки зависит от индивидуальных предпочтений.
Мы залили наш фон таким образом:
Добавляем графические элементы/изображения
Определившись с фоном, нужно добавлять тематические картинки, если оно того требует, т.к. большинство делают визитки в стиле минимализма, оставляя лишь контактные данные.
Благодаря созданию нового слоя последующее редактирование визитки будет проще. Для этого нужно нажать на вкладку главного меню «Слои» и выбрать «Новые слой».
Переключение от одного слоя к другому происходит нажатием кнопки «Слои» и выбором нужного слоя.
Вышло не очень, но мы поиграемся с параметрами наложения и приведем все в пригодный вид. Если потратить на это побольше времени, то можно получить очень крутую визитку, но мы это делаем исключительно в целях обучения:
Обратите внимание! Количество картинок не ограничено, но важно не перегрузить форму визитки излишними декоративными элементами.
Отличным решением будет создание различных образов путем сглаживания штрихов, использования карандашей, перо, кистей, маркеров, эффектов и узоров.
Добавляем информацию
Следующим шагом будет добавление контактной информации. Это делается с помощью «Горизонтального текста», расположенного на панели инструментов с левой стороны.
Выделив нужную область для текстового массива, нужно ввести информацию. Напечатанный текст можно поправлять, выделять, форматировать, менять размер шрифта или цвет текста. Мы еще добавили подложку для текста и у нас получился такой вот результат:
Совершив несложные манипуляции, можно получить полноценную визитную карточку. Для дальнейшего использования ее нужно сохранить как картинку или сразу распечатать. Сохранение визитной карты в формате Photoshop позволит редактировать её в дальнейшем.
Редактор обладает множеством полезных опций, предназначенных для выполнения различных задач. Получить качественное изображение просто, главное – не бояться экспериментов, использовать различные эффекты и настройки.
Сегодня Adobe Photoshop считается самой популярной универсальной программой, которой пользуются программисты, дизайнеры, художники и фотографы.
5.0 Оценок: 2 (Ваша: )
Узнайте в статье, как сделать визитку в Фотошопе, а также о быстром и удобном альтернативном способе самостоятельно создать стильную карточку:
Photoshop – главный инструмент всех профессиональных фотографов и дизайнеров. Эта программа включает в себя максимально широкий функционал для работы с любой растровой графикой. Его используют для ретуши фотографий, создания иллюстраций, дизайна сайтов и полиграфии.
Чтобы создать визитку в фотошопе можно обратиться к профессиональному графическому дизайнеру или создать ее самостоятельно. Первый вариант значительно дороже, для второго потребуется скачать Photoshop, что тоже не бесплатно: надо будет оформить платную подписку по истечении пробного периода. Но будьте готовы к тому, что этот софт рассчитан на профи: вряд ли удастся разобраться в его функционале без учебников и туториалов, поэтому процесс разработки дизайна визитки может затянуться на долгое время.
Если вы сомневаетесь в своих силах или вам необходим срочный результат, то воспользуйтесь специальной программой для создания визиток Мастер Визиток. В нем вы можете воспользоваться базой готовых шаблонов или изготовить свой дизайн с нуля. Программа на русском языке и вы потратите не более 5 минут.
Делаем визитку в Фотошопе
Как сделать визитку в фотошопе? Обычно процесс создания любого макета в фотошопе разделяют на 2 части: подготовка страницы и сам дизайн, расстановка его элементов. Предлагаем пошаговую инструкцию этого процесса:
Шаг 1. Устанавливаем программу
Установите фотошоп на компьютер. Безопаснее и удобнее скачивать лицензионную версию CC с сайта разработчика (если у вас уже есть прежние версии, например, CS6, то они тоже подойдут для визитки). Не спешите использовать только что установленный софт, он будет доступен только после регистрации или авторизации в Adobe Creative Cloud. Напоминаем, что программа имеет 7-дневный пробный период, по его окончании программа будет работать только при условии подписки на выбранные пакеты. Стоимость начинается от 589,80 рублей для частных лиц и варьируется в зависимости от содержания выбранного пакета и ваших целей.
Шаг 2. Задаем параметры страницы
Создадим новый документ. Нажмите на верхней панели Файл, а затем Создать. Появится окно параметров новой страницы, которые нам предстоит задать.
Существует общепринятый размер визитных карточек 9х5 см. Они помещаются в кошельки и бумажники, их легко хранить. Поэтому введем эти значения для Ширины и Высоты в открывшемся окне. Выбираем прозрачное содержимое фона. Разрешение должно составлять 300 пикселей на дюйм. Остальные пункты оставляем неизменными.
Шаг 3. Настраиваем поля карточки
Из-за технических особенностей процесса печати нам нужно установить поля под обрез. Это делается для типографий, чтобы не получить незаполненных цветом полос по краю карточки, если нож попадет не ровно в начертанную границу.
Сделаем отступы по 2,5 мм: нажмите Просмотр на верхней панели инструментов и включите Линейки. Они отобразятся на рабочей области. Нажмите на линейку левой кнопкой мыши и удерживая ее протяните вниз, за курсором потянется направляющая. Таким же образом протяните их для всех сторон.
Шаг 4. Наполняем карточку графическими элементами
Рекомендуется не переполнять визитку информацией. Эффективнее всего будет минималистичный дизайн с самой основной информацией. При желании увеличить место для текста можно оформить двухстороннюю карточку. В любом случае, стоит добавить изображение, которое точно опишет вашу профессиональную деятельность и при первом же взгляде даст понять человеку, какие услуги вы ему предлагаете. Так для ремонта домов может быть изображен домик, для электрика лампочка, а для репетитора книга. Для примера мы возьмем цветочный магазин.
Заранее подберите изображение и сохраните его на компьютере. Чтобы загрузить его в наш проект, нажмите Файл и Открыть. Выберете нужную картинку и нажмите ОК. Она появится на странице. Вы можете увеличить или уменьшить его, повернуть или обрезать инструментами в левой панели.
Не забывайте, что каждое действие лучше совершать на новом слое, чтобы все элементы можно было редактировать по отдельности и не начинать работу с нуля из-за небольшого недочета.
Для заливки фона кликните соответствующий значок на левой панели и выберете цвет на палитре, которая откроется при нажатии на иконку с двумя квадратиками с нижнем левом углу. Текст возможно ввести после нажатия на кнопку Т.
Визитка готова. Чтобы сохранить ее нажмите на Файл и Сохранить как. В появившемся окне вы можете выбрать формат для будущего файла. Для печати можно использовать PNG или JPG. Рекомендуем сохранить проект еще раз с разрешением PSD. Это формат Photoshop. Это делается для того, чтобы иметь возможность редактировать по необходимости файл, а не создавать его заново.
Делаем визитку в Мастере Визиток
Мастер Визиток – это специальная программа, предназначенная для создания визитных карточек. Пользоваться ею не составляет труда благодаря русскоязычному интуитивно понятному интерфейсу. С Мастером визиток вы сэкономите деньги на услуги дизайнера и время на самостоятельное изготовление макета. Софт имеет базу с более 500 готовых шаблонов на различные тематики. Вы можете выбрать за основу любой понравившийся.
Для удобства вы можете включить сетку, по которой будет проще выравнивать объекты. В нижней части рабочей области заполните контактные данные.
Импортируйте новое изображение из каталога программы или с компьютера, нажав на иконку с картинкой в верхней панели. При желании подберите цвет фона из палитры во вкладке Фон.
Поздравляем! Ваш уникальный макет визитки готов. Вы можете распечатать его прямо через программу. Настройте расположение карточек на листе и другие параметры печати. Если вы хотите отдать макет на печать в специализированные центры, то сохраните его кнопкой «Сохранить макет в файл».
Посмотрите наш видео-урок на Ютубе о том, как создать двухстороннюю карточку в Мастере Визиток и убедитесь, как это просто:
Выводы
Фотошоп замечательная программа с очень широким функционалом для всех видов графических работ. В ней можно самостоятельно создать иллюстрацию, уникальное дизайнерское решение и наработать собственное портфолио. Это незаменимый софт для профессионалов. Он подходит для начинающих дизайнеров, которые планируют развивать свои навыки в графике.
Если вам нужна визитка быстро и вы не обладаете художественными и техническими навыками, то сэкономьте время для своей деятельности, то скачайте Мастер Визиток, который поможет сделать привлекательную визитку за считанные минуты!
Визитная карточка – очень важный и незаменимый атрибут любого бизнесмена или корпоративного сотрудника. Довольно часто ее разработка поручается специальным агенствам, которые занимаются подобными вопросами. Мы же в рамках данной публикации рассмотрим, как можно своими руками сделать визитку, используя Фотошоп.
Создание макета визитки
Открываем программу и приступаем к выполнению нашей задачи:
- Создаем новый документ (через меню “Файл” или просто жмем комбинацию клавиш Ctrl+N).
- В открывшемся окне указываем размеры визитки, для которой приняты следующие стандарты: ширина – 9 см, высота – 5 см (или 1063×591 пикс.). Рекомендуемое разрешение – 200-300 пикселей на дюйм (для того, чтобы при распечатке получилось хорошее качество). Фон можно задать белый или прозрачный. Остальные параметры оставляем без изменений и жмем кнопку “Создать”.
Добавление информации на карточку
Графические объекты
Большинство визитных карточек содержит графические элементы: логотипы компаний, брендов, картинки и т.д. Давайте попробуем вставить логотип.
- Открываем файл с нужным изображением в Photoshop.
- Выделяем холст с помощью комбинации клавиш Ctrl+A (будет выделено содержимое выбранного в Палитре слоя), затем нажимаем Ctrl+C, чтобы скопировать его. После этого переключаемся обратно во вкладку с нашей визиткой и, нажав Ctrl+V, вставляем скопированное изображение в виде отдельного слоя.
- На холсте корректируем размеры вставленного объекта и располагаем его в нужном месте с помощью инструмента “Перемещение”.
Примечание: при изменении положения объектов для их точного выравнивания относительно чего-либо очень помогают направляющие.
Текст
Теперь переходим к добавлению текстовой информации.
- На боковой панели инструментов выбираем текст (горизонтальный или вертикальный).
- Щелкаем по холсту в нужном месте и набираем требуемые символы. Чаще всего визитки содержат фамилию, имя и отчество, а также должность и контактные данные. Для начала введем ФИО и по готовности кликнем за пределами области ввода, чтобы завершить набор. Не переживайте, если текст окажется слишком большого размера, дальше мы это исправим.
- Видим, что в Палитре появился новый текстовый слой, который должен быть выбран автоматически.
Финальная обработка визитной карты
Примечание: также вместо фона можно использовать картинку. Слой с фоновым изображением в этом случае нужно разместить в самом низу Палитры.
При этом придется изменить и другие объекты карточки (логотип и текст). Вот, что у нас получилось.
Заключение
Итак, мы на практическом примере продемонстрировали пошаговую инструкцию, с помощью которого можно сделать визитку в Фотошопе. Конечный результат в Вашем случае может быть абсолютно другим, т.к. это зависит от применяемых обработок и принимаемых на каждом шаге решений. И, конечно же, список инструментов и функций при создании карточки не ограничивается теми, которые мы использовали.
В этом уроке я покажу вам, как создать стильную визитку в Фотошоп. Она будет простой, но в то же время интересной.
Материалы для урока:
Шаг 2: Добавляем вспомогательные линии
Мы будем использовать вспомогательные линии, чтобы правильно расположить все элементы визитки. Для этого переходим View - New Guide. (Вид - Новая направляющая) и добавляем такие линии: вертикальную 0.125 (слева) и 3.625 (справа), горизонтальную 0.125 (вверху) и 2.125 (внизу).
Не забудьте сменить единицы измерения с пикселей на дюймы.
Теперь переходим Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум) и устаналиваем такие параметры: Amount (Количество) 0,8%, выбираем Uniform (Равномерно) и активируем Monochromatic (Монохромный).
Далее кликаем правой кнопкой мыши по фоновому слою и выбираем Blending Options (Параметры наложения).
Создаем новый слой (SHIFT+CTRL+N) и называем его "Полоса". Затем выбираем белый цвет и активируем инструмент Brush Tool (Кисть) (B). Затем выбираем базовый набор кистей Фотошопа и выбираем кисть Soft Mechanical 500. Один раз кликаем ею в центре полотна.
Активируем Rectangular Marquee Tool (Прямоугольное выделение) (M), выделяем половину документа и жмем DELETE.
Жмем CTRL+T и поворачиваем белое пятно, как показано ниже.
Устанавливаем режим смешивания слоя на Overlay (Перекрытие) и уменьшаем Opacity (Непрозрачность) до 15%.
Жмем CTRL+J, чтобы дублировать слой "Полоса" и перемещаем копию вправо. После этого сделайте еще одну копию.
Создаем новый слой (SHIFT+CTRL+N) и называем его "Свет". Снова берем кисть (B) Soft Mechanical 500 и рисуем в центре пятно. Меняем режим смешивания слоя на Overlay (Перекрытие).
Шаг 4: Фронтальная сторона
Сворачиваем группу "Фон", кликнув по маленькой серой стрелке возле названия. Затем создаем новую Layer - New - Group (Слой - Новый - Группа) и называем "Передняя сторона". Убедитесь, что она расположена над группой "Фон". После этого создаем новый слой (SHIFT+CTRL+N), называем его "Кнопка" и активируем Rounded Rectangle Tool (Закругленный прямоугольник) (U), устанавливаем радиус на 1 мм и рисуем кнопку, как показано ниже.
Теперь кликаем правой кнопкой мыши по слой "Кнопка" и выбираем Blending Options (Параметры наложения).
Активируем Horizontal Type Tool (Горизонтальный текст) (T), выбираем размер 100 px и шрифт Bebas Neue, пишем название вебсайта.
Затем кликаем правой кнопкой мыши по текстовому слою и выбираем Blending Options (Параметры наложения).
Создаем новый слой (SHIFT+CTRL+N) и называем его "Кнопка Go". После этого зажимаем клавишу CTRL и кликаем по миниатюре слоя с кнопкой, чтобы загрузить его выделение. После этого активируем слой "Кнопка Go" и выбираем инструмент Rectangular Marquee Tool (Прямоугольное выделение) (M). Зажав ALT, отрезаем больше половины выделения.
Заливаем выделение любым цветом, используя Paint Bucket Tool (Заливка) (G). Далее выбираем Custom Shape Tool (Произвольная фигура) (U) и загружаем набор форм Arrows (Стрелки). Затем выбираем стрелку под номером 12 и рисуем, как показано на скриншоте ниже.
Жмем CTRL+T и поворачиваем стрелку на 180 градусов.
Зажимаем CTRL, чтобы выбрать одновременно два слоя "Кнопка Go" и слой со стрелкой. Жмем CTRL+E, чтобы объединить их вместе. Затем кликаем по слою правой кнопкой мышки и выбираем Blending Options (Параметры наложения).
Активируем инструмент Horizontal Type Tool (Горизонтальный текст) (T), выбираем шрифт Bebas Neue размером 100 px и пишем слово "GO". Затем кликаем правой кнопкой по текстовому слою и выбираем Blending Options (Параметры наложения).
Создаем новый слой (SHIFT+CTRL+N) и называем его "Шум". После этого зажимаем клавишу CTRL и кликаем по миниатюре слоя с кнопкой, чтобы загрузить ее выделение. Заливаем выделение черным цветом и переходим Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум) с такими параметрами: Amount (Количество) 1,5%, выбираем Uniform (Равномерно) и активируем Monochromatic (Монохромный).
Устанавливаем режим смешивания слоя с шумом на Soft Light (Мягкий свет).
Создаем новый слой (SHIFT+CTRL+N) и называем его "Тень". Выбираем черный цвет и активируем инструмент Ellipse Tool (Эллипс) (U). Рисуем узкий эллипс, как показано ниже.
Переходим Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) (Фотошоп предложит вам растрировать объект, нажмите OK). Устанавливаем Radius (Радиус) на 4 пикселя и уменьшаем Opacity (Непрозрачность) тени до 40%.
Шаг 5: Задняя часть
Сворачиваем группу "Передняя сторона" и скрываем ее, кликнув по маленькому глазику возле названия группы. Затем создаем новую группу Layer - New - Group (Слой - Новый - Группа) и называем ее "Задняя сторона". Активируем Horizontal Type Tool (Горизонтальный текст) (T), выбираем шрифт Bebas Neue размером 140 px и пишем адрес вебсайта.
Кликаем правой кнопкой мыши по созданному текстовому слою и выбираем Blending Options (Параметры смешивания).
Добавим больше текста на визитку и применяем те же параметры наложения, как и для предыдущего текста.
И, наконец, создаем последний новый слой (SHIFT+CTRL+N) и называем его "Тень", располагаем его под слоями с вашим именем и профессией. Затем выбираем черный цвет и активируем Ellipse Tool (Эллипс) (U). Рисуем узкий эллипс, как показано ниже.
Переходим Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) (кликаем OK на вопрос о растрировании) и устанавливаем Radius (Радиус) на 4 пикселя. Затем уменьшаем Opacity (Непрозрачность) слоя до 40%.
Поздравляю! Мы закончили создание визитки. В этом уроке вы узнали о некоторых популярных техниках и эффектах, таких, как фильтр Noise (Шум), световые полосы и режимы смешивания. Надеюсь этот урок был вам полезен.
Автор: Tomas Laurinavicius
Переводчик: Макс Енин
Ссылка на источник
В этом уроке вы узнаете, как создать визитку в Фотошоп, используя смарт-объекты и стили слоя.
Сложность урока: Легкий
В этом уроке вы научитесь создавать визитку в Фотошоп, используя смарт-объекты и стили слоя.
Ниже вы можете посмотреть финальный вариант:
Примечание: Исходный файл с иконками не доступен. В архиве вы найдете альтернативные иконки для выполнения урока.
Шаг 1
Создаем документ размером 1240 х 826 пикселей, переходим View – Show – Grid (Просмотр – Показать – Сетку) (Ctrl+’), чтобы активировать сетку. Затем View – Snap To – Grid (Просмотр – Привязать к – Линиям сетки). Жмем Ctrl+K, чтобы открыть окно настроек программы, затем переходим в раздел Guides, Grid & Slices (Направляющие, сетка и фрагменты). Устанавливаем Gridline Every (Линия через каждые) на 5, а Subdivisions (Внутреннее деление на) – на 10.
Такая сетка облегчит процесс создания визитки и позволит более аккуратно выравнивать все элементы дизайна. На скриншотах в уроке я специально отключил сетку, чтобы она не мешала.
Шаг 2
Переходим на панель слоев, выбираем фоновый слой Background (Фон), кликаем по нему дважды, чтобы разблокировать и превратить в обычный слой.
Еще раз дважды кликаем по фоновому слою, чтобы применить к нему стиль слоя Gradient Overlay (Наложение градиента) со следующими параметрами.
Шаг 3
Далее берем Rectangle Tool (U) (Прямоугольник) и создаем прямоугольник размером 740 х 460 пикселей.
Шаг 4
Открываем окно со стилями слоя и применяем Gradient Overlay (Наложение градиента) к прямоугольнику.
Шаг 5
Проверяем, чтобы слой с прямоугольником был активен, и жмем Ctrl+J, чтобы дублировать его.
Устанавливаем Fill (Заливка) для копии на 0%, затем применяем к ней стиль слоя Pattern Overlay (Наложение узора).
- Узор из коллекции Color paper (Цветная бумага) – Blue Crepe (Синий креп)
- Blend Mode (Режим наложения) – Overlay (Перекрытие)
Шаг 6
Активируем Type Tool (T) (Текст).
Открываем панель Window – Character (Окно – Символ) и устанавливаем шрифт Roboto Light.
Выбираем белый цвет, размер 16px и пишем текст, как показано ниже.
Шаг 7
Открываем окно со стилями слоя и применяем Gradient Overlay (Наложение градиента) для каждого текстового слоя из предыдущего шага.
Шаг 8
Открываем PSD-файл с набором иконок и импортируем любые понравившиеся иконки на рабочий документ, но так, чтобы они подходили по смыслу к тексту с контактами.
Затем применяем к каждой иконке стиль слоя Stroke (Обводка), используя следующие настройки.
Шаг 9
Добавляем логотип, название компании и слоган. Затем к этим элементам применяем стиль слоя Gradient Overlay (Наложение градиента) с настройками из предыдущих шагов.
Шаг 10
На панели слоев с зажатой клавишей Ctrl выделяем все слои, из которые состоит визитка, кликаем по ним правой кнопкой мыши и выбираем Convert to Smart Object (Преобразовать в смарт-объект).
К получившемуся смарт-объекту применяем следующие стили слоя. Обратите внимание, что в ранних версиях Фотошоп нет возможности применить несколько копий одного и того же стиля слоя. Чтобы это сделать, вам следует после одного применения стиля преобразовывать слой в смарт-объект, а затем добавлять новую копию. В новых версиях достаточно нажать кнопку с плюсом напротив стиля слоя.
Внутрення тень (Inner Shadow)
- Blend Mode (Режим наложения) – Overlay (Перекрытие)
Тень (Drop Shadow)
- Blend Mode (Режим наложения) – Overlay (Перекрытие)
Тень (Drop Shadow)
- Blend Mode (Режим наложения) – Overlay (Перекрытие)
Тень (Drop Shadow)
- Blend Mode (Режим наложения) – Overlay (Перекрытие)
Тень (Drop Shadow)
- Blend Mode (Режим наложения) – Overlay (Перекрытие)
Шаг 11
Жмем Ctrl+T, чтобы активировать свободную трансформацию, зажимаем клавишу Ctrl и тянем за верхнюю левую узловую точку, чтобы деформировать визитку. Закончив, жмем Enter.
Шаг 12
Снова жмем Ctrl+T, чтобы активировать свободную трансформацию, затем на верхней панели устанавливаем угол на 14 градусов, чтобы слегка повернуть визитку, и жмем Enter.
Шаг 13
Убедитесь, что слой с визиткой активен, и жмем Ctrl+J, чтобы дублировать ее.
Выбираем копию, открываем стили слоя и применяем две копии Inner Shadow (Внутренняя тень). Оба стиля слоя Drop Shadow (Тень) мы отключаем.
С помощью свободной трансформации поворачиваем визитку на 1,5 градусов, как показано ниже.
Шаг 14
Выбираем копию и дублируем ее (при этом копия должна оказаться над оригиналом). Выбираем дубликат и поворачиваем его на 1,5 градуса.
Читайте также: