Как сделать полоску

Обновлено: 05.07.2024

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

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

Есть несколько способов нарисовать прямые линии в фотошопе, задав им цвет, толщину и другие стили. Обычно используют следующие инструменты: Кисть, Карандаш, Перо, Линия, Прямоугольная область. Какой инструмент лучше подходит для задачи — решать только вам. У каждого способа есть свои плюсы и недостатки.

Рисуем прямую линию инструментом Кисть (Brush Tool)

Проще всего нарисовать линию инструментом Кисть (Brush Tool). Создаем в фотошопе документ (Ctrl + N) с произвольным размером, у меня это 800х600 пикселей:

Активируем инструмент Кисть (Brush Tool). Горячая клавиша вызова инструмента – B.

В верхней панели настроек инструмента при необходимости меняем размер и жесткость кисти:

Какая-то она не совсем ровная, резонно заметите вы, так ведь?

Чтобы нарисовать идеально ровную линию, нужно перед началом рисования зажать клавишу Shift, провести линию и отпустить клавишу. Вот какая ровненькая линия получилась:

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

Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

Инструмент Карандаш (Pencil Tool) находится в той же группе инструментов, что и инструмент Кисть, горячая клавиша вызова инструмента – B.

Рисование линии при помощи инструмента Карандаш (Pencil Tool) аналогично рисованию Кистью – делаем клик мышью у начала линии, зажимаем клавишу Shift и проводим линию.

Рисуем линию инструментом Перо (Pen Tool)

Для того, чтобы нарисовать линию инструментом Перо понадобится чуть больше времени, чем в предыдущих случаях.

Активируйте инструмент Перо (Pen Tool), горячая клавиша вызова инструмента – P.

Создаем новый слой, нажимаем на иконку создания слоя в панели слоев:

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

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

Рисуем произвольные кривые линии и в конце зажимаем клавишу Ctrl с кликом мышью по холсту, чтобы завершить линии.

Линии готовы, но, к сожалению, они видны только в фотошопе во вкладке Контуры (Окно-Контуры (Window–Paths)), если сохранить изображение, к примеру, в формате jpg*, линии не будут отображаться.

Для того, чтобы сделать их видимыми, возвращаемся к инструменту Кисть, в верхней панели настройки инструмента настраиваем размер, жесткость кисти и при необходимости выбираем саму кисть. Нам понадобится круглая кисть:

Рисуем линию инструментом Линия (Line tool)

Один из самый распространённых способов нарисовать прямую линию в фотошопе это инструмент Линия. Находится в левой панели:

Прекрасно то, что можно легко настроить цвет и толщину линии:

С зажатым SHIFT я провожу прямые линии. Они создаются средством фигуры из вектора. Можно запросто нарисовать вертикальную, горизонтальную и под углом 45 градусов прямую линию.

Прямая линия с помощью выделения в фотошопе

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

Есть в фотошопе инструмент Прямоугольное выделение:

Например, нам нужна длинная и толстая линия в фотошопе. Выделяем нужную область:

Выбираем инструмент Заливка и устанавливаем цвет для будущей линии.

Заливаем цветом выделенную область и снимаем выделение CTRL+D. У нас получилась прямая линия.

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

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

Выполните эти быстрые действия, чтобы нарисовать линию.

Выбор инструмента Линия

Настройка ширины линии

Два способа настройки ширины линии

Режим Пиксели и параметр Толщина недоступны для инструмента Линия в версиях Photoshop 22.0–22.2.

Щелчок и перетаскивание

Чтобы создать линию, выберите Фигура .

Цвет заливки

Выберите цвет из списка или на палитре цветов. Также для выбора цвета можно щелкнуть образец цвета в разделе Внешний вид панели Свойства . Этот цвет будет использоваться для заливки центра стрелки.

Цвет обводки

Выберите цвет из списка или на палитре цветов. Также для выбора цвета можно щелкнуть образец цвета в разделе Внешний вид панели Свойства . Этот цвет используется для линии и контура стрелки.

Ширина обводки

Толщина

Дополнительные параметры

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

Чтобы создать линию на основе пикселей, выберите Пиксели .

Режим

Выберите требуемый режим наложения. Значение по умолчанию — Обычный

Непрозрачность

Установите значение параметра Непрозрачность от 1 до 100 %.

Толщина

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

В статье будет показано 4 разных способа, с помощью которых можно свободно создать линии разнообразных типов и цветовых раскрасок.

Как сделать линию в Word

Наверное, самый простой многим известный способ, но все же включен мной в список так, как он самый функциональный.

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

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

Если по правою сторону буквы Ч нажать на маленькую стрелку, то откроется меню, с разнообразными линиями, которые также можно раскрасить.

Многие задают вопрос как сделать зачеркивание? Здесь вы сможете это также реализовать.

Если на клавиатуре нажать три раза клавишу Тире, а потом Enter, то получиться горизонтальная черта на ширину всего документа.

Зажав Shift и нажимая Тире можно уже регулировать длину черты.

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

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

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

Для модифицирование уже нарисованного отрезка кликаем по нему ЛКМ появиться по краям две точки. После на панели меню нажмите инструмент Контур фигуры.

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

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

Выбрать тип отображения линии, например, такой и нажать ОК, не забыв поменять цвет.

На этом у меня сегодня все, обязательно просмотрите видеоролик.

Создание линии в MS Word над которой можно писать текст

Посредством клавиатурного набора

Линия подчеркивания без возможности набора текста поверх нее

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

Программные средства Word

Затем следует нажимать:

Нажав в любом месте такой линии можно печатать текст, который будет отображаться поверх неё.

Текст поверх линии подчеркивания

Изменение типа линии

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

Выбор типа линии в меню шрифт

Заключение

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

Поделись статьей в социальных сетях! Помоги нашему сайту!

Довольно распространённым вопросом, касательно работы в программе Word, является создания линии. О какой линии идет речь? Жирная, сплошная, пунктирная, горизонтальная, вертикальная? Какую функцию должна выполнять такая линия? На все эти вопросы достаточно сложно дать один ответ. Поэтому рассмотрим способы создания различных линий в программе Word.

Как сделать линию подчёркивания в тексте?

Если вы написали текст и вам нужно провести под ним прямую линию или подчеркнуть какое-то слово, предложение, в программе Word есть специальный инструмент подчёркивания. Чтобы его применить выполняем следующие действия:

Выделяем нижнее предложение, слово, которое нужно подчеркнуть.

В данном случае мы подчёркивали последнюю строчку. Под ней появилась линия.

Как в Word сделать жирную, пунктирную или двойную линию?

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

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

Нажав на ней правой кнопкой мыши, указываем цвет, толщину и размер линии.

Как сделать сплошную линию или линию под текстом?

На панели инструментов есть ещё одна кнопка, которую можно использовать для создания сплошной линии на всю ширину листа или линии под текстом.

Ставим курсор после строчки, под которой нужно провести сплошную линию.

Как в сделать горизонтальную и вертикальную линии?

Выбираем тип линии и проводим её в нужном направлении.

Как сделать ровную линию?

Однако этот способ не подходит для подчёркивания текста.

Как сделать линию для подписи?

Для того, чтобы в Ворде сделать линию для подписи, стоит выполнить следующие действия:

Как сделать линию таблицы?

Для того, чтобы в Word сделать линию таблицы или нарисовать таблицу с помощью линий, выполняем следующее:

Если же вам необходимо добавить линию до готовой таблицы, можно воспользоваться функцией вставки.

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

Шаг 1

Как всегда мы начнём этот урок с красивого радиального градиента. Я пристрастился к радиальным градиентам, поэтому вы тоже должны! Я использую комбинацию красивых синих тонов. Цвета градиента, которые я использовал:

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

Шаг 2

Данный шаг не является обязательным для выполнения, но я собираюсь добавить гигантскую букву ‘M’, таким образом, у меня будет что-то, поверх чего будет проходить моя текстовая полоска. Когда текстовая полоска взаимодействует с задним фоном таким образом, то эффект становиться ещё красивее.

Так или иначе, я добавил гигантскую букву ‘M’ белого цвета, а затем поменяйте режим наложения для данного слоя с буквой на Перекрытие (Overlay) и уменьшил непрозрачность слоя до 40%, таким образом, мы совместили букву с радиальным градиентом, включая светотени.

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

Шаг 3

Далее, создайте новый слой. Нарисуйте длинный прямоугольник светло-серого цвета. Прямоугольник должен быть длинной формы, потому что, когда мы повернём его, он должен быть достаточно длинным. Также добавьте текст. Я написал "Made with Love!", используя забавный шрифт Gill Sans Ultra Bold. У меня есть предрасположенность к жирным шрифтам, потому что они выглядят дружелюбно и броско.

Шаг 4

Далее, я выбрал фигуру сердца из стандартного набора фигур Photoshop. Вы можете сделать это с помощью инструмента Произвольная фигура (Custom Shape Tool (U). В настройках данного инструмента, щёлкните по значку стрелки выпадающего меню Фигура (Shape), как показано на скриншоте ниже. Если ваше меню предлагает небольшой выбор символов, тогда вы можете загрузить еще несколько наборов из библиотеки, для этого, щелкните по значку маленькой стрелки в правом верхнем углу и в выпадающем меню, выберите опцию Загрузить фигуры (Load Shapes).

Шаг 5

Итак, используя фигуру сердца, я нарисовал меленькую фигурку сердца красного цвета на новом слое. Данная комбинация красного, белого и синего выглядит потрясающе.

Трюк с цветовыми комбинациями, как этот, имеет два свойства. Во-первых, у вас должен быть основной цвет (в данном случае синий), далее, вы должны использовать другие цвета, чтобы выделить этот основной цвет. Таким образом, здесь мы имеем много синего, немного светло-серого и небольшой объём красного цвета, который действительно выделяется.

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

Шаг 6

Теперь, чтобы красный цвет по-настоящему выделялся, я перешёл на слой с фигуркой сердца, а затем создал новый слой поверх слоя с фигуркой сердца. Затем, используя ещё более светлый оттенок красного цвета, я нарисовал небольшой градиент в верхнем правом углу. Таким образом, мы добавили радиальный градиент к нашему сердечку, и мы вновь используем светотени!

Я также добавил лёгкую размытую тень к тексту "Made with Love", используя стиль слоя Тень (Drop Shadow). Для этого, щёлкните правой кнопкой по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Далее, выберите стиль слоя Тень (Drop Shadow). Установите Смещение (Distance) на 0, а также поменяйте цвет на светло-серый, чтобы тень не была слишком грубой. Не добавляйте стандартную тень, потому что мы нужно, чтобы буквы текста были частью полоски, а не зависали над ней.

Шаг 7

Далее, я хочу добавить границы на полоску, для этого, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с полоской, чтобы загрузить активное выделение, создайте новый слой, а затем залейте этот слой тёмно-серым оттенком. Далее, идём Выделение – Модификация – Сжать (Select > Modify > Contract). Установите значение Сжатия (contract) выделенной области на 2 px.

Далее, нажмите клавишу (delete), чтобы удалить внутреннюю часть тёмно-серой заливки, сохранив только края. (Обратите внимание, что вам необходимо дважды нажать клавишу со стрелкой вправо, а затем нажать клавишу (delete), далее, необходимо дважды нажать клавишу со стрелкой влево, а затем нажать клавишу (delete), чтобы создать края слева и справа).

Шаг 8

OК, итак, мы создали текстовую полоску, у неё есть края, текст и красивое выделяющееся красное сердечко.

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

Если вы повернёте текст и края и другие элементы без создания объединённого слоя, то у вас может получиться странный эффект. Когда вы применяете поворот, Photoshop имеет тенденцию размывать и смещать объекты, поэтому лучше всего свести к минимуму побочные эффекты, объединив все составляющие элементы вместе. Конечно же, это означает, что вы должны быть уверены, что ваша текстовая полоска полностью завершена, прежде чем создать объединённый слой!

Совмещение также имеет дополнительное преимущество, которое мы можем использовать позже для Осветления и Затемнения (Dodge и Burn) и коррекции светотеней. Вы скоро увидите, что я имею в виду .

Шаг 9

Итак, сейчас нажмите клавиши (Ctrl+T) для трансформации, удерживая клавишу (Shift), поверните текстовую полоску под 45' градусов.

Шаг 10

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

Итак, создайте новый слой поверх всех слоёв, а затем установите цвет переднего плана на светло-серый цвет. Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстовой полоской, чтобы загрузить активное выделение. Далее, создайте градиент, цвета градиента от светло-серого к прозрачному, сверху вниз, а затем создайте второй градиент, только на это раз снизу вверх.

Результат должен быть, как на скриншоте ниже – немного серых тонов поступает сверху и немного серых тонов поступает снизу.

Шаг 11

Теперь поменяйте режим наложения для нового слоя на Умножение (Multiply). Поскольку мы использовали приятный слабый серый цвет, это помогло создать хорошую тень. Если вы использовали более тёмный серый цвет, то вам, возможно, придётся приглушить эффект с помощью уменьшения непрозрачности.

Шаг 12

Теперь возвращаемся на сам слой с текстовой полоской. Выберите инструмент Затемнитель (Burn Tool (O), установите большую мягкую кисть, с которой вы будете работать.

Аккуратно затемните нижнюю и верхнюю часть полоски. В настройках инструмента Затемнитель (Burn Tool), уменьшите значение Экспозиции (Exposure), я использовал значение 20%. Это позволит вам создать нежный эффект, не переусердствовав с эффектом.

Когда вы завершите работу над затемнением верхней и нижней части полоски, то вы можете, если хотите, удерживая клавишу (Alt), аккуратно и слегка прокрасить среднюю часть. Удержание клавиши (Alt), когда активен инструмент Затемнитель (Burn Tool) переключит инструмент на инструмент Осветлитель (dodge).

Инструменты Затемнитель / Осветлитель (Burn and Dodge) – это как две противоположности друг друга. Затемнитель затемняет, Осветлитель осветляет. Это довольно полезные инструменты, однако, старайтесь использовать их аккуратно, иначе вы можете слегка испортить эффект.

Шаг 13

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

Создайте новый слой ниже слоя с текстовой полоской.

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстовой полоской, чтобы загрузить активное выделение. Залейте выделенную область серым цветом средних тонов на новом слое.

Далее, отмените активное выделение (Ctrl+D), а затем дважды нажмите клавишу со стрелкой вниз и дважды на клавишу со стрелкой влево, таким образом, чтобы ваш новый слой был расположен ниже и справа от текстовой полоски (как показано на скриншоте ниже)

Это будет наш слой тенью.

Шаг 14

Поменяйте режим наложения для слоя с тенью на Умножение (Multiply), а затем идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия примерно на 3-4px. В результате, мы получим красивую тень.

Шаг 15

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

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

В любом случае, выберите инструмент Ластик (Erase Tool (E), установите большую мягкую кисть, а затем слегка удалите тени сверху и снизу, чтобы они были едва уловимыми с обоих концов текстовой полоски.

Шаг 16

На скриншоте ниже, вы можете увидеть итоговый результат:: красивую полоску с текстом!

Вбиваем в поиске "VHS" и выбираем любое изображение которое вам понравилось.

Размещаем так как вам понравится, и ставим прозрачность. [`Советую ставить на 50-80`]

При желание можно сделать эффекты: "Noise" и "Драма"

Лайки (29)

Комментарий

Нравится Топовые сохраненки :heart: ? Вступите в сообщество.

Привет! Ищешь топовые сохраненки? Тогда тебе к нам! Присоединяйся!

Вступить Создать запись

Общие чаты

Репутация

Подписки

Подписчики

Политика в отношении файлов "Cookie"

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

Читайте также: