Время:
Добро пожаловать на форум, Гость, это ваша панель
Новые сообщения Участники Поиск Правила форума RSS
Гость
  • Страница 1 из 1
  • 1
Logical-Portal.Com - Новая Жизнь » Общие обсуждения графики и дизайна » Уроки и видеоуроки по WEB графике » Простые иконки Web 2.0 (Web-графика)
Простые иконки Web 2.0
Ник: SYPHER | Дата: 26.01.2012, 23:46 | Сообщение #1
GFX
Сообщения:
1761


Шаг 1
Создайте новый документ, выберите инструмент Эллипс (Ellipse Tool) и создайте небольшой круг любого цвета. Цвет фигуры не важен, так как позднее мы применим стили слоя и заменим цвет. Чтобы у Вас получился круг, а не овал, нужно удерживать Shift при создании.


Шаг 2
Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените следующие стили:
Наложение градиента: Режим – Нормальный, Стиль – Радиальный. Расположите градиент в верхней части круга при помощи мыши (не закрывая окно стилей).
Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Нормальный, Режим тени – Умножение.


Шаг 3
Сделайте копию слоя с кругом и инструментом Свободное трансформирование (Free Transform) уменьшите его размер:


Шаг 4
Перейдите в меню Стилей копии, отключите все имеющиеся стили и примените стиль Обводка:
Положение – Внутри, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.


Шаг 5
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите что-нибудь на иконке. Этот слой должен быть поверх остальных. Примените следующие стили к тексту:
Наложение цвета: Режим - Нормальный
Внутренняя тень: Режим - Умножение


Шаг 6
Объедините все три слоя в группу (Ctrl+G) и назовите её “Blue Circle”.

Шаг 7
Выберите инструмент Многоугольник (Polygon Tool) и настройте, как показано ниже. Создайте фигуру. Сделайте её копию и измените размер, как в шаге 3. Вместо того, чтобы применять заново все стили, их можно просто скопировать. Кликните правой кнопкой мыши на слое с предыдущей иконкой и выберите Скопировать стиль слоя (Copy Layer Styles), потом кликните правой кнопкой на новом слое и выберите Вклеить стиль слоя (Paste Layer Styles).
Нужно изменить только настройки стиля Наложение градиента:
 
 
   
Ник: Wonkz | Дата: 26.01.2012, 23:47 | Сообщение #2
Сообщения:
10910
Проще будет найти псд, чем самому делать)
 
 
   
Ник: Scofield | Дата: 27.01.2012, 00:46 | Сообщение #3
  • Интерны
  • Prison Break
    • Сообщения:
    4354
    Wonkz, делаешь сам. повышаешь уровень + знания
     Уникальные статьи/описания/обзоры Rich Corp
    Комплексный прогон сайтов ru и en
     
       
    Ник: DomeH1k | Дата: 27.01.2012, 16:00 | Сообщение #4
    Воплощаю новые идеи
    Сообщения:
    2
    60
    Quote (Wonkz)
    Проще будет найти псд, чем самому делать)

    C табой согласен!)
     
     
       
    Logical-Portal.Com - Новая Жизнь » Общие обсуждения графики и дизайна » Уроки и видеоуроки по WEB графике » Простые иконки Web 2.0 (Web-графика)
    • Страница 1 из 1
    • 1
    Поиск: