Читать в RSS Ленте Читать в Яндекс.Ленте
Читать в Google Reader

Рисуем иконку для сайта в виде стеклянного шара

Автор: Семавин Антон
Добавлен: 26.03.2008

Из этого урока Вы узнаете, как нарисовать своими руками красивый значок для сайта в виде стеклянного шара. Мы нарисуем сам шар, а изображение внутрь Вы уже поместите самостоятельно.

1 Рисуем основу значка.

1.1. Первым делом создадим новый файл в моем примере 120 x 120 px и нарисуем в его центре окружность. Затем при помощи стилей Add a layer style –» Color Overlay зададим ему следующий цвет: #0c60b6.

Зададим фигуре цвет

1.2. Добавим внутреннюю тень: Add a layer style –» Inner Shadow.

Задаем внутреннюю тень

1.3. Добавим тиснение Add a layer style –» Bevel and Emboss.

Добавляем теснение

1.4. И последнее добавляем обводку Add a layer style –» Stroke. Цвет обводки: #1966b5.

Добавляем обводку
2 Рисуем свечение внутри шара.

2.1. Удерживая Ctrl щелкните по слою с фигурой для того, чтобы создать выделение.

Создаем выделение

2.2. Уменьшите выделение. В меню Select выберите пункт Modify –» Contract и установите значение 15 px. Поставьте растушевку границ выделения Select –» Feather на 10 px.

Уменьшаем выделение

2.3. Создайте новый слой и залейте его цветом #8cc6ff. Затем отмените выделение.

Заливка цветом

2.4. Сожмите пятно.

Сжимаем пятно

3 Рисуем блик на шаре.

3.1. Проделываем тоже самое, что и в пунктах 2.1. и 2.2. (см. выше).

3.2. Выберите белый цвет –» заливку градиентом от белого к прозрачному.

Заливка градиентом

3.3. Сожмите окружность до эллипса и переместите ее выше Ctrl + T. Поставьте прозрачность слоя "Opacity" на 80%.

Трансформируем блик

Все готово теперь Вы можете по своему желанию добавить в шарик слоем ниже блика любое изображение или фигуру на Ваш вкус.

Результат
1 2 3 4 5

Комментарии

Автор: Sonya 25.07.2008

у меня с пункта 3.2 начался косяк(

Автор: Admin 27.07.2008

Что у вас не получается?

Автор: Yana 27.02.2009

Та же петрушка. С пункта 3.2. Очертание сверху внутреннего круга получается размытое. При ctrl+T выделяется не внутринний круг, а основа, соответственно трансформация происходит не внутреннего круга, а основы. Где-то пропущен дополнительный слой, наверное.

Автор: Blackheart 14.03.2009

А как вставить картинку?

Автор: Admin 22.03.2009

Достаточно ее уменьшить, вырезать и вставить слоем ниже блика

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




* Комментарии, содержащие в себе рекламу будут удалены!

Сервис быстрой автоматической регистрации в каталогах!
Система Orphus