Начинаем с создания документа 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
