Мы запустили Форум! (*beta)






Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа! Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ

Подробнее...




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

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


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

Подсказка

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

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

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


Яркий web-дизайн


1. Создайте новый документ размером 800х800 пикселей с белым фоном. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру в верхней части холста на всю его ширину и перейдите в меню Стилей слоя (Layer Style - Blending Options), настройте так:

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


Яркий web-дизайн


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


Яркий web-дизайн

Яркий web-дизайн


2. Тем же инструментом создайте ещё один прямоугольник под предыдущим и примените к нему эти стили слоя:

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


Яркий web-дизайн


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


Яркий web-дизайн

Яркий web-дизайн


3. Скопируйте синий прямоугольник и поместите его в нижнюю часть холста:


Яркий web-дизайн


4. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите разделы меню цветом #88763d, а также заголовок сайта и слоган белым цветом.


Яркий web-дизайн


5. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру, как показано ниже. Потом установите Непрозрачность слоя -60%.


Яркий web-дизайн


6. Примените к нему следующие стили слоя:

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


Яркий web-дизайн


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


Яркий web-дизайн


7. Добавьте ещё несколько навигационных ссылок с иконками.


Яркий web-дизайн


8. Найдите какое-нибудь изображение, подходящее теме вашего сайта и вставьте его, как показано ниже:


Яркий web-дизайн


9. Создайте регистрационную область:


Яркий web-дизайн


10. Разделите оставшуюся область на 3 части:


Яркий web-дизайн


11. Заполните эти области контентом:


Яркий web-дизайн


12. К каждой части контента я хочу добавить кнопки. Для этого нужно создать прямоугольник и применить к нему такие стили слоя:

Зелёная кнопка:

Наложение цвета (Режим – Нормальный):


Яркий web-дизайн


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


Яркий web-дизайн


Синяя кнопка:

Наложение цвета (Режим – Нормальный):


Яркий web-дизайн


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


Яркий web-дизайн

Яркий web-дизайн


13. Осталось только заполнить область футера нужной информацией:


Яркий web-дизайн


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


Яркий web-дизайн




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

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

Ваше Имя

Ваш E-mail

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

Введите код: