В фотошопе нарисовать линию определенной длины. Рисуем линии в фотошопе

Безусловно, одним из самых простых и наиболее часто применяемых элементов в рисовании является линия. Программа Adobe Photoshop исключением не является. Особенно, если вы планируете вплотную заняться изучением сферы дизайна сайтов.

Одним из преимуществ программы фотошоп является взаимозаменяемость действий. Добиться одного и того же результата вы можете множеством разных способов. Сейчас мы изучим несколько вариантов последовательностей команд, при помощи которых мы сможем сделать линию в фотошопе.

Начнем с создания нового документа. Нам вполне подойдет документ размером 1000 на 1000 пикселей. Подробное описание создания нового документа в фотошоп вы найдете здесь.

Начнем с инструмента «линия». Его мы найдем на баковой панели.

Теперь зададим характеристики нашей будущей линии.

Давайте зададим толщину линии. Я решила, что мне подойдет толщина в 4 пикселя. При желании, вы можете выбрать ее стиль. Я же обойдусь самым простым.

Определимся с цветом. Пиктограмму выбора основного цвета вы тоже найдете на боковой панели. По клику вызывается окно для выбора цвета.

Ну а теперь все! Рисуем. Делаем клик по рабочей области и протягиваем мышкой линию.

Сейчас наша линия является smart объектом. Превратить ее в обычный слой можно в окне слоев при помощи команды «растрировать слой».

Линия готова. Как видите, нарисовать ровную прямую линию в фотошопе очень просто. Мы разобрали элементарный метод, который, несмотря на свое удобство, имеет ряд ограничений. Давайте разберем второй и проведем линию с помощью инструмента «перо».

Следует заметить, что в данном случае заблаговременно стоит изменить настройки кисти или карандаша на подходящие, ибо ваша линия повторит эти очертания. Потому, давайте настроим инструмент «карандаш» вместе. Выбираем его на боковой панели. И кликаем мышкой по рабочей области.

Устанавливаем следующие настройки карандаша. Как выбрать цвет упомянуто выше.

На боковой панели ищем инструмент «перо».

Делаем два клика по рабочей области. Следует заметить, если вы хотите сделать линию ровной и строго горизонтальной или вертикальной, зажмите клавишу shift, делая клики.

Сделайте клик по линии левой клавишей. В выпадающем списке выбираем команду «выполнить обводку контура».

Обводим контур и снова делаем клик левой клавишей мыши. Выбираем команду «удалить контур».

Итак, линия готова! Буквально за пять минут мы изучили два способа, как нарисовать ровную линию в фотошопе.

Параллельные линии, сетка – это элементы, которые вносят в дизайнерское решение порядок и жесткую структуру. Линии задают направление взгляду, мимолетно скользящему по картинке, подчеркивают поверхности, придавая объем изображению. Легкая штриховка вместо заливки создает эффект невесомости, воздушности объекта.

Параллельные линии, сетку из прямоугольных ячеек, решетку проще создавать в программах векторной графики, таких как А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, например), нажмите кнопку запись и выполните простые действия: скопируйте слой с линией и передвиньте его вверх или вниз на нужное расстояние. Работа сделана, нажмите кнопку Остановить запись. Должно получиться нечто такое:

После этого нажимайте треугольную кнопку Воспроизвести запись столько раз, сколько нужно линий.

В результате в изображении получается много слоев с линиями. Если вы довольны полученным результатом - объедините слои с линиями в один слой.

Наложение дубликата слоя с линиями с последующим поворотом этого дубликата под прямым или любым другим углом позволяет легко получить сетку.

А применение стилей - эффекты:

Как вы уже, наверное, поняли, текстовый редактор Word является многофункциональной программой, и, возможно, на первых порах очень зря недооценивается многими пользователями. Конечно, в некоторых моментах все же лучше использовать тот же Excel, но, в целом, Ворд способен справиться со многими задачами.

С его помощью вы всегда можете красиво оформить документ, придав нарочитой деловитости или же наоборот, сделав его неформальным. Можно поработать с таблицами, сменить стиль текста, и т.д. Кроме того, интерфейс Ворда продуман до мелочей, он позволяет в считанные секунды найти необходимый инструмент для работы. Кстати, в Ворде можно даже нарисовать линию, если вам она вдруг понадобится. Собственно, о том, как нарисовать линию в ворде, мы и поговорим дальше.

Способ первый

На самом деле, практически в любой спорной ситуации, которая возникает в Word, существует несколько вариантов выхода из нее. И это очень хорошо, ведь каждый пользователь может подобрать то, что нравится и подходит ему больше всего. Итак, давайте начнем с первого способа, на мой взгляд, очень простого и понятного каждому.

Представим, что вы набрали какой-то текст, и вам необходимо выделить его нижним подчеркиванием. Для этого делаем вот что: выделяем текст, затем во вкладке «Главная» на панели инструментов находим блок «Шрифт». Там есть три кнопки: полужирный, курсив и подчеркнутый, а если еще вам нужен , то это можно сделать уже через другое меню. Соответственно, просто кликните на последнюю кнопку, как это показано на скриншоте ниже.

Способ второй

Данный способ еще более функциональный. Он пригодится в тех ситуациях, когда вы захотите провести одну или несколько линий в любой области листа, причем, неважно, горизонтально это будет, вертикально, поперек или как-то еще. Сделайте вот что:

1. На панели инструментов есть вкладка «Вставка», откройте ее.
2. Там имеется блок «Иллюстрации», в котором предусмотрена кнопка «Фигуры».
3. Нажав на нее, отыщите среди предложенных прямую линию. Кликните по ней в тот момент, когда возникнет необходимость вставить линию в текст. Обратите внимание, что вам придется задать две точки: место, где она будет начинать и где заканчиваться.

Способ третий

В данном текстовом редакторе предусмотрен еще один инструмент, который пригодится для быстрого создания линий. Чтобы нарисовать линию, поставьте курсор в нужном месте, после чего нажмите на кнопку «Границы», которая находится, опять-таки, во вкладке «Главная». После этого должна появиться горизонтальная линия по всей ширине листа.


Надеюсь, один из этих способов рисования линии в Ворде пришелся вам по душе. Выбирайте любой и смело экспериментируйте!

Видео в помощь

Вы узнаете, как рисовать дудлинг, когда поймете его составляющие – основные элементы, из которых состоит любой рисунок. Первый урок состоит из упражнений с прямыми линиями, из которых составляются геометрические узоры. Самое главное, что важно в работе с повторяющимися линиями – это расстояние между линиями и их утолщение. Во втором уроке мы рассмотрим кривые, волнистые линии.

Большинство дудл-рисунков и клубков зентангл базируется именно на кривых линиях. В этом курсе мы изучаем дудлинг для начинающих, схемы этих уроков несложные, но они имеют важное значение, поскольку это базисные кирпичики, которые создают фундамент для дальнейшего познания все более сложных узоров. И в основе сложных узоров окажутся те же наши линии и точки:)

Для этого занятия вам понадобится бумага, желательно нелинованная. Для тренировки подойдет обычная бумага для печати. А для финальных рисунков можно завести отдельный блокнот с плотной бумагой или папку с бумагой для рисования. Плотная бумага особенно важна будет на тех этапах, когда мы включим в уроки рисование акварелью.

Также для рисования понадобится один линер (0,2 — 0,3) (или тоненький маркер, или гелевая ручка). Если ничего этого нет под рукой, а потренироваться вы хотите прямо сейчас,то начните рисовать любым карандашом или обычной шариковой ручкой.

Упражнение 1.

В этом упражнении поработаем над рисованием волнистых линий, с определенными интервалами. Здесь развивается умение контролировать расстояние между линиями, и делать в определенных местах изменения, которые в итоге создадут интересный оптический эффект.

1. Рисуем изогнутую линию, добавляем параллельные линии, постепенно увеличивая между ними шаг.

2- 5 . Рисуем волну с глубокими изгибами, добавляем с каждой стороны линии на равном удалении. Между линиями одинаковое расстояние, поэтому рисунок остается плоским. Этот прием мы будем использовать в ближайших занятиях, когда будем рисовать разные варианты лент.

упражнение 1

1. Этот шаг упражнения похож на предыдущие, но здесь мы создаем не плоский, а объемный рисунок. Начинаем с дугообразной линии с небольшим искривлением. Следующую линию рисуем параллельно, но в области искривления (этот участок отмечен красным цветом), линию рисуем ближе к первой. Образуется оптическое углубление. На следующих шагах немного увеличиваем расстояние между линиями на «волне», оставляя небольшое расстояние у «углублении». Таким образом получается искривленная плоскость.

Упражнение 2.

В этом упражнении мы узнаем, как рисовать дудлинг с оптическим эффектом. Здесь приведен один из вариантов рисования объемных «трубок». Как видите, даже без спецэффектов – теней и бликов – желобки выглядят объемными, что достигается всего лишь изогнутыми линиями.

1-3. Основа задается волнистой линией. Далее можно пойти двумя путями: сразу нарисовать несколько базовых линий, и потом заполнять образовавшиеся дорожки (как в моем примере), либо нарисовать 2 линии, заполнить между ними пространство, и далее так добавлять по 1 линии и, соответственно, по 1 трубке.

4-6. После того, как базовые линии, очерчивающие границы «трубок», созданы, начинаем рисовать параллельные линии в форме полукруга. Нарисованные поперечно они придают трубке округлость.

Вот пример таких линейных рисунков. Интересный оптический эффект, создаваемый кривыми линиями, популярен не только в зенарте, но и весьма характерен для стиля оп-арт, основной концепт которого — это оптические иллюзии.

Упражнение 3.

В этом блоке делаем разные утолщения, примерно, как на прямых линиях в .

1. Здесь показано, как можно сделать эффект ленточки, утолщая линию по очереди то с одной, то с другой стороны.
2. -3. Нарисуйте несколько волнообразных линий. Сначала поработайте над расширением линий с одной стороны. Затем на основе таких же параллельных линий сделайте узор с разными утолщениями.

Далее поработаем с такой же основой из нескольких параллельных волнообразных линий и сделаем сетчатый узор. Один из уроков полностью посвящен «сеткам», которые обязательно должны присутствовать в любом курсе дудлинг для начинающих Схемы таких узоров являются базисными. Сетчатый узор это одна из основных схем построения орнамента.

1. Рисуем несколько изогнутых параллельных линий. Между ними располагаем в шахматном порядке диагональные прямые линии.
2. Смягчаем уголки линиями, как бы срезая их.
3. Закрашиваем образовавшиеся в уголках пустоты. Получилась сетка из прямых и кривых линий. Такой узор хорош для клубков зентангла, и его можно по разному трансформировать и детализировать.

Упражнение 4. Это упражнение больше экспериментальное, поскольку вам следует не повторять рисунок, а создать свои фрагменты узоров. Схемы здесь только для образца, как иллюстрация задания.

1-3. Рисуйте прямые и кривые линии из одной точки

4-5. Рисуйте прямые и кривые линии из разных точек. Линии соединяем, чтобы получить эффект выпуклостей и углублений. Экспериментируйте, чтобы понимать, какие получаются эффекты и как их можно применять в композициях.

1. Делим площадь рисунка на сектора. В каждом секторе размещаем в любом месте точку, из которой рисуем прямые и кривые линии.

Мы сделали несколько упражнений, которые помогут понять, как рисовать дудлинг.Теперь осталось закрепить все пройденное в финальном рисунке.Если у вас еще остались силы, то можете это сделать прямо сейчас, либо отложите это на другое время, чтобы сделать рисунок с новыми силами красиво и аккуратно. Советую делать всегда финальные композиции прежде, чем перейдете к следующему уроку. В конце у вас соберется 25 рисунков, по которым вы отследите процесс и увидите результат!

Финальная композиция «Дудлинг с волнистыми линиями»

Делаем композицию с использованием нескольких отработанных элементов.

Для удобства ограничим пространство внешней границей. Можете нарисовать ее от руки в вольном стиле, начертить при помощи линейки, или просто возьмите какой-то предмет и очертите его. В моем случае под рукой оказался телефон.

Дальше можно разделить площадь на сектора и уже в секторах располагать элементы. Либо можно начать с какого- то места и продвигаться, заполняя всю площадь узорами. Действуйте, как вам нравится и постарайтесь включить в композицию разные отработанные варианты 1го и 2го урока.

На сегодня все. Надеюсь, этот урок был вам интересен и окажется полезным. Свои финальные композиции вы можете отправлять в предлагаемые новости на стену нашего клуба во Вконтакте http://vk.com/zenarts, в котором я тоже состою.

В этом уроке я покажу вам, как создать красивые абстрактные линии, которые пригодятся в оформлении ваших работ. Этот урок прекрасно подойдет для начинающих пользователей.

Вот так выглядит финальный результат:

Шаг 1. Создаем новый документ размером 800х800 px, заливаем фон черным цветом. Создаем новый слой над фоновым, жмем клавишу Р чтобы активировать Pen Tool (Перо). Создаем линию, как на скриншоте ниже:

Если у вас не получается нарисовать кривую, ничего страшного. Для этого нужно зажать клавишу ALT и потянуть за конец кривой, чтобы отредактировать ее форму:

Жмем B, чтобы активировать Brush Tool (Кисть), выбираем кисть размером 1 px:

В окне Color Picker (Выбор цвета) выбираем необходимый цвет:

Снова активируем Pen Tool (Перо) (P), затем жмем правой кнопкой мыши по созданной кривой и выбираем Stroke Path (Обводка контура):

Выбираем Brush (Кисть) из выпадающего меню, убеждаемся, что опция Simulate Pressure (Симулировать нажим) активна, и жмем OK:

И получаем такую красивую кривую:

Шаг 2. Используя описанный выше процесс, создаем еще три линии. Убедитесь что:
- каждая линия находится на отдельном слое;
- для первой линии размер кисти 2 px, второй - 3 px, третьей - 4 px;
- уменьшаем непрозрачность слоев до 80%, 60% и 40%.

Корректируем расположение линий и получаем такой результат (4 линии на 4 слоях):

Шаг 3. Создаем группу "Линии" Layer - New - Group (Слой - Новый - Группа) и перемещаем в нее все 4 слоя с линиями. Дублируем группу один раз и объединяем копию группы в один слой (CTRL+E). Уменьшаем opacity (непрозрачность) нового слоя до 70% и перемещаем линии ниже и левее, чтобы создать эффект глубины:

Продолжаем дублировать слой, чтобы создать больше линий:

Теперь мы должны немного разнообразить линии цветом. Для этого используем корректирующий слой Layer - New Adjustment Layer - Hue/Saturation (Слой - Новый корректирующий слой - Цветовой тон/Насыщенность) для слоев с линиями (не забываем создать для корректирующего слоя обтравочную маску CTRL+ALT+G).

Выбираем любой понравившийся цвет:

Продолжаем добавлять больше цветов. Вы можете воспользоваться Free Transform (Свободное трансформирование) (CTRL+T), чтобы отрегулировать угол наклона линий:

Также корректируем размер линий:

Шаг 4. Теперь добавим несколько серых линий. Для этого переходим Image - Adjustments - Desaturate (Изображение - Коррекция - Обесцветить) или SHIFT+CTRL+U, чтобы обесцветить один из слоев:

Смешиванием серые линии вместе с остальными:

И получаем следующий результат:

Шаг 5. Почти закончили. Теперь объединяем слои с линиями, которые мы создали, в один (CTRL+E), затем дублируем их, поворачиваем, меняем положение:

Добавим вокруг линий абстрактных точек, чтобы разнообразить работу. Для этого настраиваем кисть, как показано ниже (жмем F5, чтобы вызвать окно параметров кисти).