Простой web-значок

24 мая 2013 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Ресурсы урока:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, указанными на скриншоте ниже. Включите сетку (View → Show → Grid) и привязку к ней (View → Snap To → Grid). Перейдите в меню Edit → Preferences → Guides, Grid & Slices и настройте сетку в соответствии со скриншотом ниже. Откройте панель Info (Window → Info), чтобы видеть размер и координаты фигур.

Шаг 2

Выберите инструмент Polygon Tool (U) и настройте его, как показано на скриншоте. Создайте фигуру цветом #c7a069.

Шаг 3

Сейчас мы создадим узор. Создайте новый документ размером 4х4 пикселей. Уменьшите расстояние между линиями сетки д 1 пикселя в меню Guides, Grid & Slices. Удалите фоновый слой и создайте два квадрата размером 2х2 пикселя при помощи инструмента Rectangle Tool (U). Перейдите в меню Edit → Define Pattern, чтобы сохранить узор.

Шаг 4

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

Шаг 5

Инструментом Ellipse Tool (U) создайте круг цветом #855f37 диаметром 120 пикселей. В настройках инструмента выберите режим Subtract from shape area и создайте круг диаметром 70 пикселей внутри первого.

Шаг 6

К тёмному кольцу примените следующие стили:

Шаг 7

Инструментом Ellipse Tool (U) создайте круг цветом #c7a069 диаметром 70 пикселей внутри тёмного кольца. Выберите режим Add to shape area и создайте прямоугольник размером 270х40 пикселей, как показано на втором скриншоте.

Шаг 8

Выберите инструмент Add Anchor Point Tool и добавьте две точки на боковых сторонах прямоугольника. Затем выберите инструмент Convert Point Tool и выделите эти якорные точки. Инструментом Direct Selection Tool (A) сдвиньте их на 25 пикселей к центру. К полученной фигуре примените стили, показанные ниже.

Шаг 9

Инструментом Rectangle Tool (U) создайте прямоугольник размером 240х30 пикселей цветом #855f37. Измените форму его краёв таким же способом, как и предыдущего прямоугольника. На этот раз нужно сдвигать точки на 15 пикселей к середине.

Шаг 10

Выберите инструмент Ellipse Tool (U) в режиме Subtract from shape area. Создайте круг диаметром 70 пикселей, как показано ниже. После этого примените стили.

Шаг 11

Выберите инструмент Horizontal Type Tool (T) и напишите «PREMIUM» цветом #c7a069. Я использовал шрифт «MoolBoran» размером 15pt. Активируйте режим деформации (Edit → Transform → Warp) и на верхней панели выберите режим Arc.

Шаг 12

Примените к тексту стиль Drop Shadow, чтобы он стал объёмнее. После этого скопируйте стиль через контекстное меню слоя.

Шаг 13

Напишите слово «QUALITY» и примените тип деформции Arc. Вставьте скопированный стиль через контекстное меню.

Шаг 14

Напишите «MONEY BACK» тем же шрифтом размером 13pt. Примените к этой надписи тот же стиль.

Шаг 15

Напишите цифру 100 и преобразуйте её в смарт-объект. Примените к ней стили, показанные ниже.

Конечный результат:

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта www.photoshopstar.com, автор перевода указан в начале урока.