Главная
Блог разработчиков 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
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB