"/> " /> Создание иконок в Фотошопе | Photoshop For All
Icon

Создание своих иконок в Photoshop CS5

13 416

В этом уроке будем создавать иконки,которые впоследствии можно использовать как иконки для блога,рабочего стола,да вообще как угодно.В качестве фона можно использовать любые текстуры,метал,дерево,бумагу и т.п,в этом примере будет металлическая иконка.

Прими участие в народном голосовании "Лучшие актёры и актрисы".На сайте актёры,актрисы и их поклонники ,а также новости кино.

Теперь сам процесс.

Создаём новый документ нужного размера,я сделаю 600*600 пикселей с прозрачным фоном.
Берём инструмент Прямоугольник со скруглёнными углами,ставим режим Заливка пикселей,радиус 40.
Основным цветом у меня был белый и заливка соответственно белая...
Открываем какую-нибудь текстуру,у меня эта:
Переносим на документ,распределяем ( с помощью Ctrl+T ) как надо.
Зажимаем Ctrl кликаем по миниатюре нижнего слоя,появилось выделение,инвертируем его Ctrl+Shift+I , и Delete.Углы удалили.
Теперь надо определиться какой логотип нанести,если это буквы,то шрифты можно найти погуглив,например в другом блоге я публиковал некоторые,или скачать этот шрифт.

На картинке показано на какой букве какие знаки:

Пишем,точнее штампуем лого.

Теперь будем делать так называемый вдавленный текст.

Сначала ставим заливку слоя на ноль,применяем стили слоя Внутренняя тень,Внешнее свечение,Перекрытие градиентом.На самом деле настройки индивидуальны,но ориентировочно так:

Ну вот у нас получилась почти готовая иконка,почти,так как надо добавить ей объёма.Применяем стили слоя к слою с текстурой:

Повторюсь,настройки индивидуальны,там всё визуально.
Сохраняем для web с прозрачностью (gif или png).

По аналогии можно сделать любую,практически,картинку.Вот например Одноклассники:

Тут мне понадобился скриншот логотипа.Потом я отделил его от фона,а дальше как в уроке.
Единственное что плохо,так при уменьшении до нужного размера,32 на 32 например,плохочитаемая становится,не вектор всё-таки.
Или можно,как вариант,сначала применить Резкость на краях,потом уменьшить картинку на 50%,потом опять резкость и 50%,потом до нужного размера,таким образом меньше качество теряется.Хотя...

[swa]



Просмотров: 13 416 | | Уроки PhotoshopIcons, Уроки Photoshop

Подписаться

http://swaego.ru/ps-actions/