Тег ‘rectangle tool’

Укрощение Shapes

При работе с Shapes в Photoshop, обнаружил для себя комбинацию клавиш, которая сохраняет нервы и рабочее время в разы, просто.При работе с Shapes в Photoshop, обнаружил для себя комбинацию клавиш, которая сохраняет нервы и рабочее время в разы, просто.

От слов к делу:
Создаем новый док. Выбираем инструмент Custom Shape Tool .
Выбираем фигуру, круг в данном случае.

Копируем слой Ctrl+J, жмем Ctrl+T или Edit > Free Transform Path.

Shapes

Удерживая клавиши Alt и Shift растягиваем круг за пределы первого, жмем Enter

Shapes

Теперь скручиваем пальцы в комбинацию Ctrl+Alt+Shift и жмем T.
Жмем столько, сколько потребуется.

Shapes

Обратите внимание, что слоя всего 2.. В принципе можно легко обойтись одним слоем, просто так нагляднее было.
С легкостью меняем цвета для созданной фигуры, меняем ее положение, размер и все остальное.
Приятно, правда? )

В общем суть в том, что до тех пор пока фигура находится в Free Transform комбинация клавиш Ctrl+Alt+Shift и T воспроизводит все движения.

Давайте еще раз проверим.
Делаем пунктирную линию. Раньше требовались какие-то неимоверные движения со слоями.

Чертим линию, размером пикселя в 2,3 (инструмент Line Tool, либо Rectangle Tool). Жмем Ctrl+T, удерживая клавишу Shift — жмем два раза стрелку вправо →

Shapes

Дальше крутим пальцы Ctrl+Alt+Shift + T, жмем сколько нужно.

Shapes

Просто, правда? 🙂
Ну а дальше экспериментируйте..

p.s. Не смог разобраться с тем, как внутри одного слоя с фигурами раскрасить все в разные цвета, без создания новых слоев

Бейдж в стиле WEB2.0

Довольно много движений, если нет желания возится — можете воспользоваться готовыми стилямиВыбираем готовую форму
Создаем документ, произвольных размеров, например 800х600px
В панели инструментов выбираем Rectangle Tool
Сбрасываем цвета на черный и белый клавишей D
Рисуем квадрат, дублируем квадрат.
Жмем Ctrl+T для свободной трансформации объекта, разварачиваем его
В общем, путем дублирования квадрата и его трансформации у вас должно получиться 3 слоя с черными квадратами и фигура, вроде моей.
После чего объединяем все слои, удерживая кнопку Shift жмем первый и последний слои с квадратами (Background не трогаем)

Бейдж в стиле WEB2.0-1

Далее меняем цвета Foreground #ff8400 и Background #ff4900
Удерживая кнопку Ctrl кликаем по объединенному слою с фигурой, тем самым, выделяя его.
Выбираем инструмент Gradient Tool (G)Удерживая клавишу Shift ведем градиентом с правого края в центр фигуры.
Жмем Ctrl+D для снятия выделения

Бейдж в стиле WEB2.0-2

Жмем на слое с фигурой правую кнопку, выбираем Blending Options

  • Ставим галку на Drop Shadow, параметры как на картинке
    Бейдж в стиле WEB2.0-3

    Bevel and Emboss, параметры как на картинке

    Бейдж в стиле WEB2.0-4

    Satin, параметры как на картинке

    Бейдж в стиле WEB2.0-5

    Stroke, параметры как на картинке

    Бейдж в стиле WEB2.0-6

    Создаем новый слой (Ctrl+Shift+N), самый верхний
    Режим смешивания ставим Lighten
    Прозрачность слоя (Opacity) — 20%
    Выбираем инструмент Elliptical Marquee Tool (M)Скидываем цвета на черный и белый (D), если они не скинуты )
    Выделяем круг, в левом верхнем углу фигуры, и заливаем его белым цветом, в новом слое. Читать полностью »

  • Кусочек гранджа

    Пытаемся 4-5 инструментами добиться гранджевого эффекта.
    Без использования текстур.

    В этом уроке придется немного поработать )Добиться похожего эффекта с помощью текстур, или при использовании гранджевых кистей было бы намного проще, но легкие пути не для нас )

    Итак, выбираем инструмент Rounded Rectangle Tool, цвет — #ff4f4f , рисуем

    Grunge-effect

    После чего растируем слой Layer > Rasterize > Shape.
    Выбираем инструмент Polygonal Lasso Tool, надгрызаем уголок. Но так.. без фанатизма. Читать полностью »