Делаем фон в стиле диско
Для создания этого фона мы будем использовать Polygon Tool, заливку слоя цветом, Free Transform, Transform. Так же научимся определять центр документа, используя инструменты rulers и guides, а также делать привязку объектов к направляющим.
Вот, что мы получим в конце:
Мы сможем легко поменять цвет фон, а также сохраним как Custom Shape, чтобы использовать этот эффект когда угодно.
Шаг 1: Создаем новый документ
Создаем новый документ. Для этого урока я создал документ 10 на 10 дюймов с 300 точек на дюйм:
Шаг 2: Показываем линейки
Для начала, узнаем где находится центр документа. Наиболее легкий способ узнать- использование инструментов Rulers и Guides. Сначала включим линейки. В меню View выбираем Rulers:
Линейки также можно включить сочетанием клавиш Ctrl+R (Win) / Command+R (Mac):
Шаг 3: Включаем привязки
Привязки помогут нам переместить горизонтальные и вертикальные направляющие в центр документа. В месте их пересечения будет центр изображения.
Чтобы включить привязки, в меню View выбираем пункт Snap. По умолчанию привязки включены:
Шаг 4: Настраиваем привязки
Убедимся, что режим Snap To Guides включен. Идем в меню View, выбираем Snap To, а дальше включаем Guides:
Шаг 5: Перемещаем горизонтальную направляющую в центр документа
Кликаем мышкой где угодно на вертикальной линейке и перемещаем нашу направляющую к центру документа. При приближении к центру, Photoshop автоматически привяжет нашу направляющую к центру документа. В этот момент необходимо отпустить кнопку мышки:
Шаг 6: Перемещаем вертикальную направляющую в центр документа
Таким же образом перемещаем нашу вертикальную линию в центр документа. :
Теперь, когда мы нашли центр документа, мы можем отключить линейки нажатием клавиш Ctrl+R (Win) / Command+R (Mac).
Шаг 7: Заливаем слой цветом
Щелкните на New Fill Or Adjustment Layer, для создания нового корректирующего слоя:
Выберите пункт Solid Color:
Шаг 8: Указываем цвет для заливки
Выберите цвет который нравится, его можно будет поменять в любой момент:
Нажмите Ok, и вы увидите, что выбранный цвет залил весь ваш документ:
В списке слоев Layers palette теперь у нас два слоя - Background и наш новый слой “Color Fill 1″:
Шаг 9: Выбираем инструмент Polygon Tool
Теперь нарисуем треугольник. Наиболее простой способ это сделать - при помощи инструмента Polygon Tool. Выберите его:
Шаг 10: Указываем количество сторон инструмента Polygon равным 3
Меняем значение на цифру 3, как показано на рисунке:
Шаг 11: Устанавливаем режим Draw Shapes
При помощи инструмента Polygon Tool мы можем рисовать векторные изображения, пути, или же растровые формы. Мы будем рисовать векторные изображения, которые позволят нам не терять качества при масштабировании:
Шаг 12: Рисуем треугольник
Для более точного вращения зажмите клавишу Shift:
Цвет нашего треугольника мы поменяем потом.
Шаг 13: Иструмент Move Tool
Выбираем Move tool на панели иструментов, или нажимаем клавишу V на клавиатуре:
Шаг 14: Перемещаем треугольник в центр документа
При помощи Move tool переместите треугольник как показано на рисунке:
Шаг 15: Switch To “Full Screen Mode With Menu Bar”
Чтобы освободить пространство для работы над нашим документом, выберим другой режим, нажатием клавиши F на клавиатуре. Выберем полноэкранный режим со строкой меню. Также мы можем изменять масштаб нашего изображения нажатием клавиш Ctrl+- (Win) / Command+- (Mac):
Шаг 16: Убираем направляющие
Теперь, когда мы уже поместили треугольник в центр документа, мы можем убрать направляющие. В меню View выбираем Clear Guides:
Шаг 17: Растягиваем треугольник за границы изображения
Нажимаем Ctrl+T (Win) / Command+T (Mac) для вызова инструмента Free Transform. Щелкаем на маленьком квадратике в центре треугольника и тянем его вверх. У вас должно получится нечто подобное:
Нажимаем Enter (Win) / Return (Mac).
Шаг 18: Вызываем инструмент Free Transform еще раз
Нажимаем Ctrl+T (Win) / Command+T (Mac). На этот раз мы будем вращать наш треугольник.
шаг 19: Перемещаем точку центра треугольника в нижнюю вершину
ВЫбираем маленький кружок в центре треугольника, и перемещаем его в нижнюю вершину. Теперь наш треугольник будет вращаться относительно этой вершины:
Шаг 20: Вращаем треугольник
Зажимаем клавишу Shift и вращаем треугольник. Поворачиваем треугольник на 45 градусов:
Мы специально растянули треугольник за границы, что бы он мог польностью поместиться в текущем положении (на углах). Нажмите Enter (Win) / Return (Mac) чтобы принять изменения и выйти из режима трансформирования.
Шаг 21: Используем функцию Transform Again
Функция Transform Again позволит повторить последнее изменение что мы сделали.
Чтобы создать копию треугольника и повернуть ее, нажмите Shift+Ctrl+Alt+T (Win) / Shift+Command+Option+T (Mac):
Продолжайте нажимать Shift+Ctrl+Alt+T (Win) / Shift+Command+Option+T (Mac) пока не получите такой эффект:
на палитре слоев мы видим слой “Shape 1″, где мы можем видеть наше изображение:
Шаг 22: Скрываем контуры
Для этого достаточно щелкнуть по пиктограмме нашего слоя “Shape 1″.
Так же переключаемся в стандартный режим отображения и уменьшаем масштаб:
Шаг 23: Изменяем цвет наших фигур
Для этого просто щелкните два раз на иконке цвета нашего слоя:
Выберите необходимый цвет:
Нажмите Ok чтобы увидеть результат:
Таким же образом вы можете изменить цвет фона:
Вот, например, как можно сделать:
Или, так, используя цвета одной гаммы:
Шаг 24: Делаем форму активной
Чтобы сохнранить нашу форуму как Custom Shape, для начала мы должны убедится, что она активна. Если есть контур вокруг формы, то она активна. Как уже упоминалось, можно щелкнуть на нашей форме в палитре слоев, чтобы сделать ее активной:
На изображении снова появится контур:
Шаг 25: Определяем Custom Shape
В меню Edit выбираем Define Custom Shape:
Замечание: Если вы забудете сделать вашу форму активно, то вы не сможете нажать на Define Custom Shape.
После этого, напишите название вашей форме:
Теперь мы можем когда угодно использовать нашу форму. Для этого выбираем на палитре иснтрументов Custom Shape Tool:
После этого щелкните сюда:
Выберит форму, и теперь вы можете расположить ее на экране:
В результате мы получим:
Чтобы расположить точно в центре нажмите клавишу Ctrl+A (Win) / Command+A (Mac). В результате будет выбран весь документ:
Выберите инструмент Move tool:
После этого нажмите на кнопки Align Vertical Centers и Align Horizontal Centers. Photoshop расположит изображение в центре:
Уберите выделение при помощи клавиши Ctrl+D (Win) / Command+D (Mac):
Popularity: 54%
