Вторник, 14.05.2024, 08:10
Приветствую Вас Гость | RSS
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 173
Мини-чат
200
Главная » 2008 » Апрель » 10 » Perfect Shine Button or Icon
Perfect Shine Button or Icon
16:49
1.Создайте документ размером 500x500 px 72 dpi. С помощью Ellipse Tool нарисуйте 2 круга, как показано на рисунке. Затем назовите слой с внешним кругом Stroke, с внутренним кругом - icon-bg.

Perfect Shine Button or Icon

2. Нажмите ctrl+click на слое Stroke, чтобы сделать выделение, создайте новый слой и заполните выделение белым цветом (#ffffff). Назовите этот слой General Surface Glow. Затем выберите pen tool и нарисуйте контур, как показано на картинке.

Perfect Shine Button or Icon

3. Преобразуйте контур в выделение. Для этого откройте палитру Path и нажмите Load Path As Selection (3 иконка снизу)

Perfect Shine Button or Icon

4. Не убирая выделения, выберите слой General Surface Glow, инвертируйте выделение (Select > Inverse или shift +Ctrl+I) и нажмите Delete. Затем, используя circle marquee tool, нарисуйте выделение, как показано на рисунке.

Perfect Shine Button or Icon

5. Не снимая выделения, выберите слой General Surface Glow , затем Select > Feather или Alt+Ctrl+ D, сделайте Feather Radius 30 px и нажмите Delete 2 раза.

Perfect Shine Button or Icon

6. Сделайте овальное выделение снизу, как показано на рисунке.

Perfect Shine Button or Icon

7. Не снимая выделения, выберите слой General Surface Glow , затем Select > Feather или Alt+Ctrl+ D, сделайте Feather Radius 30 px и нажмите Delete 3 раза. Вы должны получить что-то похожее:

Perfect Shine Button or Icon

8. Нажмите ctrl+click на слое Stroke, чтобы сделать выделение, создайте новый слой и заполните выделение белым цветом (#ffffff). Назовите этот слой Upper Left Glow. Не снимая выделения идем в Select > Modify > Contract, выбираем сontract 4 px, инвертируем выделение и нажимаем Delete (с выбранным слоем Upper Left Glow)

Perfect Shine Button or Icon

9. Нажмите ctrl+click на слое Upper Left Glow, чтобы сделать выделение и переместите его, как показано на рисунке.

Perfect Shine Button or Icon

10. Select > Feather или Alt+Ctrl+ D, сделайте Feather Radius 30px, инвертируйте выделение и нажмите Delete 2 раза

Perfect Shine Button or Icon

11. Создайте новый слой, используя Elipse Tool, нарисуйте в верхнем правом углу белый овал, назовите это слой Upper Conc Glow; и маленький белый овал в нижнем правом углу – слой Bottom Conc Glow. Поставьте прозрачность слоя Bottom Conc Glow (opacity) 50-60%.

Perfect Shine Button or Icon

12. Проделав предыдущие шаги, вы в основном сделали внутреннюю часть иконки. Теперь нужно придать нашей иконке дополнительный блеск.
Нажмите Ctrl+click на слое icon-bg, создайте новый слой, заполните белым цветом и назовите слой - Circular Glow

Perfect Shine Button or Icon

13. Не снимая выделения идем в Select > Modify > Contract, ставим contract 20px. С активным слоем Circular Glow нажимаем Delete.

Perfect Shine Button or Icon

14. С помощью Pen Tool нарисуйте контур, как показано на рисунке.

Perfect Shine Button or Icon

15. Преобразуйте контур в выделение. (как в пункте 3).

Perfect Shine Button or Icon

16. Инвертируем выделение и с выбранным слоем Circular Glow нажимаем Delete.

Perfect Shine Button or Icon

17. Нажмите Ctrl+click на слое icon-bg, Select > Modify > Contract, делаем контраст 15px, затем делаем растушевку 30px ( Select > Feather). Не снимая выделения, выбираем слой Circular Glow и нажимаем Delete 2 - 3 раза.

Perfect Shine Button or Icon

18. Выбираем слой Circular Glow, нажимаем Ctrl+T и поворачиваем, как показано на рисунке.

Perfect Shine Button or Icon

19. Создаем новый слой между General Surface Glow и icon-bg . Помещаем на этот слой свою иконку.

Perfect Shine Button or Icon

20. Объединим все слои, кроме main-bg в группу и назовем ее icon. Нарисуйте 2 круга одного размера, перекрывающих друг друга. Верхний круг черного цвета – слой Black, нижний круг цвета #8e8f91 – слой Grey. Сделайте выделение, как показано на рисунке.

Perfect Shine Button or Icon

21. Сделайте растушевку 30px (Select > Feather). Выберите слой Black и нажмите Delete 3 - 4 раза.

Perfect Shine Button or Icon

22. Нарисуйте большой черный круг и назовите слой border.

Perfect Shine Button or Icon

23. Выбираем слой border и заливаем градиентом, как показано на рисунке.

Perfect Shine Button or Icon

24. Дублируем группу icon и сливаем ее (Duplicate group, затем Merge).

Perfect Shine Button or Icon

25. Затем у этого слоя идем в Layer style и делаем Inner Shadow с параметрами как на рисунке.

Perfect Shine Button or Icon

Иконка готова

Результат:

Perfect Shine Button or Icon

Источник: здесь

Перевод: Nastia

мой вариант:
Perfect Shine Button or Icon 
Просмотров: 1171 | Добавил: {Gm]NightStalkeR[Gm} | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа
Календарь новостей
«  Апрель 2008  »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
282930
Поиск
Друзья сайта

 

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0