Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В конце урока вы должны получить такой результат:


Дизайн бизнес сайта


1. Создайте новый документ размером 766×500 пикселей с разрешением 72 dpi. Залейте фон цветом #2D3947.


Дизайн бизнес сайта


2. Инструментами Прямоугольник (Rectangle Tool) и Преобразовать точку привязки
(Convert Point Tool) создайте форму фигуры, показанной ниже:


Дизайн бизнес сайта


3. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените стили, показанные ниже. После этого ваша фигура будет такой же, как и та, что показана выше.

Наложение градиента:


Дизайн бизнес сайта

Дизайн бизнес сайта


Обводка:


Дизайн бизнес сайта


4. Сделайте три копии этой фигуры. Далее мы займёмся изменением цвета фигур. Ниже показаны настройки для первой копии. Она будет синей:

Наложение градиента:


Дизайн бизнес сайта

Дизайн бизнес сайта


Обводка:


Дизайн бизнес сайта

Дизайн бизнес сайта


Настройки стилей для следующей жёлтой копии:

Наложение градиента:


Дизайн бизнес сайта

Дизайн бизнес сайта


Обводка:


Дизайн бизнес сайта

Дизайн бизнес сайта


Следующая копия – красная:

Наложение градиента:


Дизайн бизнес сайта

Дизайн бизнес сайта


Обводка:


Дизайн бизнес сайта

Дизайн бизнес сайта


5. Теперь нужно добавить текст на созданные фигуры. Ниже показаны настройки текста. Для каждой фигуры нужен текст с соответственного цвета.


Дизайн бизнес сайта

Дизайн бизнес сайта

Дизайн бизнес сайта

Дизайн бизнес сайта

Дизайн бизнес сайта


К каждому текстовому слою примените стиль Отбрасывание тени (Layer Style - Drop Shadow) с такими настройками:


Дизайн бизнес сайта


6. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру, как показано ниже:


Дизайн бизнес сайта


Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените эти стили, чтобы получить вышеуказанный результат:

Отбрасывание тени:


Дизайн бизнес сайта


Тиснение:


Дизайн бизнес сайта


Наложение градиента:


Дизайн бизнес сайта

Дизайн бизнес сайта


7. На правой стороне прямоугольника вставьте фотографию девушки. Размер изменяйте сами:


Дизайн бизнес сайта


8. Инструментом Линия (Line Tool) нарисуйте линию, как показано ниже.


Дизайн бизнес сайта


Примените к этой линии стиль Наложение градиента (Layer Style - Gradient Overlay):


Дизайн бизнес сайта

Дизайн бизнес сайта


9. Теперь добавим название сайта. Настройки для текста показаны ниже:

Для “business Co”:


Дизайн бизнес сайта


Для “management & marketing”:


Дизайн бизнес сайта


К тексту примените стиль Отбрасывание тени (Layer Style - Drop Shadow):


Дизайн бизнес сайта

Дизайн бизнес сайта


10. В конце добавьте текст объявления с такими настройками:


Дизайн бизнес сайта


И примените стиль Отбрасывание тени (Layer Style - Drop Shadow):


Дизайн бизнес сайта


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


Дизайн бизнес сайта






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

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: