Skype.com
2008 Сентябрь 11 
Начинаем с создания документа 990px x 700px. Создайте новый слой с именем Web 2.0 Template. Первым делом добавьте необходимую вам надпись, используя шрифт Arial Rounded MFT, 36pt, Sharp и цвет #FFFFFF.
Настраиваем слою стиль:


Снова напишите ваш текст используя те же настройки, только цвет шрифта #000000
Стиль к тексту:

Установите blending mode в Lighten.
Добавьте навигационные ссылки: Arial, bold, 16pt, None и цвет #00AFF0.

Создайте выделение (width: 990 x height: 85) и разместите новый слой под навигацией.


Найдите любую фотографию чтобы использовать ее для дизайна. Масштабируйте ее (если такое требуется)

Дублируйте слой с вашей фотографией. Зажмите ctrl и кликните на слой чтобы выделить его.
Примените Filter > Blur > Gaussian blur > Radius: 6.7px и установите blending mode Hard Light.

Добавьте случайных векторных кружков приблизительно как на рисунке.

Примените эффект смазывания для нижнего слоя с фотографией. Объедините слои с векторными кружками, дублируйте слой и, разместив его ниже слоя с кружками, приметите Gaussian Blur.

Дальше оформим контентную часть.
Для заголовков я использовал Arial, bold italic, 16pt, none и #000000. Для остального текста Arial, regular, 11pt, none and #000000, #00AFF0

Возьмите инструмент rounded rectangle tool и установите radius setting в 4px и anti aliased
На новом слое нарисуйте прямоугольник. (width: 728px x height: 22px)



Добавьте ссылок и логически завершите оформление сайта. Вот и все получаем сайт в стиле Skype.com




Комментариев нет
Оставить комментарий | comments rss [?]