Loading Interface - уроки фотошоп - креатив!

  Загрузите из Интернета такую или подобную текстуру, я использовал эту, размером 1280x1024 px и 72 точки на дюйм.
Loading Interface - уроки фотошоп

Нажимаем CTRL+SHIFT+U
Loading Interface - уроки фотошоп

Выставляем следующие параметры для слоя с текстурой, для этого щелкаем правой клавишей мыши по слою (предварительно создав дубликат слоя или перенеся текстуру в новый документ) и в Blending Options выбираем Gradient Overlay (Опции смешивания/ перекрытие градиентом):
Loading Interface - уроки фотошоп

Параметры градиента:
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Затем, используя инструмент Ellipse Tool (U) (Эллипс), создаем круг:(слой-фигура на новом слое)
Loading Interface - уроки фотошоп

Параметры стиля этого слоя:Blending Options>Outer Glow (Внешнее свечение)
Loading Interface - уроки фотошоп

Blending Options>Inner Glow (/ Внутреннее свечение)
Loading Interface - уроки фотошоп

Blending Options>Gradient Overlay (/Перекрытие градиентом) (Angle - Угловой)
Loading Interface - уроки фотошоп

Градиент:
Loading Interface - уроки фотошоп

Blending Options>Stroke (/Кайма, Обводка)
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп - креатив!

Создаем еще один круг цветом #565656. Для начала инструментом Ellipse Tool (U) чертим круг такого же диаметра, как и предыдущий (оставляя видимой только окантовку), а затем, удерживая Alt, вырезаем внутреннюю часть, применяя такой же инструмент. (NS:для того чтобы вырезать центральную часть – включите в панели опций режим Subtract from shape area (Вычесть из области фигуры). Удерживая Alt, устанавливаем курсор в центр круга, нажимаем левую клавишу мыши и плавно ведем её в сторону).
Loading Interface - уроки фотошоп

Параметры стиля этого слоя:Blending mode-Lighten (Режим смешивания – Замена светлым)
Blending Options>Inner Glow (Опции смешивания/ Внутреннее свечение)
Loading Interface - уроки фотошоп

Blending Options>Bevel and Emboss (Скос и рельеф)
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Используя тот же инструмент Ellipse Tool (U), создаем следующий слой-фигуру:
Loading Interface - уроки фотошоп

Параметры этого слоя:Blending Options>Gradient Overlay (Опции смешивания / Перекрытие градиентом)
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Blending Options>Stroke
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Используйте в последний раз инструмент эллипса, чтобы создать следующий слой:
Loading Interface - уроки фотошоп

Параметры слоя:Fill 0% (Заливка)
Blending Options>Drop Shadow (Опции смешивания/ Тень)
Loading Interface - уроки фотошоп

Blending Options>Inner Glow (/Внутреннее свечение)
Loading Interface - уроки фотошоп

Blending Options>Gradient Overlay (/Перекрытие градиентом)
Loading Interface - уроки фотошоп

Параметры градиента:
Loading Interface - уроки фотошоп

Blending Options>Stroke (/Кайма, Обводка)
Loading Interface - уроки фотошоп

Параметры градиента:
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Выберите инструмент Rectangle Tool (U) (Прямоугольник), и тянем вертикальную черную полосу, пересекающую центр цветного круга:
Loading Interface - уроки фотошоп - креатив!

Сделайте двадцать - тридцать копий этого последнего слоя (с полосой) и, выбрав Free Transform (Свободное трансформирование), поворачиваем копии под определенным одинаковым углом:
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Комбинируем в группу все слои, содержащие черные линии (удерживая Ctrl, щелкаем по соответствующим слоям в палитре слоев, чтобы выделить их, а затем, удерживая нажатой левую клавишу мыши, тянем контур выделения вниз палитры к иконке Create a new group (Создать новую группу)). Затем измените параметры для новой группы:Opacity 20% (Непрозрачность 20%).
Loading Interface - уроки фотошоп

Сделайте копию группы, содержащей черные линии. Добавим копии Opacity (Непрозрачность) до 100% и сотрем на копии все линии, кроме показанных ниже:(NS:можете просто удалить лишние слои копии или скрыть их видимость).
Loading Interface - уроки фотошоп

Выберите инструмент Ellipse Tool (U) (Эллипс), чтобы создать следующий слой элемента в центральной части цветного круга:
Loading Interface - уроки фотошоп

Параметры слоя:Blending Options>Outer Glow (/ Внешнее свечение)
Loading Interface - уроки фотошоп

Blending Options>Gradient Overlay (/ Перекрытие градиентом)
Loading Interface - уроки фотошоп

Параметры градиента:
Loading Interface - уроки фотошоп

Blending Options>Stroke
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Этим же инструментом создаем еще один круг. Сначала мы чертим внешний край этого круга, а затем удерживая Alt (включите в панели опций режим Subtract from shape area (Вычесть из области фигуры)), создаем другой круг меньшего диаметра, и таким образом вырезаем среднюю часть круга. После этого той же техникой вырезаем еще часть кольца, подобно изображению ниже:
Loading Interface - уроки фотошоп

Параметры этого слоя:Fill 20% (Заливка)
Blending Options>Drop Shadow (Опции смешивания / Тень)
Loading Interface - уроки фотошоп

Blending Options>Gradient Overlay
Loading Interface - уроки фотошоп

Параметры градиента:
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп - креатив!

Используя инструмент Pen Tool (P) (Перо), чертим следующую слой-фигуру. Форму можно подправить инструментом Convert Point Tool (Угол, Преобразовать узел).
Loading Interface - уроки фотошоп

Параметры этого слоя:Blending Options>Inner Glow (/ Внешнее свечение)
Loading Interface - уроки фотошоп

Blending Options>Gradient Overlay (/ Перекрытие градиентом)
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Blending Options>Stroke (Кайма, Обводка)
Loading Interface - уроки фотошоп

Параметры градиента:
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Выберите еще раз Pen Tool (P), чтобы изобразить блик. Чертим форму белого цвета и правим инструментом Convert Point Tool.
Loading Interface - уроки фотошоп - креатив!

Параметры для слоя блика:Fill 20%
Loading Interface - уроки фотошоп

Инструментом Pen Tool (P) чертим треугольник.
Loading Interface - уроки фотошоп

Параметры этого слоя:Blending Options>Drop Shadow (/Тень)
Loading Interface - уроки фотошоп

Blending Options>Gradient Overlay
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Blending Options>Stroke
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Применяя инструменты Pen Tool (U) и Convert Point Tool, чертим другой блик белого цвета:
Loading Interface - уроки фотошоп

Меняем для этого слоя:Fill 17% (Заливка)
Loading Interface - уроки фотошоп

Сейчас мы, используя Ellipse Tool (U) (Эллипс), чертим блик белого цвета (круг). Затем, используя инструмент Add Anchior Point (Добавить узловую точку), изменим форму в нижней части (как показано на скриншоте):(Удерживая левую клавишу мыши, устанавливаем курсор на нижней узловой точке и перемещаем её вверх, затем добавляем новую опорную точку и с помощью направляющих правим форму).
Loading Interface - уроки фотошоп

Параметры этого слоя:Fill 20%
Loading Interface - уроки фотошоп

Создайте новый документ (File>New) 4x4 px и 72 точки на дюйм. Используя инструмент Pencil Tool (B)(Карандаш) (диаметром 1 px), создаем белым цветом такой же образец:
Loading Interface - уроки фотошоп

Edit> Define Pattern (Редактировать> Определить Образец)
Следующий шаг – выбираем инструмент Ellipse Tool (U) и создаем новый слой, на котором используем сделанный образец. (Чертим круг).
Loading Interface - уроки фотошоп

Параметры этого слоя:Opacity 20%, Fill 0% (Непрозрачность, Заливка)
Blending Options>Pattern Overlay (Опции смешивания / Перекрытие узором)
Loading Interface - уроки фотошоп

Loading Interface - уроки фотошоп

Работа закончена!
Loading Interface - уроки фотошоп - креатив!
    Перевод:NonSa Источник:
Проектирование деловых форм Проектирование деловых форм
Учитесь проектировать формы, которые можно использовать в качестве иконок, логотипа для web.

Открытка - Веселое рождество Открытка - Веселое рождество
Открытка - Веселое рождествоВ этом детализированном уроке покажу вам, как я сделал в Photoshop открытку «Веселое рождество». Перевод:NonSa Источник:adobetutorialz.c ...

уроки фотошоп - Saint Valentine уроки фотошоп - Saint Valentine
Создаем открытку ко дню Святого Валентина с орнаментами и абстрактными образами. Перевод:NonSa Источник:adobetutorialz.com Пароль ...

Проект интерфейса StarCraft - уроки фотошоп Проект интерфейса StarCraft - уроки фотошоп
Проект интерфейса StarCraft - уроки фотошоп Урок о том, как создать обои в стиле игры StarCraft.

Обои «Новогодние или Рождественские шары». Обои «Новогодние или Рождественские шары».
В этом уроке мы будем учиться создавать обои из красных рождественских шаров. Перевод:NonSa Источник:adobetutorialz.com