Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Навигация для игрового сайта


alt

В данном уроке мы ещё раз освоим немного техники рисования. Будем применять различные стили слоёв.

Создаем новый документ(Ctrl+N), зальем его каким-нибудь темным цветом (например, с помощью инструмента Заливка (G)).  Потом с помощью инструмента Прямоугольная область (М)  выделяем нужную нам область, скопируем её на новый слой trl+J) и зальем её другим цветом, например тем, что показано на рисунке.

alt

Далее, находясь на этом слое, применим следующий параметр наложения Обводка (Stroke). Для этого зайдем, Слой > Стиль слоя > Параметры наложения > Обводка (Layer> LayerStyle Blending Options > Stroke) и устанавливаем такие параметры, как указаны ниже

alt

Создаем новый слой (Shft+Cntr+N), рисуем две белые линии (инструментом Пероalt (Pen Tool (Р))), на полученных двух слоях фигур понизим Непрозрачность (Opacity), автор понизил до 10%.

alt

alt

Создаем новый слой (Shft+Cntr+N), рисуем черный прямоугольник, как  на рисунке ниже (легко это сделать опять же с помощью Пера (P)).

alt

К слою с этим же прямоугольником применим Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). У автора были такие настройки, вы же можете установить по своему вкусу.

alt

Оставшиеся части вне прямоугольника можно стереть с помощью Ластика (Eraser).

alt

Рисуем далее внутреннюю линию, подобно той, что показана на рисунках ниже. Это тоже можно выполнить с помощью Пера (Pen Tool, (P)).

alt

Далее установите непрозрачность (Opacity) для этой линии на ваш вкус, автор поставил на 20%.

alt

Создаем новый слой (Shft+Cntr+N), выбираем инструмент Карандаш (Pencil Tool (В)), размер 1 пиксель, чтобы нарисовать 4 точки, как показаны ниже.

alt

Далее перейдём в Параметры наложения (Blending Options), и установим следующие стили:
Bevel and Emboss (Тиснение) и Drop Shadow (Тень), и установите настройки, как указано ниже.

alt

alt

У вас должно получиться следующее:

alt

Создаем новый слой и используя инструмент выделения Овальная область (М) - выделяем круг. Потом с помощью Заливки (G) зальём его белым цветом.

alt

Опять переходим в Параметры наложения (Blending Options), и применяем следующие стили:
Внутренняя тень (InnerShadow) и Обводка (Stroke), как указано ниже.

alt

alt

Находясь на этом же слое, используя инструмент выделения Овальная область (М) - выделяем маленький круг внутри белого, и копируем
(
Ctrl+J) его на новый слой. На этом новом полученном слое удалите предыдущие эффекты.

alt

Переходим в Параметры наложения (Blending Options) и применяем опять следующие стили:
Inner Shadow (Внутренняя тень) и Gradient Overlay (Наложение градиента). Настройки указаны на рисунке.

alt

alt

Должно получиться следующее:

alt

Далее опустимся на первый слой,  где мы создали документ и, используя инструмент выделения Прямоугольная область (М), выделяем прямоугольник, как показано на рисунке ниже. Скопируем его на новый слой (Ctrl+J), и этот полученный слой перенесём мышкой на самый верх в окне слоёв (F7).

alt

На этом слое переходим на Параметры наложения (Blending Options) и применяем следующий стиль:
Inner Shadow (Внутренняя тень), как показано на рисунке.

alt

Должно получиться следующее:

alt

Далее создав несколько таких кнопок и поэкспериментировав с настройками, соедините их вместе. Вот, что у вас должно получиться в итоге.

alt



Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.