Darbe.ru

Быт техника Дарби
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как рисовать кистью на основе созданных контуров в Фотошопе

Как рисовать кистью на основе созданных контуров в Фотошопе

В этом уроке Вы узнаете, как рисовать кистью на основе созданных контуров в Фотошопе.

Как рисовать кистью на основе созданных контуров в Фотошопе

Версия Photoshop: Photoshop CS3 (2007)

Сложность: Средняя

Дата: 26.10.2011

Обновлено: 24.08.2017

Как рисовать кистью на основе созданных контуров в Фотошопе

Для начала создаем документ с произвольными размерами.

Далее, мы выбираем инструмент Brush Tool (Инструмент «Кисть» / Клавиша «B») и задаем необходимые параметры.

Для наглядности я взяла кисть большого радиуса и зеленого цвета.

Как рисовать кистью на основе созданных контуров в Фотошопе

С помощью инструмента Pen Tool («Перо» / Клавиша «P») создаем линию. После чего, нажатием правой кнопкой мыши вызываем дополнительное меню, где выбираем «Stroke Path» (Выполнить обводку контуром).

Как рисовать кистью на основе созданных контуров в Фотошопе

Для более глубокого понимания инструмент Pen Tool («Перо» / Клавиша «P»), это не рисунок, а если мы линию обведем кистью – это фактически эквивалентно нарисованной кистью линии. Просто нарисовать красивую линию сразу кистью достаточно тяжело, именно поэтому мы задействовали перо. Итак, меню обводка контуром.

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

Как рисовать кистью на основе созданных контуров в Фотошопе

Галочка «Simulate pressure» (Имитировать нажим) отвечает за толщину линии. Если вы выберите эту опцию, линия вначале будет более тонкой, потом к середине утолщается, и к концу опять утончается. Если же не использовать эту опцию, то линия будет одной толщины, равной диаметру заданной ранее кисти.

Как рисовать кистью на основе созданных контуров в Фотошопе

Итак, вот что у меня получилось. Так как, сама кривая, созданная пером, нам больше будет не нужна, мы ее удалим – нажимаем правой кнопкой мыши, вызываем дополнительное меню, где выбираем «Delete pass» (Удалить контур).

Как рисовать кистью на основе созданных контуров в Фотошопе

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

Как рисовать кистью на основе созданных контуров в Фотошопе

Далее заходим в меню Edit — Define Brush Preset (Редактирование — Определить кисть).

Вводим название, жмем Ок, и получаем новую кисть. Вот и все.

Как вставить одно изображение внутри определённой области другого

Hobo 2019-05-17 в Photoshop Комментариев: 4

Одно изображение внутри определённой области другого

Последнее обновление — 21 января 2021 в 23:21

Друзья, предлагаю вашему вниманию инструкцию, как разместить одно изображение в пределах определённой области другого. Сделать это можно при помощи инструментов Photoshop. Я буду использовать версию CS6 программы.

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

Инструкция

Итак, мне понадобится 2 изображения. В качестве фонового изображения, внутрь которого я буду вставлять другую картинку, возьмём вот такой шаблон. Назовём его — изображение №1.

Шаблон для миниатюры записи

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

В качестве второго изображения возьму фото Джека с мячиком.

Вставляемая картинка

Далее, откроем изображение №1 в фотошопе и выделим нужную область, то есть обведём по контуру белый прямоугольник. Сделать это удобнее при помощи инструмента «Прямолинейное лассо», которое вызывается из панели инструментов слева.

Читайте так же:
Можно ли изменить емайл

Инструмент "Прямолинейное лассо"

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

Выделяем область изображения

Теперь откроем в Photoshop изображение №2 и полностью выделим, нажав сочетание клавиш «Ctrl+A». Вы увидите пунктирное выделение картинки в активном окне. Теперь просто скопируем картинку в буфер обмена, нажав «Ctrl» и «C».

Копируем изображение

Далее вставим картинку №2 в фоновое изображение №1. Но сочетание клавиш «Ctrl+V» в этом случае не сработает. В Photoshop есть для этого функция «Специальная вставка», которая вызывается из пункта «Редактирование» верхнего меню.

Итак, чтобы внедрить картинку №2 в выделенную область картинки №1, перейдите в окно с изображением №1 и клацнете на пункт меню «Редактирование». Далее в выпавшем списке наведите курсор на строку «Специальная вставка» — появится ещё одно подменю, где щёлкнете по строке «Вставить в». Либо, вместо вызова из меню, нажмите сочетание «горячих» клавиш «Alt+Shift+Ctrl+V».

Специальная вставка

Обратите внимание на панель слоёв (у меня она находится справа). Над слоем фонового изображения (Слой 0) появился ещё один слой (Слой 1) с картинкой №2 и миниатюрой слоя-маски. Белый прямоугольник миниатюры слоя-маски — это и есть область выделения в картинке №1, которую мы ранее создали.

Панель слоёв

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

Полученный результат

Встав на Слой 1 и выбрав инструмент «Перемещение», мы можем двигать картинку №2 как нам угодно и она не будет перекрывать цветную рамку. Всё перемещение будет происходит внутри слоя-маски.

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

Краткое описание действий

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

  • Инструментом «Прямолинейное лассо» выделить область на изображении №1.
  • Выделить (Ctrl+A) и скопировать в буфер обмена (Ctrl+C) изображение №2.
  • Вставить (Alt+Shift+Ctrl+V) изображение №2 внутрь отмеченных границ изображения №1.

Как «разморозить» изображение PNG

И ещё одно небольшое дополнение. Если вы используете изображения в формате jpeg, то проблем с перемещением картинки в картинку возникнуть не должно. Но я, например, использовал png формат. И в окне «Слои», слой с картинкой был закреплён. Это видно по иконке закрытого замочка на слое с изображением png.

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

Как это сделать? Очень просто: кликнуть в горизонтальном меню по ссылке «Изображение», далее — «Режим» и отметить галочкой строку RGB. Теперь в окне «Слои» клацнем по слою с картинкой два раза и в появившемся окне нажмём «ОК». И далее работаем с изображением.

Читайте так же:
Как в формуле excel написать не равно

Как сделать контур из фото в фотошопе?

Нажмите на линию и перейдите на Object> Path> Outline Stroke. Вы увидите, как линия станет контуром. Вы можете задать цвет и контуру, и внутренней части. Чтобы создать контур из текста, используйте Type Tool, чтобы создать текст.

Как в Пиксарте обвести контур рисунка?

Итак, обвести силуэт можно в приложении PicsArt. Скачать бесплатно его можно из официальных магазинов из AppStore и Google Play.

Очертания

  1. Открыть PicsArt и выбрать нужное фото из Галереи.
  2. В нижнем меню выбрать Эффекты-Скетч.
  3. Из предложенных скетчей выбрать тот, который понравился больше всего.
  4. Сохранить изображение.

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

Стирание части контура с помощью инструмента «Стирание контура»

  1. Выделите объект.
  2. Выберите инструмент «Стирание контура» .
  3. Перетащите инструмент вдоль отрезка контура, который нужно стереть. Рекомендуется делать это одним плавным движением.

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

Выполните одно из следующих действий:

  1. Выберите команду «Текст» > «Текст по контуру» и во вложенном меню выберите эффект.
  2. Выберите команду «Текст» > «Текст по контуру» > «Параметры текста по контуру». Затем выберите в меню «Эффект» нужный параметр и нажмите кнопку «ОК». Примечание.

Как сделать параллельный контур в Иллюстраторе?

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

  1. Выделите один или несколько объектов.
  2. Выберите команду «Объект» > «Контур» > «Создать параллельный контур».
  3. Укажите расстояние смещения, тип стыков и пределы среза.
  4. Нажмите кнопку «OК».

Как сделать из фото мультяшный рисунок в фотошопе?

Применяем к нему фильтр Cutout/«Аппликация» из меню Filter/«Фильтр» → Filter Gallery/«Галерея фильтров». Параметры фильтра подбираем на свой вкус. Нужно уменьшить количество тональных переходов и сделать границы цветов на снимке более явными, но при этом сохранить основные черты лица и узнаваемость фотографии.

Как сделать из фото рисунок карандашом в фотошопе?

Как превратить фото в рисунок карандашом в Фотошопе

  1. Шаг 1. Открываем изображение Откройте фото с девочками.
  2. Шаг 2. Обесцвечиваем изображение …
  3. Шаг 3. Усиливаем контраст …
  4. Шаг 4. Создаем копию слоев …
  5. Шаг 5. Используем фильтры …
  6. Шаг 6. Добавляем корректирующий слой …
  7. Шаг 7. Добавляем новый слой …
  8. Шаг 8. Изменяем непрозрачность слоя

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

Пройдите в меню Фильтр > Усиление резкости > Умная резкость (Filter > Sharpen > Smart Sharpen). Используйте значение эффекта около 100%, но при этом установите маленький радиус: Даже такой результат вполне неплох. Фильтр «Диффузия» позволяют добиться эффекта нарисованного кистью изображения.

Как в фотошопе сделать обводку?

Обводка выделенной области или слоя цветом

  1. Выберите основной цвет.
  2. Выберите область или слой, для которых необходимо выполнить обводку.
  3. Выберите меню «Редактирование» > «Выполнить обводку».
  4. В диалоговом окне «Обводка» укажите ширину рамки с четким краем.

Как сделать обводку текста?

Сделать обводку текста можно стандартными средствами Фотошопа. То есть дважды кликнуть по слою, вызвав стили и выбрав пункт «Обводка». Здесь можно настроить цвет, расположение, тип и толщину обводки.

Читайте так же:
Как в ворде сделать кроссворд пошагово

Пишем текст по контуру картинки в Фотошопе.

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

И хочу ещё сказать, что текст мы будем писать по незамкнутому контуру. То есть по произвольной кривой.

Итак, откройте в Фотошопе вашу картинку, по контуру которой вы хотите написать текст. Я нашёл в интернете какой-то цветок с бабочкой. По контуру бабочки я и напишу текст.

1

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

2

Контур будем прокладывать по частям слева на право. Ставим первые две точки. Между ними появляется прямая линия.

3

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

4 5

Теперь проложим следующий участок контура и аналогично выгнем его по контуру.

6 7

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

8

Итак, контур проложен. Теперь осталось написать текст. Кликнем по инструменту «Горизонтальный текст».

9

Определимся с параметрами текста-цветом, шрифтом, размером и пр.

9.1

Подведём курсор мыши к контуру, чтобы курсор принял такую форму.

10

Хочу обратить внимание на то, что при наборе текста, буквы «поедут» влево, а курсор будет перемещаться вправо. Потому, для набора текста, сделайте клик мышью посередине области контура

11

Набрав текст, получится следующее

12

Ну и, чтобы убрать линию контура, просто щёлкните по инструменту «Перемещение». Линия контура исчезнет.

13

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

Инструмент «Перо» в Photoshop: особенности работы

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

Работаем с пером в Фотошопе

Предлагаем вам изучить основные принципы

Панель инструмента

Кликните на «Перо» в панели слева, вверху откроется его панель параметров, возможность настраивать его для работы. Здесь можно сделать следующее.

Режимы

Вначале вы увидите два режима:

  1. Слой-фигура — здесь строятся слоевые векторные изображения;
  2. Контуры.
Читайте так же:
Где в ворде навигация

В первом из названных режимов вы выбираете цвет и сразу можете рисовать залитые выбранной расцветкой фигуры. Нарисованный элемент появляется на отдельном слое. Получается векторный слой, его можно изменять-редактировать по принципам векторной графики. На слое вы увидите иконочку, наведя на которую, увидите надпись «Миниатюра векторной маски» — это означает возможность работы с векторным объектом.

Создаем слой-фигуру

Новый слой автоматически создается при построении

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

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

Создаем контур пером

Режим подходит для рисования кривых

Выделение области

Перо используют для создания области выделения в Фотошопе.

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

Образование выделенной области

Данная функция будет полезна при дальнейшей работе с фотографиями

Обводка кисточкой

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

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

Добавление обводки контура

Фотошоп как всегда радует своей вариативностью

Заливка

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

Трансформирование

Функция «Свободное трансформирование» образует квадрат для работы с фигурой. Меняя его положение, можно разворачивать фигуру, как вам требуется.

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

Свободное перо

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

Читайте так же:
Как включить html5 в chrome

В режиме «Свободное перо» можно настроить также некоторые параметры. Параметр «Погрешность» при установленных 2-3 пикселях создаёт контур несглаженный, неплавный, при 10 пикселях тот становится плавным.

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

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

Включаем дополнительные опции

Редактирование контура

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

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

Есть ещё в Фотошопе инструмент «Угол» в разновидностях режима Пера. Кликнув им на опорную точку, удаляем направляющий отрезок. Кликнув второй раз, образуем снова направляющие отрезки, но теперь его половинки можно разворачивать под любыми углами, что даёт больше вариантов изменения кривизны нашей дуги.

Создание определённых фигур

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

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

Стили изображений

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

Оформление с помощью стилей

Можно добавить эффекты

Векторная маска

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

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector