Мы запустили Форум! (*beta)
Видеокурс «Photoshop Professional. От чайника до профи за один день» поможет Вам стать профессионалом в фотошопе всего за 24 часа!
Курс специально построен так, чтобы Вы научились создавать работы профессионального качества уже на следующий день. МИНИМУМ ТЕОРИИ, МАКСИМУМ ПРАКТИКИ
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
Тёмный web-сайт
+12
1. Создайте новый документ размером 950x1130 пикселей с чёрным фоном. Выберите инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) и установите значение радиуса – 15 пикселей.
3. Перейдите в меню Стилей слоя (Layer Style - Blending Options) и настройте так:
Наложение градиента (Режим – Нормальный, Стиль – Линейный):
Наложение градиента (Режим – Нормальный, Стиль – Линейный):
Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль –Зеркальный):
4. В левой стороне прямоугольника вставьте заголовок и слоган, а на правой – навигационный текст.
5. Слева от текста навигации добавьте 3-пиксельные линии белого цвета и примените к ним стиль Внешнее свечение (Layer Style - Outer Glow):
Режим – Осветление, Метод – Мягкий
Режим – Осветление, Метод – Мягкий
7. Залейте его белым цветом в новом слое и установите Непрозрачность – 2%. Под заголовком сайта создайте ещё один прямоугольник с закруглёнными краями.
8. Примените такие стили слоя с этому прямоугольнику:
Отбрасывание тени (Режим – Умножение):
Отбрасывание тени (Режим – Умножение):
Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Зеркальный):
10. Залейте его белым цветом в новом слое и установите Непрозрачность – 5%. Добавьте навигационный текст и между разделами меню создайте разделители – две вертикальные линии, стоящие рядом друг с другом разных цветов (я использовал светлый и тёмный оттенки серого).
11. Создайте белый круг, как показано ниже (он должен немного заступать на область навигационной панели).
12. Примените к нему фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 6-8 пикселей и установите Непрозрачность слоя – 23%. Потом сотрите нижнюю часть круга.
13. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте выделение в новом слое, как показано ниже.
14. Выберите инструмент Градиент (Gradient Tool), установите цвет заливки - #2c2d2d, цвет фона – чёрный и сделайте радиальную заливку из нижнего левого угла. Потом примените стиль Обводка (Layer Style – Stroke):
Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Зеркальный
Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Зеркальный
Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Зеркальный):
18. Первую область контента я буду использовать как галерею изображений. Создайте в нём закруглённый прямоугольник и примените к нему такие стили:
Наложение цвета:
Наложение цвета:
19. Вставьте изображение в созданный прямоугольник, установите Непрозрачность слоя – 40% и добавьте информацию об изображении.
Ссылка на источник урока
Создан: 30 апреля 2010