Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Иконка или логотип в фотошопе

Alex | 5.03.2014 | нет комментариев

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

Создаём новое изображение. Фон зальём белым цветом (спомощью Paint Bucket Tool). Затем выбираем инструмент Ellipse Tool, зажимаем клавишу Shift и рисуем круг любого цвета:

Заходим в Blending Options слоя с кругом (правый клик по слою на панеле слоёв, там выбираем пункт Blending Options…) и переходим на вкладку Drop Shadow (отбрасывание тени), там выставляем следующие значения:

Переходим на вкладку Inner Glow (внутреннее свечение) и там делаем как показано ниже:

А на вкладке Gradient Overlay делаем вот-так:

Нарисуем ещё один круг, но немного меньшего размера (тем же способом, что и ранее):

Заходим в Blending Options слоя с верхним кругом, на вкладку Inner Shadow (внутренняя тень) и там выставим следующие значения:

На вкладке Outer Glow (внешнее свечение) такие:

А на вкладке Gradient Overlay выставим следующие параметры градиента (красными цифрами указаны шестнадцатеричные коды цветов — устанавливаются в подробных настройках градиента, как было показано ранее):

Не закрывая окно Layer Style перейдём в окошко для рисования, зажмём левую клавишу и сместим градиент немного вниз и вправо, как показано ниже:

Теперь в окне Layer Style можно нажать Ok. Выберем инструмент Rounded Rectangle Tool, радиус скругления углов поставим равным 20 пикселей (Radius: 20px) и нарисуем фигуру следующего вида:

Применим к этой фигуре несколько эффектов. На вкладке Drop Shadow вот такие:

На вкладке Outer Glow такие:

На вкладке Inner Glow вот аткие:

И наконец-то перейдём на вкладку Gradient Overlay и настроим параметры градиента:

Жмём везде Ok и получаем следующий результат:

Получилось что-то похожее на дорожный знак :) Давайте добавим какой-нибудь текст (цвет текста не важен). Я написал название сайта:

применим некоторые эффекты. Сначала Inner Shadow:

Затем Outer Glow:

А после Gradinet Overlay:

Жмём везде Ok. На этом этапе мы начнём рисовать блики. Для этого сразу нарисуем ещё один круг, такого же размера как и круг всерху. Сейчас берём инструмент Direct Selection Tool и трансформируем круг следующим образом (если вам не хватит опорных точек, то их можно будет добавить с помощью Add Anchor Point Tool). Применим к полученной фигуре некоторые эффекты. сразу уберём параметр Fill Opacity до нуля:

Затем добавим внутреннее свечение (Inner Glow):

И добавим градиент (Gradient Overlay):

Жмём в окошках Ok и получаем блик следующего вида:

Теперь сделаем следующее: кликните правой клавишей по слою с текстом и выберите пункт Resterize Layer; затем выделите слой с текстом и прямоугольником (чтобы выбрать два слоя, зажмите клавишу Ctrl и кликните левой клавишей по обоим слоям, по очереди), зайдите в меню Edit и выберите пункт Free Transform Path (произвольная трансформация), поверните немного выделенные слои:

Иконка или логотип в фотошопе

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB