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





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

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


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

Подсказка

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

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

Конечный результат:


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


1. Создайте новый документ размером 900х900 пикселей. Выберите инструмент Градиент (Gradient Tool) и сделайте линейную заливку цветами #224371 и #4b86c4.


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


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


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


3. Сделайте выделение холста (Ctrl+A), потом перейдите в меню Редактирование»Кадрировать (Image > Crop). Это удалит верхнюю часть прямоугольника, которая находится за пределами холста. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:

Отбрасывание тени (Режим – Умножение):


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


Внешнее свечение (Режим – Осветление, Метод – Мягкий):


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


Наложение градиента (Режим – Нормальный, Стиль – Линейный):


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


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):


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

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

4. Напишите названия разделом меню и создайте разделители – две 1-пиксельные линии разного цвета.


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


5. Найдите изображение карты мира (желательно с белым фоном). Вставьте его в наш документ под навигационную панель, установите Режим наложения – Умножение (Blending Mode – Multiply) и Непрозрачность – 75%.


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


6. Добавьте заголовок сайта и слоган:


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


7. Создайте новый документ размером 25х25 пикселей. Инструментом Карандаш (Pencil Tool) размером 1 пиксель нарисуйте узор, показанный ниже.


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


8. Потом перейдите в меню Редактирование»Определить узор (Edit > Define Pattern) и сохраните ваш узор. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) в режиме контуров создайте прямоугольник. Инструментом Перо (Pen Tool) кликните правой кнопкой на контуре и выберите Образовать выделенную область (Make Selection). Выберите инструмент Заливка (Paint Bucket Tool) и в настройках сверху выберите сохранённый узор.


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


9. Залейте выделение узором, примените Наложение цвета (Layer Style - Color Overlay): цвет – белый, и установите Непрозрачность слоя – 10%.


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


10. Загрузите этот набор иконок. Вставьте иконку замка в эту область и создайте поля регистрации.


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


11. Продолжайте заполнять сайт контентом и вставлять иконки:


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


12. На левой стороне создайте большой прямоугольник с закруглёнными краями:


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


13. Примените к нему такие стили слоя:

Наложение градиента (Режим – Нормальный, Стиль – Зеркальный):


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


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет):


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


13. Найдите в интернете три изображения на тему бизнеса. Вставьте их в наш документ, сделайте одинакового размера и расположите горизонтально. Потом объедините все три слоя с изображениями. Сделайте выделение слоя с изображением (Ctrl+Click), скопируйте его в буфер обмена (Ctrl+C) и удалите слой. Сделайте выделение слоя с большим прямоугольником (Ctrl+Click) и перейдите в меню Редактирование»Вклеить в (Edit > Paste Into). Теперь ваше изображение появится в прямоугольнике и сможет менять положение в его пределах. Скопируйте изображение два раза и расположите их друг на друге. Потом объедините все слои изображения ещё раз. Добавьте маску слоя (Layer Mask) и сделайте заливку градиентом слева на право.


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


14. Заполните левую сторону контентом и синими кругами из набора иконок.


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


15. Под этим прямоугольником добавьте ещё одну статью:


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


16. Внизу создайте футер и вставьте иконки платёжных систем.


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


17. Создайте новый слой (Create New Layer) под слоями футера. Инструментом Овальная область (Elliptical Marquee Tool) создайте выделение, как показано ниже.


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


18. Залейте его белым цветом и примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением около 48 пикселей. Установите Режим наложения – Перекрытие (Blending Mode – Overlay):


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


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


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




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

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

Ваше Имя

Ваш E-mail

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

Введите код: