С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Дизайн визитной мини-карточки в Фотошопе

Дизайн визитной мини-карточки в Фотошопе

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

 

Ресурсы

 

Business Man Photo

Minimal Social Icons

 

Предварительный просмотр

 

Дизайн визитной мини-карточки в Фотошопе

 

Давайте начнём.

 

Необязательный шаг 

 


Создайте новый документ достаточно большого размера. Заполните фоновый слой цветом # 393e47. Далее создайте новый слой и залейте его белым цветом, измените Режим наложения (Blend Mode) слоя на Умножение (Multiply). Теперь перейдите в меню Фильтр> Шум> Добавить шум (Filter> Noise> Add Noise) и выберите нужный процент.

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 1 

 

Используя инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) нарисуйте белую форму для тела визитной карточки. Дважды щёлкните мышью по слою с формой и примените следующие стили слоя.

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 2 

 

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

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 3 

 

Далее необходимо создать верхнюю панель на визитной карточке. Перейдите на верхний слой, выберите инструмент Выделенная область (Marquee Tool), удерживая нажатой клавишу CTRL щелкните по иконке слоя. Выберите инструмент Прямоугольная выделенная область (Rectangular Marquee Tool), на панели управления выбранным инструментом выберите Вычесть из выделенной области (Subtract from selection) и обрежьте выделение, как показано на изображении ниже.


 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 4 

 

Убедитесь, что выделение ещё активно, создайте новый слой и залейте его любым цветом. Дважды щёлкните по слою и примените следующие стили слоя. В стиле Наложение цвета (Color Overlay) выберите любой цвет, который вам нравится.

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 5 

 

Повторите ту же процедуру, что и в шаге 3, создайте новый слой и заполните оставшееся выделение формы белым цветом, снизьте непрозрачность до 7%.

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 6

 

Возьмите инструмент Линия (Line Tool) (толщина 1 пиксель) и нарисуйте 2 горизонтальные линии, одна черная (Непрозрачность 33%), а другая белая. Это позволит добавить хороший эффект.

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 7 

 

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

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 8 

 

Теперь выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) (установите любой радиус скругления на ваш выбор) и нарисуйте кнопку. Дважды щёлкните мышью по слою с формой и примените следующие стили слоя. Напишите название кнопки.

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 9 

 

Теперь нарисуйте белый прямоугольник, используя инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) и добавьте обводку в стилях слоя. Скопируйте и вставьте изображение, которое вы хотите поверх слоя с прямоугольником, щелкните правой кнопкой мыши по слою с изображением и выберите команду Создать обтравочную маску (Creating Clipping Mask). Это действие обрежет изображение до размеров белой формы.

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 10 

 

Далее используя любые шрифты и стили напишите некоторую информацию о себе.

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 11

 

Повторите действия из шага 6 и создайте две горизонтальные линии.

 

Дизайн визитной мини-карточки в Фотошопе

 

Шаг 12 

 

После этого нарисуйте вторую кнопку. Дважды щёлкните мышью по слою с формой и примените следующие стили слоя. Сделайте надпись на кнопке.  Далее поместите социальные иконки на левую сторону и примените к ним те же стили слоя.

 

Дизайн визитной мини-карточки в Фотошопе

 

Финальный результат

 

Дизайн визитной мини-карточки в Фотошопе

 

Вот и всё. Урок по теме - Как сделать стильную кнопку для сайта в фотошопе. Подробный урок.

 


Автор урока: Ainsley

 

Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 10.02.2013
  •   Просмотров: 4578
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

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

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки