Главная Форум Гостевая Контакты

 
 


 
Как Вы думаете: для какой ОС был первый Photoshop?
Всего ответов: 39
 
 

Стеклянные иконки - Форум

 

  • Страница 1 из 1
  • 1

Стеклянные иконки
ИзотепкинДата: Среда, 04.11.2009, 16:39 | Сообщение # 1
Ранг 7
Группа: Администраторы
Сообщений: 296
Репутация: 3
Статус: Offline
Вот какой конечный вариант

Шаг 1. Для начала создаем изображение 128*128.
Заливаем его нужный фоном или оставляем прозрачный фон.
Создаем новый слой (ctrl+shift+N).
Далее выбираем инструмент "скругленный прямоугольник" (shift+U несколько раз пока не попадем на то что нам нужно).

Задаем скругление 10 пикселей.
Выставляем его в режим вектора как показано на рисунке.

При зажатой клавиже shift рисуем скругленный прямоугольник на слое что мы создали.
Нажимаем ctrl+enter для преобразования контура в выделение и заливаем любым цветом (на данный момент цвет не важен).
Должно получится что-такое:

Шаг 2. Создаем тень для полученного скругленного прямоугольника.
В свойствах слоя задаем следующие параметры тени:

Налаживаем градиент (цвет вы можете выбирать сами - поэкспереминтируйте).
например, используем следующий градиент:

Можно также наложить любую текстуру (я использовал текстуру 4*2 пикселя, где половину высоты занимает черный цвет, а другую половину прозрачные пиксели, таким образом я получил линии):

Прозрачность наложения текстуры надо выбирать в зависимости от вида текстуры и вашего видения так что пробуйте различные комбинации.

Шаг 3. Создаем еще один слой на котором мы размещаем текс или рисунок.
Это может быть цветной рисунок/текст или одноцветный рисунок/текст. Я использовал простой одноцветный рисунок и добавил ему тень.

Далее в свойствах слоя выставляем параметры тени:

Цвет тени выбирайте исходя из цвета фона.

Шаг 4. Создание блика.
Создаем еще один слой где изпользуя инструмент "скругленный прямоугольник" (уже просто U) рисуем контур с скруглением 9 пикселей и отступами по боках от "основного тела" иконки порядка 1-2 пикселя.
Нажимаем ctrl+enter для преобразования контура в выделение и заливаем его полупрозрачным градиентом (от белого до прозрачного).
Должно получится как на рисунке:

Далее используя инструмент "pen" (нажимаем "P"), отрисовуем дугу среза по середине иконки. Должно получится что похожее как на рисунке.
Нажимаем ctrl+enter для преобразования контура в выделение и удаляем лишний градиент (del).

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

Вот мы и рассмотрели, способ как сделать такую иконку)
Удачи)



Администратор.
 
  • Страница 1 из 1
  • 1
Поиск:



Внимание:
Поиск осуществляется не
только по одному разделу,
 а по всему сайту!
 

   

ТОП пользователей:

1. Изотепкин (Репутация: 3)

2. sergey2222 (Репутация: 0)

3. BrandyOa (Репутация: 0)

4. ZaSmInA (Репутация: 0)

5. вила (Репутация: 0)

6. Krisus (Репутация: 0)

7. greenpis (Репутация: 0)

Последние сообщения на форуме:

1. Рисуем буклет (Автор: Krisus)

 
2. Звери мутанты (Автор: Lililain)
 
3. Правила добавления материалов (Автор: Изотепкин)
 
4. Портрет: ЧЕЛОВЕК от начала до конца (Автор: Isotépkin)
 
5. МаЧо :) (Автор: Isotépkin)
 
6. Лучи солнца сквозь облака (Автор: Isotépkin)
 
7. Воронка в небе (Автор: Isotépkin)
 

 

Сейчас на сайте никого нет.

Используются технологии uCoz
Design by
Isotepkin