[INCWADRA]

На этом уроке я расскажу вам как создать стиль WEB 2.0 который подходит для любых объектов или текстов.

Итак для начала создадим новый файл произвольных размеров с белым фоном.

Теперь расположим любой объект произвольного цвета.

Скрытый текст:

И заходим в настройки слоя (стиля) и задаем следующие параметры:

1. Drop Shadow меняем только значение Distance на 2.
2. Inner Glow значение Blend Mode на Color Dodge, цвет я взял #525252, и размеры (Size) на 3 (можно выбирать любое значение, смотря какого размера ваша работа).
3. Теперь задаем градиент (Gradient Overlay) Так как показано ниже:

Скрытый текст:

Обратите внимание то что градиент должен получится плавный.

Заметка! По скоку мы используем не стандартную форму то мы используем следующие параметры. Которые используются в редких случаях.

• Reverse (вкл)
• Style: Radial, Align with Layer (Выкл)
• Scale (произвольно от 110 до 150)
• Мышкой опускаем градиент чуть в низ.

4. Осталось только обводка (Stroke) я выбрал цвет #be6700 (Цвет должен быть такого оттенка как и форма но темнее, чтобы выделятся) и размер 2.

Теперь создаем новый слой и выделяем верхнюю половину формы:

Скрытый текст:

Заливаем выделенное белым цветом и задаем значение слоя Opacity равным 10.

Все. В результате у нас получится:

Вот примеры моих работ которые были созданы во время написания урока. Они созданы по этому же принципу:

Скрытый текст:

Большая к вам просьба. Не повторяйте точь в точь весь урок. Используйте свои цвета, свои формы, тексты и т.д.

[Falcar]

5 минуты и готово, только как Инк сказал это несовсем то:

Скрытый текст:

[Birbone]

Вот моя работа по уроку Основной эфект WEB 2.0:

Скрытый текст:

[Favor1t]

Вот как-то так

Скрытый текст:

[INCWADRA]

Birbone
Не плохо
Fаvоrit
Я же сказал что градиент должен быть плавный

[Birbone]

Юзербар

Сообщение от INCWADRA

плавный

Плавный, то бишь цвета должны быть одного оттенка?

[Double Аgent]

INCWADRA
Классный урок! Но вот с выделением верхней области нужно было еще добавить градиент от белого к прозрачному (следовательно опасити нужно поставить немного повыше). Кстате, как ты в своей работе (первой, там где твой нк написан) сделал отражение? Просто дублировал слой, отразил его, поменял опасити и наложил градиент?

[Tokyon]

INCWADRA
Если вас не затруднит, не могли бы вы и остальные авторы уроков в дальнешем писать русский перевод(или хотя бы номер в столбце /строчке...) эффектов/инструментов и т.д. Просто я иногда не могу найти какой-либо подходящий перевод, например Dodge - "увертка, уловка, хитрость". Не понимаю, что выбирать, ибо таких вариантов у меня в русском CS 3 нет.

[INCWADRA]

Сообщение от Birbone

Плавный, то бишь цвета должны быть одного оттенка?

Да. Цвета должны слегка совпадать. А делать от белого к синему не АЙС))

Сообщение от Double Аgent

Но вот с выделением верхней области нужно было еще добавить градиент от белого к прозрачному (следовательно опасити нужно поставить немного повыше).

Это будет уже не WEB 2.0 стиль. Я согласен. Так красиво получится. Но я рассказывал про этот стиль.

Сообщение от Double Аgent

Кстате, как ты в своей работе (первой, там где твой нк написан) сделал отражение? Просто дублировал слой, отразил его, поменял опасити и наложил градиент?

С начало дублировал, после отразил и сгруппировал в "новый умный объект (Group New into Smart Object)" правой кнопкой мыши на слое. После создавал вектурную маску

На маску применял черно-белый градиент.

Sundаy
хорошо. Буду делать и русский перевод.

[Favor1t]

Сообщение от INCWADRA

Буду делать и русский перевод.

Огромное спасибо

Сообщение от INCWADRA

А делать от белого к синему не АЙС))

Я просто малость не въехал %)

вот переделал немного

Скрытый текст:

[Сушик]

1) Сушик
2) Саня
3) http://forum.igromania.ru/profile.php?do=editprofile
4) 430-640-189
5) Давно хотел изучить вот Торкнул0
6) да
7) Согласен б но не слишком сложные
8) Конечно
9) http://i018.radikal.ru/0801/98/c7a7c83980cb.gif

[INCWADRA]

Fаvоrit
Мдяс. Плавный переход!!! Вот смотри как должно получится, если еще чуток потворить)).

[Сушик]

http://i050.radikal.ru/0801/d4/dc17285ce153.gif

[INCWADRA]

Сушик
Неплохо. Но я просил выполнить в другой форме и цвете. А вообще начинай с первых уроков.

[Favor1t]

INCWADRA
Да. Действительно "Мдяс" =\
А как ты отражение делаешь?

[INCWADRA]

Сообщение от Fаvоrit

А как ты отражение делаешь?

Сообщение от INCWADRA

С начало дублировал, после отразил и сгруппировал в "новый умный объект (Group New into Smart Object)" правой кнопкой мыши на слое. После создавал вектурную маску

На маску применял черно-белый градиент.

Вот как

[Tokyon]

Сообщение от INCWADRA

Color Dodge

Так что же это все-таки такое?

[INCWADRA]

Sundаy
Попробуй по скрину сориентироваться.

[Birbone]

Sundаy
Осветление основы.

[INCWADRA]

Кстате, по моему уроку можно создать кнопку в стиле Виста

Скрытый текст: