Здравствуйте, дорогие читатели! В этом уроке вы узнаете, как в фотошопе нарисовать линию
Создайте новый документ в Фотошопе (Ctrl + N) с белым фоном.
Самый простой инструмент для рисования прямых линий - инструмент Линия (Line Tool) (U). Помимо стандартных режимов векторных инструментов на верхней панели есть параметр Толщина (Width). Он и отвечает за толщину линии.
Чтобы создать линию, тяните мышь в сторону, удерживая левую кнопку. Если удерживать клавишу Shift, то можно получить горизонтальную или вертикальную линию. Если тянуть линию по наклонной, удерживая Shiift, то она будет наклонена под углом 45 градусов.
Таким образом рисуются прямые векторные линии.
Для рисования линий можно использовать и инструмент Кисть (Brush Tool) (B). Выберите его, кликните правой кнопкой мыши на холсте и установите Размер (Size) на 1 пиксель, чтобы линии были тонкими. Как и в первом случае нужно удерживать клавишу Shift, чтобы рисовать прямые линии.
Также можно рисовать линии по точкам. Сделайте одиночный клик на холсте на начальной точке. Зажмите клавишу Shift и кликните на следующей точке (там, где должен быть конец линии), затем ещё на одной, если Вы хотите создать ломанную.
Но что делать, если нужно нарисовать волнистую линию? Для этого можно воспользоваться сочетанием инструментов Перо (Pen Tool) (P) и Кисть (Brush Tool) (B). В Фотошопе есть функция обводки контура.
Выберите инструмент Перо (Pen Tool) (P) и в настройках выберите режим Контуров (Paths):
Этим инструментом линии рисуются при помощи одиночных кликов. Нарисуйте простую линию в два клика.
Наведите курсор на линию и рядом с ним появится знак «+».
Потяните линию вниз и она искривится. На линии появится ещё одна якорная точка. Инструментом Стрелка (Direct Selection Tool) (A) вы сможете изменить кривизну линий при помощи рычажков. Для быстрого переключения на этот инструмент, нажмите клавишу Ctrl при активном инструменте Перо (Pen Tool) (P).
Сейчас нужно выбрать кисть, которой будет обведён контур. Выберите инструмент Кисть (Brush Tool) (B), задайте размер в 2 пикселя и понизьте жёсткость до 0%.
Снова выберите инструмент Перо (Pen Tool) (P), кликните правой кнопкой мыши на холсте и выберите пункт Выполнить обводку контура (Stroke Path).
В появившемся окне выберите Кисть (Brush). Если включить функцию Имитировать нажим (Simulate Pressure), то края линии будут сужаться.
Нажмите Enter, чтобы убрать контур.
Обводку можно было сделать более быстрым способом. После настройки кисти, не переключайтесь на Перо (Pen Tool) (P), а нажмите Enter для выполнения обводки. Многократное нажатие на эту клавишу будет повторять обводку. Чтобы убрать контур нажмите Delete.
На этом мы заканчиваем урок. Теперь Вы знаете как в фотошопе нарисовать линию.
Параллельные линии, сетка – это элементы, которые вносят в дизайнерское решение порядок и жесткую структуру. Линии задают направление взгляду, мимолетно скользящему по картинке, подчеркивают поверхности, придавая объем изображению. Легкая штриховка вместо заливки создает эффект невесомости, воздушности объекта.
Параллельные линии, сетку из прямоугольных ячеек, решетку проще создавать в программах векторной графики, таких как Аdobe Illustrator, например. Можно скачать подходящую текстуру или готовые клипарты.
Но не всегда есть время искать нужные текстуры. Рисовать прямую линию просто - рисуете любым инструментом рисования при нажатой клавише Shift. Сложно нарисовать несколько линий на одинаковом расстоянии друг от друга для создания сетки, например. Но решить задачу создания параллельных линий в фотошопе совсем не сложно.
1 способ.
Быстрее всего создать параллельные линии, используя стили.
Рисуем прямую линию инструментом Pensil(Карандаш) (чтобы линия получилась прямая, удерживайте нажатой клавишу Shft).
Среди встроенных стилей Photoshop есть стили Dotted Strokes (штрих-пунктирные обводки). Выбираем эти стили, используя меню палитры Styles (Стили): Window (Окно) > Styles (Стили).
Среди наборов стилей выберите стиль белые штрихи White 1pt 2pt-Spaced Dotted No Fill или другой, если Вам так больше нравится.
Получим линию из точек.
Эту линию нужно растянуть в ширину и получить из точек полоски. Но если Вы это сделаете прямо сейчас, то получится прямоугольник с точечной обводкой. Примените простой трюк: создайте новый пустой слой над слоем с линией из точек и объедините эти два слоя (выделите эти слои на панели слоев и выполните команду Merge (Объединить)).
После этого просто растяните линию в ширину командой Edit (Редактирование) >Transform (Трансформация).
Если над слоем с линиями создать новый слой, залить этот слой градиентной заливкой и применить к нему команду меню из панели слоев Create Clipping Mask (Создать обтравочную маску), то получится вот такая радужная полоска.
А применение команды Edit (Редактирование) >Transform (Трансформация) > Warp (Деформация), позволяет получить интересные эффекты.
2 способ.
Параллельные линии можно создавать с помощью градиентов. Недостаток этого способа существенный - нужно сначала создать градиент с помощью редактора градиентов. Если Вы не знаете ничего про работу с редактором градиентов - Вам сюда:
Преимущество этого способа состоит в том, что, во-первых, можно создать полосатый градиент, сохранить его и пользоваться всегда, во-вторых, можно создать разноцветные градиенты, градиенты с размытыми или четкими переходами от цвета линии к фону, можно создать двойные, тройные линии с разными промежутками между ними. Или скачать готовые или
Создать градиент для рисования параллельных линий несложно. Открываете редактор градиентов и добавляете маркеры цвета в нужных позициях (просто щелкаете мышкой в нужных местах, цвет и расстояние задаете в соответствующих полях.). Поле Location задает отступ маркера в % от левого края, расстояния между маркерами это расстояние между линиями.
Маленькие маркеры возле маркера цвета определяют степень размытости линии. Попробуйте подвинуть их ближе к линии и посмотрите на результат.
Маркеры над полосой градиента определяют прозрачность областей градиента. Белые маркеры обозначают прозрачные области (Opacity (Непрозрачность) равна 0). Этот градиент удобен для рисования на готовом фоне:
Пример использования этого градиента:
И не забывайте, что градиенты бывают разные - ромбовидные, радиальные, зеркальные, что позволяет одним легким движением создавать разные фигуры:
3 способ.
Для начала нарисуйте одну линию в новом слое.
Перейдите в палитру Actions (Операции), создайте новую операцию (Line, например), нажмите кнопку запись и выполните простые действия: скопируйте слой с линией и передвиньте его вверх или вниз на нужное расстояние. Работа сделана, нажмите кнопку Остановить запись. Должно получиться нечто такое:
После этого нажимайте треугольную кнопку Воспроизвести запись столько раз, сколько нужно линий.
В результате в изображении получается много слоев с линиями. Если вы довольны полученным результатом - объедините слои с линиями в один слой.
Наложение дубликата слоя с линиями с последующим поворотом этого дубликата под прямым или любым другим углом позволяет легко получить сетку.
А применение стилей - эффекты:
В этом уроке я приведу 3 простых примера, как нарисовать изогнутую линию в фотошопе. Давайте приступим.
Способ № 1. Круг.
Для начала нарисуйте обычный круг, с помощью инструмента овальная область . С помощью данного инструмента легко нарисовать круг таким образом: выбрав инструмент, смените стиль инструмента с «Обычный» на «Заданный размер» и просто задайте одинаковый размер по высоте и ширине окружности. Либо вы можете проделать все операции не с кругом, а с эллипсом. Затем просто щелкните по листу мышкой, и у вас появится выделенная область заданного размера. После этого, по выделено области нажмите правой кнопкой мыши и в меню выберите пункт «Выполнить обводку» (Stroke) . В появившемся окошке выберите цвет и размер кисти. Далее просто нажмите на клавиатуре «Ctrl» + «D» и выделение у вас пропадет.
Теперь поверх круга создайте ещё один слой. И в новом слое нарисуйте круг, только без обводки.
Теперь просто выполните заливку внутри выделенной области тем же цветом, что и фон, и нажмите клавиши «Ctrl» + «D» для снятия выделения.
Способ №2. Прямоугольник.
Для начала нарисуйте прямоугольную область, выполните обводку, но выделение пока снимать не надо (как это сделать описано в способе №1).
Затем перейдите в меню «Фильтр» (Filter) – «Пластика» (liquify) . Либо нажмите сочетание клавиш «Shift» + «Ctrl» + «X» .
И изогните вашу фигуру, после чего нажмите ОК . После этого осталось только снять выделение и ластиком убрать лишние детали.
Способ №3. Перо.
Пожалуй, самый простой способ – это инструмент «Перо» . Многие не понимают для чего этот инструмент только потому, что не знают, как им пользоваться. Тут всё просто. Выбрав инструмент «Перо» , сначала задайте ему стиль «Контур» (Paths) . Затем на листе просто поставьте точку данным инструментом. Отпустите кнопку мыши и поставьте вторую точку в другой стороне, но на этот раз, не отпуская кнопку мыши, тяните, и вы увидите, как у вас вырисовывается контур кривой линии.
После этого, останется только выполнить обводку контура, как в первом способе с кругом, и также нажав правой кнопкой мыши по контуру, выбрать пункт «Удалить контур» .
Таким способом очень удобно рисовать волнистые линии.
Волнистые линии удобнее рисовать пером с якорем. Для этого нужно пером поставить две точки на странице, которые автоматически соединятся линией. И затем, потянув за середину этой линии, тем же пером изогнуть линию.
Доброго всем времени суток, мои дорогие друзья и гости моего блога. Сегодня я хотел бы рассказать вам, как нарисовать прямую линию в фотошопе или в его онлайн версии. Конечно же отрезок смотрится намного аккуратнее, нежели что-то нарисованное дрожащей рукой. Ох уж эта дрожащая рука)). Ну да ладно, не будем тянуть кота за резину. Поехали!
Для начала разберем наипростейшие методы рисования.
Рисуем линии по горизонтали и вертикали
Самый простой способ нарисовать ровную линию - это взять любой инструмент рисования (карандаш или кисть), зажать клавишу SHIFT и вести в нужном вам направлении (вверх вниз или вправо-влево). Будьте уверены, пока вы держите шифт , ни какой дрожащей руки не будет, все будет зафиксировано.
Рисуем линии под углом
Если вы захотите нарисовать линию под углом, точно также выберите инструмент кисть (карандаш) на панели инструментов, после чего поставьте точку в том месте, где по вашему должно быть начало.
Теперь, зажмите клавишу SHIFT и кликните в том месте, где должен будет находиться конец. После этого линия мгновенно прочертится автоматически от начальной до конечной точки.
Кроме того, вы можете делать самую настоящую ломанную. Для этого всего лишь нужно тыкать в тех местах, где она должна ломаться. Только не забывайте это делать с зажатым шифтом.
Рисование прямых линий при помощи направляющих
Как раз вчера я опубликовал статью о том, и сегодня эта тема нам также очень сильно пригодится. Для этого вытащите направляющие из зоны линейки с зажатой кнопкуой мышки и поставьте их в тех местах, где вам это нужно, а потом снова берите (карандаш) и рисуйте по ней. Благодаря своему свойству привязки, она примагнитит ваше рисование к себе.
Только в отличие от предыдущего способа, вы не сможете отдаляться на далекое расстояние, так как все таки направляющая действительно действует, как магнит. Пока вы рисуете близко, рисование притягивается, а как-только отодвинитесь, то снова в ход идет ваша дрожащая рука.
Фигуры
Ну и конечно же нельзя забывать про основной инструмент, а именно одноименной фигуры. Для того, чтобы нарисовать прямую в фотошопе таким образом, вам нужно идти в инструмент «Фигуры» и выбрать там инструмент «Линия» .
Прежде чем начать рисовать, зайдите в настройки инструмента сверх и посмотрите, что здесь вы сможете настроить под себя:
А теперь просто нажимайте левой кнопкой мыши в любом месте листа, после чего у вас появится начало. Оно будет как будто прибито гвоздем, а вы в это время сможете определиться, где будет конец. Вы итоге получится то, на что мы и рассчитывали. Примечательно то, что данным инструментом можно рисовать линии под углом, а не только по вертикали или горизонатли.
Рисование линий с помощью инструмента «Перо»
Раньше мы использовали , как один из инструментов выделения. Но конечно же это далеко не все его способности, и сейчас мы нарисуем ровный отрезок с помощью него.
Вот теперь-то все отображается, как надо, и вы можете делать не только прямые линии, но и ломанные. Так что это еще раз доказывает, что фотошоп просто универсальная программа, и один и тот же инструмент может выполнять различные функции для разных заданий.
Инструмент «Прямоугольное выделение»
Довольно неординарный способ нарисовать прямую линию, но тем не менее, некоторые пользователи фотошопа очень любят им пользоваться.
В итоге у нас получилась черная полоска, которую вы сможете превратить в линию. Для этого достаточно перейти в режим трансформирования (CTRL+T ) и просто увеличивать или уменьшать длину и ширину, путем зажатия левой кнопкой мыши на краях.
Ну а если вы захотите, чтобы она была под углом, то с помощью того же самого трансформирования переверните ее. Для этого поставьте курсор мышки рядом с уголками выделения, пока курсор не изменится на изогнутую стрелку.
Как нарисовать линию в фотошопе онлайн
Я знаю, что не все готовы устанавливать громоздкую программу к себе на компьютер, поэтому мы постораемся обойтись специальным сервисом. На самом деле, нарисовать прямую или ломанную линию в фотошопе онлайн несложно, просто из-за того, что эта версия сильно кастрированная, способов там очень мало.
Первый способ заключается в том, что вам нужно будет выбрать инструмент Кисть или Карандаш и тыкнуть в любой части холста, чтобы создать начальную точку. Теперь зажмите клавишу SHIFT и тыкните та, где бы вы хотели видеть конечную точку. После этого у вас образуется прямой отрезок. Этот способ аналогичен тому, что мы делали в программе.
Второй способ заключается в том, что мы выбираем инструмент «Рисование» , назначаем любой цвет (или оставляем тот, который по умолчанию), зажимаем левую кнопку мыши и начинаем вырисовывать черный прямоугольник. Вы сами можете контролировать, какая у него будет толщина или длина.
Но важно помнить, что в фотошоп онлайн нет инструмента «Трансформация», поэтому нарисованный вами отрезок нельзя будет изменить, увеличить, уменьшить или повернуть под углом.
Ну вот в принципе и все, что я хотел сказать. Я надеюсь, что теперь вам понятно, как нарисовать прямую линию в фотошопе разными способами и без каких-либо усилий.
Ну а если вы не знаете фотошоп или знаете его плохо, то я рекомендую вам посмотреть эти замечательные видеоуроки , где вам расскажут и покажут от А до Я, как работать в фотошопе. Все уроки рассказаны простым человеческим языком и с большим интересом. Если не будете филонить, то сможете изучить фотошоп уже за пару недель. Очень рекомендую.
Ну а на этом я свой урок заканчиваю, надеюсь, что моя сегодняшняя статья вам понравилась. Не забывайте подписываться на мой блог, а также делиться материалами статьи в социальных сетях. Жду вас у себя снова. Удачи вам. Пока-пока!
С уважением, Дмитрий Костин.
Линии, как впрочем, и другие геометрические элементы, являются неотъемлемой частью работы мастера Фотошопа. При помощи линий создаются сетки, контуры, сегменты различной формы, строятся скелеты сложных объектов.
Сегодняшняя статья будет полностью посвящена тому, каким образом можно создавать линии в Фотошопе.
Как нам известно из курса школьной геометрии, линии бывают прямыми, ломаными и кривыми.
Прямая
Для создания прямой в Фотошопе предусмотрено несколько вариантов с использованием различных инструментов. Все основные способы построения приведены в одном из уже существующих уроков.
Посему, не будем задерживаться в этом разделе, а сразу перейдем к следующему.
Ломаная
Ломаная линия состоит из нескольких прямых отрезков, и может быть замкнутой, составляя многоугольник. Исходя из этого, есть пара способов ее построения.
- Незамкнутая ломаная
Как мы уже говорили ранее, такая линия представляет собой многоугольник. Способов построения многоугольников два – используя соответствующий инструмент из группы «Фигура» , либо путем создания выделения произвольной формы с последующей обводкой.
- Фигура.
При применении данного метода мы получим геометрическую фигуру с равными углами и сторонами.
Для получения непосредственно линии (контура) необходимо настроить обводку, именуемую «Штрихом» . В нашем случае это будет сплошной штрих заданного размера и цвета.
После отключения заливки
мы получим требуемый результат.
Такую фигуру можно деформировать и вращать при помощи все того же «Свободного трансформирования» .
- Прямолинейное лассо.
При помощи этого инструмента можно строить многоугольники любой конфигурации. После постановки нескольких точек создается выделенная область.
Данное выделение нужно обвести, для чего существует соответствующая функция, которая вызывается нажатием ПКМ по холсту.
В настройках можно выбрать цвет, размер и положение обводки.
Кривая
Кривые имеют те же параметры, что и ломаные, то есть, могут быть замкнутыми и незамкнутыми. Нарисовать кривую линию можно несколькими способами: инструментами «Перо» и «Лассо» , используя фигуры или выделения.
- Незамкнутая
- Замкнутая
Такую линию можно изобразить исключительно «Пером» (с обводкой контура), либо «от руки». В первом случае нам поможет урок, ссылка на который есть выше, а во втором только твердая рука.
- Лассо.
Этот инструмент позволяет рисовать замкнутые кривые любой формы (сегменты). Лассо создает выделение, которое, для получения линии, необходимо обвести известным способом.
- Овальная область.
В данном случае результатом наших действий станет окружность правильной или эллипсовидной формы.
Для ее деформации достаточно вызвать «Свободное трансформирование» (CTRL+T ) и, после нажатия ПКМ , выбрать соответствующую дополнительную функцию.
На появившейся сетке мы увидим маркеры, потянув за которые, можно добиться нужного результата.
Стоит заметить, что в данном случае воздействие распространяется и на толщину линии.
- Фигура.
Воспользуемся инструментом «Эллипс» и, применив настройки, описанные выше (как для многоугольника), создадим окружность.
После деформирования получим следующий результат:
Как видим, толщина линии осталась неизмененной.
На этом урок по созданию линий в Фотошопе окончен. Мы с Вами научились создавать прямые, ломаные и кривые линии разными способами с применением различных инструментов программы.
Не стоит пренебрегать данными навыками, так как именно они помогают строить геометрические фигуры, контуры, различные сетки и каркасы в программе Фотошоп.
Загрузка...
