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





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

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


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

Подсказка

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

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

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

Иконка Apple Safari


Шаг 1
Создайте новый документ размером 1300х1000 пикселей.

Иконка Apple Safari


Шаг 2
Перейдите в меню Слой»Новый»Из заднего плана (Layer > New > Background from Layer):

Иконка Apple Safari


Шаг 3
Кликните дважды на слое, чтобы открыть окно стилей и примените следующие стили:

Внутреннее свечение:

Иконка Apple Safari


Наложение градиента: Режим – Нормальный, Стиль – Радиальный.

Иконка Apple Safari


Результат:

Иконка Apple Safari


Шаг 5
Теперь займёмся самой иконкой Safari. Выберите инструмент Произвольная фигура (Custom Shape Tool) и выберите фигуру "Circle Thin Frame”.

Иконка Apple Safari


Шаг 6
Удерживая Shift, создайте круг на холсте. Назовите слой "Outer Ring" и кликните на нём дважды, чтобы перейдите в меню стилей:

Отбрасывание тени:

Иконка Apple Safari


Внутреннее свечение:
Иконка Apple Safari


Тиснение: Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение.

Иконка Apple Safari


Глянец: Режим – Осветление.

Иконка Apple Safari


Наложение цвета:

Иконка Apple Safari


Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.

Иконка Apple Safari


Шаг 6
В окне стилей Вы можете увидеть кнопку Новый стиль (New Style). Нажмите на неё и сохраните стили, чтобы не настраивать их снова в следующий раз.

Иконка Apple Safari


Шаг 7
Сделайте копию слоя “Outer Ring” и назовите её “Inner Ring”. Инструментом Свободное трансформирование (Free Transform) уменьшите её размер так, чтобы она точно помещалась внутрь первого кольца и между ними не было щелей. Примените следующие стили и сохраните их в отдельный фал, как и с предыдущими стилями.

Внешнее свечение: Режим – Линейный свет.

Иконка Apple Safari


Внутреннее свечение: Режим – Умножение.

Иконка Apple Safari


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

Иконка Apple Safari


Результат:

Иконка Apple Safari


Шаг 8
Инструментом Эллипс (Ellipse Tool) создайте круг, удерживая Shift. Примените к нему следующие стили:

Отбрасывание тени: Режим – Умножение.

Иконка Apple Safari


Внутреннее свечение:

Иконка Apple Safari


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

Иконка Apple Safari


Результат:

Иконка Apple Safari


Шаг 9
Создайте ещё один круг размером больше последнего. Назовите слой “Outer”. Перейдите в меню Окно»Стили (Window > Styles) и выберите там стиль, сохранённый в первый раз (по идее он должен быть предпоследним).

Иконка Apple Safari

Иконка Apple Safari


Шаг 10
Сделайте копию слоя “Outer” и уменьшите её. К ней примените стиль, сохранённый во второй раз.

Иконка Apple Safari


Шаг 11
Создайте новый круг внутри предыдущих при помощи инструмента Эллипс (Ellipse Tool). Примените к нему эти стили:

Отбрасывание тени: Режим – Умножение.

Иконка Apple Safari


Внутренняя тень: Режим – Перекрытие.

Иконка Apple Safari


Внутреннее свечение: Режим – Затемнение основы.

Иконка Apple Safari


Наложение градиента: Режим – Перекрытие.

Иконка Apple Safari


Шаг 12
Создайте слой-заливку Градиент (Fill Layer – Gradient) с настройками, показанными ниже. Потом кликните правой кнопкой на заливочном слое и выберите пункт Создать обтравочную масу (Create Clipping Mask).

Иконка Apple Safari


Шаг 13
Назовите слой с внутренним кругом “Base”.

Иконка Apple Safari


Шаг 14
Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение внутри синего круга. Залейте его белым цветом на новом слое. Сделайте копию слоя и инструментом Свободное трансформирование (Free Transform) немного поверните его. Продолжайте создавать копии до тех пор, пока не заполните весь круг. Установите Режим наложения – Перекрытие (Blending Mode – Overlay).

Иконка Apple Safari


Шаг 15
Внутри синего круга мы будем использовать фигуру “Circle Thin Frame” ещё раз. После того, как создадите их, объедините оба слоя в один (Ctrl + E) и назовите полученный “Middle Circles”. Установите Заливку (Fill) слоя – 10%.

Иконка Apple Safari


Шаг 16
Инструментом Эллипс (Ellipse Tool) создайте круг того же размера что и круг слоя “Base”. Назовите слой “Inner Base” и примените следующие стили слоя:

Внутренняя тень: Режим – Умножение.

Иконка Apple Safari


Внутреннее свечение: Режим – Перекрытие.

Иконка Apple Safari


Наложение градиента: Режим – Линейный затемнитель, Стиль – Радиальный.

Иконка Apple Safari


Шаг 17
Инструментом Эллипс (Ellipse Tool) создайте ещё один круг такого же размера как круг слоя “Base”. Назовите его “Inner Base”.

Внутренняя тень: Режим – Затемнение основы.

Иконка Apple Safari


Внутреннее свечение: Режим – Умножение.

Иконка Apple Safari


Шаг 18
Создайте узор, определяющий направление компаса, установите его Заливку (Fill) – 65% и примените стиль Обводка:

Иконка Apple Safari


Результат:

Иконка Apple Safari


Шаг 19
Если хотите создать свечения, используйте метод с кругами. Создайте круг, залейте его белым цветом и понизьте заливку. Также можете применить стиль Отбрасывание тени.

Иконка Apple Safari


Шаг 20
Теперь нужно создать иглу компаса. Она должна выглядеть как узкий ромб. Создайте два треугольника на отдельных слоях и примените к ним стиль Отбрасывание тени:

Иконка Apple Safari

Иконка Apple Safari


Шаг 21
Создайте круг в центре иголки и примените к нему стиль Внутреннее свечение:

Иконка Apple Safari


Шаг 22
Создайте ещё один круг внутри предыдущего и примените к нему стиль Тиснение:

Иконка Apple Safari

Иконка Apple Safari


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

Иконка Apple Safari




Обсудить данный урок на форуме




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