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





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

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


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

Подсказка

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

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

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


Логотип Wordpress


Шаг 1
Создайте новый документ и отведите направляющие так, чтобы они пересеклись в центре. Для этого у вас должны быть активированы линейки. Самый простой способ поместите их по центру – это воспользоваться инструментом Свободное трансформирование. Создайте новый слой (Create New Layer), залейте его любым цветом и перейдите в режим Свободное трансформирование (Free Transform). Теперь можете создавать две направляющие: вертикальную и горизонтальную, они должны пересечься в центре. Этот слой можно удалить.
Создайте новый слой (Create New Layer) и назовите его “Circle”, инструментом Эллипс (Ellipse Tool), удерживая Alt и Shift, создайте круг, начиная из середины холста (точки пересечения направляющих). Диаметр моего круга – 560 пикселей.
В настройках инструмента сверху установите значением Вычесть из области фигуры (subtract from the shape layer). Потом снова из центра создайте круг, но меньшего диаметра.


Логотип Wordpress


Шаг 2
К слою “Circle” примените стиль Наложение градиента (Layer Style - Gradient Overlay):

Режим – Нормальный, Стиль – Зеркальный, используйте один и те же цвета на промежутках - #333333 и #DADADA.


Логотип Wordpress

Логотип Wordpress


Шаг 3
Создайте новый слой и назовите его “Circle Top”. Используя метод из первого шага, создайте ещё один круг размером немного меньше первого. Он должен практически покрыть нижний круг. Примените к нему стиль Наложение градиента (Layer Style - Gradient Overlay) с такими настройками:

Режим – Нормальный, Стиль – Линейный, цвета - #686868 и #181818


Логотип Wordpress

Логотип Wordpress


Шаг 4
Сделайте выделение слоя “Circle Top” (Ctrl+Click), создайте новый слой над ним “Circle Top Shine”, выберите инструмент Овальная область (Elliptical Marquee Tool) и в настройках сверху установите значение Вычитание из выделенной области (Subtract from Selection). Создайте выделение, чтобы оно покрыло нижнюю часть кольца. Этим вы уберёте выделение нижней части:
Выберите инструмент Градиент (Gradient Tool) и в слое “Circle Top Shine” сделайте заливку цветом от белого к прозрачному. В результате получите простое сияние.


Логотип Wordpress


Шаг 5
Создайте новый слой под слоем “Circle” и назовите его “Background Circle”. Сделайте выделение внутренней пустой области и залейте её градиентом, я использовал цвета #394f78 и #0a0f14. Потом примените стиль Внутреннее свечение (Layer Style - Inner Glow): Режим – Осветление, цвет – чёрный, остальные настройки – по вашему усмотрению.
Создайте новый слой (Create New Layer) над слоем “Background Circle” и назовите его “Background Circle Highlight”. Инструментом Овальная область (Elliptical Marquee Tool) сделайте выделение на синей области и потом, удерживая Alt и Shift, создайте ещё одно, чтобы вырезать внутреннюю часть выделения. Вы должны получить ещё одно кольцо в виде выделения, как показано ниже.
Выберите инструмент Градиент (Gradient Tool), цвет – от белого к прозрачному и сделайте заливку сверху вниз в верхней половине кольца, потом снизу вверху в нижней половине. Снимите выделение (Ctrl+D) и примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 4,5 пикселей.


Логотип Wordpress


Шаг 6
Создайте новый слой над предыдущим и назовите его “Background Circle Shine”, инструментом Овальная область (Elliptical Marquee Tool) сделайте овальное выделение в верхней части внутренней области и залейте его градиентом цветом от белого к прозрачному. Установите Режим наложения – Мягкий свет (Blending Mode – Soft Light).


Логотип Wordpress


Шаг 7
Теперь нужно найти красивую букву “W”, я сделал свою при помощи обводку уже существующего логотипа. Вы можете скачать его здесь. Сделайте выделение буквы “W” на логотипе и скопируйте его в наш документ над слоем “Background Circle Shine”, залейте выделение любым цветом в новом слое и назовите слой “The W”. Потом уменьшите букву в размере и поместите её в кольцо. Скопируйте стили слоя “Circle” на слой “The W”.
Сделайте выделение слоя “The W” и примените Сжатие (Modify – Feather) со значением 3 пикселя. Выберите слой “The W” и нажмите Ctrl+J, чтобы скопировать выделенную область на новый слой. Назовите этот новый слой “The W Top”. Примените к этому слою стиль Наложение градиента (Layer Style - Gradient Overlay): цвета – от #FFFFFF к #000000, Масштаб – 150%.


Логотип Wordpress


Шаг 8
Создайте новый слой над слоем “The W Top” и назовите его “The W Top Shine”, сделайте выделение слоя “The W Top” , инструментом Овальная область (Elliptical Marquee Tool) вырежьте выделение нижней части буквы “W” и залейте оставшуюся градиентом, цвет – от белого к прозрачному.


Логотип Wordpress


В конце можно добавить стиль Отбрасывание тени к слою “Circle”.


Логотип Wordpress




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

написал : Maximilan

Молодцы, классно получилось!

---------------


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

Ваше Имя

Ваш E-mail

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

Введите код: