Магия Фотошопа

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



* Сайт в стиле Skype.com

Сообщений 1 страница 2 из 2

1

Начинаем с создания документа 990px x 700px. Создайте новый слой с именем Web 2.0 Template. Первым делом добавьте необходимую вам надпись, используя шрифт Arial Rounded MFT, 36pt, Sharp и цвет #FFFFFF.
Настраиваем слою стиль:
http://forum.rendermarket.com/tp-images/Image/skype/1stroke.jpg

http://forum.rendermarket.com/tp-images/Image/skype/1.jpg

Снова напишите ваш текст используя те же настройки, только цвет шрифта #000000
Стиль к тексту:
http://forum.rendermarket.com/tp-images/Image/skype/2innershadow.jpg

Установите blending mode в Lighten.
Добавьте навигационные ссылки: Arial, bold, 16pt, None и цвет #00AFF0.
http://forum.rendermarket.com/tp-images/Image/skype/4.jpg

Создайте выделение (width: 990 x height: 85) и разместите новый слой под навигацией.
http://forum.rendermarket.com/tp-images/Image/skype/5innershadow.jpg

http://forum.rendermarket.com/tp-images/Image/skype/5.jpg

Найдите любую фотографию чтобы использовать ее для дизайна. Масштабируйте ее (если такое требуется)
http://forum.rendermarket.com/tp-images/Image/skype/6.jpg

Дублируйте слой с вашей фотографией. Зажмите ctrl и кликните на слой чтобы выделить его.
Примените Filter > Blur > Gaussian blur > Radius: 6.7px и установите blending mode Hard Light.
http://forum.rendermarket.com/tp-images/Image/skype/7.jpg

Добавьте случайных векторных кружков приблизительно как на рисунке.
http://forum.rendermarket.com/tp-images/Image/skype/8.jpg

Примените эффект смазывания для нижнего слоя с фотографией. Объедините слои с векторными кружками, дублируйте слой и, разместив его ниже слоя с кружками, приметите Gaussian Blur.
http://forum.rendermarket.com/tp-images/Image/skype/9.jpg

Дальше оформим контентную часть.
Для заголовков я использовал Arial, bold italic, 16pt, none и #000000. Для остального текста Arial, regular, 11pt, none and #000000, #00AFF0
http://forum.rendermarket.com/tp-images/Image/skype/10.jpg

Возьмите инструмент rounded rectangle tool и установите radius setting в 4px и anti aliased
На новом слое нарисуйте прямоугольник. (width: 728px x height: 22px)
http://forum.rendermarket.com/tp-images/Image/skype/11gradientoverlay.jpg

http://forum.rendermarket.com/tp-images/Image/skype/11stroke.jpg

http://forum.rendermarket.com/tp-images/Image/skype/11.jpg

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

0

2

вах,огромное спасибо,потрясающе уже нахимичила! :idea:

0