Мы запустили Форум! (*beta)
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.


Создание фона
Сделайте копию фонового слоя и примените стиль Наложение градиента (Layer Style - Gradient Overlay):
Режим – Нормальный, Стиль – Линейный
Сделайте копию фонового слоя и примените стиль Наложение градиента (Layer Style - Gradient Overlay):
Режим – Нормальный, Стиль – Линейный



Создание футера
Под копией фонового слоя создайте новый слой (Create New Layer) и назовите его “footer”. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) и сделайте выделение, как показано ниже:
Под копией фонового слоя создайте новый слой (Create New Layer) и назовите его “footer”. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) и сделайте выделение, как показано ниже:

Залейте инструментом Градиент (Gradient Tool) это выделение. Используйте цвета #0b0b0b и #222222. Делайте заливку из центра в сторону.

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



Заголовок
Инструментом Горизонтальный текст (Horizontal Type Tool) добавьте название сайта и логотип:
Инструментом Горизонтальный текст (Horizontal Type Tool) добавьте название сайта и логотип:


Навигационная панель
Для навигационной панели потребуется инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 10 пикселей.
Для навигационной панели потребуется инструмент Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 10 пикселей.


Примените следующие стили к этой фигуре:
Наложение градиента (Режим – Нормальный, Стиль – Линейный):
Наложение градиента (Режим – Нормальный, Стиль – Линейный):




Создайте прямоугольное выделение на половину навигационного меню и залейте его белым цветом в новом слое.

Сделайте выделение слоя с прямоугольником навигационной панели (Ctrl+Click), инвертируйте выделение (Select – Inverse) и нажмите Delete в слое с белым прямоугольником. Потом установите Непрозрачность слоя – 8%.



Выберите фоновый слой и перейдите в меню Редактирование»Скопировать совмещённые данные (Edit > Copy Merged), создайте новый слой (Create New Layer) поверх остальных и перейдите в меню Редактирование»Вставить (Edit > Paste). Создайте новый слой (Create New Layer) , выберите инструмент Градиент (Gradient Tool), цвет – от заливки к прозрачному:

Сделайте заливку справа налево. Добавьте маску слоя (Layer Mask) и сделайте заливку линейным градиентом слева направо.

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

Залейте выделение чёрным цветом и примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 2-3 пикселя. Установите Непрозрачность слоя – 75% и подотрите верхний и нижний концы.

Если вы не получили результат, как у меня, то добавьте маску к слою с тенью и 1-пиксельными линиями. Сделайте заливку зеркальным градиентом из середины вверх (при этом цвет заливки должен быть белым, цвет фона – чёрным).
Кнопки:
Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте 4 кнопки под слоями с линиями, которые мы только что создавали.
Кнопки:
Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте 4 кнопки под слоями с линиями, которые мы только что создавали.












Примените изменения (Enter), Сделайте выделение этого слоя с фигурой, примените Сжатие (Modify – Contract) со значением 15 пикселей и нажмите Delete. Потом примените стиль Внешнее свечение (Layer Style - Outer Glow):
Режим – Осветление, Метод – Мягкий
Режим – Осветление, Метод – Мягкий




Залейте выделение чёрным цветом, примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 2-3 пикселя и установите Непрозрачность слоя – 45%. Этот слой нужно расположить под слоем с рамкой и картинкой:




Ссылка на источник урока
Создан: 8 марта 2010
написал : Shomma
Помогите пожалуйста! Не получается вот этот шаг "Сделайте выделение слоя с прямоугольником навигационной панели (Ctrl+Click), инвертируйте выделение (Select – Inverse) и нажмите Delete в слое с белым прямоугольником. Потом установите Непрозрачность слоя – 8%" А именно когда на ножимаю Delete не чего не происходит. Вчем причина?
---------------12 марта 2010 15:29 | ICQ: -- | [цитировать]
написал : positive1
Нужно сделать выделение чёрного прямоугольника, потом инвертировать его - то есть теперьв выделена область вне этого чёрного прямоугольника. Далее кликните на слое с белым прямоугольником и нажмите Delete. - то есть удалится та часть белого прямоугольника, котороая находится вне чёрной панели.
обязательно убедитесь в том, что Delete нажимаете в слое с белым прямоугольником.
---------------обязательно убедитесь в том, что Delete нажимаете в слое с белым прямоугольником.
ПОДПИСЬ
12 марта 2010 23:49 | ICQ: -- | [цитировать]


+4
