Как нарисовать линию в Photoshop
В этом небольшом уроке я покажу вам популярные методы рисования линий разных типов, например, прямые, изогнутые или пунктирные.
1. Рисуем прямую линию
Шаг 1
Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line Tool (U) (Линия):
Шаг 2
Устанавливаем Mode (Режим) на Pixels (Пикселы).
Шаг 3
Затем просто щелкаем и тащим курсор, чтобы нарисовать прямую линию под любым углом.
Шаг 4
Также можно использовать инструмент Brush Tool (B) (Кисть).
2. Рисуем ломанную линию
Хороша, а как нарисовать ломаную линию? Для этого можно использовать тот же метод. Если сначала кликнуть, а затем нажать Shift, вы нарисуете отдельную прямую линию. Но если вы продолжите удерживать Shift и кликаем еще раз, конечная точка предыдущей линии станет начальной точкой новой. Итак, запоминаем порядок: кликаем и нажимаем Shift для отдельной линии, нажимаем Shift и кликаем для непрерывной ломаной линии.
1: кликаем, нажимаем Shift, кликаем, отпускае Shift, 2: кликаем, нажимаем Shift, кликаем, кликаем, кликаем…
3. Рисуем линию под углом 90 градусов
Теперь разберемся, как нарисовать линию под углом 90 градусов в Photoshop. Здесь также пригодится клавиша Shift. Удерживая Shift, начинаем рисовать влево или вправо, чтобы нарисовать горизонтальную линию, и вверх или вниз, чтобы нарисовать вертикальную линию.
Photoshop выпрямит их за вас.4. Рисуем изогнутую линию
Шаг 1
Итак, мы разобрались с прямой линией, но как нарисовать изогнутую линию в Photoshop? Конечно, можно использовать инструмент Brush Tool (B) (Кисть), чтобы просто нарисовать любую линию, которую хотите, но, если у вас нет графического планшета, может быть сложно контролировать ее форму. Давайте вместо этого воспользуемся инструментом Curvature Pen Tool (P) (Перо кривизны).
Шаг 2
Инструмент Curvature Pen Tool (P) (Перо кривизны) скрыт в меню Pen Tool (Перо):
Шаг 3
Шаг 4
Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая. Самое удобное — это то, что линия остается полностью редактируемой: просто кликаем и перетаскиваем любую из ее точек, чтобы изменить форму. Удерживая нажатой клавишу Ctrl, кликаем, чтобы закончить рисование. Используем инструмент Direct Selection Tool (Кисть) или другого инструмента в режиме Pixels (Пиксели) настраиваем цвета на панели Color (Цвет).
Шаг 2
Если предпочитаете инструмент Curvature Pen Tool (P) (Перо кривизны) или любой другой в режиме Shape (Фигура), настраиваем цвет обводки — это можно сделать даже после того, как линия уже нарисована.
Шаг 1
Чтобы нарисовать жирную линию есть два варианта: либо увеличить размер кисти, что можно сделать с помощью клавиш с квадратными скобками ([, ]).
Шаг 2
… или, если мы находимся в режиме Shape (Фигура), просто указываем толщину обводки в настройках.
Шаг 1
Но как нарисовать линию под 45 градусов или под любым другим углом? Вот хитрость: используем инструмент Rotate View Tool (R) (Поворот вида).
Шаг 2
Шаг 3
Теперь просто рисуем линию.
Шаг 4
Нажимаем Escape, чтобы вернуться к виду по умолчанию и увидеть линию под правильным углом.
Хорошая работа!
Теперь вы знаете, как нарисовать линию в Photoshop! Может показаться, что это немного, но каждая иллюстрация начинается с линии. Посетите раздел графики Envato Elements, чтобы посмотреть, как простые линии можно успешно использовать в графическом дизайне.
Автор: Monika Zagrobelna
линии PNG образ | Векторы и PSD-файлы
золотая линия световой эффект границы
1200*1200
непрерывное рисование одной линии руки держит сердце на белом фоне черная тонкая линия руки с изображением сердца вектор
5000*5000
синяя геометрическая форма с пунктирной линией
1200*1200
абстрактный синий световой эффект с вихревой линии вектор прозрачный
4000*4000
золотая разделительная линия
3026*3072
Черная простая и пропорциональная тонкая линия
1200*1200
творческая простая разделительная линия
1200*1200
простая ретро линия квадратная граница
1200*1200
золотая линия цветочное растение
1200*1200
свечение световой эффект вектор прозрачный с золотой линией вихрем
4000*4000
Абстрактная линия синяя граница
1200*1200
мода геометрическая линия неоновая рамка
1200*1200
Черное перо перо с написанием линии векторный логотип
1875*1875
Толстая линия
1200*1200
Голубое свечение световой эффект вектор магия вспышка энергии Рэй Волна линия хорошо для концепции брошюра изолированных фон иллюстрация
5000*5000
линия речи пузырь
1200*1200
коллекция натуральных листьев линии искусства эскиз
1200*1200
линия сетки вектора черный квадрат
1200*1200
фоновые тени с трехмерными линиями
1200*1200
синий и оранжевый пустой волнистой формы элемент дизайна для брошюры листовки жидкой волны кривой линии
5000*5000
золотая линия рисования цветочных растений
1200*1200
простой синий бизнес стиль линии формы абстрактные границы
1200*1200
вектор изысканные синие динамические линии текстуры изогнутые линии
1200*1200
простая черная ретро линия квадратная граница
1200*1200
элегантные синие листья границы с линией и украшения
2084*2084
линия декоративный дизайн шаблона
1200*1200
Дневная разделительная линия
1200*1200
желтый с черной линией полиции не вводить опасности карантин ленты безопасности изолированных на прозрачном фоне векторных иллюстраций
5000*5000
Черная линия
1200*1200
золотой светящийся круг линия границы
1200*1200
геометрические фигуры PNG, векторы, PSD и пнг для бесплатной загрузки
наборы геометрических фигур с многоцветными градиентами
1200*1200
современные абстрактные геометрические фигуры вектор мемфиса
1667*1667
геометрические фигуры узоры вектор
1200*1200
изящный круг с разноцветные геометрические фигуры и границы вектор
3333*3333
геометрические фигуры с цветами
800*800
резюме разноцветные геометрические фигуры
3333*3333
исламский стиль бесшовной геометрические фигуры коллекцию
2000*2000
Мемфис дизайн геометрические фигуры узоры мода 80 90 х годов
4167*4167
пакет геометрических фигур
800*800
абстрактные геометрические фигуры
1200*1200
стая геометрические фигуры
800*800
геометрические линии геометрия красочные геометрические фигуры привлекательный оранжевый
2481*3508
геометрическая фигура
1200*1200
шаблон бизнес брошюры с геометрическими фигурами
1200*1200
пакет геометрических фигур
800*800
набор из коллекции золотых геометрических фигур
3333*3333
Ид Мубарак узор из геометрических фигур
1200*1200
рисованный мультфильм геометрические фигуры
1200*1200
абстрактные геометрические фигуры
1200*1200
набор плоских геометрических фигур разных цветов с черным контуром и полосами в Мемфисе
5000*5000
абстрактные фигуры геометрические фигуры раунда фон
1200*1200
черный круг абстрактный фон с красочными блестками круг геометрические фигуры бумаги
1200*1200
Голубая технология декоративных геометрических фигур
2000*2000
разноцветные жидкости рамы с геометрические фигуры иллюстрация
4167*4167
геометрические фигуры
3022*1821
учиться за границей геометрические фигуры
1800*1800
открытие современного дизайна в красном цвете с геометрическими фигурами
4072*4072
геометрические фигуры материал
1200*1200
Геометрические фигуры красный против синего
1200*1200
плавный исламской геометрические фигуры коллекцию
1200*1200
Синяя технология пограничного светового эффекта неоновых геометрических фигур
2000*2000
красный геометрические фигуры плакат
2494*2508
градиент геометрические фигуры
3333*3333
вектор геометрические фигуры
1200*1200
исламский стиль бесшовной геометрические фигуры коллекцию
1200*1200
Самые свежие, бесплатные и разные фигуры для Photoshop (Часть 3)
Здравствуйте, дорогие читатели блога.
Сегодня снова хочу представить Вам очередную подборку совершенно бесплатных и классных фигур для Photoshop.Друзья, фигуры это просто находка для дизайнеров, Вы можете изменять размер а качество не ухудшится, это самый огромный плюс. К тому же здесь не мало фигур и это не первая бесплатная подборка.
Так что качайте на здоровье.
Так же рекомендую посмотреть Вам прошлые подборки:
- Скачать 100+ замечательных и бесплатных фигур орнаментов для Photoshop
- 500+ бесплатных Photoshop фигур (Shapes) для Ваших новых проектов
Геометрические фигуры для Photoshop.
Скачать исходники
141 различных фигур для Photoshop
Скачать исходники
Векторные и различные фигуры
Скачать исходники
Много разнообразных медиа фигур для Photoshop
Скачать исходники
Красивые Photoshop фигуры — Red-Faction
Скачать исходники
Классные фигуры разнообразных стрелок для сайта
Скачать исходники
Множество разнообразных фигур орнаментов
Скачать исходники
Разнообразные фигуры для Photoshop сердец
Страница загрузки
Очень красивые фигуры кофейных чашек
Страница загрузки
Несколько Photoshop фигур бумажных скрепок
Страница загрузки
60 классных и коммерческих фигур
Страница загрузки
Классные Photoshop фигуры шестерёнок
Страница загрузки
Несколько фигур не плохих цветов
Скачать исходники
Отличные фигуры для Photoshop флоральных цветков
Скачать исходники
Красивые фигуры ссылок
Страница загрузки
30 Photoshop фигур галочек для сайта
Страница загрузки
Очень красивые фигуры социальных закладок
Страница загрузки
146 СSH, набор фигур, форм для Photoshop.
Скачать CSH размер: 20,55 Kb Скачать CSH размер: 174,77 Kb Скачать CSH размер: 37,12 Kb Скачать CSH размер: 43,07 Kb Скачать CSH размер: 342,77 Kb Скачать CSH размер: 13,15 Kb Скачать CSH размер: 21,44 Kb Скачать CSH размер: 42,99 Kb Скачать CSH размер: 141,32 Kb Скачать CSH размер: 874,21 Kb Скачать CSH размер: 246,67 Kb Скачать CSH размер: 186,57 Kb Скачать CSH размер: 140,97 Kb Скачать CSH размер: 105,77 Kb Скачать CSH размер: 92,7 Kb Скачать CSH размер: 201,82 Kb Скачать CSH размер: 36,12 Kb Скачать CSH размер: 76,11 Kb Скачать CSH размер: 30,86 Kb Скачать CSH размер: 66,27 Kb Скачать CSH размер: 217,32 Kb Скачать CSH размер: 1,51 Mb Скачать CSH размер: 41,57 Kb Скачать CSH размер: 459,72 Kb Скачать CSH размер: 326,43 Kb Скачать CSH размер: 43,02 Kb Скачать CSH размер: 309,46 Kb Скачать CSH размер: 775,54 Kb Скачать CSH размер: 105,23 Kb Скачать CSH размер: 61,79 Kb Скачать CSH размер: 60,27 Kb Скачать CSH размер: 64,25 Kb Скачать CSH размер: 308,33 Kb Скачать CSH размер: 1020,77 Kb Скачать CSH размер: 850,31 Kb Скачать CSH размер: 324,48 Kb Скачать CSH размер: 382,23 Kb Скачать CSH размер: 517,88 Kb Скачать CSH размер: 617,75 Kb Скачать CSH размер: 683,05 Kb Скачать CSH размер: 860,98 Kb Скачать CSH размер: 412,09 Kb Скачать CSH размер: 798,33 Kb Скачать CSH размер: 220,02 Kb Скачать CSH размер: 252,41 Kb Скачать CSH размер: 476,54 Kb Скачать CSH размер: 568,2 Kb Скачать CSH размер: 1,04 Mb Скачать CSH размер: 1,67 Mb Скачать CSH размер: 1,75 Mb Скачать CSH размер: 962,77 Kb Скачать CSH размер: 889,27 Kb Скачать CSH размер: 767,5 Kb Скачать CSH размер: 862,49 Kb Скачать CSH размер: 1,15 Mb Скачать CSH размер: 989 Kb Скачать CSH размер: 816,8 Kb Скачать CSH размер: 487,4 Kb Скачать CSH размер: 1,38 Mb Скачать CSH размер: 880,25 Kb Скачать CSH размер: 668,38 Kb Скачать CSH размер: 243,51 Kb Скачать CSH размер: 1,26 Mb Скачать CSH размер: 527,63 Kb Скачать CSH размер: 654,52 Kb Скачать CSH размер: 1,31 Mb Скачать CSH размер: 1,11 Mb Скачать CSH размер: 1,11 Mb Скачать CSH размер: 1,38 Mb Скачать CSH размер: 646,89 Kb Скачать CSH размер: 1,82 Mb Скачать CSH размер: 2,54 Mb Скачать CSH размер: 1,43 Mb Скачать CSH размер: 1,56 Mb Скачать CSH размер: 1,27 Mb Скачать CSH размер: 1,04 Mb Скачать CSH размер: 1,24 Mb Скачать CSH размер: 1,06 Mb Скачать CSH размер: 1,18 Mb Скачать CSH размер: 435,63 Kb Скачать CSH размер: 406,36 Kb Скачать CSH размер: 486,76 Kb Скачать CSH размер: 595,12 Kb Скачать CSH размер: 244,64 Kb Скачать CSH размер: 451,73 Kb Скачать CSH размер: 468,25 Kb Скачать CSH размер: 231,74 Kb Скачать CSH размер: 565,74 Kb Скачать CSH размер: 714,51 Kb Скачать CSH размер: 194,56 Kb Скачать CSH размер: 206,54 Kb Скачать CSH размер: 211,05 Kb Скачать CSH размер: 260,61 Kb Скачать CSH размер: 54,46 Kb Скачать CSH размер: 77,96 Kb Скачать CSH размер: 61,28 Kb Скачать CSH размер: 135,35 Kb Скачать CSH размер: 170,91 Kb Скачать CSH размер: 249,94 Kb Скачать CSH размер: 231,87 Kb Скачать CSH размер: 217,97 Kb Скачать CSH размер: 239,61 Kb Скачать CSH размер: 212,55 Kb Скачать CSH размер: 296,85 Kb Скачать CSH размер: 64,44 Kb Скачать CSH размер: 85,24 Kb Скачать CSH размер: 113,63 Kb Скачать CSH размер: 140,62 Kb Скачать CSH размер: 138,08 Kb Скачать CSH размер: 90,71 Kb Скачать CSH размер: 88,12 Kb Скачать CSH размер: 78,16 Kb Скачать CSH размер: 39,61 Kb Скачать CSH размер: 240,37 Kb Скачать CSH размер: 181,16 Kb Скачать CSH размер: 138,92 Kb Скачать CSH размер: 96,22 Kb Скачать CSH размер: 374,86 Kb Скачать CSH размер: 259,41 Kb Скачать CSH размер: 370,62 Kb Скачать CSH размер: 238,69 Kb Скачать CSH размер: 187,05 Kb Скачать CSH размер: 124,11 Kb Скачать CSH размер: 517,23 Kb Скачать CSH размер: 374,88 Kb Скачать CSH размер: 213,71 Kb Скачать CSH размер: 460,55 Kb Скачать CSH размер: 815,25 Kb Скачать CSH размер: 656,21 Kb Скачать CSH размер: 350,25 Kb Скачать CSH размер: 367,44 Kb Скачать CSH размер: 460,88 Kb Скачать CSH размер: 266,36 Kb Скачать CSH размер: 340,48 Kb Скачать CSH размер: 85,75 Kb Скачать CSH размер: 298,76 Kb Скачать CSH размер: 413,29 Kb Скачать CSH размер: 52,75 Kb Скачать CSH размер: 162,49 Kb Скачать CSH размер: 629,98 Kb Скачать CSH размер: 315,25 Kb Скачать CSH размер: 1,49 Mb Скачать CSH размер: 533,93 Kb Скачать CSH размер: 23,55 Kb Скачать CSH размер: 85,15 Kb Скачать CSH размер: 1,63 MbСоздание кривых линий в фотошопе с помощью пера
Всех приветствуем на нашем сайте! Сегодня мы с вами поговорим о том, как сделать кривые линии в фотошопе. Данное умение пригодится вам во многих работах, а мы использовали его в недавней разработке дизайна сайта, посвященного валютным торгам или иначе форексу. При сочетании слов «валютные рынки или форекс» сразу возникают ассоциации с лохотроном, обманом, рулеткой графиками, кривыми линиями и т.д. Вот и мы столкнулись с вопросом, как нарисовать график в фотошопе, и нам на помощь пришли кривые линии, которые мы рисовали пером. Начнем наш подробный урок!
Чертим эскиз кривой с помощью инструмента Перо
Создадим новый документ любого размера в фотошопе. И активируем инструмент «Перо» горячей клавишей P.
- Потом кликаем в том месте, где наша кривая линия будет начинаться, и еще раз в том месте, где она будет заканчиваться. Не беда, если вы промахнетесь, так как все точки, которые вы сделаете, можно будет всегда поправить. Вот такой отрезок у нас должен получиться (1 – начало отрезка, 2 – это конец отрезка).
- Дальше активируем инструмент перо с плюсом.
- Пером с плюсом добавляет опорную точку на нашем отрезке. После ее необходимо передвинуть в нужную вам сторону. Для этого кликайте по опорной точке и тащите ее. Вот что-то похожее в вас должно получиться (красная линия — это то, где изначально была линия).
- При помощи якорей, которые изображены на скрине ниже, можно придать линии волнообразную форму.Вот, что-то подобное у вас должно получится:
- Потренируйтесь и сделайте траекторию линии более причудливой. Вот, что у нас получилось:
Делаем обводку контура в фотошопе Кистью
Дальше нам осталось только нарисовать эту линию по траектории кривой. Для этого нам потребуется кисть. Для начала настроим ее, как нам нужно.
- Активируем инструмент «Кисть» с помощью горячей клавиши B:
- Далее необходимо настроить ее под наши нужды. Для этого переходим в настройки кисти:
- В открывшейся панели настраиваем кегль и интервал:
- После того, как закончили настраивать кисть, необходимо закрыть панель настройки:
- Снова выбираем «Перо» горячей клавишей P и кликаем по нашему контуру правой кнопкой мыши. В выпавшем меню выбираем пункт «Выполнить обводку контура»:
- В следующем окне нужно выбрать инструмент, которым мы будем делать обводку. Так как мы настраивали кисть, то ее выбираем:
- Нажимаем Ok:
- Вот, что мы увидим в итоге:
- Чтобы убрать контур, просто два раза нажмите Esc, и он исчезнет.
Вот мы с вами и научились рисовать кривые линии в фотошопе. Все, как обычно, оказалось не сложно, зато крайне полезно в решении многих задач.
линий для Photoshop | PSD чувак
Этот новый пакет формы линии содержит 16 разделительных линий с различными стилями и формами. Наиболее часто используются пунктирная линия и пунктирная линия , поэтому вы можете найти их в этом CSH-файле. Но есть также линия из звезд и другие линии разной формы. Вы можете увидеть их все на превью.
Фигуры линий действительно просты в использовании и являются полезным ресурсом для дизайнеров.
Если вы ищете бесплатных высококачественных фигур Photoshop , которые можно использовать в коммерческих проектах, вы можете ознакомиться с этими векторами, фигурами и силуэтами в PhotoshopSupply.
Формы линий для Photoshop
Скачайте бесплатно эти простые формы линий и используйте их в своих проектах графического дизайна. Например, вы можете использовать эти формы линий в качестве разделителя линий или для создания рамок и границ.
Лицензия
Загрузите и установите файл CSH, перетащив его в приложение Photoshop oppen. Инструмент Custom Shape Tool теперь имеет эти векторных линий фигур, добавленных в раскрывающийся список, готовые к использованию.
Это файл CSH, созданный с помощью Photoshop CS4, поэтому, если у вас есть эта версия PS или более поздние версии, этот файл, вероятно, будет работать просто хорошо. Эти пользовательские формы линий могут быть загружены всеми нашими зарегистрированными пользователями. Они бесплатны для личных и коммерческих использовать с указанием ссылки на наш блог .
Если вы их используете, вы должны зачислить нам на счет и вернуть ссылку на наш блог . Распространение / продажа этого файла на других сайтах не допускается.
СКАЧАТЬ! (85.8 КБ)
Ознакомьтесь с нашим руководством о том, как нарисовать линию в Photoshop, чтобы узнать, как создавать свои собственные кисти и формы линий.
Если вы хотите вставить звездочку ★ ✰⋆🌟✪🔯✨ ★ в сообщения блога, текстовые сообщения, социальные сети, ознакомьтесь с этим списком. Просто скопируйте и вставьте текстовый символ звезды.
Создайте фигур в Photoshop быстро и легко! Этот набор содержит 1 многослойный PSD-файл, который позволит вам создать силуэт векторной формы из любой фотографии / графики / изображения . Пакет также содержит экшен Photoshop, который вы можете использовать для создания произвольных форм .
Вы также можете попробовать этот экшен Photoshop; преобразовать изображение в вектор с помощью Photoshop. Вы получаете векторное изображение с цветами, а не только с формой / силуэтом. Из JPG в вектор одним щелчком мыши!
Как создать изогнутые линии в Photoshop
Ниже мы обрисовали в общих чертах, как создавать изогнутые линии в Photoshop, используя несколько различных методов, обладающих уникальными достоинствами и недостатками.
Использование Pen Tool
- Изогнутые линии легко сделать с помощью инструмента «Перо», потому что вы можете создать две опорные точки в любом месте изображения, а затем согнуть линию между ними. Вы можете выбрать инструмент «Перо» на главной панели инструментов или нажать клавишу P.
- Поскольку вы рисуете изогнутые линии (а не фигуры), вам нужно выбрать «Путь» в левой части панели параметров. Затем щелкните в любом месте экрана, чтобы создать точку привязки. Это начало вашей новой строки.
- Щелкните еще раз, чтобы создать вторую точку привязки, но на этот раз, удерживая кнопку мыши, перетащите курсор, чтобы начать изгибание линии.При этом должна появиться еще одна линия с черными кружками на концах. Это называется «ручка», и она помогает направить кривизну вашей линии.
- Чтобы отрегулировать линию, вы можете удлинить ручку для получения мягкого изгиба или укоротить ручку для более экстремального изгиба. Как правило, мы рекомендуем длину ручки, которая составляет 1/3 расстояния (или меньше) до следующей точки привязки.
- Продолжайте рисовать опорные точки и пути, пока не получите готовую линию. Если вам когда-нибудь понадобится удалить точку привязки, просто нажмите Ctrl + Alt + Z (Command + Alt + Z на Mac), чтобы отменить свою работу.
Использование инструмента преобразования точки
Когда вы научитесь создавать изогнутые линии в Photoshop, вы сможете изучить расширенные функции программы, которые обеспечивают еще больший контроль над кривой линии. Например, если вы щелкните и удерживайте кнопку мыши над инструментом «Перо», появится подменю с дополнительными инструментами. Выберите инструмент «Преобразовать точку» в нижней части подменю.
Convert Point позволяет задним числом настроить любую точку привязки или ручку на вашей линии.Просто щелкните точку или маркер, который вы хотите изменить, и затем вы можете переместить, расширить, сжать или удалить сегмент по своему усмотрению.
Использование контуров обводки
Когда вы закончите рисовать кривую, вы можете щелкнуть по ней правой кнопкой мыши и выбрать «Stroke Path», чтобы преобразовать ее в линию. Прямо сейчас ваша кривая все еще является путем, но опция Stroke Path преобразует ее в определенный мазок кисти. В диалоговом окне «Обводка контура» вы можете выбрать цвет, стиль кисти и другие параметры для завершения линии.
Фигур и линий в отличном дизайне
Попробуйте Shutterstock Editor, простое и эффективное приложение для дизайна. Создавайте профессиональные публикации в социальных сетях, рекламные акции, слайды презентаций, заголовки электронной почты и многое другое.
Формы и линии — это мощные элементы дизайна, которые можно использовать стратегически, чтобы направлять взгляд зрителей и добавлять визуальный интерес. Взгляните на любой дизайн логотипа, визитку, брошюру или даже на веб-сайт, и вы увидите, как формы и линии используются вместе как строительные блоки композиции.Дизайнеры используют линии и формы по нескольким важным причинам, в том числе:
- Чтобы привлечь внимание к важной информации (часто текстовой)
- Для разделения различных частей информации
- Чтобы добавить визуальной привлекательности
Прочтите, чтобы понять эффекты линий и форм, чтобы вы могли использовать их в полной мере в своем следующем проекте.
Использование линий в дизайне
Линии создают визуальную иерархию, разделяя дизайн на разделы и разделяя разнородный контент. Они являются отличными организационными элементами, поскольку создают разделение между текстовыми и визуальными элементами. Это делает его незаменимым в большинстве дизайнов, особенно в макетах, содержащих много информации.
Линия разделяет текст. Отредактируйте этот шаблон в редакторе Shutterstock
Более мелкие и тонкие линии также могут служить своего рода визуальной пунктуацией, чтобы добавить структуру композиции, предлагая разделение без создания четких различий. Вот почему вы часто будете видеть тонкие короткие линии, используемые прямо под заголовками на многих веб-страницах.Заголовок должен быть отличным, но не полностью отделенным от остальной информации. Например, список записей блога может быть разделен более толстыми и жирными линиями, поскольку каждая часть может стоять сама по себе.
На этой блок-схеме линии используются для того, чтобы направить взгляд зрителя от одного фрагмента информации к другому. Изображение от SurfsUp.Вы увидите, что линии используются по-разному в блок-схеме или инфографике. В этих типах дизайнов линии используются, чтобы направлять взгляд зрителя от одного фрагмента информации к другому.Некоторые инфографики визуально «разворачиваются» по мере того, как зритель исследует их, и линии могут помочь в этом визуальном путешествии. Изогнутые линии добавляют интереса к скучному дизайну, делая их мощным элементом для создания инфографики или блок-схем.
Использование форм в дизайне
Хотя в дизайне можно использовать любую вообразимую форму, наиболее часто используются формы с прямыми краями. Сюда входят квадраты, прямоугольники, треугольники, пятиугольники, шестиугольники и многое другое.
Квадрат используется для выделения сообщения.Отредактируйте это изображение в редакторе Shutterstock
Неправильные формы, такие как капли или всплески, редко используются для визуального воздействия. Но гладкие симметричные формы обычно выбирают дизайнеры в первую очередь, потому что они предполагают баланс, гармонию, точность и безопасность. С другой стороны, асимметричные формы могут использоваться для обозначения движения, скорости, динамизма и волнения.
Ключевое сообщение элегантно обрамляет кружок. Отредактируйте этот шаблон в редакторе Shutterstock
Поскольку текст естественным образом образует блочные линии и прямоугольники, поля часто используются для выделения важной информации.Коробки могут иметь закругленные углы или другие мелкие детали, которые делают их более интересными, но они не должны быть настолько загруженными, чтобы отвлекать от сообщения. Отдельные слова или очень короткие фразы можно легко разместить внутри кругов, а круглые формы образуют элегантные рамки для изображений.
Поэкспериментируйте с формами, выбрав несколько фотографий Shutterstock и импортировав их в наш онлайн-редактор. Всего несколькими щелчками мыши вы можете увидеть, как круговой контур преобразует изображение, придавая ему совершенно другое ощущение и значение.Идеально квадратные изображения идеально подходят для использования в социальных сетях; вы можете быстро обрезать изображение до идеального квадрата, отображающего желаемую часть изображения.
Воплощение ваших идей
Линии и формы — простой выбор дизайна, но они могут дать удивительно впечатляющие результаты. Поэкспериментируйте с линиями разного цвета и плотности и исследуйте возможности формы для обрамления важного текста и изображений. Экспериментируйте в Editor с уверенностью — никогда не знаешь, когда может произойти следующий прорыв.
Откройте для себя Shutterstock Editor — простой способ персонализировать свой дизайн.
Откройте для себя редактор
Верхнее изображение — Kraphix.
изображений в формате PNG | Векторные и PSD файлы
простой синий бизнес стиль формы линии абстрактный
1200 * 1200
ручная роспись розовое сердце форма два сердца форма линии
2000 * 2000
красная неоновая линия в форме сердца на день святого валентина
1200 * 1200
счастливый день независимости саудовская аравия абстрактный геометрический флаг в форме линии
1200 * 1200
разделительная линия в европейском стиле
2084 * 2084
эффект вспышки красного света с подсветкой на темный фон
4000 * 4000
форма разделительной линии png линия прямоугольник творческий
2084 * 2084
ps образование математическая функция изображение рисованной формулы вектор
3072 * 4107
декоративная рамка орнамент границы
1200 * 1200
абстрактная геометрическая цветная граница градиента жидкости
1200 * 1200
форма линии
1873 * 1870
гардения узор формы линии
2000 * 2000
технологическая граница круглая форма линии украшения правильный шестиугольник технология геометрического украшения
4167 * 4167
форма разделительной линии цветные линии виноградной лозы
2084 * 2084
форма разделительной линии европейская виноградная лоза
2084 * 2084
геометрическая текстовая линия границы формы
2000 * 2000
пунктирная линия
1200 * 1200
форма разделительной линии европейский стиль лоза
2084 * 2084
сетевые линии формы фон вектор фон
800 * 800
форма разделительной линии цветные линии
2084 * 2084
бело-золотой фон с узором ns изогнутые линии
1200 * 1200
технологический смысл форма линии узор геометрический технологический эффект большие данные орнамент
4167 * 4167
форма акварельной линии
Превратите фотографии людей в линии искусства — Учебник по фотошопу :: Мелисса Эванс
Ссылки на учебные пособия: Страница 1 | Страница 2
Учебное пособие по рисованию линий, рекомендованное для пользователей Photoshop среднего уровня
Прежде всего, я хотел бы облегчить ваш ум и сообщить, что вам не нужно знать, как рисовать, чтобы завершить это руководство. По сути, это трассировка, за исключением того, что в Adobe Photoshop ее намного проще. Создание штрихового рисунка с помощью этой техники займет несколько часов, чтобы хорошо поработать… если вам нужен учебник, в котором всего лишь применяется пара фильтров, то этот учебник не для вас!
Для этого урока вам необходимо знать, как пользоваться ПЕРОМ. (Если вы не знаете, как пользоваться пером, сначала прочтите краткое руководство, которое можно найти ЗДЕСЬ).
Я предлагаю вам сначала прочитать весь учебник, прежде чем начать.
1. Подготовка слоев
Откройте фотографию в Photoshop. Переименуйте слой в «оригинальный».
Если ваша фотография довольно темная, вам нужно немного осветлить ее. Причина в том, что мы будем обводить фотографию черным цветом, поэтому нам нужно четко видеть линии, которые мы создаем.
Регулировка яркости фотографии
Изображение >> Настройки >> Яркость / контраст…
Дублируйте «оригинальный» слой. Переименуйте этот новый слой в «верх».
Создайте еще два новых слоя . Поместите их под «верхний» слой.
Залейте слой, ближайший к «исходному» слою, белым и переименуйте его в «фон».
Оставьте другой слой прозрачным и назовите его «штриховой рисунок»
Выключите видимость для «фонового» и «верхнего» слоев. Видимость включена для «штрихового рисунка» и «исходного» слоев, а слой «штриховой рисунок» активен. См. Изображение ниже.
(Вся эта организация скоро будет объяснена).
Теперь мы готовы создать штриховой рисунок.
2. Настройки инструмента «Кисть»
При создании штрихового рисунка вы хотите варьироваться в зависимости от толщины линии (, толщина линии ). Изменение толщины линий подчеркивает перспективу рисунка. По мере приближения линий к зрителям они становятся толще. Линии сужаются к самой дальней части объекта. На изображении ниже показан преувеличенный пример этого. Также области, которые попадают в тень, могут иметь более жирную линию, а области на свету могут быть представлены более тонкой линией.Хороший способ лучше понять это — изучить рисунок комиксов.
Другой способ — использовать только две толщины линии. Для внешних краев объекта используется более толстая линия, а все внутренние линии имеют меньший размер. Я не фанат этого стиля, но каждый в своем роде, главное, чтобы картинка не выглядела плоской.
Чтобы сузить линии в Photoshop, нам нужно настроить Paint Brush Settings .
Щелкните инструмент «Кисть». Нам нужно настроить предварительные настройки кисти.
В более старых версиях Photoshop (CS2 и более ранних) щелкните вкладку палитры кистей в правом верхнем углу экрана Photoshop. См. Изображение ниже.
Начиная с версии CS3, палитру кистей можно получить, щелкнув значок палитры вверху или см. Изображение ниже.
Параметры, которые вы используете, будут меняться для каждой создаваемой линии, особенно диаметра . Ниже показана форма кончика кисти, которую я использовал.
Затем нажмите на Shape Dynamics .
- 1. Установите элемент управления на затухание. (Это позволит нашей леске сужаться).
- 2. Отрегулируйте настройку затухания. (Я использую здесь 250, но попробуйте поэкспериментировать с различными комбинациями 2 и 3).
- 3. Отрегулируйте минимальный диаметр. (Я использую 27%, но ключ к отличным линиям — это разнообразие, так что экспериментируйте).
Убедитесь, что ваш цвет переднего плана черный . См. Изображение выше.
3. Создание путей
Лучшее место для начала — центр фокуса, которым обычно является лицо.Поскольку я использую изображение Скарлетт Йоханссон, начну с ее губ.
Помните, что точка, в которой вы начинаете путь, будет самой толстой.
Убедитесь, что инструмент «Перо» установлен на Создать новый рабочий контур . Смотри ниже.
Создайте путь, обращая внимание на угол изгибов.
Примечание: Держите расстояние между каждой линией достаточно коротким. Не пытайтесь создать одну линию вокруг губ.
После того, как вы выбрали путь, щелкните правой кнопкой мыши и выберите Stroke Path… См. Ниже.
Включите видимость белого «фонового» слоя. Удалите путь (щелкните правой кнопкой мыши и выберите «Удалить путь»).
Теперь вы можете ясно видеть созданную вами линию.
Если вы довольны, выключите белый «фоновый» слой и создайте следующую линию.
Если нет, используйте палитру истории. См. Изображение ниже. Щелкнув здесь, вы можете настроить параметры кривой или кисти.
Если линия немного смещена, вы можете использовать инструмент Eraser Tool.Вместо того, чтобы использовать ластик для движения вверх / вниз, переместите его по диагонали к штриховому рисунку. Таким образом, линия будет иметь эффект сужения в конце. См. Изображение ниже.
Для создания сужающейся на обоих концах линии , как показано ниже. В окне динамики формы кисти измените Control с Fade на Pen Pressure и минимальный диаметр на 1% . См. Второе изображение ниже.
При выборе Stroke Path на этот раз установите флажок Simulate Pressure .См. Изображение ниже.
Когда вы закончите создавать такой предмет, как губы, важно сравнить их с оригиналом. Включите видимость для белого «фонового» слоя. Включите и выключите видимость «верхнего» слоя. Если кажется, что губы «подпрыгивают», вам нужно откорректировать штриховой рисунок.
Чтобы создать очень толстые области линии , такие как брови, показанные ниже, мы создаем замкнутый контур и выбираем Fill Path вместо Stroke Path.(Замкнутый путь означает, что у пути не должно быть концов, как у круга.)
На изображении ниже показан созданный мною верхний контур ресниц.