Пятница, 24.09.2010, 16:16

Навигация
Главная страница Файловый архив Онлайн фильмы Файлообменник Онлайн ролики Cyber Arena Мониторинг Онлайн PS Статьи Форум Поиск Чат

Продвижение сайтов

TOP сайтов Регистрация доменов Реклама на сайте Создай себе баннер Страхование сайтов Автораскрутка сайта Бесплатная раскрутка Привлечения поситителей Добавить сайт в поисковики SEO,Оптимизация,Раскрутка

Система Ucoz

Скрипты Шапки Шаблоны Иконки групп HTML таблица Кнопки для форума

PhotoShop

Кисти Иконки Стили Уроки Градиенты Шрифты Уроки от Sinners Вопросы о фотошопе Готовые PSD работы

Софт и программы

Windows Графика Утилиты Антивирусы Мультимедия Рабочий стол Прочие программы Интернет программы Системные программы Для раскрутки сайта

Counter Strike 1.6

Cкачать Counter-Strike 1.6 Модели Игроков CS 1.6 Модели Оружия CS 1.6 Другие модели CS 1.6 Программы CS 1.6 Темы меню CS 1.6 Логотипы CS 1.6 Спрайты CS 1.6 Карты CS 1.6 Видео CS 1.6 Патчи CS 1.6 Боты CS 1.6 Моды CS 1.6 Читы CS 1.6

Сервер CS 1.6

Готовые сервера Программы Античиты Плагины Карты Боты Моды

Помощь по CS 1.6

Как создать сервер ? #1 Как создать сервер ? #2 Как сд.серв на 2 протокола ? Как быть с динамическим IP ? Делаем плагин для AMXMods Установка плагинов Делаем демки HLTV
Наша кнопка

Наши баннеры



Сайты персонала











Наш опрос
Ваше любимое оружее??

Результат опроса Результаты
Все опросы нашего сайта Архив опросов
Всего голосовало: 1142

Софт PorTaL ( Надётся ВСЁ )


Главная » Файловый архив » PhotoShop уроки от нас » Графика для сайта » Создаем стекляные иконки

Создаем стекляные иконки
17.12.2009, 00:20

Стеклянные иконки

Шаг 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).

Стеклянные иконки

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

Стеклянные иконки

Такой метод дает довольно неплохие результаты:

Стеклянные иконки

Так что пробуйте...

Просмотров : 63 | Загрузок : 0 | Рейтинг : 0.0 / 0

Для скачивания файлов с Sinners.PP.Ua необходимо
Авторизоваться или Зарегистрироваться
Всего комментариев : 0
Имя *:
Email:
Код *: