Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

1. Создайте новый документ размером 800x600 px и разрешением 72 dpi. При помощи инструмента Прямоугольник (Rectangle Tool) создайте фон для нижней половины.


Обои со стильной кнопкой


2. Примените стиль Наложение градиента (Layer Style - Gradient Overlay) к слою с этой фигурой:


Обои со стильной кнопкой


Настройки градиента:


Обои со стильной кнопкой


3. Теперь создайте верхнюю половину фона тем же инструментом.


Обои со стильной кнопкой


4. Примените стиль Наложение градиента (Layer Style - Gradient Overlay):


Обои со стильной кнопкой


Настройки градиента:


Обои со стильной кнопкой


5. При помощи инструмента Эллипс (Ellipse Tool) нарисуйте полукруг белого цвета.


Обои со стильной кнопкой


6. Установите на слоях Режим наложения - Мягкий свет (Blending Mode – Soft Light).


Обои со стильной кнопкой


7. Используя инструмент Эллипс (Ellipse Tool) нарисуйте первые элементы, как на рисунке.


Обои со стильной кнопкой


8. Примените стиль Тиснение (Layer Style - Bevel and Emboss).


Обои со стильной кнопкой


Наложение градиента.


Обои со стильной кнопкой


Настройки градиента:


Обои со стильной кнопкой


9. При помощи инструмента Эллипс (Ellipse Tool) нарисуйте внутри созданного элемента ещё один элемент, немного меньше, чем первый.


Обои со стильной кнопкой


10. Примените стиль Внутреннее свечение (Layer Style - Inner Glow) ко второму кругу:

Обои со стильной кнопкой


Наложение градиента.


Обои со стильной кнопкой


Настройки градиента:


Обои со стильной кнопкой


Обводка:


Обои со стильной кнопкой


11. При помощи инструмента Перо (Pen Tool) нарисуйте указатель, направленный в левую сторону и имеющий цвет #204478.


Обои со стильной кнопкой

Обои со стильной кнопкой


12. Примените стиль Тиснение (Layer Style - Bevel and Emboss) к стрелке.


Обои со стильной кнопкой


13. При помощи инструмента Эллипс (Ellipse Tool) нарисуйте контур в верхней части указателя. При помощи инструмента Преобразовать точку привязки (Convert Point Tool) подкорректируйте форму, как показано ниже:


Обои со стильной кнопкой


14. Примените стиль Наложение градиента (Layer Style - Gradient Overlay) к слою с этим свечением:


Обои со стильной кнопкой


Настройки градиента:


Обои со стильной кнопкой


Финальный результат:


Обои со стильной кнопкой





Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: