Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Необычное представление бизнес карты

Alex | 7.03.2014 | нет комментариев

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

Начните с создания нового документа размером 500×500 пикселей и залейте фон цветом #0b1a30.

Теперь было бы неплохо добавить какую-нибудь текстуру к фону, на котором будет размещаться бизнес карта. Вы можете поискать текстуру в Интернете или воспользоваться моей. Откройте найденную текстуру и зайдите в Edit > Define Pattern для сохранения картинки в качестве узора. После этого вернитесь в рабочий документ, создайте новый слой и залейте его узором с помощью Paint Bucket Tool в режиме Pattern.

Думаю, лучше будет сделать текстуру в черно-белой гамме. Для этого нажмите Ctrl+Shift+U, чтобы обесцветить слой с текстурой, а затем поэкспериментировать с настройками параметров layer mode, opacity и fill. Я остановилась на параметре Overlay с fill равным 50%.

Выглядит лучше, но не так хорошо, как хотелось бы. Поэтому я воспользовалась Sharpen Tool (Brush: 1000px, Mode: Normal, Strength: 50%) и сделала текстуру более темной.

Теперь склейте оба слоя с помощью Ctrl+E. После этого начнем создавать бизнес карту. Хорошей идеей будет создать карточку для студии дизайна с каким-нибудь интересным именем, например «Бдительный дракон». Итак, начнем. Создайте новый слой, затем выберите Rectangular Marquee Tool, сделайте выделение как на рисунке и залейте его цветом #e2edf2:

Снимите выделение с помощью Ctrl+D, затем создайте новый слой, выберите Rectangular Marquee Tool и сделайте еще одно выделение, после чего залейте его цветом #8ca6b2.

Пришло время добавить логотип на карточку. Найдите его в Интернете. Вставьте картинку в изображение.

После этого уменьшите логотип немного с помощью Ctrl+T и опустите его как на рисунке.

По-моему, карточка будет лучше выглядеть, если логотип немного стилизовать. Выделите слой с голубым прямоугольником (Ctrl + клик по слою) и нажмите Ctrl+Shift+J для вырезания выделенного пространства на отдельный слой. Обратите внимание, что вырезается кусок логотипа. Затем примените Color Overlay к новому слою со следующими параметрами:

Теперь перейдите на предыдущий слой и примените к нему Color Overlay со следующими параметрами:

Хорошо выглядит, но еще не закончено. Я хочу добавить текстовую информацию на карточку. Это можно сделать с помощью Horizontal Type Tool. Выберите данный инструмент и напишите текст как на рисунке.

Я использовала шрифт Tahoma и цвет шрифта #bd0938. Вы можете использовать любой другой шрифт по вашему вкусу. Теперь я добавлю еще текст с помощью шрифта Arial Black:

Добавьте еще несколько строчек текстовой информации с контактами. Я использовала опять шрифт Arial.

Теперь необходимо добавить линию, разделяющую текстовую информацию. Выберите Line Tool и нарисуйте горизонтальную линию толщиной 1 px и цветом #e2edf2.

Бизнес карточка готова, но урок еще не закончен. Начинается самая интересная часть урока. Склейте все слои карточки с помощью Ctrl+E, зайдите в Edit > Free Transform и поверните карточку как на рисунке:

Теперь необходимо обрезать углы карточки, для создания впечатления, что карточка вставлена в фон. Выберите Polygonal Lasso Tool и сделайте выделение как на рисунке.

После этого нажмите Ctrl+Shift+I, чтобы инвертировать выделение и нажмите Delete для удаления выделенной области.

Нажмите снова Ctrl+Shift+I для повторного инвертирования выделения, создайте новый слой, затем выберите Brush Tool с мягкой круглой кисточкой размером около 17 px и opacity около 40%. Нарисуйте тень в углах выделенной области цветом #809da8.

Снимите выделение с помощью Ctrl+D. Теперь с помощью Dodge Tool (Brush: 80 px, Range: Highlights, Exposure: 10%) осветлите карточку как на рисунке:

После этого примените Outer Glow со следующими параметрами:

Р

Выберите Dodge Tool (Brush: 20 px, Range: Highlights, Exposure: 50%) и осветлите те участки фона, где карточка вставляется в него.

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

Снимите выделение с помощью Ctrl+D.

Сделайте то же самое с остальными углами карточки.

Все готово! Наслаждайтесь проделанной работой.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB