Как сделать трапецию в фотошопе
Рисование и редактирование фигур
Узнайте, как создавать фигуры на холсте и использовать функцию «Свойства интерактивной формы» для взаимодействия с фигурами.
В Photoshop предусмотрена удобная функция рисования и редактирования векторных фигур. Также можно преобразовать векторную фигуру в растровую или пиксельную.
Построение фигур
Выполните эти быстрые действия для создания фигур в Photoshop:
Выберите инструмент «Фигура»
Настройка параметров инструментов группы «Фигура»
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
Рисование фигуры
Чтобы нарисовать фигуру, выберите нужный инструмент группы «Фигура», затем щелкните кнопку мыши и перетащите указатель мыши на холсте. При этом автоматически создается новый слой-фигура на панели «Слои».
Редактирование свойств фигуры
Можно использовать элементы управления трансформированием и скруглением на холсте для коррекции внешнего вида фигуры. Модификаторы клавиатуры будут управлять трансформированием на холсте так же, как при использовании инструмента Трансформирование в Photoshop. Можно изменять радиус всех углов прямоугольника одновременно: удерживайте клавишу Alt (Win) или Option (Mac) во время перетаскивания для изменения радиуса одного угла. У треугольников изменяются все углы, даже если перетащить только один из них. С легкостью поворачивайте фигуру с помощью маркера поворота на холсте, который появляется при наведении курсора мыши на фигуру.
Щелкните значок сброса (
) на панели «Свойства», чтобы сбросить сразу все изменения.
Нарисовав фигуру, можно щелкнуть любую точку холста, чтобы вызвать всплывающее диалоговое окно Создание фигуры и изменить параметры фигуры.
Заливка и обводка фигур
Выполните эти быстрые действия для заливки и обводки фигур:
На панели Слои выберите слой-фигуру, который необходимо залить или обвести.
Для выбора типа заливки или обводки фигуры выполните одно из следующих действий.
Чистый цвет: заполняет или обводит слой-фигуру текущим основным цветом. Для выбора другого цвета используйте палитру цветов или стили цвета.
Градиент: для отображения диалогового окна «Редактор градиентов» выберите стиль градиента или щелкните градиент. Настройте дополнительные параметры градиента.
Узор: выберите узор в раскрывающемся меню и задайте дополнительные параметры.
Рисование произвольной фигуры
Улучшение в выпуске Photoshop на компьютере за февраль 2021 года (22.2).
Рисовать произвольные фигуры можно, выбрав фигуры в раскрывающейся панели «Произвольная фигура». Можно также сохранить фигуру или контур и использовать их в дальнейшем как произвольную фигуру.
Чтобы просмотреть все произвольные фигуры, предусмотренные в Photoshop, щелкните значок шестеренки справа от палитры «Произвольная фигура» на панели параметров группы инструментов «Фигура». Появится список доступных фигур. Выберите любую произвольную фигуру на свое усмотрение.
Если вы не нашли нужную фигуру, щелкните значок шестеренки на палитре «Произвольная фигура» и выберите Импорт фигур для импорта нужной фигуры из сохраненных файлов. Также можно создать и сохранить произвольную фигуру в своей библиотеке.
Как нарисовать трапецию в фотошопе
Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.
Создайте новый файл для тренировки.
Здесь представлены основные фигуры, которыми мы можем воспользоваться. Выберете любую и посмотрите на панель параметров:
Для любой фигуры можно выбрать:
Выберете любой, какой понравится. Кстати, если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные стили. Если же вы не хотите использовать стиль, то выберите белый квадратик, перечеркнутый красной линией.
Теперь можно задать геометрические параметры:
Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?
Рисуем прямоугольники со скругленными углами
Вот, что получилось у меня при различных комбинациях радиуса и стиля.
Чем не блоки новостей и кнопочки меню?
Вот, что получилось у меня:
Первый девятиугольник имеет радиус 3см, остальные галочки сняты.
Ко всем применен стиль.
Если все галочки сняты будет просто линия, параметры задают стрелки на концах этой линии.
Ко всем применен стиль.
Рисуем произвольные фигуры
Если щелкнуть по треугольничку в кружочке (справа), то в открывшемся контекстном меню можно выбрать дополнительные фигуры.
Рисуем несколько фигур в одном слое
Принцип здесь такой же, как и с инструментами прямоугольного выделения (на первом уроке мы делали нестандартную область выделения, применяя инструменты на панели параметров: добавить к выделению, вычесть из выделения и т.д.). Такие же инструменты есть и на панели параметров фигур.
Например, создайте фигуру прямоугольник, теперь на панели параметров щелкните по иконке «добавить к области фигуры», а теперь выберите фигуру эллипс. Подведите курсор мыши к верхней границе нашего прямоугольника, нажмите левую клавишу мыши и, не отпуская, растяните эллипс. Должно получится примерно так:
Подведите курсор к границе эллипса и, удерживая нажатой левую кнопку мыши, перетащите эллипс куда следует. Используя все эти инструменты, можно рисовать фигуры различной сложности.
Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.
На этом урок закончен. В следующей раз займемся контурами и растровыми изображениями.
Если этот сайт оказался вам полезен, пожалуйста, посмотрите другие наши статьи и разделы.
Как нарисовать трапецию в фотошопе cs5. как нарисовать трапеции
3 Replies to “Как нарисовать трапецию в фотошопе cs5”
Уася! Ты бы хоть написал что надо Ctrl+T нажать что бы квадратики появились и что Ctrl надо удерживать, что бы курсор изменился, а то видео твое весь смысл теряет.
БОЖЕЕЕЕЕ. ПОЧЕМУ ТЫ НЕ НАПИСАЛ, ЧТО CTRL НАДО ЖАТЬ. УДАЛИ ЭТО ВИДЕО, НЕ МОРОЧЬ ЛЮДЯМ ГОЛОВУ
В данном разделе мы познакомимся со способами редактирования фигур. Дело в том, что при необходимости вам не нужно редактировать фигуры с помощью стирательной резинки и тому подобных неточных инструментов. Можно все сделать гораздо лучше и аккуратнее. Изменить контуры фигуры можно, просто пододвинув в нужном направлении некоторые ее точки. При этом границы фигуры будут автоматически плавно сглажены и изменены.
Допустим, вам понадобилось нарисовать трапецию. Как вы знаете, специального инструмента для рисования трапеций в Photoshop CS6 не предусмотрено. Но зато есть инструмент построения прямоугольников. Вот им мы и воспользуемся — нарисуем сначала прямоугольник, а потом уменьшим верхнюю его сторону, чтобы получилась трапеция. Сделать это можно, просто немного переместив точки верхних углов прямоугольника навстречу друг другу. Как нарисовать прямоугольник, мы уже знаем, остается выяснить, каким образом можно перемещать углы.
Рис. 3.19. Редактирование фигур
Для этого вам нужно на панели инструментов выбрать Direct Selection (Инструмент Стрелка). Указатель мыши примет вид белой стрелочки. Щелкните этой стрелочкой по краю фигуры. В результате контур фигуры выделится и станут видны ключевые точки — точки в которых происходит изменение формы фигуры (углы и т. п.). Эти точки помечаются маленькими квадратиками (рис. 3.19). Так вот вы можете ухватиться стрелочкой за любой из таких квадратиком и перетащить его в нужное место. Возвращаясь к нашему примеру с трапецией — перетащите навстречу друг другу верхние углы. Чтобы перетаскивание происходило строго по горизонтали (или по вертикали — но это не для нашего примера), удерживайте нажатой клавишу «Ctrl».
Аналогичным образом можно в любой другой фигуре двигать ключевые точки ее контура. Более того, вы можете выбирать по нескольку точек сразу и дружно их передвигать в каком-либо направлении. Выбор нескольких точек осуществляется щелчками мыши по ним при нажатой клавише «Shift».
Чтобы изменить цвет какой-либо фигуры — установите на панели инструментов в качестве фонового цвета тот цвет, в который вы хотите перекрасить фигуру. На палитре Layers (Слои) выберите тот слой, на котором находится фигура, и нажмите сочетание «Ctrl» + « Backspaces
Узнайте, как в Photoshop работать с инструментом «Прямоугольник».
Инструмент «Прямоугольник» позволяет рисовать прямоугольники и прямоугольники со скругленными углами на холсте.
Выберите инструмент Прямоугольник
Настройте свойства фигуры инструмента «Прямоугольник»
Настройка свойств прямоугольника
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
Щелкните холст, чтобы вызвать диалоговое окно «Создание прямоугольника». В этом диалоговом окне можно вручную задать размер, радиусы углов прямоугольника и выбрать выравнивание по центру. Для применения изменений нажмите кнопку «ОК». Разместите и перетащите указатель мыши на холсте, чтобы нарисовать прямоугольник. При этом автоматически создается новый слой на панели «Слои».
В выпуске за март 2021 г. Photoshop 22.3 инструмент «Прямоугольник со скругленными углами» удален. Однако вы можете использовать улучшенный инструмент «Прямоугольник», чтобы рисовать прямоугольники со скругленными углами и задавать радиусы углов в соответствующем поле.
Редактирование свойств прямоугольной фигуры
Можно легко редактировать свойства фигуры прямо с помощью элементов управления на холсте или с помощью раздела Свойства фигуры на панели Свойства.
Используйте инструмент Выделение контура для выделения фигуры, контур которой необходимо изменить.
На панели Параметры обводки выполните любое из следующих действий.
Срезанные концы Создает квадратные концы, которые заканчиваются в конечных точках.
Скругленные концы Создает полукруглые концы, которые распространяются за конечные точки на половину толщины обводки.
Выступающие концы Создает квадратные концы, которые распространяются за конечные точки на половину толщины обводки. Этот параметр обеспечивает равномерное распространение толщины обводки во всех направлениях вокруг контура.
Примечание. Помните о том, что концы отображаются, только когда контур открыт. Кроме того, концевые стили лучше видны при больших значениях толщины обводки.
Угловые стыки Создает острые углы, которые выходят за пределы конечной точки, если длина среза находится в пределах среза.
Скругленные стыки Создает скругленные углы, которые выходят за конечные точки на половину ширины обводки.
Скошенные стыки Создает скругленные углы, которые заканчиваются в конечных точках.
Примечание. Как и концы, стыки отображаются более наглядно при больших значениях толщины обводки.
Создаем текстурные геометрические объекты в Фотошоп
В этом уроке вы узнаете как создавать красивые геометрические элементы, как преобразовывать их в Смарт-Объекты и применять к ним разнообразные текстуры.
Сложность урока: Средний
Сегодня использование геометрических объектов очень распространено в дизайнерской индустрии. Вы тоже можете создавать интересный дизайн с помощью нескольких простых форм в Adobe Photoshop.
В этом уроке вы узнаете, как создавать красивые элементы и преобразовывать их в Smart Objects, прежде чем применять к ним красивые и разнообразные текстуры.
А также просмотрите широкий выбор удивительных геометрических узоров на сайте GraphicRiver.
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
1. Как создать круговой геометрический узор
Шаг 1
Прежде чем мы начнем, убедитесь, что у вас есть все элементы, которые понадобятся для выполнения этой работы. Итак, выберите Custom Shape Tool (Произвольная фигура) (U) и перейдите в раскрывающееся меню Shape (Фигура). Затем кликните по опции All (Все), чтобы загрузить полный выбор доступных форм.
Когда Photoshop попросит заменить текущие фигуры новой коллекцией, просто нажмите ОК.
Шаг 2
Далее создайте новый документ. Я установлю размер 2500 х 2500 пикселей. Теперь давайте начнем с первого узора. Выберите инструмент Ellipse Tool (Эллипс) (U) и создайте большой черный круг.
Шаг 3
Нажмите комбинацию клавиш Control-J, чтобы дублировать круг и измените его размер с помощью Free Transform Tool (Свободная трансформация) (Control-T). На этот раз Fill (Заливку) фигуры сделайте непрозрачной, а также выберите в параметрах белую обводку и установите её значение на 10 пикселей.
Шаг 4
Дублируйте (Control-J) круг с белой обводкой. Измените размер обводки на 5 пикселей, а затем с помощью Free Transform (Свободная трансформация) уменьшите его, примерно на половину от размера предыдущего круга. Расположите этот круг вверху, чтобы оба круга соприкасались друг с другом в верхней части.
Теперь создайте дубликат маленького круга и поместите его в нижнюю часть.
Продублируйте маленький круг еще несколько раз. Начните размещать каждый новый круг по кругу против часовой стрелки. Сначала поместите по кругу с правой и левой стороны, чтобы сделать первые четыре круга в качестве опорных точек для остальных кругов.
Чтобы расположить оставшиеся копии, убедитесь, что у вас включен Smart Guides (Быстрые направляющие), перейдите в View > Show > Smart Guides (Просмотр > Показать > Быстрые направляющие). Используйте опять инструмент Move Tool (Перемещение) (V), чтобы переместить остальные круги.
Вот финальный узор, который получился из кругов без текстуры. Когда вы закончите, выделите все слои, потом кликните правой кнопкой мыши и выберите Convert to Smart Object (Преобразовать в смарт-объект). В дальнейшем, это позволит вам легко применить любую текстуру или фотографию в последующих этапах.
2. Как создать геометрический узор в этническом стиле
Шаг 1
Для следующего дизайна меня вдохновляли священные угловые элементы, часто встречающиеся в религиозных узорах. Выберите инструмент Ellipse Tool (Эллипс) (U) и нарисуйте большой круг. Сделайте прозрачную Fill (Заливку) и установите точечную черную обводку в 15 пикселей. Если вам необходимо увидеть панель свойств, то просто перейдите в Window > Properties (Окно > Свойства).
Шаг 2
Теперь выберите инструмент Custom Shape Tool (Произвольная фигура) (U) и возьмите форму треугольника. Нарисуйте большой треугольник в центре круга со сплошной черной обводкой в 15 пикселей. Далее, нажмите комбинацию клавиш Control-J, чтобы дублировать треугольник, а затем перейдите в Edit > Transform > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали) и поместите второй треугольник, как показано ниже.
Дублируйте один из треугольников и с помощью Free Transform (Свободная трансформация) (Control-T) уменьшите его. Разместите третий треугольник, как показано ниже. Далее дублируйте этот треугольник и перейдите в меню Edit > Transform > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали), чтобы расположить его на противоположную сторону для получения баланса.
Дублируйте один из маленьких треугольников еще раз и расположите его по середине круга, чуть ниже центра большого треугольника.
Шаг 3
Используйте инструмент Pen Tool (Перо) (P), чтобы создать контур фигуры, которая получилась по середине, и заполните ее черным цветом.
Когда вы закончите, выделите все слои, после кликните правой кнопкой мыши и выберите Convert to Smart Object (Преобразовать в смарт-объект). Вот окончательный результат.
3. Как создать похожий на цветок геометрический узор
Шаг 1
Далее, с помощью геометрического узора мы сделаем уникальную цветочную форму, сделанную только из пяти кругов. Выберите инструмент Ellipse Tool (Эллипс) (U) и создайте большой черный круг. Дублируйте (Control-J) круг и с помощью свободной трансформации (Control-T) уменьшите его размер. На этот раз Fill (Заливка) не трогайте, но сделайте Stroke (Обводка) сплошной белой линией и установите размер 30 пикселей.
Поместите данный круг в верхний правый угол черного круга.
Шаг 2
Дублируйте круг с белым контуром три раза. С помощью Free Transform (Свободная трансформация) (Control-T) измените размер двух кругов так, чтобы расположить каждый из них на противоположную сторону внутри круга. Это в конечном итоге создает классный 3D-вид.
Шаг 3
Далее с помощью Free Transform (Свободная трансформация) (Control-T) уменьшите размер третьего круга, чтобы он был меньше остальных, и поместите его в центр. Как и прежде, выберите все слои кругами, кликните правой кнопкой мыши и выберите Convert to Smart Object (Преобразовать в смарт-объект). Вот наш финальный узор!
4. Как создать шестиугольный геометрический узор
Шаг 1
Последний узор я буду создавать с помощью шестиугольной формы. Выберите инструмент Polygon Tool (Многоугольник) (U) и создайте шестиугольную фигуру без Fill (Заливки), только сделайте черную обводку с размером 5 пикселей. Выберите для обводки пунктирную линию.
Шаг 2
Дублируйте (Control-J) форму шестиугольника и сделайте ее немного меньшей с помощью Free Transform (Свободной трансформации) (Control-T). Измените тип обводки на сплошную черную линию, а также установите размер 10 пикселей.
Шаг 3
Теперь возьмите инструмент Custom Shape Tool (Произвольная фигура) (U) и воспользуйтесь той же формой треугольника, которой мы пользовались в предыдущих шагах. Создайте большой треугольник с сплошной черной обводкой, размер обводки установите 10 пикселей и расположите его в центре шестиугольника.
Шаг 4
Теперь выберите инструмент Line Tool (Линия) (U), создайте сплошную черную линию, размер линии 10 пикселей и расположите ее в левом углу шестиугольника. Данная линия должна идти от угла шестиугольника и соединяться по центру с левой линии треугольника. Дублируйте эту линию и после перейдите в меню Edit > Transform > Flip Horizontal (Редактирование > Трансформирование > Отразить по горизонтали) и разместите ее с правой стороны. Далее, создайте третью линию, которая соединит нижний угол шестиугольника с линией треугольника по середине.
Шаг 5
И чтобы закончить этот узор, выберите инструмент Custom Shape Tool (Произвольная фигура) (U) и создайте треугольник в центре узора. Залейте треугольник черным цветом и установите обводку размером 10 пикселей. Как всегда, убедитесь, что вы выбрали все слои с фигурами и кликните правой кнопкой мыши, чтобы преобразовать их в смарт-объект.
5. Как применить различные фотографии и текстуры к геометрическим узорам
Шаг 1
Теперь переходим к текстурам! Мы можем применить различные текстуры или фотографии к созданным геометрическим узорам, так как преобразовали их в Smart Objects (Смарт-объект). С их помощью мы сможем получить потрясающий эффект.
Поместите каждый геометрический Smart Object (Смарт-объект) в свою собственную группу.
Шаг 2
Давайте добавим текстуру! Здесь я буду использовать шестую гранж-текстуру из архива «Grunge Texture Pack» от сайта GraphicRiver. Просто скопируйте и вставьте текстуру на новый слой для каждой группы. Кликните правой кнопкой мыши по слою с текстурой и примените его как Clipping Mask (Обтравочная маска) для смарт-объекта, далее измените режим наложения на Hard Light (Жесткий свет). Убедитесь, что Smart Object (Смарт-объект) имеет прозрачный фон, иначе изображение с текстурой будет выходить за границы нашего узора.
Не бойтесь перемещать текстуру и размещать её по-разному для каждого геометрического узора.
Шаг 3
Кроме того, вы можете добавить красивое изображение в качестве Clipping Mask (Обтравочной маски) под слоем с текстурой или без текстуры вообще. Здесь я использовала «Sunset Stock» с сайта Pixabay.
На этот раз установила режим наложения Screen (Экран).
Заключение
Надеюсь, что вам понравился этот урок! Помните, что создание интересных геометрических фигур в Photoshop будет легким, когда вы познакомитесь с инструментом Shape Tool.
Продолжайте экспериментировать с разнообразными узорами и получайте удовольствие, включая эти элементы в любой творческий проект! Если у вас есть какие-либо вопросы, вы можете оставить комментарий ниже.
На прошлом уроке мы говорили о рисовании в Photoshop с помощью карандаша и кисти. Линии от руки — это прекрасно, но часто бывает, что нужно изобразить ровную геометрическую фигуру. Линейки и циркули ушли в прошлое, и теперь сделать это можно с помощью простых инструментов редактора.
Чтобы выбрать один из них, на палитре инструментов нажмите значок Фигуры.
Независимо от того, какой инструмент группы вы выберите, на панели параметров появятся следующие, общие для всех фигур, элементы.
Как всегда, создайте новый документ с белым фоном. Остальные параметры можно оставить по умолчанию или выбрать на своё усмотрение.
Прямоугольник
Выберите фигуру Прямоугольник и, чтобы нарисовать его, щёлкните кнопкой мыши на холсте, а затем перемещайте указатель, удерживая при этом кнопку мыши нажатой. Точка, в которой вы щёлкнули, будет углом фигуры.
Если параметры вашего прямоугольника заранее известны, установите переключатель в положение Заданный размер и в полях укажите требуемые значения. Фигура будет полностью нарисована, как только вы щёлкните на холсте кнопкой мыши.
После установки переключателя в положение Задать пропорции в ставших доступными полях для ввода вы можете указать соотношения сторон создаваемой фигуры.
Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.
Прямоугольник со скруглёнными углами
Следующий пункт в списке геометрических фигур. Понятно, что от обычного он отличается скруглением на углах. Соответственно, и настройки у этой фигуры и прямоугольника почти идентичны. Радиус скругления можно указать в соответствующем поле панели параметров.
Эллипс
Многоугольник
Окно геометрических настроек от предыдущих фигур заметно отличается.
Линия
Используйте этот инструмент, чтобы создавать по-настоящему прямые линии — от руки их делать просто нецелесообразно. Чтобы добиться максимальной точности, настройте геометрические параметры в соответствующем окне.
Произвольная фигура
Если щёлкнуть на шестерёнке, расположенной в правой части окна, откроется меню дополнительных параметров, содержащее категории фигур.
Благодаря рассмотренным инструментам вы буквально в два щелчка сможете нарисовать огромное количество фигур, на создание которых вручную ушло бы довольно продолжительное время.