Loading Interface - уроки фотошоп
28 апреля 2008. Разместил: NonSa
Загрузите из Интернета такую или подобную текстуру, я использовал эту, размером 1280x1024 px и 72 точки на дюйм.
Нажимаем CTRL+SHIFT+U
Выставляем следующие параметры для слоя с текстурой, для этого щелкаем правой клавишей мыши по слою (предварительно создав дубликат слоя или перенеся текстуру в новый документ) и в Blending Options выбираем Gradient Overlay (Опции смешивания/ перекрытие градиентом):
Параметры градиента:
Затем, используя инструмент Ellipse Tool (U) (Эллипс), создаем круг: (слой-фигура на новом слое)
Параметры стиля этого слоя: Blending Options>Outer Glow (Внешнее свечение)
Blending Options>Inner Glow (/ Внутреннее свечение)
Blending Options>Gradient Overlay (/Перекрытие градиентом) (Angle - Угловой)
Градиент:
Blending Options>Stroke (/Кайма, Обводка)
Создаем еще один круг цветом #565656. Для начала инструментом Ellipse Tool (U) чертим круг такого же диаметра, как и предыдущий (оставляя видимой только окантовку), а затем, удерживая Alt, вырезаем внутреннюю часть, применяя такой же инструмент. (NS: для того чтобы вырезать центральную часть – включите в панели опций режим Subtract from shape area (Вычесть из области фигуры). Удерживая Alt, устанавливаем курсор в центр круга, нажимаем левую клавишу мыши и плавно ведем её в сторону).
Параметры стиля этого слоя: Blending mode-Lighten (Режим смешивания – Замена светлым)
Blending Options>Inner Glow (Опции смешивания/ Внутреннее свечение)
Blending Options>Bevel and Emboss (Скос и рельеф)
Используя тот же инструмент Ellipse Tool (U), создаем следующий слой-фигуру:
Параметры этого слоя: Blending Options>Gradient Overlay (Опции смешивания / Перекрытие градиентом)
Blending Options>Stroke
Используйте в последний раз инструмент эллипса, чтобы создать следующий слой:
Параметры слоя: Fill 0% (Заливка)
Blending Options>Drop Shadow (Опции смешивания/ Тень)
Blending Options>Inner Glow (/Внутреннее свечение)
Blending Options>Gradient Overlay (/Перекрытие градиентом)
Параметры градиента:
Blending Options>Stroke (/Кайма, Обводка)
Параметры градиента:
Выберите инструмент Rectangle Tool (U) (Прямоугольник), и тянем вертикальную черную полосу, пересекающую центр цветного круга:
Сделайте двадцать - тридцать копий этого последнего слоя (с полосой) и, выбрав Free Transform (Свободное трансформирование), поворачиваем копии под определенным одинаковым углом:
Комбинируем в группу все слои, содержащие черные линии (удерживая Ctrl, щелкаем по соответствующим слоям в палитре слоев, чтобы выделить их, а затем, удерживая нажатой левую клавишу мыши, тянем контур выделения вниз палитры к иконке Create a new group (Создать новую группу)). Затем измените параметры для новой группы: Opacity 20% (Непрозрачность 20%).
Сделайте копию группы, содержащей черные линии. Добавим копии Opacity (Непрозрачность) до 100% и сотрем на копии все линии, кроме показанных ниже: (NS: можете просто удалить лишние слои копии или скрыть их видимость).
Выберите инструмент Ellipse Tool (U) (Эллипс), чтобы создать следующий слой элемента в центральной части цветного круга:
Параметры слоя: Blending Options>Outer Glow (/ Внешнее свечение)
Blending Options>Gradient Overlay (/ Перекрытие градиентом)
Параметры градиента:
Blending Options>Stroke
Этим же инструментом создаем еще один круг. Сначала мы чертим внешний край этого круга, а затем удерживая Alt (включите в панели опций режим Subtract from shape area (Вычесть из области фигуры)), создаем другой круг меньшего диаметра, и таким образом вырезаем среднюю часть круга. После этого той же техникой вырезаем еще часть кольца, подобно изображению ниже:
Параметры этого слоя: Fill 20% (Заливка)
Blending Options>Drop Shadow (Опции смешивания / Тень)
Blending Options>Gradient Overlay
Параметры градиента:
Используя инструмент Pen Tool (P) (Перо), чертим следующую слой-фигуру. Форму можно подправить инструментом Convert Point Tool (Угол, Преобразовать узел).
Параметры этого слоя: Blending Options>Inner Glow (/ Внешнее свечение)
Blending Options>Gradient Overlay (/ Перекрытие градиентом)
Blending Options>Stroke (Кайма, Обводка)
Параметры градиента:
Выберите еще раз Pen Tool (P), чтобы изобразить блик. Чертим форму белого цвета и правим инструментом Convert Point Tool.
Параметры для слоя блика: Fill 20%
Инструментом Pen Tool (P) чертим треугольник.
Параметры этого слоя: Blending Options>Drop Shadow (/Тень)
Blending Options>Gradient Overlay
Blending Options>Stroke
Применяя инструменты Pen Tool (U) и Convert Point Tool, чертим другой блик белого цвета:
Меняем для этого слоя: Fill 17% (Заливка)
Сейчас мы, используя Ellipse Tool (U) (Эллипс), чертим блик белого цвета (круг). Затем, используя инструмент Add Anchior Point (Добавить узловую точку), изменим форму в нижней части (как показано на скриншоте): (Удерживая левую клавишу мыши, устанавливаем курсор на нижней узловой точке и перемещаем её вверх, затем добавляем новую опорную точку и с помощью направляющих правим форму).
Параметры этого слоя: Fill 20%
Создайте новый документ (File>New) 4x4 px и 72 точки на дюйм. Используя инструмент Pencil Tool (B)(Карандаш) (диаметром 1 px), создаем белым цветом такой же образец:
Edit> Define Pattern (Редактировать> Определить Образец)
Следующий шаг – выбираем инструмент Ellipse Tool (U) и создаем новый слой, на котором используем сделанный образец. (Чертим круг).
Параметры этого слоя: Opacity 20%, Fill 0% (Непрозрачность, Заливка)
Blending Options>Pattern Overlay (Опции смешивания / Перекрытие узором)
Работа закончена!
Нажимаем CTRL+SHIFT+U
Выставляем следующие параметры для слоя с текстурой, для этого щелкаем правой клавишей мыши по слою (предварительно создав дубликат слоя или перенеся текстуру в новый документ) и в Blending Options выбираем Gradient Overlay (Опции смешивания/ перекрытие градиентом):
Параметры градиента:
Затем, используя инструмент Ellipse Tool (U) (Эллипс), создаем круг: (слой-фигура на новом слое)
Параметры стиля этого слоя: Blending Options>Outer Glow (Внешнее свечение)
Blending Options>Inner Glow (/ Внутреннее свечение)
Blending Options>Gradient Overlay (/Перекрытие градиентом) (Angle - Угловой)
Градиент:
Blending Options>Stroke (/Кайма, Обводка)
Создаем еще один круг цветом #565656. Для начала инструментом Ellipse Tool (U) чертим круг такого же диаметра, как и предыдущий (оставляя видимой только окантовку), а затем, удерживая Alt, вырезаем внутреннюю часть, применяя такой же инструмент. (NS: для того чтобы вырезать центральную часть – включите в панели опций режим Subtract from shape area (Вычесть из области фигуры). Удерживая Alt, устанавливаем курсор в центр круга, нажимаем левую клавишу мыши и плавно ведем её в сторону).
Параметры стиля этого слоя: Blending mode-Lighten (Режим смешивания – Замена светлым)
Blending Options>Inner Glow (Опции смешивания/ Внутреннее свечение)
Blending Options>Bevel and Emboss (Скос и рельеф)
Используя тот же инструмент Ellipse Tool (U), создаем следующий слой-фигуру:
Параметры этого слоя: Blending Options>Gradient Overlay (Опции смешивания / Перекрытие градиентом)
Blending Options>Stroke
Используйте в последний раз инструмент эллипса, чтобы создать следующий слой:
Параметры слоя: Fill 0% (Заливка)
Blending Options>Drop Shadow (Опции смешивания/ Тень)
Blending Options>Inner Glow (/Внутреннее свечение)
Blending Options>Gradient Overlay (/Перекрытие градиентом)
Параметры градиента:
Blending Options>Stroke (/Кайма, Обводка)
Параметры градиента:
Выберите инструмент Rectangle Tool (U) (Прямоугольник), и тянем вертикальную черную полосу, пересекающую центр цветного круга:
Сделайте двадцать - тридцать копий этого последнего слоя (с полосой) и, выбрав Free Transform (Свободное трансформирование), поворачиваем копии под определенным одинаковым углом:
Комбинируем в группу все слои, содержащие черные линии (удерживая Ctrl, щелкаем по соответствующим слоям в палитре слоев, чтобы выделить их, а затем, удерживая нажатой левую клавишу мыши, тянем контур выделения вниз палитры к иконке Create a new group (Создать новую группу)). Затем измените параметры для новой группы: Opacity 20% (Непрозрачность 20%).
Сделайте копию группы, содержащей черные линии. Добавим копии Opacity (Непрозрачность) до 100% и сотрем на копии все линии, кроме показанных ниже: (NS: можете просто удалить лишние слои копии или скрыть их видимость).
Выберите инструмент Ellipse Tool (U) (Эллипс), чтобы создать следующий слой элемента в центральной части цветного круга:
Параметры слоя: Blending Options>Outer Glow (/ Внешнее свечение)
Blending Options>Gradient Overlay (/ Перекрытие градиентом)
Параметры градиента:
Blending Options>Stroke
Этим же инструментом создаем еще один круг. Сначала мы чертим внешний край этого круга, а затем удерживая Alt (включите в панели опций режим Subtract from shape area (Вычесть из области фигуры)), создаем другой круг меньшего диаметра, и таким образом вырезаем среднюю часть круга. После этого той же техникой вырезаем еще часть кольца, подобно изображению ниже:
Параметры этого слоя: Fill 20% (Заливка)
Blending Options>Drop Shadow (Опции смешивания / Тень)
Blending Options>Gradient Overlay
Параметры градиента:
Используя инструмент Pen Tool (P) (Перо), чертим следующую слой-фигуру. Форму можно подправить инструментом Convert Point Tool (Угол, Преобразовать узел).
Параметры этого слоя: Blending Options>Inner Glow (/ Внешнее свечение)
Blending Options>Gradient Overlay (/ Перекрытие градиентом)
Blending Options>Stroke (Кайма, Обводка)
Параметры градиента:
Выберите еще раз Pen Tool (P), чтобы изобразить блик. Чертим форму белого цвета и правим инструментом Convert Point Tool.
Параметры для слоя блика: Fill 20%
Инструментом Pen Tool (P) чертим треугольник.
Параметры этого слоя: Blending Options>Drop Shadow (/Тень)
Blending Options>Gradient Overlay
Blending Options>Stroke
Применяя инструменты Pen Tool (U) и Convert Point Tool, чертим другой блик белого цвета:
Меняем для этого слоя: Fill 17% (Заливка)
Сейчас мы, используя Ellipse Tool (U) (Эллипс), чертим блик белого цвета (круг). Затем, используя инструмент Add Anchior Point (Добавить узловую точку), изменим форму в нижней части (как показано на скриншоте): (Удерживая левую клавишу мыши, устанавливаем курсор на нижней узловой точке и перемещаем её вверх, затем добавляем новую опорную точку и с помощью направляющих правим форму).
Параметры этого слоя: Fill 20%
Создайте новый документ (File>New) 4x4 px и 72 точки на дюйм. Используя инструмент Pencil Tool (B)(Карандаш) (диаметром 1 px), создаем белым цветом такой же образец:
Edit> Define Pattern (Редактировать> Определить Образец)
Следующий шаг – выбираем инструмент Ellipse Tool (U) и создаем новый слой, на котором используем сделанный образец. (Чертим круг).
Параметры этого слоя: Opacity 20%, Fill 0% (Непрозрачность, Заливка)
Blending Options>Pattern Overlay (Опции смешивания / Перекрытие узором)
Работа закончена!
