GamesMir Суббота, 10.01.2009, 00:38
Приветствую Вас Гость | RSS
GamesMir
Главная страница | ..::Форум GamesMir::.. | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Информация!!!

Страница 1 из 11
..::Форум GamesMir::.. » .::Дизайнерский раздел::. » Уроки PhotoShop » Стеклянные иконки
Стеклянные иконки
Danil_KAДата: Четверг, 24.07.2008, 11:51 | Сообщение # 1
..:::SuPeR AdmiN:::..
Сообщений: 1480
Репутация: 45 [22%]
Смайл настроения:
Статус:
это мой первый урок и я в нем постараюсь расказать и показать как сделать вот такую иконку:
Стеклянные иконки

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

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

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

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

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

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

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

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

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

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

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

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

В резельтате должно получится что-то похожее на это:
Стеклянные иконки

Такой метод дает довольно неплохие результаты:
Стеклянные иконки
Так что пробуйте... rolleyes.gif


 
Реклама
..::Форум GamesMir::.. » .::Дизайнерский раздел::. » Уроки PhotoShop » Стеклянные иконки
Страница 1 из 11
Поиск:

Статистика Форума
Последние темы Читаемые темы Лучшие пользователи Новые пользователи

Блок мини профиль.

(29)

Как что сделать?

(320)

Вопрос

(0)

Ref как сделать?

(3)

Шаблон форума MEGAsof...

(1)

помогите

(1)

Как спрятать видео в ...

(1)

Можно

(6)

Кто во что щас играет...

(76)

Драки

(6)

Как что сделать?

(320)

Скрипты для ваших сай...

(175)

>>>Обратный отсчёт<...

(148)

Игра в слова !!!

(141)

Первый конкурс на Gam...

(102)

Анекдоты

(101)

Кто во что щас играет...

(76)

Бесканечная ысторея !...

(68)

Болтание

(68)

Вырази в смайлах...

(63)


Баннеры
  Internet Map  Яндекс цитирования  веб-дизайн; оптимизация сайта поисковые машины, реклама продвижение сайта      Рейтинг сайтов TOP•MostInfo.net



Copyright Danil_KA feat SEK_TOR © 2007Хостинг от uCoz