Как нарисовать куб в фотошопе
Обновлено: 08.07.2024
Сам по себе процесс рисования прямой или изогнутой линии в Photoshop довольно несложный, но начинающему пользователь не помешает изучить некоторые основные методы рисования линии. Из этого урока вы узнаете три основных способа создания линий, чаще всего для этого используются инструменты "Кисть" (Brush Tool), "Перо" (Pen Tool) и инструмент "Линия" (Line Tool) для создания простых прямых линий.
Рисуем линию инструментом "Кисть" (Brush Tool) и "Карандаш" (Pencil Tool)
Проще всего нарисовать линию в Photoshop инструментом "Кисть" (Brush Tool). Выберите круглую кисть, задайте небольшой диаметр, 100%-ную жёсткость и просто проведите курсором по документу. У Вас получится линия.
Для того, чтобы нарисовать прямую линию в Photoshop, Вы должны использовать клавишу Shift.
Для получения строго вертикальных или горизонтальных линий Shift следует зажимать перед началом рисования.
Для получения просто прямых линий, ориентированных в произвольном направлении, зажимаем Shift, кликаем мышью на начальной точке линии, отпускаем клавишу мыши, не отпускаем Shift, перемещаем курсор в конечную точку линии, и кликаем левой клавишей мыши в этой точке. Между первой и второй точкой кликов появится прямая линия. Можно продолжать рисовать прямую ломаную линию дальше, кликая по документу левой клавишей мыши, при зажатой Shift.
Аналогичным образом можно использовать инструмент "Карандаш" (Pencil Tool). Как видите, ничего сложного.
Но лично я чаще использую два других способа.
Создаём прямую линию инструментом "Линия" (Line Tool)
Другой способом рисования является использование инструмента "Линия" (Line Tool), доступного на инструментальной панели Photoshop:
Эта линия является векторной формой (Vector Shape), так что в последствии Вы можете легко изменить её форму, цвет и размер без потери качества. Вы также можете использовать клавишу Shift для построения горизонтальных, вертикальных и направленных под углом 45° линий:
Ломаная, прямая и кривая линия с помощью "Пера" (Pen Tool)
Третий иp распространённых способов создания лини - использование универсального инструмента "Перо" (Pen Tool):
Сначала необходимо переключить "Перо" на режим "Контур" (Paths), этот переключатель находится на панели параметров в верхнем левом углу окна программы. Затем кликните в том месте, где должна начинаться линия, это будет начальная точка, потом добавьте вторую точку и т.д.
То же самое правило действует и при нажатии клавиши Shift:
Давайте выполним несложную практическую работу. Сначала выберите инструмент "Кисть", задайте диаметр 3 пикселя,жёсткость 100%, цвет - чёрный.
Затем возьмите "Перо", выберите режим "Контур" и нарисуйте линию с помощью двух точек. Вы можете увидеть созданный контур на панели слоёв во вкладке "Контур" (Path), там наша линия будет добавлена в качестве рабочего контура (Work Path).
Но контур, созданный "Пером", это всего-лишь вспомогательный объект, и при сохранении картинки отображён не будет. Для того, чтобы визуализировать контур, нам следует выполнить его обводку.
При активном инструменте "Перо", кликните правой клавишей мыши по контуру в документе. Откроется контекстное меню, где нажмите на строку "Выполнить обводку контура" (Stroke Path):
Откроется новое окно, где выберите пункт "Кисть" (Brush) и нажмите ОК. Обводка толщиной в 3 пикселя появится:
Эту операцию лучше всего производить на новом прозрачном слое.
Теперь Вы можете удалить контур, созданный пером, либо каким-либо образом изменить его геометрию, обводка повторит все изменения.
В этом уроке мы будем изучать основы работы с векторными формами (их ещё называют "фигурами", англ - Shapes) и слой-фигурами в Photoshop. Мы начнем с изучения применения пяти геометрических инструментов формы - "Прямоугольник" (The Rectangle Tool), "Прямоугольник со скруглёнными углами" (Rounded Rectangle Tool), "Эллипс" (Ellipse Tool), "Многоугольник" (Polygon Tool), и инструмент "Линия" (Line Tool). Чтобы узнать о каждой из этих фигур подробнее, кликните по их названию.
Затем, в следующем уроке, мы узнаем, как работать с более сложными фигурами - инструментом "Произвольная фигура" (Custom Shape Tool).
Большинство пользователей позиционируют Photoshop как программу для редактирования фотографий, а если вы попросите рекомендовать хорошую программу для рисования эскизов, макетов и иллюстраций, вам, как правило, посоветуют Adobe Illustrator. Действительно, возможности рисования иллюстраций у программы Illustrator выходят далеко за пределы в Photoshop, но и Photoshop имеет достаточно широкие возможности для выполнения этих задач, как можно было бы ожидать от редактора изображений на основе пикселей. Это достигается в значительной степени благодаря векторным инструментам Photoshop, о которых и пойдёт речь в этом уроке.
Начиная с версии Photoshop CS6, в векторные инструменты внесли значительные обновления. Это добавление обводки, пунктира, типов заливки, изменение радиуса углов и т.п.
Инструменты форм
Adobe Photoshop имеет шесть инструментов формы, это "Прямоугольник" (The Rectangle Tool), "Прямоугольник со скруглёнными углами" (Rounded Rectangle Tool), "Эллипс" (Ellipse Tool), "Многоугольник" (Polygon Tool), "Линия" (Line Tool) и инструмент "Произвольная фигура" (Custom Shape Tool). Все они вложены в одном месте в панели инструментов. По умолчанию, на инструментальной панели отображён инструмент "Прямоугольник", но если вы нажмёте на него правой клавишей мыши, то откроется выпадающий список с остальными инструментами:
Инструменты векторных форм, верхний инструмент - "Прямоугольник" (Rectangle Tool)
Я выберу первый инструмент в списке, это "Прямоугольник" (Rectangle Tool).
Фигура, Контур или Пиксели
Прежде, начинать создавать какие-либо формы, в первую очередь необходимо указать Photoshop, какой тип формы мы хотим нарисовать. Это необходимо потому, что на самом деле Photoshop позволяет нам создать три абсолютно разных вида форм. Это "Фигура" (Shape), "Контур" (Path) и "Пиксели" (Pixel Shapes).
Установка опции режима инструмента "Фигура" (Shape)
В абсолютном большинстве случаев вы будете рисовать векторные фигуры. В отличие от пиксельных форм, векторные фигуры являются гибкими, масштабируемыми и не зависят от разрешения изображения, что означает, что мы можем задать им любой желаемый размер, редактировать и масштабировать их столько, сколько нам потребуется, не теряя качества и даже распечатать их в любом размере также без потери качества!
Вне зависимости от того, показаны они фигуры на экране или в печати, края векторных фигур всегда остаются четкими и резкими.
Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию "Фигура" (Shape) из видов режимов инструмента в панели параметров:
Выбор опции "Фигура" (Shape) на панели параметров
Заливка формы цветом
Следующее действие, которое мы, как правило, выполняем после выбора опции "Фигура", это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю "Заливка" (Fill) в панели параметров:
Клик по кнопке в панели параметров для открытия диалогового окна свойств заливки фигуры.
Это действие открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения формы, каждый из которых представлен одним из четырех значков, расположенных вдоль верхней части окна. Назначение значков, начиная с левого края:
- Нет цвета (No Color) - белый прямоугольник с красной диагональной линией, заливка отсутствует
- Чистый цвет (Solid Color) - заливка сплошным цветом
- Градиент (Gradient) - заливка градиентом
- Узор (Pattern) - залива Photoshop-узором (паттерном)
Различные методы заливки формы
Нет цвета (No Color)
Как следует из названия, выбор этой опции оставит форму без заливки, с пустыми пикселями внутри. Для чего это нужно? Ну, в некоторых случаях может понадобится только сам контур. Также, часто нужна только обводка с прозрачными пикселями внутри.
Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим - это основной контур формы, который так и называется - "Контур" (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:
Фигура "Прямоугольник" без заливки и обводки.
Чистый цвет (Solid Color)
Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию "Чистый цвет" (Solid Color) вторая иконка слева:
Опция "Чистый цвет" (Solid Color) для заливки фигуры сплошным однотонным цветом
При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:
Выбор цвета нажатием на образец.
Если нужного вам цвета нет среди представленных образцов,нажмите на значок "Палитра цветов" (Color Picker), расположенный в правом верхнем углу окна:
Клик на значок Color Picker для выбора собственного цвета.
Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.
Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:
Фигура, залитая цветом.
Заливка градиентом
Чтобы заполнить вашу форму градиентом, выберите опцию "Градиент" (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.
Выбор готового или создание собственного градиента для заливки фигуры.
Вот тот же форма, только теперь она заполнена градиентом:
Форма, заполненная одним из предустановленных градиентов Photoshop.
Заливка узором (Patterns)
Наконец, опция заливки узором позволяет нам заполнить форму одним из предустановленных узоров Photoshop.
Нажмите на одну из миниатюр для выбора узора. Заранее в Photoshop установлено не так много вариантов узоров, выбор, загрузка и установка узора для заливки подробно описаны здесь.
Ниже показана та же форма, на этот раз заполненная узором:
Та же форма, только на этот раз залитая стандартным узором Photoshop.
Если вы не пока уверены, какой цвет, градиент или узор, нужен вашей фигуры, не волнуйтесь. Как мы увидим далее, вы всегда сможете вернуться к редактированию фигуры позже и изменить вид заливки.
Добавление обводки к векторной фигуре
Эта опция появилась в Photoshop, начиная с версии CS6. По умолчанию, Photoshop не будет добавляет обводку к краям фигуры, но добавить её так же просто, как и заливку цветом.
Для добавления обводки, нажмите на соответствующую опцию в панели параметров:
Опция добавления обводки.
Это открывает окно с параметрами, где мы можем выбрать цвет обводки, а также, задать многие другие параметры.
В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это "Нет цвета" (No Color), "Чистый цвет" (Solid Color), Градиент (Gradient) и "Узор" (Pattern). По умолчанию выбран вариант "Нет цвета". Я выберу тип "Чистый цвет" (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.
Изменение толщины обводки
Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное непосредственно справа от прямоугольника образца цвета в панели параметров. По умолчанию, толщина установлена в 3 пт (пункта). Но вы можете задать другие единицы измерения, если нажмёте на это поле ввода правой клавишей мыши, откроется выпадающий список единиц измерения. Я, практически всегда, выбираю пиксели:
Изменение ширины и единиц измерения обводки.
Опция выравнивания краёв (Align Edges)
Правее всех других, в панели параметров расположена опция "Выровнять края". При включении этой функции (она включена по умолчанию) Photoshop приведёт в соответствие положение краёв обводки с пиксельной сеткой, что сделает изображение чётче.
Опция будет активна только при единицах измерения обводки пиксели.
Дополнительные параметры обводки
По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку "Задать тип штриха фигуры" (Stroke Options ) на панели параметров:
Кнопка окна выбора дополнительных свойств - выбор штриха обводки - сплошного, пунктирного, точечного и др.
Это открывает окно "Параметры обводки" (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:
Диалоговое окно дополнительных параметров обводки
Опция "Выровнять" (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
Следующая опция "Концы" (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.
- штрих заканчивается на границе своей заданной длины и конец имеет прямоугольную форму
- конец имеет полукруглую форму и выступает на половину ширины за границу заданно длины штриха с каждой стороны
- конец имеет прямоугольную форму и выступает на половину ширины за границу заданной длины штриха с каждой стороны
"Углы" (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.
Нажатие на кнопку внизу окна "Другие параметры. " (More Options. ) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:
Обводка внутри фигуры, в которой используется два типа штриха - отрезок и точка.
.
Совсем несложно нарисовать куб, имея под рукой обычные канцелярские принадлежности: карандаш, линейку и листок бумаги. Но это легко можно сделать и на компьютере при помощи редактора Adobe Photoshop.
- Как нарисовать куб в Photoshop
- Как нарисовать кубик
- Как сделать странички для блокнота в Photoshop
Запустите Adobe Photoshop и создайте новый документ. Для этого нажмите пункт меню File > New (или кликните горячие клавиши Ctrl+N), в появившемся окне задайте необходимые параметры и нажмите ОК.
Создайте фон: нажмите пункт меню Layer > New Fill Layer, а далее выберите один из трех вариантов на ваше усмотрение: Solid Color (цвет), Gradient (градиент) или Pattern (узор). На картинке показан фон, созданный при помощи узора Yellow Lined.
Выберите цвет «a6a6a6», активируйте инструмент Rectangle Tool (горячая клавиша U, переключение между смежными элементами – Shift+U), зажмите Shift и создайте квадрат примерно такого размера, как показано на картинке.
Вызовите команду свободного трансформирования, нажмите Ctrl+T, кликните правой кнопкой мыши по квадрату и выберите Perspective. Потянув вниз прозрачный маркер на правой стороне квадрата, сделайте примерно так, как показано на картинке. Нажмите Enter.
Копируйте этот слой, нажав Ctrl+J. Нажмите Ctrl+T, затем кликните правой кнопкой по новому слою и выберите Flip Horizontal. Зажмите Shift и переместите слой вправо, создав тем самым правую сторону куба. Нажмите Enter.
При помощи Rectangle Tool создайте еще один квадрат, такой же и в том же место, как на картинке.
Нажмите Ctrl+T, вызовите меню свободного трансформирования, выберите Distort и разместите углы вновь созданного четырехугольника как на картинке.
Раскрасьте куб. Цвет правой нижней стороны – «dadada», а верхней – белый.
В списке слоев выделите разом три слоя со сторонами куба и нажмите Ctrl+T. Манипулируя с тремя сторонами сразу, можно сделать куб более реалистичным.
Графический редактор Adobe Photoshop преимущественно предназначен для тонкой обработки рисунков и фотографий с помощью различных эффектов. Мало кому придет в голову чертить в данном редакторе серьезные графики или чертежи. Однако, редактор обладает некоторыми инструментами и для такой работы.
Откройте программу Adobe Photoshop и создайте новый проект с помощью основного меню, пункта New. Оптимально сразу задать нужный размер изображения (в пикселях или сантиметрах), а также другие параметры. Как правило, по умолчанию проект может задаваться автоматически со стандартными размерами.
Внимательно изучите инструменты рисования на панели слева. Третий сверху блок содержит элементы «Перо» и «Геометрическая фигура», которые и помогут в нелегком деле черчения. Проведите линию с помощью пера, создав новый слой. Переместите линию в нужное место с помощью инструмента из первого блока. Многие операции осуществляются при помощи мышки компьютера, поэтому аккуратно переносите курсор.
Активируйте инструмент «Геометрические фигуры». Выберите тип создаваемого элемента и его форму. Кликните по области вашего изображения и растяните фигуру до необходимого размера. Обратите внимание на надпись Shape — там вы найдете самые распространенные сложные фигуры, такие как сердечко, конверт, стрелка и прочие.
Если фигура разместилась не так, как вы хотели, переместите ее с помощью соответствующего инструмента из первого блока. Обратите внимание, что можно задать желаемые точки расположения до сотых пикселя, если отметить флажком пункт Show Bounding Box и выделив одну из контурных точек.
Редактор Adobe Photoshop обладает широким списком возможностей и различных инструментов. Достаточно изучить встроенную помощь по использованию программы, и вы сможете создавать неплохие изображения или корректировать существующие. Как правило, в интернете существует множество бесплатных курсов, при помощи которых можно научиться работать в графических редакторах.
Читайте также: