Пятница, 15.12.2017, 23:55:14
MyPhotoshop
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Форма входа
Категории раздела
Мои статьи [2]
Элементы веб-дизайна [14]
Уроки Фотошопa [19]
Уроки анимации [34]
Поиск
Наш опрос
Оцените мой сайт
Всего ответов: 244
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
     Каталог статей
    Главная » Статьи » Элементы веб-дизайна

    Урок по созданию стильных иконок с эффектом серого металла и стекла.
    результат:

    Perfect Shine Button or Icon

    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

    Perfect Shine Button or Icon
     
    Категория: Элементы веб-дизайна | Добавил: myphotoshop (29.08.2008) | Автор: boonage.pjss2.net
    Просмотров: 1044 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Имя *:
    Email *:
    Код *:
    Copyright MyCorp © 2017