Как нарисовать маршрут в фотошопе
Инструменты рисования Photoshop подходят как для рисования на поверхности 3D-модели, так и для рисования на 2D-слое. Обозначить области модели для рисования можно как вручную, используя инструменты выделения, так и автоматически (Photoshop самостоятельно выделит области, доступные для рисования). Команды меню 3D позволят очистить требуемые области модели, для того чтобы при рисовании можно было получить доступ к ее внутренним или скрытым частям.
При рисовании непосредственно на модели можно выбрать базовую текстурную карту, на которой будут фиксироваться все вносимые изменения. Обычно эти изменения вносятся в текстурную карту диффузии, которая отвечает за цветовые свойства материала модели. Рисовать можно также и на других текстурных картах, например на карте выпуклости или прозрачности. Если при рисовании выбран тип текстурной карты, который отсутствует в модели, то текстурная карта данного типа создается автоматически.
Доступные методы 3D-рисования
Для каждого случая использования применяется индивидуальный метод рисования. Приложение Photoshop предоставляет следующие методы 3D-рисования.
Интерактивное 3D-рисование. (По умолчанию в Photoshop CC) Штрихи кисти, применяемые в представлении 3D-модели или текстуры, отображаются в режиме реального времени в другом представлении. Этот метод 3D-рисования обеспечивает высокую эффективность и минимальное искажение.
Рисование в проекции слоев. Этот метод рисования применяется для инструмента Градиент и соответствующих фильтров. Метод рисования в проекции слоев предполагает объединение нарисованного слоя с базовым 3D-слоем. Во время операции объединения приложение Photoshop автоматически проектирует рисунок на соответствующие текстуры целевого объекта.
Рисование в проекции. (По умолчанию в Photoshop Extended CS6) Рисование в проекции подходит для одновременного рисования нескольких текстур или для рисования стыка между двумя текстурами. Однако, как правило, этот метод рисования отличается низкой производительностью и может привести к сбоям при рисовании сложных 3D-объектов.
Рисование на текстуре. Можно открыть 2D-текстуру и рисовать непосредственно на ней.
Facebook Если у вас не работает этот способ авторизации, сконвертируйте свой аккаунт по ссылке ВКонтакте Google RAMBLER&Co ID
Авторизуясь в LiveJournal с помощью стороннего сервиса вы принимаете условия Пользовательского соглашения LiveJournal
Есть задача - прорисовать на карте пройденный маршрут. Т.е. есть карта и наужно просто выделить дорогу, на ней отмеченную. Дорога само собой кривая.
Я мучаюсь мучаюсь, все как-то криво выходит. Может кто знает как сделать аккуратно и наименее трудозататно?
Можно нарисовать векторную кривую, (см. Работа с путями (Path) в Photoshop (часть 1) — приемы, урок, инструмент перо, выделение контура) а потом обвести её любым рисовальным инструментом (кисточкой, карандашиком, стёркой и т.д.):
надо создать новый пустой слой над картой
надо выделить кривую (при помощи Path Selecton Tool на панели инструментов (или просто кнопка A)),
надо выбрать рисовальный инструмент, карандаш или кисть, настроить его толщину и тип
и надо нажать Enter (или кнопку Stroke Path в палитре Path)
Всё.
Факультативно обведённому в эффектах соля можно дать обрамление Stroke, тенюшку или ещё что-то.
Берешь перо инструмент и на новом слое на приближенной карте тыкаешь в ключевые точки дороги, т.е. чтобы пройденная линяя выглядела угловатой, но не выходила за пределы дороги.
Фишка в том, что выглядеть будет хорошо, и не придется возится с искривлением прямых и подгонять их под дорогу.
Ну и сделать прозрачность 80 где-то.
Попробуй оранжевым, или алым, будет приятно смотреться:)
PenTool будет легче всего + прозрачность
Можно все обвести одинарной линией PenTool, зачем правая кнопка - stroke path. Получим нарисованную линию, рисуется она выбранным инструментом, лучше использовать Кисть, перед этим задать ширину кисти равной наибольшей ширине дороги
Немного поздно ;)
Но все равно отвечу, вдруг прочтете и поможет.
Попробуйте поработать с каналами.
Вкратце: дублируете тот цветовой канал на котором дорога контрастирует больше всего с остальным рисунком. Затем меняем уровень (Levels), так чтоб выделить дорогу еще сильнее, ну а дальше грубо убираем лишние части карты, которые остались темные (с помощью резинки или Laso + Delete) и дорабатываем мелочи (например белой кистью с режимом Overlay - удаляет серые оттенки, а так же незабывая про резинку) и все, есть маска (незабуть вывернуть цвета - Ctrl+I).
В этом уроке я покажу Вам, как создать 3D-карту в Photoshop, используя различные 2D и 3D модели, такие как автомобили, деревья, дорога, облака. Вы можете проявить фантазию и сделать свой собственный остров 3D в Photoshop. Я использовал для этого урока текстуры травы и воды, но вы можете выбрать другой тип текстуры. Также вы можете изменить форму карты. Использование 3D-экшена (3D Action) сделать весь процесс более легким.
Исходники:
Шаг 1
Прежде всего, мы создадим 2D - основу для карты. Активируйте инструмент Лассо (Lasso Tool), нарисуйте поверхность карты и залейте ее серым цветом. Так же, для создания формы карты, вы можете воспользоваться инструментом Перо (Pen Tool). Или, как третий вариант, вы можете использовать силуэт реальной карты (векторную фигуру). Назовем этот слой "Карта".
Шаг 2
Теперь добавим нашей поверхности текстуру травы. Скопируйте текстуру из исходных материалов и откройте ее в новом PSD файле. Далее перейдите к Редактирование > Определить узор (Edit> Define Pattern).
Вернитесь к рабочему документу с картой. Дважды щелкните левой кнопкой мыши на слое "Карта". Таким образом вы перейдете в меню "Стиль слоя" (Layer style). Выберите вкладку "Тиснение" (Bevel and Emboss) и установите значения как показано на рисунке ниже. После, перейдите к "Наложение узора" (Pattern Overlay) и в меню наборов выберите узор с текстурой травы, который мы создали ранее.
Теперь ваша заготовка выглядит подобным образом:
Создайте новый слой над слоем "Карта". Создайте выделение по контуру вашей заготовки острова (нажмите Ctrl + клик на иконке слоя "Карта"). Установите цвет переднего плана (foreground) на белый, а фонового (background) - на черный. Далее перейдите к Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Измените режим наложения нового слоя на Перекрытие (Overlay), а непрозрачность (opacity) установите - 65%.
Шаг 3
В этом шаге мы добавим на карту озера. Откройте текстуру воды. Сделайте, любым удобным вам способом, одно либо несколько выделений в форме озера. Перенесите "озера" в рабочий документ и масштабируйте их под размер карты. Назовите новый слой "Водная поверхность".
Откройте окно стилей слоя "Водная поверхность" и добавьте Внутренняя тень (Inner Shadow) и Тиснение (Bevel and Emboss).
Вы можете добавить любой другой простой элемент поверхности этой карте (например дорогу). Когда вы закончите с проектированием плоскости, выберите все слои (кроме фонового слоя) и объедините их. Назовите новый слой "Поверхность 1".
Шаг 4
Теперь я буду использовать один из моих 3D-экшенов для Photoshop, что бы создать объемную картинку. Итак, скачайте бесплатный 3D-экшн, загрузите его в Photoshop и примените к слою "Поверхность 1".
Примечание переводчика:
Воспользуйтесь этой полезной статьей, которая расскажет как загрузить экшн в Photoshop . Если у Вас возникли проблемы с использованием экшена, то можете создать объем самостоятельно. Для этого встаньте на слой "Поверхность 1" и перейдите к "Редактирование - Трансформирование - Перспектива".
Трансформируйте поверхность так, что бы она "лежала" на плоскости. Далее дублируйте 7-10 раз слой с измененной поверхностью. Используя инструмент "Перемещение" сместите каждую копию ( кроме верхней) на 2-4 пункта вниз. Когда будете довольны объемом - слейте все копии (кроме верхней). Дальнейшие действия урока не изменятся ( но "Очистить стиль слоя" использовать не нужно).
У вас получится схема слоев как на рисунке выше. Далее, нужно очистить стили слоя обоих последних слоев (перейдите на слой, щелкните правой кнопкой мыши и в подменю выберите "Очистить стиль слоя" (Clear Layer Style)). Назовите первый слой "Трава", а второй - "Поверхность земли".
Перейдите на слой "Поверхность земли" и наложите на него текстуру "Грязь" (можно использовать и другие текстуры - земля, камень, скала, и т.д.) . После наложения текстуры измените ее расположение и размер по собственному желанию. Добавьте эффект Внутренней тени (Inner Shadow), чтобы остров стал более объемным.
Шаг 5
Дублируйте слой "Поверхность земли" и создайте выделение слоя-копии (нажмите Ctrl + клик на слое "Поверхность земли копия"). Используя инструмент Перемещение (Move Tool) перетащите дубликат немного выше. Активируйте инструмент Ластик (Eraser Tool) и сотрите лишнюю часть поверхности, которая выходит за границы травы. У вас получилось два слоя с основанием острова. Добавьте к "Поверхность земли копия" корректирующий слой Яркость \ Контрасность (Brightness/Contrast) с такими настройками:
Добавьте, также, эффект Тень (Drop Shadow) для обоих слоев с земной поверхностью, как показано на рисунке ниже:
Шаг 6
Над слоем "Градиент" создайте еще один слой и назовите его "Океан". На этом слое разместите изображение, из исходных материалов, с аналогичным названием. Масштабируйте изображение океана так, чтобы оно гармонично смотрелось (исходя из размера вашего документа). Когда будете довольны результатом измените режим наложения слоя "Океан" на Перекрытие (Overlay), а непрозрачность (opacity) понизьте до 50%.
Шаг 7
Теперь наша задача соединить фон и остров.
Перейдите на слой "Трава" и добавьте стиль слоя Внутренняя тень (Inner Shadow):
Перейдите на слой "Поверхность земли" и откорректируйте значения стиля Тень (Drop Shadow):
Над слоем "Поверхность земли копия" создайте новый слой и назовите его "Волны". Активируйте инструмент Кисть (Brush Tool). Выберите из списка стандартную круглую мягкую кисть белого цвета, и прорисуйте пену волн у краев острова.
Шаг 8
Добавим детали. Создайте новый слой над всеми остальными. Откройте изображение дерева и разместите на новом слое. Масштабируйте дерево и разместите на карте. Дублируйте несколько раз слой с деревом. Измените размеры копий и их положение - создайте свой парк на острове. Руководствуйтесь изображением ниже:
Каждое дерево (или группа деревьев) должно отбрасывать тень. Используйте мягкую кисть черного цвета и нарисуйте на новом слое тени растений (руководствуясь основным освещением). Измените режим смешивания (blend mode) слоя с тенями на Перекрытие (Overlay), поэкспериментируйте с уровнем непрозрачности (opacity) данного слоя.
Примечание переводчика: слой с тенями должен находится под группой слоев с деревьями.
Создайте новый слой, поверх остальных, и нарисуйте тучи над картой, используя кисти "Облака". Не забудьте добавить тень от облаков (нарисуйте их тем же методом, который вы использовали для добавления теней деревьев).
Шаг 9
Для того, чтобы все части связать воедино я добавил красивый желтый оттенок, использовав корректирующий слой Фотофильтр (Photo Filter).
Шаг 10
Добавьте в вашу работу больше элементов таких как: автомобиль, дорога, самолет, корабль, дом и т.д.. Будьте осторожны при выборе дополнительных объектов - старайтесь не использовать изображения с правильной перспективой (руководствуйтесь нашим углом обозрения на карту).
Вторая идея заключается в использовании 3D-иконок и значков для данной работы. В комплект также входят некоторые интересные флаги, таблички и обозначения карт, возможно вы решите добавить именно их.
Примечание переводчика: Новые элементы добавляйте под корректирующим слоем Фотофильтр.
Вы можете найти другие интересные иконки или даже 3D-модели в интернете.
Мой конечный результат выглядит так:
В этом уроке вы узнаете популярные методы рисования линий разных типов, например, прямые, изогнутые или пунктирные.
Сложность урока: Легкий
В этом небольшом уроке я покажу вам популярные методы рисования линий разных типов, например, прямые, изогнутые или пунктирные.
1. Рисуем прямую линию
Шаг 1
Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line Tool (U) (Линия):
Шаг 2
Устанавливаем Mode (Режим) на Pixels (Пикселы).
Шаг 3
Затем просто щелкаем и тащим курсор, чтобы нарисовать прямую линию под любым углом.
Шаг 4
Также можно использовать инструмент Brush Tool (B) (Кисть). Щелкаем в том месте, где должна начинаться линия, и, удерживая Shift, щелкаем в конечной точке линии. Photoshop нарисует ее за нас!
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
Устанавливаем Mode (Режим) на Shape (Фигура), убираем Fill (Заливку), добавляем цвет Stroke (Обводка) и настраиваем толщину линии.
Шаг 4
Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая. Самое удобное — это то, что линия остается полностью редактируемой: просто кликаем и перетаскиваем любую из ее точек, чтобы изменить форму. Удерживая нажатой клавишу Ctrl, кликаем, чтобы закончить рисование. Используем инструмент Direct Selection Tool (Кисть) или другого инструмента в режиме Pixels (Пиксели) настраиваем цвета на панели Color (Цвет).
Шаг 2
Если предпочитаете инструмент Curvature Pen Tool (P) (Перо кривизны) или любой другой в режиме Shape (Фигура), настраиваем цвет обводки — это можно сделать даже после того, как линия уже нарисована.
7. Рисуем жирную линию
Шаг 1
Чтобы нарисовать жирную линию есть два варианта: либо увеличить размер кисти, что можно сделать с помощью клавиш с квадратными скобками ([, ]).
Шаг 2
. или, если мы находимся в режиме Shape (Фигура), просто указываем толщину обводки в настройках.
8. Рисуем линию под углом 45 градусов
Шаг 1
Но как нарисовать линию под 45 градусов или под любым другим углом? Вот хитрость: используем инструмент Rotate View Tool (R) (Поворот вида).
Шаг 2
Вводим значение угла в поле Rotation Angle (Угол поворота) и нажимаем Enter.
Шаг 3
Теперь просто рисуем линию.
Шаг 4
Нажимаем Escape, чтобы вернуться к виду по умолчанию и увидеть линию под правильным углом.
Теперь вы знаете, как нарисовать линию в Photoshop! Может показаться, что это немного, но каждая иллюстрация начинается с линии. Посетите раздел графики Envato Elements, чтобы посмотреть, как простые линии можно успешно использовать в графическом дизайне.
Автор: Елена Король. Дата публикации: 27 марта 2021 . Категория: Уроки рисования в фотошопе.
Как нарисовать мандалу в фотошопе
Сегодня в уроке "Как нарисовать мандалу в фотошопе" я покажу вам, как рисовать мандалы – замысловатые геометрические узоры.
В этом волшебном узоре есть определенный ритм, за счет которого получается такой потрясающий результат.
Следуя этому ритму, вы без труда научитесь рисовать мандалы.
Выполнение повторяющихся действий очень расслабляет.
А в последнее время мандалы стали популярны на западе, как инструмент терапии или просто для расслабления.
Все уроки по изучению новых возможностей в Adobe Photoshop 2021:
- Как убрать лишние объекты в фотошопе
- Способы выделения объектов в фотошопе
- Как сделать фигуру в фотошопе
- Настройка инструментов в фотошопе
- Ноты для фотошопа
- Двойная экспозиция в фотошопе
- Микс-кисть в фотошопе
Помощником в нашей работе станет инструмент «Кисть симметрии». Активируется он при выборе обычной кисти, а затем на панели параметров настроек нужно нажать на пиктограмму в виде бабочки.
Вообще «Кисть симметрии» в Photoshop позволяет рисовать сразу несколько мазков кисти для создания зеркальных, симметричных рисунков и узоров. Для начала я бы посоветовала вам поиграть с этим инструментом, попробовать различные возможности. Давайте посмотрим, что есть в ассортименте:
Выберите один из доступных типов симметрии:
Вертикальный: делит холст вертикально и отражает мазки кисти с одной стороны на другую.
Горизонтально: делит холст по горизонтали и отражает мазки кисти сверху вниз или снизу вверх.
Двойная ось: делит холст по вертикали и горизонтали на четыре равные части (вверху слева, вверху справа, внизу слева и внизу справа). Рисование в одном разделе отражает ваши мазки кистью в других трех.
Диагональ: делит холст по диагонали и отражает мазки кисти с одной стороны на другую.
Волнистый: похож на вертикальный, но с изогнутой волнистой линией вместо прямой.
Круг: зеркально отображает мазки кисти, нарисованные внутри круга за пределами круга, и наоборот.
Спираль: зеркально отображает мазки кисти, нанесенные по обе стороны спиральной дорожки.
Параллельные линии: делит холст на три вертикальных раздела, используя две параллельные вертикальные линии. Мазки кисти, нарисованные в средней части, отражаются в левой и правой частях.
Радиальный: делит холст на диагональные сегменты или «кусочки». Мазки кистью, нарисованные в одном сегменте, отражаются в других.
Мандала: аналогично Радиальной, также отражает мазки кисти в каждом сегменте, но создавая в два раза больше мазков кисти, чем Радиальная.
Следует учитывать, что симметричное рисование не поддерживает динамические кончики кисти (аэрограф, кончики щетины, размываемые кисти).
При нажатии на любой тип появится вспомогательная структура для рисования. И пока активны маркеры (указаны стрелочками), эту структуру можно перемещать и изменять её размеры.
Чтобы изменить структуру позже, выделите её, а затем выберите «Преобразовать симметрию».
Когда изменения закончены, кликаем на галочку.
Далее появляется вот такое поле и нужно понимать: всё, что мы рисуем в одном секторе (в красном квадрате), зеркально дублируется в трех остальных.
Чтобы отключить симметрию и продолжить рисование без симметрии, кликните по значку «бабочки» на панели параметров и выберите «Симметрия выкл».
Итак, принцип работы инструмента я показала, надеюсь, вы попробовали поиграть с ним, а сейчас приступим к рисованию мандалы.
Открываем файл mandala.jpg, который будет основой рисунка (смотрите приложение к уроку), для этого нажимаем «Файл» - «Открыть» или нажимаем «CTRL+O».
У нас открывается такой рисунок-макет.
Чтобы не испортить макет, все действия будем совершать на новом слое. Для этого нажимает пиктограмму, как на рисунке.
Стоя на «Слое 1», нажимаем на «бабочку» и в появившемся меню следует выбрать «Радиальная» или «Мандала».
В диалоговом окне Радиальная симметрия или Симметрия «Мандала» укажите нужное Число сегментов и нажмите кнопку ОК.
- Для радиальной симметрии можно задать от 2 (минимум) до 12 (максимум) сегментов.
- Для симметрии «Мандала» можно задать от 3 (минимум) до 10 (максимум) сегментов.
Давайте уточним, чем еще, кроме количества сегментов, отличаются эти два типа симметричного рисования. Итак:
Радиальная симметрия
При рисовании с использованием радиальной симметрии Photoshop повторно рисует один мазок кистью вокруг центральной точки или по радиальной оси. Например, если задать для радиальной симметрии шесть сегментов, один мазок кистью будет повторно нарисован шесть раз вокруг центральной точки.
Симметрия «Мандала»
При рисовании с использованием симметрии «Мандала» Photoshop сначала отражает мазок кистью, а затем повторяет его вокруг центральной точки или по радиальной оси. Например, если задать для симметрии «Мандала» шесть сегментов, один мазок кистью будет шесть раз отражен и повторно нарисован вокруг центральной точки.
Я выбрала для своей работы Радиальную симметрию и 12 сегментов.
Аккуратно ее перемещаем так, чтобы центр находился прямо в центре макета. Растягиваем до нужного размера, нажимаем галочку.
Далее приближаем рисунок максимально близко, чтобы хорошо видеть центр, и жесткой черной кистью с размером 10 пикс. я делаю дугообразную линию (здесь и далее я буду показывать нанесение линии красными стрелками). Эта линия прорисовывается рядом с каждой осью.
Затем я делаю второй мазок.
И так далее, следите за красными стрелочками.
Далее меняю размер кисти на 55 пикс…
Далее меняю размер кисти на 40 пикс. И ставлю еще одну точку.
Далее меняю размер кисти на 25 пикс. и ставлю 3 точки.
Меняю размер кисти на 15 пикс. и рисую.
Далее снова ставлю размер кисти на 10 пикс.
И снова меняю размер кисти на 40 пикс.
Далее снова ставлю размер кисти на 10 пикс.
И в завершение я ставлю 3 точки размером 110, 80 и 40 пикс.
Вот, что у нас получилось.
Мне кажется, уже красиво. Но можно раскрасить этот причудливый орнамент, используя для этих целей инструмент «Заливка».
Выбирая понравившийся цвет, кликаем на пустом пространстве между линиями, и все это место окрашивается.
Вот, что у меня получилось.
А у вас получится что-то иное, неповторимое, но такое же прекрасное.
Я получила колоссальное удовольствие от этой работы. И вы, друзья, сядьте, сделайте глубокий вдох, улыбнитесь и раскройте свою душу вселенной. Не думайте о внешнем мире и сосредоточьтесь только на удовольствии, которое приносит процесс рисования вашей уникальной мандалы.
Читайте также: