Дизайн »

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

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

Создание визиток в фотошопе
Вот такую красивую визитку мы сделаем в фотошопе в этом уроке для начинающих.


Этап 1

Для начала давайте откроем фотошоп и создадим документ с размером 9 на 6 сантиметров, и разрешением 300 точек на дюйм.
Теперь зайдите в "Просмотр - Новая направляющая"(View/New Guide) и выберем "Вертикальная" 0 см, а затем точно также, только вместо 0 см выбираем 0,5 см, 8,5 см, 9 см.
Теперь там же выберем "Горизонтальная" 0 см, затем 0,5 см, 5,5 см, 6 см.
Это будет наше 5 мм ограничение, которое необходимо большинству принтеров для нормальной печати.
Результат должен быть как на рисунке ниже:

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


Этап 2

Пришло время добавить градиент, поэтому кликните инструмент "Градиент" (Gradient Tool) или просто нажмите G. Цвет переднего плана сделайте вот таким #2b272a, а заднего плана таким - #3c353a, а теперь растяните градиент с левого нижнего угла в правый верхний, чтобы получить вот такой результат:

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


Этап 3

Теперь сделайте двойной клик на ваш фон в панели со списками слоев(Layers) и сделайте его редактируемым(снимите замочек со слоя).
Скачайте узор: tutpat.zip [8,04 Kb] (cкачиваний: 8162)
и используйте его для вашей визитки. Для этого кликните дважды по названию слоя и выберите узор ("Непрозрачность" 10%). Теперь вы должны получить вот такой результат:
Создание визиток в фотошопе


Этап 4

Теперь возьмите инструмент "Прямоугольник (Rectangle Tool), для этого просто можно нажать U. Убедитесь что цвет выбран вот этот #ffe512 и сделайте прямоугольную форму, как на рисунке ниже:

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


Этап 5

Теперь сделаем наш логотип, я просто написал DP и стилизовал их таким образом:
"Тиснение" (Bevel and Emboss): Стиль: Внутренний скос, Метод: Жесткая огранка, Глубина 11%, Направление - вверх, Размер 21 и Смягчение 0, остальное оставляем, как есть.
Контур 50%.
Перекрытие цветом #ffe512, непрозрачность 100%.
Обводка - 4 пикселя, цвет - черный.
Вы получите вот такой результат.

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


Этап 6

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

Теперь выберите инструмент "Горизонтальный текст" и нанесите ваш логотип, используя черный цвет для одной половины логотипа и белый для другой. Размер шрифта выберите 180пт, в зависимости от того шрифта, который вы используете значение может быть меньше или больше. Сделайте так, чтобы текст немного выходил за пределы печати и установите непрозрачность слоя в значение 20%.
Вы должны получить вот такой результат.

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


Этап 7

Это последний этап нашего урока фотошопа по созданию визиток. Просто напишите ваши данные на карточке. Вы должны получить вот такой результат.

Создание визиток в фотошопе
Результат урока по созданию визитки.


Источник: https://designers-paradise.co.uk/
Перевод: photoshoplove.ru
В мой мир
Bookmark and Share
  • 7 июня 2010 21:49
  • Комментариев: 0
  • Новостей: 0
Спасибо! Хороший урок!
  • 9 августа 2010 11:01
  • Комментариев: 0
  • Новостей: 0
Спасибо большое! Теперь я смогу нарисовать визитку в фотошопе самостоятельно!
  • 13 августа 2010 14:36
  • Комментариев: 0
  • Новостей: 0
Спасибо. Урок пригодился. Нарисовал визитку быстро и красиво.
  • Александра
  • 29 сентября 2010 23:10
  • Комментариев: 0
  • Новостей: 0
Спасибо за урок! Полезный!
  • 7 декабря 2010 12:43
  • Комментариев: 0
  • Новостей: 0
Очень нужно найти информацию, как вставить в шаблон визитной карточки свои данные, что бы сохранился и шрифт шаблана и размер текста и цвет. Всё так, как на шаблоне только мои данные. Так много разных и интерсных шаблонов есть уже готовых. Спасибо.
  • photoshoplove
  • 7 декабря 2010 12:45
  • Комментариев: 42
  • Новостей: 0
walnat,
Добрый день! Открываете визитку в photoshope, кликаете два раза на тексте прямо в фотошопе и меняете текст в визитке. Вот так просто.
  • 9 декабря 2010 12:13
  • Комментариев: 0
  • Новостей: 0
photoshoplove-спасибо за оперативность и точность ответа. Всё так кратко и понятно. Но вот неудача, я так делала несколько раз и на различнных шаблонах и ничего не происходит. В самом слоевом окне текст записывается, а на самой визитке ничего не меняется. Может быть какие то настройки надо поменять дополнительно. Ещё раз спасибо за ваш сайт.

photoshoplove-ещё раз спасибо, наконец-то получилось. Моя ошибка была в том, что я работала в окошке, где слои, а надо было на самом шаблоне 2 раза кликать. Теперь и у меня всё идет. Моё предыдушее письмо можно считать уже не актуальным. Спасибо Вам. Успехов всем и удачи!
  • photoshoplove
  • 9 декабря 2010 13:08
  • Комментариев: 42
  • Новостей: 0
walnat,
Пожалуйста! Успехов!
  • 2 января 2011 21:52
  • Комментариев: 0
  • Новостей: 0
Распечатывать можно на дому или может лучше обратиться в ближайшую типографию?
  • photoshoplove
  • 2 января 2011 21:58
  • Комментариев: 42
  • Новостей: 0
Дмитрий,
Если домашний принтер справится и качество устроит, то можно и дома.
  • 2 января 2011 22:11
  • Комментариев: 0
  • Новостей: 0
Ясно, спасибо :)
  • 8 января 2011 11:31
  • Комментариев: 0
  • Новостей: 0
Я начинающий дизайнер и у меня вопрос . Стандартный размер визитки 5 на 9 см, значит надо изначально брать не 6 на 9 см, а чтобы и по ширине прибавлялось?...cid:op.mhtml.1294467695520.fc1971473b07e864@192.168.1.25# Объясните, пожалуйста, а то не пойму....
  • photoshoplove
  • 8 января 2011 11:41
  • Комментариев: 42
  • Новостей: 0
ksu1186,
Эти отступы нужны для того, чтобы принтер мог печатать к краю листа. Обычно у них ограничения 5 мм.
  • Юлия
  • 25 марта 2011 17:07
  • Комментариев: 0
  • Новостей: 0
Непонятно на этапе 3 - где сделать двойной клик, как называется непрозрачность в англоязычном фотошопе. Автор все время указывал аглоязычный путь, а тут просто вдруг "на пальцах" стал объяснять. Узор не загрузила, его там вообще нет почему-то. Где кликнуть, что выбрать - вообще ничего не понятно. В общем, хорошо для опытных, а не для новичков.
  • photoshoplove
  • 25 марта 2011 17:14
  • Комментариев: 42
  • Новостей: 0
Юлия,
Спасибо за комментарии. Двойной клик нужно делать в панели со слоями(Layers). Непрозрачность выбирается там же. Звучит она как Opacity.
  • Юлия
  • 26 марта 2011 00:43
  • Комментариев: 0
  • Новостей: 0
photoshoplove
Спасибо, попробую еще раз )
  • 2 апреля 2011 21:15
  • Комментариев: 0
  • Новостей: 0
"Кликните здесь" выдает ошибку(
  • 6 апреля 2011 10:39
  • Комментариев: 0
  • Новостей: 0
у меня тоже не загружает узор. Вышлите, пожалуйста на е-меил. Спасибо.
  • photoshoplove
  • 6 апреля 2011 10:51
  • Комментариев: 42
  • Новостей: 0
Shining,
Я добавил узор в уроке. Теперь его можно скачать с нашего сайта.
  • 9 февраля 2012 11:09
  • Комментариев: 0
  • Новостей: 0
Как сделать визитку с двух сторон? с одной стороны понятно как, а с другой как? помоги срочно надо.....
  • photoshoplove
  • 9 февраля 2012 11:38
  • Комментариев: 42
  • Новостей: 0
Лера,
В чем сложность? С двух сторон распечатать картинку на одном листе.
Или сделать два листа, а потом их склеить и ламинировать.
  • 5 сентября 2012 21:16
  • Комментариев: 0
  • Новостей: 0
Подскажите, какой шрифт здесь используется? Как он называется?
  • 1 июля 2013 10:31
  • Комментариев: 0
  • Новостей: 0
Все сделала по шагово,но при распечатке у меня получается не визитка,а формат А-4))Подскажите,где моя ошибка?
  • photoshoplove
  • 1 июля 2013 12:55
  • Комментариев: 42
  • Новостей: 0
Дарья,
Наверное нужно найти опцию масштабирования листа при печати визитки.
  • 20 июля 2014 00:31
  • Комментариев: 0
  • Новостей: 0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Уроки фотошопа
Свежие уроки
{lastnews}
Видео уроки
Популярные уроки
Наш опрос
Какие уроки вам больше нравятся?