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


Шаг 2
Создайте новый слой (Create New Layer) и назовите его “header highlight”, выберите инструмент Градиент (Gradient Tool), стиль – радиальный градиент, цвет – от белого к прозрачному. Сделайте заливку из верхней середины холста. Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay) и понизьте Непрозрачность до 50%.
Создайте новый слой (Create New Layer) и назовите его “header highlight”, выберите инструмент Градиент (Gradient Tool), стиль – радиальный градиент, цвет – от белого к прозрачному. Сделайте заливку из верхней середины холста. Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay) и понизьте Непрозрачность до 50%.


Шаг 3
Загрузите эту текстуру, вставьте в наш документ и обесцветьте её (Desaturation). Перейдите в меню Уровни (Levels) и настройте так:
Загрузите эту текстуру, вставьте в наш документ и обесцветьте её (Desaturation). Перейдите в меню Уровни (Levels) и настройте так:


Шаг 5
Отведите направляющие: две вертикальные на отметках 50 и 950 пикселей и две горизонтальные на отметках 100 и 950 пикселей. Используя инструменты Прямоугольное выделение (Rectangular Marquee Tool) и Заливка (Paint Bucket Tool) создайте выделение внутри направляющих и залейте его белым цветом.
Отведите направляющие: две вертикальные на отметках 50 и 950 пикселей и две горизонтальные на отметках 100 и 950 пикселей. Используя инструменты Прямоугольное выделение (Rectangular Marquee Tool) и Заливка (Paint Bucket Tool) создайте выделение внутри направляющих и залейте его белым цветом.



Шаг 8
В область экрана вставьте изображение страницы web сайта. Чтобы создать создать тонкую границу, примените стиль Обводка (Layer Style – Stroke).
В область экрана вставьте изображение страницы web сайта. Чтобы создать создать тонкую границу, примените стиль Обводка (Layer Style – Stroke).

Шаг 9
Слева от лэптопа напишите текст. Используйте шрифт “Arial”, значение кернинга (-50). Цвет заголовка - #408dd0, цвет - #8e8e8e.
Слева от лэптопа напишите текст. Используйте шрифт “Arial”, значение кернинга (-50). Цвет заголовка - #408dd0, цвет - #8e8e8e.

Шаг 10
Под написанным текстом создайте кнопку, используя инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool). Потом примените к ней следующие стили в меню Стилей слоя (Layer Style - Blending Options):
Внутренняя тень (Режим – Нормальный)
Наложение градиента (Режим – Нормальный, Стиль – Линейный)
Под написанным текстом создайте кнопку, используя инструмент Прямоугольник с закруглёнными углами (Rounded Rectangle Tool). Потом примените к ней следующие стили в меню Стилей слоя (Layer Style - Blending Options):
Внутренняя тень (Режим – Нормальный)
Наложение градиента (Режим – Нормальный, Стиль – Линейный)


Шаг 11
Создайте новый слой “bottom area”. Используя инструменты выделения и заливки, измените цвет области контента. Потом примените стиль Внутренняя тень (Layer Style - Inner Shadow).
Шаг 12
Добавьте текст, картинки в область контента. Используйте шрифт “Arial”, а кнопки можете просто скопировать.
Создайте новый слой “bottom area”. Используя инструменты выделения и заливки, измените цвет области контента. Потом примените стиль Внутренняя тень (Layer Style - Inner Shadow).
Шаг 12
Добавьте текст, картинки в область контента. Используйте шрифт “Arial”, а кнопки можете просто скопировать.


Ссылка на источник урока
Создан: 3 августа 2010


+2
