Авторизация Регистрация

Здесь пока все ясно :)

Хелп лист будет формироваться из ваших вопросов.

 

Skype.com

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

Вам также может быть интересным ↓

Добавить комментарий

Делать центр загрузки моделей?

View Results

Loading ... Loading ...