Инструмент линия в фотошопе – Перевод Line Tool (Инструмент «Линия» / U) в Фотошопе

Содержание

Как нарисовать пунктирную линию в Photoshop

Создайте новый слой (Ctrl+Shift+N). Теперь просто кликните по полученному контуру правой клавишей мыши и в контекстном меню нажмите на пункт «Выполнить обводку контура» (Stroke Path). Откроется новое окно, где выберите инструмент «Кисть» и нажмите ОК. И наша простая пунктирная линия будет создана. Теперь вы можете удалить рабочий контур (Work Path) или использовать его дальше для создания новых линий. Вы можете перемещать, масштабировать контур, изменять его форму, поворачивать, добавлять опорные точки, пунктирная линия повторит все изменения контура. Просто помните, что выполнять обводку контура следует на новом слое.

пунктирная линия Photoshop

Создание пунктирной кривой линии в Photoshop

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

s-3

Как создать пунктирную окружность в Photoshop

Как Вы, наверное, уже заметили, Вы можете обвести пунктиром в Photoshop контур любой формы.
Только для создания контура в этом случае надо использовать не «Перо» (Pen Tool), а контурные инструменты. Для создания круга используем инструмент «Эллиипс» (Ellipse Tool), для создания прямоугольников и квадратов — инструмент «Прямоугольник» (Rectangle Tool), для создания контуров сложных и пользовательских форм — инструмент «Произвольная фигура» (Custom Shape Tool) и т.д.:

Custom Shape

Всё, что Вам нужно сделать — настроить кисть, это создать контур одним из этих инструментов, а затем выполнить обводку контура кистью:

s-4

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

rugraphics.ru

Как провести прямую линию инструментом карандаш на фото в фотошопе? —

Здравствуйте, Лариса!

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

  • В панели инструментов выбираем карандаш или кисть. Выбрать инструмент можно при помощи «горячей клавиши» — B

инструмент-кисть

  • В панели инструментов выбираем цвет линии

выбор-цвета

  • Устанавливаем толщину линии с помощью «горячих клавиш»: «[» и « (на клавиатуре вы их найдете где русские буквы «Х» и «Ъ»)
  • Однократным нажатием левой клавиши мыши ставим точку, которая будет началом линии.

начальная-точка-линии

  •  Переносим курсор в конечную точку линии нажимаем клавишу «Shift» и снова делаем клик левой клавишей мыши.

конечная-точка-линии

В результате несложных манипуляций получаем идеально ровную линию.

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

  1. Ставим начальную точку
  2. Нажимаем клавишу Shift
  3. Нажимаем и держим левую клавишу мыши
  4. Ведем курсор вертикально или горизонтально с нажатой клавишей Shift

В результате получится строго вертикальная или горизонтальная линия.

На этом все. Жду от Вас новых вопросов.

compforlife.ru

Как нарисовать линию в Фотошопе

В Фотошопе не только редактируются готовые изображения. Одной из задач, которые позволяет выполнить программа – создание изображений/проектов с нуля. И линии одни из важнейших элементов при работе над созданием картинок в Фотошопе. Впрочем, не только линии, но и другие геометрические фигуры. Конкретно создание линий может потребоваться при построении макета сложных объектов, сетки или контура, элементов различной геометрической формы.

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

Создание разных типов линий

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

Обыкновенные прямые линии

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

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

Поэтому сейчас заострять на этом внимание не будем, а перейдём сразу к следующему разделу.

Создание ломаной линии

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

Незамкнутая ломаная линия

Проще всего использовать для создания такой линии инструмент Фотошопа — «Перо».

Отдельная и достаточно подробная статья по инструменту “Перо” в Photoshop в одном из наших уроков: Как пользоваться пером в Photoshop

Как сделать линию в Фотошопе

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

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

  • Отметьте нужное количество опорных точек в требуемых местах.
    Как сделать линию в Фотошопе
  • После чего требуется обвести контур, который получился. Для этой цели можно использовать любой из доступных инструментов программы. Мы выбрали “Кисть”.

Как сделать линию в Фотошопе

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

Как сделать линию в Фотошопе

Далее создаем требуемую фигуру, применяя функцию копирования слоя (вызывается сочетанием клавиш CTRL+J)

Как сделать линию в Фотошопе

Как сделать линию в Фотошопе

и параметра «Свободное трансформирование» (для этого воспользуйтесь сочетанием клавиш CTRL+T).

Как сделать линию в Фотошопе

Создание замкнутой ломаной линии в Фотошопе

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

Способ №1 — фигура

Как сделать линию в Фотошопе

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

Как нарисовать линию в Фотошопе

Если нам требуется получить лишь контур данной фигуры, потребуется сделать обводку, называемую соответственно «Обводка». Этот инструмент имеет свои настройки: размер, цвет, длина и интервал штриха. Допустим, возьмем сплошной штрих. Но мы изначально сделали фигуру с обводкой и на скриншоте показали, где выбрать этот параметр. Смотрите рисунок выше.

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

Как нарисовать линию в Фотошопе

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

Cпособ №2 — прямолинейное лассо

Как нарисовать линию в Фотошопе

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

Как нарисовать линию в Фотошопе

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

Как нарисовать линию в Фотошопе

В открывшемся окне можно выставить нужные параметры, такие как размер, цвет и положение контура.

Как нарисовать линию в Фотошопе

Кликаем “ОК” и получаем результат:

Как нарисовать линию в Фотошопе

Построение кривой линии

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

Незамкнутая кривая

Для построения такой линии есть всего один инструмент — «Перо» ( с последующей обводкой). Либо же можно нарисовать такую линию вручную.

Замкнутая кривая

Для создания замкнутой кривой фигуры в Фотошопе существует целых три способа.

  1. Лассо

Как нарисовать линию в Фотошопе

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

Как нарисовать линию в Фотошопе

  1. Овальная область

Как нарисовать линию в Фотошопе

При использовании этого инструмента мы получим овальную область. Снова делаем обводку. Затем этот овал можно изменять при помощи «Свободного трансформирования», о котором мы ранее говорили. Нажмите для вызова этой функции CTRL+T. На появившейся сетке можно легко изменять фигуру и добиться требуемой формы.

Как нарисовать линию в Фотошопе

  1. Фигура

Как нарисовать линию в Фотошопе

Возьмем инструмент — «Эллипс». В верхнем меню выставим требуемые настройки и создаем фигуру – овал.

Как нарисовать линию в Фотошопе

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

Как нарисовать линию в Фотошопе

Как нарисовать линию в Фотошопе

Результат после применения деформации:

Как нарисовать линию в Фотошопе

На этом все. Мы показали вам, как различными способами создать линии в программе Фотошоп. Эти навыки пригодятся при построении различных сеток, контуров и макетов.

myphotoshop.ru

где находится и как с ней работать

Приветствую покорителей фотошопа!

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

инструмент-линейка-в-фотошоп

Где находится линейка?

Инструмент находиться там же, где и «Пипетка» Для быстрого доступа можно использовать комбинацию Shift + I, нажимайте эти клавиши, программа перебором будет включать все инструменты блока «Пипетка», пока не дойдет до «Линейки».
инструмент линейка в фотошоп

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

Чтобы сделать абсолютно ровную линию, зажмите клавишу Shift, теперь можно отложить отрезок ровно по горизонтали, по вертикали, а также под углом в 45 градусов в любом из направлений.

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

инструмент линейка в фотошоп

Функционал линейки

Здесь информация представлена в виде блоков. Первый показывает координаты первой точки отрезка относительно осей X и Y.

Второй блок показывает проекцию нарисованной линии на ось X и Y. Это не длина отрезка.

Например, если на изображении нарисован прямоугольник, и инструментом «Линейка» указать диагональ этого прямоугольника, то второй блок покажет расстояние сторон прямоугольника. Это и есть прямая проекция отрезка на оси X и Y.

Следующий блок отображает угол наклона отрезка. И только дальше можно увидеть непосредственную длину линии, она указывается в параметре «L1».

Параметр «L2» указывает угол между двумя линиями, нарисованными с помощью инструмента «Линейка». После того, как указан один отрезок, зажмите клавишу Alt, подведите курсор к любому концу отрезка, курсор поменяет свой вид, теперь нарисуйте еще один отрезок, обязательно начиная его с любого из концов первой линии.

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

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

Дальше отображается функция «По шкале измерений» (Use Measurement Scale).

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

Чтобы повернуть изображение так, чтобы любая линия на рисунке была строго горизонтальной, используйте следующий блок, который называется «Выровнять слой» (Straighten Layer).

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

Для примера покажу как с помощью блока «Выровнять слой» можно выпрямить береговую линию на пейзаже.
инструмент линейка в фотошоп

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

На этом все. Благодарю за внимание!

compforlife.ru

Как создать штрих-пунктирную линию в Photoshop

Смотреть другие материалы по созданию пунктирной линии в Photoshop:
Пунктирная рамка и линия в Photoshop CS6
Рамка из точек и пунктира
Как нарисовать пунктирную линию при помощи Кисти.

По умолчанию включена опция «Заливка» (Fil), но нам она не нужна, поэтому отключаем:

отключение заливки фигуры

Теперь форма не имеет заливки, но контур отображается:

kak

Теперь займёмся непосредственно созданием обводки. Кликаем по значку «Обводка» (Stroke), выбираем тип «Сплошной цвет» (Solid Color), затем выбираем цвет обводки. Кроме того, надо задать её толщину. По умолчанию, единицы измерения толщины обводки — пункты, я всегда работаю с пикселями, поэтому правой клавишей мыши кликаю по окну толщины линии, из выпавшего списка выбираю пиксели, а затем задаю нужную толщину линии, пускай для начала это будет 3 пикс. Вдоль эллипса появилась рамка:

создать пунктир

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

пунктир

У нас получился пунктир с предустановленными настройками, мы только задали толщину линии.
Если нажать на значок с линией из точек, то в документе получится такая линия.

Но возможности Photoshop на этом,конечно же, не ограничиваются. Мы можем настроит штрихи так, как захотим. Внизу окна расположена кнопка «Другие параметры» (Stoke Options), кликаем по ней, и нам открывается новое окно настроек штрихов:

настройка пунктирной линии в Photoshop

Вот это, с виду простое окно «Другие параметры» и предоставляет нам мощные возможности для настройки штриха. Рассмотрим его подробнее.

В середине окна расположены три выпадающих списка: Выровнять ( Align), Концы (Caps) и Углы (Corners). Давайте рассмотрим сначала их.

Первый параметр, «Выровнять» ( Align), отвечает за положения штриха относительно оси. Штрих может быть расположен снаружи, внутри и по центру:

расположение пунктирной линии

Ниже расположены окна ввода длины штриха. Длина штриха измеряется в единицах одой ширины штриха, например, длина 4, при ширине 4 пикселя, означает 4 умножить на 4, т.е. всего длина составит 16 пикселей. Длина пробела измеряется так же. Photoshop позволяет задать нам три разных штриха на одной линии, но чаще, используется один или два для штрих-пунктирной линии.

Примечание. Иногда длину штриха приходится подгонять. Это очень удобно делать, кликнув по окну ввода и прокручивая колёсико мыши:

как подогнать длину штриха

При создании штрих-пунктирной линии, кроме длины, важен параметр «Концы» (Caps), определяющий форму концов штриха. По умолчанию он задан как «Стык» (Butt), что значит, что штрих будет обрезан перпендикулярно по концу. Давайте вставим ещё один штрих длиной в одну ширину и пробел длиной в две ширины:

точка в штрих-пунктирной линии

Как видите, между штрихами получилась точка, но она квадратная, что не очень красиво. Чтобы получить закруглённые концы, изменим параметр «Стык» (Butt) на «Круг» (Round), вот что получилось:

kak sozdat shtrih punktirnuyu liniyu v photoshop

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

kak sozdat shtrih punktirnuyu liniyu v photoshop

Последний из трёх параметров опции «Концы» — «Квадрат» (Square). Он работает, как и «Стык» (Butt), только удлиняет штрих на половину ширины с каждой стороны.

И мы подошли к последней опции — «Углы» (Corners). Эта опция имеет смысл только на углах пунктирной линии, поэтому я удалю овал и создам прямоугольный контур.

Кроме того, чтобы опция работала, положение контура по опции «Выровнять» должно быть или «Снаружи» или «Из центра».

Собственно, назначение опции «Углы» (Corners) понятно по пиктограммам. Параметр по умолчанию «Срез» (Miter) оставляет углы:

закругление углов пунктирной линии

Параметр «Круг» (Round) закругляет углы:

закругление углов пунктирной линии

Параметр «Фаска» (Bevel) снимает фаску с острых углов:

смягчение углов пунктирной линии

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

Вы можете сохранить параметры, нажав на кнопку «Сохранить» (Save).

До сих пор я рассказывал о создании пунктирной линии на замкнутом контуре. Но пунктир можно создать на абсолютно любой замкнутой или незамкнутой линии, нарисованной инструментом «Перо» (Pen Tool). Пример:

произвольная штрих-пунктирная линия

На панели параметров устанавливаем точно такие же значения, как и при работе с контурными инструментами — режим «Фигура», заливку отключаем, обводку настраиваем, как описано выше.

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

rugraphics.ru

Инструменты «Многоугольник» и «Линия», построение звёзд и стрелок

Установка числа сторон 3 в панели параметров дает нам простой способ создания треугольника:


треуг
Равносторонний треугольник, построенный с помощью инструмента «Многоугольник» (Polygon Tool).

А вот пример фигуры многоугольника с количеством сторон 12


двенадцатиугольник
Двенадцатиугольник, отображение контура отключено

Как и в случае с радиусом скруглений для инструмента «Прямоугольник со скруглёнными углами», Photoshop не позволяет изменить число сторон после создания фигуры, так что если перед началом построения фигуры вы неправильно указали количество сторон, остаётся только нажать Ctrl+Z для отмены шага по построению фигуры, а затем ввести другое значение в опцию «Стороны» (Sides) и начать рисовать многоугольник заново:

Рисование звезды с помощью «Многоугольника» (Polygon Tool)

Чтобы нарисовать звезду при помощи этого инструмента, нажмите на значок шестеренки в панели параметров, а затем выберите опцию «Звезда» (Star):


звезда
Нажатие на значок шестеренки и выбор опции «Звезда» (Star).

Затем просто нажмите внутри документа и создайте фигуру звезды методом перетаскивания курсора. При активной опции «Звезда» (Star), опция «Стороны» (Sides) в панели параметров задаёт количество лучей звезды. Так, при его значении 5 у нас получится пятиконечная звезда:


звезда
Пятиконечная звезда, начерченная с помощью инструмента «Многоугольник», параметры фигуры заданы по умолчанию.(Polygon Tool).

Изменение значения сторон на 8 дает нам восьмиконечную звезду:


Инструменты "Многоугольник" и "Линия", построение звёзд и стрелок
Управление количеством лучей звезды.

Мы можем изменять у звездообразной фигуры не только количество лучей, но и положение внутренних вершин между центром звезды и внешними вершинами. По умолчанию, внутренние вершины находятся посередине, за это отвечает параметр «Глубина лучей» (Indent Sides By), по умолчанию он равен 50%:


глубина лучей звезды
Изменение параметра «Глубина лучей» (Indent Sides By) с 50 процентов, заданных по умолчанию, до 90%.

Посмотрите, что получилось:


звезда с глубокими лучами
Та же восьмиконечная звезда, но со значением параметра «Глубина лучей» (Indent Sides By) 90%. Контур скрыт.

По умолчанию, звезды имеют острые углы на вершинах, но мы можем сделать их закруглёнными, выбрав опцию «Сгладить внешние углы» (Smooth Corners):


сгладить вершины лучей
Включение скругления углов при помощи опции «Сгладить внешние углы» (Smooth Corners).

Во как будет выглядеть стандартная пятиконечная звезда со сглаженными вершинами лучей при включенной опции «Сгладить внешние углы» (Smooth Corners):


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

Мы можем сгладить не только вершины лучей, но и вершины впадин с помощью опции «Сгладить внутренние углы» (Smooth Indents):


сгладить
Включение опции «Сгладить внутренние углы» (Smooth Indents).

При включении обеих этих опций мы получаем форму, похожую на морскую звезду:


звезда сглаженная
Звезда с сглаженными углами и впадинами получена при одновременном включении опций «Сгладить внешние углы» (Smooth Corners) и «Сгладить внутренние углы» (Smooth Indents).

Инструмент Линия (Line Tool)

Последним из основных геометрических инструментов формы Photoshop является инструмент «Линия» (Line Tool). Я выберу его на панели инструментов:


line tool
Выбор инструмента «Линия» (Line Tool).

Инструмент «Линия» позволяет создавать простые прямые линии, но кроме этого мы можем использовать его для рисования фигур в виде стрелки. Чтобы нарисовать прямую линию, во-первых, установите толщину линии, которую следует задать в пикселях в поле ввода «Толщина» (Weight) в панели параметров. Значение по умолчанию задано в 1 пиксель. Я увеличу его до 16-ти пикселей:


линия
Опция «Толщина» (Weight) задаёт толщину (ширину) линии.

Также, как и при работе другими инструментами векторных форм, для создания линии, нажмите левой клавишей мыши внутри документа и перетащите вашу линию. Чтобы проще было построить горизонтальную, вертикальную или линию под углом 45 градусов, зажмите клавишу ​​Shift в процессе перетаскивания курсора, и отпустите клавишу Shift после отпускания клавиши мыши:


линия вектор
Держите клавишу Shift при перетаскивании курсора для создания горизонтальных или вертикальных линий.

Рисование указательных стрелок (стрелок направления)

Чтобы из линии получить стрелку, нажмите на значок шестеренки на панели параметров, чтобы открыть окно опции «Стрелки» (Arrowhead) с вариантами изменения наконечника (острия) стрелки. Выберите, чтобы наконечник отобразился в начале линии, в конце линии или же с обоих сторон сразу:


опции рисования стрелок
Нажмите на значок шестеренки для доступа к опции «Стрелки» (Arrowhead).

Вот линия, начерченная, как и ранее, но на этот раз со стрелкой на конце:


черчение стрелки
Инструмент «Линия» позволяет легко рисовать указательные стрелки, размеры наконечника стрелки заданы Photoshop по умолчанию.

Если размеры по умолчанию наконечника стрелки вам не подходят, вы можете настроить их, изменив параметры «Ширина» (Width) и «Длина» (Length).
«Ширина» и «Длина» наконечника задаются в процентах от толщины линии, значит, на данный момент ширина моего наконечника стрелки 80 пикселей, а длина -160.
Вы также можете заострить хвостовик наконечника путем увеличения параметра «Кривизна» (Concavity). Я повышу его значение с 0% по умолчанию до 50%:


заострение
Опция «Кривизна» (Concavity) для изменения формы наконечника стрелы методом заострения его краев.

Вот так стрелка выглядит теперь. Перед тем, как начать рисовать фигуру, убедитесь, что вы правильно задали параметры инструмента «Линия», так как они не могут быть скорректированы после (если вам необходимо внести изменения, вам нужно отменить форму и рисовать новую).

rugraphics.ru

Как нарисовать красивую таблицу в фотошопе

Доброго дня всем посетителям сайта pixelbox.ru!

 

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

Нарисовать таблицу можно при помощи разных программ — Power Point, Excel, Word и т.п. Но в случае, если таблица содержит в себе изображения, лучшим вариантом будет программа Adobe Photoshop. Огромное количество инструментов и функций этого графического редактора позволяют создавать таблицы, которые можно сделать различного размера,типа и цвета, не ограничивая фантазию рамками стандартов.

 

В уроке вы научитесь:

 

  • Создавать эскиз таблицы при помощи Направляющих и Сетки
  • Рисовать таблицу с помощью инструмента Линия
  • Добавлять в таблицу текст и изображения

Подготавливаем таблицу, расставляем направляющие

Давайте создадим таблицу с породами собак. 

 

как нарисовать таблицу в фотошопе

Переходим в меню Просмотр — Линейки (View — Rulers) и включаем Линейки. 

линейки в фотошопе для таблицы

включили линейки чтобы рисовать таблицу в фотошопе

Снова переходим в меню Просмотр для отображения Направляющих (Просмотр — Показать — Направляющие (View — Show — Guides)):

показать направляющие в фотошопе

Для большего удобства можно включить Сетку в фотошопе. Сделать это можно, перейдя в меню Просмотр — Показать — Сетку (View-Show-Grid) либо же нажать сочетание клавиш Ctrl + “ («Э» в русской раскладке клавиатуры):

сетка в фотошопе для табилцы

показать сетку в фотошопе

Переходим в меню Редактирование — Установки — Направляющие, сетка и фрагменты (Edit-  Preferences — Guides, Grid & Slices) либо нажимаем сочетание клавиш Ctrl+K и Ctrl+8.

Настраиваем Сетку:

настройки сетки в фотошопе

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

настройка сетки в фотошопе для таблицы

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

 

Совет: чтобы направляющие «прилипали» к линиям сетки и было проще их расставлять, не забудьте включить функцию «Привязка к…» Более подробно об этом в уроке о сетках.

 

создаем направляющие под таблицу в фотошопе

Чтобы изменить положение уже добавленной направляющей, активируйте инструмент Перемещение (Move Tool) клавишей V на клавиатеру и перетащите Направляющую.

перемещаем направляющие в фотошопе

Вот какой эскиз таблицы получился в итоге:

эскиз таблицы в фотошопе

«Ну все, готово» с облегчением выдохнете вы. Нет, пока не все. Направляющие и Сетка будут видны только в документах в формате PSD или TIFF, если же сохранить изображение в форматах jpg, png, gif – все нарисованные ранее линии не будут видимы.

Рисуем таблицу в фотошопе

Чтобы нарисовать видимые линии таблицы, активируем инструмент Линия (Line Tool):

 

рисум таблицу в фотошопе

В верхней панели настроек инструмента изменяем цвет (1) и толщину линий (2), включаем или отключаем обводку (3):

настройка линий для таблицы в фотошопе

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

 

Вот какая таблица у нас получилась в итоге:

 

ровная таблица в фотошопе

 

Добавляем в таблицу текст и картинки

Осталось только при помощи инструмента Текст (Type Tool) (можно активировать клавишей T)написать текст и вставить картинки.

 

текст в фотошопе для таблицы

 

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

 

photoshop table

 

Чтобы добавить картинки, перейдите в меню Файл — Поместить (File-Place) и поочередно выберите изображения с собаками.

 

Трансформируйте картинки (Ctrl + T) и расположите в документе, при необходимости измените их размер, как это сделать показано в уроке «Как изменить размер слоя».

 

Результат:

 

таблица с направляющими и картинками в фотошопе

Отключить направляющие и таблицу в фотошопе, чтобы они не мешали обзору таблицы.

таблица в фотошпое с текстом и картинками

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

pixelbox.ru

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *