Как сделать отрисовку
Здравствуйте! Сегодня третий день марафона — создание детской фотокниги. И мы начинаем учиться создавать элементы для детских фотокниг.
Сегодня мы научимся создавать элементы, которые в нашей условной квалификации мы определи, как «Нарисованные с помощью пера и других инструментов фотошоп».
Конечно, часто для скрап-наборов подобные элементы создаются авторами на основе собственных эскизов, сделанных на бумаге. От этого подобные скрап-наборы становятся по-настоящему авторскими и неповторимыми. Но, не все имеют талант к рисованию, а очень хочется нарисовать что-нибудь красивое. Для примера был взят львенок из мультфильма «Львенок и черепаха».
Итак, приступим.
- Создаем Новый файл в программе фотошоп, я выбрала такие параметры:
- Создаем новый слой горячими клавишами Ctrl+Shift+N;
- Открываем понравившийся нам рисунок. Горячими клавишами копируем рисунок Сtrl+A, вырезаем Сtrl+C, теперь открываем наш файл, и, прибегнув к горячим клавишам Ctrl+V, вставляем наш рисунок.
Как вы видите, рисунок у меня маленького разрешения, но это поправимо. Нажимаем горячие клавиши трансформации Ctrl+T и тянем рисунок за любой уголок, удерживая клавиши Shift+Alt (чтобы не потерять пропорции), до нужного нам размера. Растянем по-максимуму, чтобы качество нашей отрисовки было хорошее, а уменьшить мы всегда успеем. Затем Enter.
- Создаем новый слой Ctrl+Shift+N или можно кликнуть по миниатюре на панели слоев;
- Кисть. Настраиваем кисть : выбираем жесткую круглую кисть, цвет в палитре цветов настраиваем черный, и выставляем параметры, как показаны ниже, можете попробовать выставить свои параметры.
Чтобы нам не настраивать постоянно данные параметры, можно сохранить эту кисть.
Сохраненная кисть отразится в конце списка кистей.
- Контур. Приступаем к рисованию. Активируем инструмент «Перо» , выделяем контур.
Не забудьте убедиться, что вы рисуете на новом слое.
Если вы еще не сталкивались с инструментом «Перо» , то на сайте «Фотокниги для души» можете подробно ознакомиться с данным инструментом в этом уроке.
Желательно контур каждого фрагмента создавать на отдельном слое, сразу переименовывать все слои и сгруппировывать в отдельные папки. Так вам будет легче находить элементы для редактирования.
Вот я обвела гриву львенку инструментом «Перо» .
Затем нам необходимо выполнить обводку контура той кистью, которую мы создали. Кликаем по полю правой кнопной мыши.
Я Слой 1 залила инструментом «Заливка», предварительно выбрав в «Палитре цветов» белый цвет. Отключила глазик на слое с львенком на панели слоев и вот что у меня получилось.
- Заливка контура. Как вы видите, я уже переименовала свои слои и сгруппировала. В данной группе добавляем новый слой под слоем «контур». Пока мы рисуем только шаблон, все контуры обвожу черным цветом, а заливаю белым и при необходимости в любой момент могу поменять цветность в стилях слоя.
- Далее удаляем контур. Кликаю правой кнопкой мыши — удалить контур
- Хочу показать еще один способ рисования контура не затронутый в уроках приведенных выше. Грива у меня нарисована сплошным контуром, а на исходном рисунке встречаются элементы, состоящие из отдельных сегментов, например лапка. На данный момент абсолютно все равно, в каком порядке вы будете перерисовывать элементы. Ведь у нас каждый элемент (в данном случае части тела) будет в отдельной папочке, и в дальнейшем мы легко можем пересортировать все слои. Например, в моем случае: ведь глазки не могут быть под гривой, их просто не будет видно. Конечно, папочка с глазками идет сверху, далее маленькая грива, затем папка с мордочкой, ушки и только потом уже большая грива, и т.д.
- Контур. Приступим. Создаем новый слой. Если у вас мелкие элементы, не обязательно вглядываться в экран, можно при помощи инструмента «Лупа» увеличить масштаб, и также уменьшить до нужного вам размера .
- Заливка. Придаем цвет лапке. С гривой, заливка цветом была проще, так как она замкнутая и теперь нам нужно также замкнуть наш контур лапки. Создаем новый слой. Активируем инструмент «Перо», кликаем на конечную нашу точку контура, контур стал активным, и далее кликаем еще пару точек, замыкая контур. Чтобы нам было легче выставлять точки, включим слой с исходным рисунком.
Кликаем правой кнопкой мыши и в свойствах выбираем «Выполнить заливку контура». Для заливки контура выбираем основной цвет белый и ОК.Вот что у меня получилось.Так как контур был не круговой, у меня не все залилось. Но это не страшно. Можно выбрать инструмент «Заливка» и кликать ЛКМ по пустым, не закрашенным местам. Или выбираем инструмент «Кисть» , жесткость 100%, размер не имеет значения, и аккуратно подкрашиваем все неокрашенное. Аналогично удаляем активный контур.Так как пяточка моего львенка другого цвета в отличие от лапки, я залила ее на новом слое. И продолжаем в таком же духе рисовать контуры, заливать цветом, переименовывать слои и группировать в отдельные папочки. Глазки и более мелкие детали обводим той же кистью, которую мы создали, только уменьшаем размер.Результат моего творчестваВот так выглядит политра слоев - Раскраска. Я предполагаю, что все в детстве любили разукрашивать, у всех были книжки-раскраски. И вот впадаем в детство.
- Затемнение. Чтобы объекты смотрелись более правдоподобными и «объемными» нужно оттенить местами, осветлить, либо затемнить, но на новых слоях. Создаем новый слой, удерживая кнопку Ctrl кликаем по иконке с заливкой на панели слоев и по контуру заливки побежали муравьишки. Режим наложения выставляем «Умножение».В палитре цветов выбираем цвет, чуть-чуть темнее, чем наша заливка.
Активируем инструмент «Кисть» , выбираем круглую кисть, жесткость 0% затем аккуратно затемняем.При необходимости, можно менять размер кисти, (горячие клавиши – квадратные скобки, буква Х и буква Ъ). Также можно менять непрозрачность кисти. - Теперь немного размоем фильтром.
- Осветление. Создаем новый документ. Выбираем цвет намного светлее, чем заливка, и мягкой кистью проходим, осветляя. Далее размоем фильтром. Если у вас что-то не получилось, можно горячими клавишами Ctrl+Alt+Z вернуться на несколько шагов назад, либо подтереть инструментом «Ластик» .Остальные лапки разукрашивала по тому же принципу. Не обязательно опять подбирать цвета для заливки и для контура одинаковых элементов, (у меня это лапки и пузико), можно просто скопировать стили слоя и вставить. Но для заливки свой стиль слоя, а для контура свой. Правой кнопкой мыши кликаем по слою со стилем и в выпавшем меню выбираем «Скопировать стиль слоя».А затем выделяем все слои, на которых будет одинаковый стиль слоя (удерживая клавишу Ctrl кликаем по всем слоям).
Далее на одном из выделенных слоев кликаем опять же правую кнопку мыши и выбираем «Вклеить стиль слоя». - Дальше все по тому же списку. Пробуйте, экспериментируйте. Работаем кропотливо, аккуратно. Чем аккуратнее будет рисунок, тем интереснее он будет выглядеть.
- Заливка контура. Как вы видите, я уже переименовала свои слои и сгруппировала. В данной группе добавляем новый слой под слоем «контур». Пока мы рисуем только шаблон, все контуры обвожу черным цветом, а заливаю белым и при необходимости в любой момент могу поменять цветность в стилях слоя.
Вот результат!
С помощью этой техники можно сделать выдуманных персонажей, которых вы можете придумать и нарисовать на бумаге. Затем отсканировать и таким образом подготовить эскиз для ваших уникальных героев. Также можно использовать рисунки/эскизы ваших детей. Или просто рисунки, которые вам понравились в интернете (например, выполненные карандашом). А при подборе цветов для ваших героев и всего, что к ним прилагается, вам помогут знания, которые мы рассматривали в прошлом обзоре .
Урок подготовлен командой сайта «Фотокниги для души». Исполнитель — Светлана.
Дополнение к уроку.
У некоторых может возникнуть вопрос зачем столько времени тратить на отрисовку, если можно найти картинки в интернете, сделать из них клипарт и создавать спокойно развороты фотокниги.
Теоретически это можно сделать, но на практике, в интернете не всегда можно найти картинку необходимого вам персонажа (и чего угодно), нужного качества и размера. Связано это в первую очередь с тем, что изображения делятся на растровые и векторные. И во-вторую, с тем, что авторы изображений просто не выкладывают в интернет оригиналы своих работ (работы в хорошем качестве).
Чем же отличаются векторные изображения от растровых?
Растровые изображения состоят из сетки цветовых точек, называемых пикселями. Каждый пиксель имеет своё расположение и цвет. Растровые изображения используются для представления изображений с плавным переходом цветов, таких, как картины или фотографии, так как могут наиболее точно показывать все оттенки цветов. Главный недостаток — при увеличении изображение кажется созданым из квадратов. Чем больше увеличение — тем больше квадраты. Поэтому имеет большое значение какие размеры и качество документа были заданы изначально.
Векторная графика состоит из линий или кривых, которые описываются математическими объектами, называемыми векторами.
Например, колесо автомобиля описывается формулой эллипса. При изменении размеров рисунка качество его не меняется (Изображение можно растянуть хоть на баннер). Векторные форматы: AI, CDR, EPS. Самая популярная программа для создания векторных изображений — illustrator.
Мы с вами изучаем программу фотошоп. Фотошоп — растровая программа. Вектор в ней присутствует в виде векторных контуров (в основном создаваемых при помощи пера, а также инструментов выделения и создания из выделенных объектов рабочих контуров) . Как таковых, векторных объектов в нем нет. Т.е. если контур, созданный с помощью пера векторный, то заливка в нем все равно будет растровой. Работа с вектором в Фотошопе не представляется возможной, просто потому, то нет нужных функций и инструментов (так было во всех версиях фотошоп, но фотошоп постоянно совершенствуют ;).
Размеры разворотов фотокниги нельзя сравнить, к примеру, с рекламным уличным баннером, поэтому отрисовки для фотокниг легко можно делать в программе фотошоп ))).
Но, как следствие, из всего вышесказанного при работе со слоями могут возникнуть всякие артифакты, вылезать непонятные «штуковины» и т.д. и т.п. Поэтому, после завершения всех операций по отрисовке, вам необходимо слить все слои Ctrl+Alt+Shift+E. Таким образом, вы объедините все слои (с которыми работали) в один общий слой (самый верхний в слоях).
После того, того как вы объединили все слои, вы можете преобразовать его в смарт-объект. В палитре инструментов нажимаем на слой с объектом, нажимаем правую клавишу мыши — Преобразовать в смарт-объект. Смарт-объекты — это слои, содержащие данные изображения из растровых или векторных изображений, таких как файлы Photoshop или Illustrator. Смарт-объекты сохраняют первоначальное содержимое изображения со всеми исходными характеристиками, позволяя производить обратимое редактирование слоя. В этом случае вы можете работать с объектом и трансформировать его до первоначального размера (без потери качества).
Девушки, только прежде чем сливать все в один слой, не забывайте отключать фоновый слой и слой с оригинальным рисунком, чтобы ваша отрисовка оказалась на прозрачном фоне )))
А теперь попытаюсь показать, все что сказано выше на примерах.
Вот так выглядит отрисовка в первоначальном виде (ее размеры 3000*3000 пикс. 300 dpi)
Вот что происходит с объектом, если уменьшить и увеличить его несколько раз без преобразования в смарт-объект. Это происходит, когда вы выбираете инструмент трансформирование — масштабирование и увеличиваете объект, потом по-каким то причинам уменьшаете объект, потом снова увеличиваете. И при каждой операции объект теряет в качестве.
А вот результат после тех же «манипуляций», но с преобразованием в смарт-объект.
Но, это работает только в том случае, если вы увеличиваете объект не больше, чем до первоначальных размеров, т.к. март-объекты сохраняют первоначальное содержимое изображения со всеми исходными характеристиками, позволяя производить обратимое редактирование слоя.
Если же вам потребуется увеличить объект во много раз (например, для баннера), то преобразование в смарт-объект вам к сожалению не поможет. Я увеличила первоначальную картинку всего в три раза, и вот что получилось.
Хоть и незначительно, но качество все же ухудшилось.
А если бы вы изначально работали в редакторах для создания векторных изображений, то смогли бы растянуть объект до любых размеров. Надеюсь теперь вам понятна разница между растровой и векторной графикой.
Задание!
- Каждая из участниц марафона должна будет сделать как минимум три отрисовки героев (из мультфильмов, сказок, своих рисунков и т.д. Только выбирайте героев из одного сюжета/одной сказки/одного мультфильм и т.д) и 3 объекта (цветочки, листочки, облачка, солнышко и т.д., которые ваших героев окружают).Выслать мне нужно задание в формате Tif. Каждый объект в отдельном документе (со слоями). И один файл со всеми отрисовками в формате jpg. (500*500 пикс. 300 dpi).
- Также, вам нужно будет найти в интернете 3 разворота шаблонов/макетов (просто картинки, не psd, не tif, просто примеры), с использованием любых отрисовок (не обязательно с героями, которых вы делали). И выслать их мне вместе с вашими работами.
Вам просто должны очень нравится эти развороты.
- Работы вы должны сделать до 25 января включительно. Высылать пока не нужно! 26 числа выйдет пост, в котором я скажу когда мне нужно будет выслать задания день№1 и день №3!
Участницы марафона и читатели сайта, не забывайте комментировать статьи. Нам интересно ваше мнение!
Хотите научиться делать фотокниги своими руками? Нужны вдохновение и полезные уроки? Тогда подпишитесь и получайте информацию о новых статьях и примерах фотокниг на сайте мгновенно!
Перевод растрового в векторное в фотошопе
Автор: Елена Король. Дата публикации: . Категория: Обработка фотографий в фотошопе.
Перевод растрового в векторное
в фотошопе
Всем привет!
Сегодня в уроке «Перевод растрового в векторное в фотошопе» я хочу показать вам еще один способ, которым можно маленькое монохромное изображение увеличить, не потеряв качество.
Причем не только увеличить, но и перевести растр в вектор, а ведь это дает возможность масштабировать рисунок практически до бесконечности!!!
Оговорюсь сразу, данный способ вряд ли подойдет обладателям нелицензионной версии Adobe Photoshop, поскольку при обработке задействованы библиотеки Adobe Creative Cloud.
Итак, для примера я подобрала вот такую двухцветную картинку с маленьким разрешением, всего 360х301 пиксель.
Открываем изображение, для этого нажимаем «CTRL+О».
Давайте посмотрим, как выглядит нотка при приближении. Это будет объект для дальнейшего сравнения.
Далее, в выпадающем меню «Окно» нужно найти строку «Библиотеки».
Если у вас есть аккаунт в Adobe Creative Cloud, то через несколько секунд появится вот такое окошко.
Для начала давайте создадим собственную библиотеку, в которой будет находиться векторный объект с нотками. Для этого нажимаем на плюсик справа внизу окна.
В появившемся окне выберем строку «Создать новую библиотеку».
Далее вписываем название библиотеки. Я назову ее «Растр», вы же можете назвать как-то по-своему.
Теперь, когда библиотека создана, приступим к непосредственной обработке рисунка. Нажимаем на плюсик, как на картинке.
В появившемся окошке выбираем строку «Создать из изображения».
Перед вами появится вот такое окошко, где следует выбрать вкладку «Фигуры». Нажимаем.
Теперь следует определить Детальность. Я обычно выбираю приблизительно 70-80. Еще активизирую «Сглаживание при сохранении».
Завершив настройки, не забудьте нажать синюю кнопку «Сохранить в CC Libraries». Сохранение займет несколько секунд, затем нажмите «Закрыть».
Сейчас в библиотеке появилась миниатюра, название по умолчанию – «Захват фигуры 1». При каждой новой обработке название будет дублироваться, только порядковый номер поменяется. Это не очень удобно.
Поэтому предлагаю переименовать фигуру.
Кликните правой кнопкой мыши на миниатюре, в выпавшем окошке выберите строку «Переименовать». Я назвала свою картинку «Нотки».
Теперь давайте попробуем применить созданную миниатюру на новом большом холсте. Для этого создаем новый документ, нажимаем «CTRL+N».
В открывшемся окне введите данные, как на картинке ниже.
Попробуем просто перетащить миниатюру на холст нового документа, при этом в первый раз может выскочить окошко с предупреждением. Ставим галочку «Не показывать снова», нажимаем «ОК».
На холсте появляется миниатюра картинки. Сейчас она соответствует своему реальному размеру 360х301 пиксель. Но по углам картинки есть маркеры изменения размеров. Давайте растянем миниатюру до размеров холста.
Помните, вначале мы смотрели на нотку? Давайте посмотрим, как этот кадр смотрится сейчас.
Здорово, не правда ли?
Мы видим, что картинка чуточку видоизменилась, программа сгладила некоторые уголки, но в общем виде рисунок сохраняет свои формы.
И, поскольку сейчас этот рисунок в векторе, то мы его можем растягивать бесконечно.
Безусловно, можно попробовать отрисовать это в векторных программах, вроде Adobe Illustrator, но, думаю, почему бы не сделать это в Фотошопе, если такая возможность имеется и делается всего в пару кликов! С более простыми формами погрешности с изменениями будут практически незаметны.
Удачи вам, друзья, и не бойтесь покорять новые горизонты!
Урок «Перевод растрового в векторное в фотошопе» завершен.
БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:
Если Вы не хотите пропустить интересные уроки по обработке фотографий в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Заливка фигуры фотографией в Photoshop 2022
Узнайте, как легко нарисовать фигуру и поместить в нее изображение с помощью Photoshop! Пошаговое руководство по Photoshop 2022.
Посмотрите видео или следуйте письменному руководству под ним.
Автор сценария Стив Паттерсон.
В этом уроке я покажу вам, как заполнить фигуру изображением с помощью Photoshop. Как мы увидим, фотографии легко придать любую форму, от простого прямоугольника или круга до причудливой нестандартной формы. В этом уроке мы будем использовать пользовательскую фигуру, и я покажу вам, как загрузить все недостающие фигуры, которые включены в Photoshop, чтобы у вас было из чего выбирать.
Вот пример того, как будет выглядеть окончательный эффект. Наряду с размещением изображения в фигуре я также покажу вам, как изменить цвет фона или удалить фон, чтобы вы могли поместить фигуру на любой фон, который вам нравится.
Окончательное изображение с эффектом формы
.
Какая версия Photoshop мне нужна?
Компания Adobe внесла изменения в способ рисования фигур в последних версиях Photoshop. Итак, чтобы следовать, вам нужно использовать Photoshop 2022 или новее. Вы можете получить последнюю версию Photoshop здесь.
Начнем!
Шаг 1: Создайте новый документ
Начните с создания нового документа Photoshop. Если вы находитесь на главном экране, нажмите кнопку Новый файл .
Нажатие кнопки «Новый файл» на главном экране Photoshop.
Или вы можете перейти к меню File в строке меню и выбрать New .
Перейдите в меню «Файл» > «Создать».
В любом случае открывается диалоговое окно New Document , в котором можно ввести нужные параметры в столбце справа. Я создам документ квадратной формы, установив Ширина и Высота от до 2000 пикселей .
Поскольку мы будем размещать изображение в форме, а изображения обычно сохраняются с более высоким разрешением, я изменю значение Разрешение на 300 пикселей на дюйм.
И я оставлю Background Contents установленным на White .
Новые настройки документа.
Затем нажмите кнопку Создать .
Нажимаем «Создать».
И Photoshop создает новый документ.
Новый документ.
Шаг 2. Откройте панель «Фигуры»
Самый быстрый способ рисовать пользовательские фигуры в Photoshop — добавлять их с панели «Фигуры». Чтобы открыть его, перейдите в меню Window и выберите Shapes .
Перейдите в «Окно» > «Фигуры».
Панель «Фигуры» открывается в столбце дополнительных панелей слева от основных панелей. Вы можете показать или скрыть панель, щелкнув ее значок.
Панель «Фигуры» открывается в узкой панели столбцов.
Сначала все, что мы видим, это фигуры по умолчанию, разделенные на группы.
Пользовательские группы форм по умолчанию.
Вы можете вращать любую открытую группу, чтобы просмотреть фигуры внутри нее, щелкнув стрелку рядом со значком ее папки.
Просмотр фигур внутри группы.
И вы можете перетащить нижнюю часть панели «Фигуры» вниз, чтобы развернуть ее и просмотреть больше фигур одновременно.
Расширение панели фигур.
Шаг 3. Загрузите недостающие фигуры
Чтобы загрузить все отсутствующие фигуры, включенные в Photoshop, щелкните значок меню панели «Фигуры» .
Щелкните значок меню.
Затем выберите Устаревшие формы и многое другое .
Загрузка группы «Устаревшие фигуры и прочее».
Под значениями по умолчанию появляется новая группа «Устаревшие формы и другое».
Новая группа Legacy Shapes and More.
А внутри группы еще две группы. 2019 Shapes содержит сотни новых фигур, которые были добавлены еще в Photoshop 2020. И Все устаревшие формы по умолчанию содержит классические формы из старых версий Photoshop.
Группы «Формы 2019» и «Все устаревшие формы по умолчанию».
Шаг 4. Выберите форму
В этом уроке я буду использовать одну из классических форм. Я открою группу All Legacy Default Shapes .
Открытие всех устаревших форм по умолчанию.
Затем я прокручиваю вниз до набора Nature и открываю его.
Открытие группы Природа.
А внутри набора «Природа» я буду использовать форму «Бабочка ».
Выбор формы бабочки.
Шаг 5. Перетащите фигуру на холст
Чтобы добавить фигуру, просто щелкните и перетащите миниатюру фигуры с панели «Фигуры» на холст.
Перетаскивание фигуры с панели «Фигуры» на холст.
Photoshop рисует фигуру, когда вы отпускаете кнопку мыши.
Фотошоп рисует форму.
Шаг 6. Измените размер и отцентрируйте фигуру
Прежде чем изменять размер фигуры, перейдите на панель параметров и убедитесь, что между полями «Ширина» и «Высота» выбран значок ссылки , чтобы соотношение сторон фигуры было заблокировано.
Убедитесь, что ширина и высота связаны друг с другом.
Затем измените размер фигуры, щелкнув и перетащив любой из маркеров преобразования. Если вы будете удерживать клавишу Alt (Win)/ Option (Mac) на клавиатуре во время перетаскивания, вы измените размер фигуры от ее центра.
Перетаскивание маркера для изменения размера фигуры.
Щелкните и перетащите фигуру в центр холста. Когда вы приблизитесь к центру, он должен встать на место.
Перетаскивание фигуры в центр.
Затем щелкните галочкой на панели параметров, чтобы принять его.
Нажатие галочки.
На панели «Слои» фигура отображается на собственном слое формы . Мы знаем, что это слой формы по значку в правом нижнем углу миниатюры.
Новый слой-фигура на панели «Слои».
Шаг 7. Проверьте параметры заливки и обводки на панели свойств
Когда выбран слой формы, панель «Свойства» дает нам доступ ко всем параметрам фигуры, включая заливку и обводку.
Параметры заливки и обводки на панели свойств.
По умолчанию Photoshop использует черный цвет для заливки, и это нормально, поскольку мы все равно не увидим цвет, когда заполним фигуру изображением.
Но Photoshop также добавляет вокруг фигуры черную обводку толщиной 1 пиксель.
Заливка и обводка по умолчанию.
Мы можем добавить обводку позже, если захотим. Но пока отключите обводку, щелкнув образец цвета Stroke :
.Щелчок по образцу цвета обводки.
И щелкните значок Нет цвета в верхнем левом углу панели. Затем щелкните за пределами панели, чтобы закрыть ее, или нажмите Enter (Win) / Return (Mac) на клавиатуре.
Установка обводки на «Без цвета».
Шаг 8. Поместите изображение в документ
Далее мы поместим наше изображение в документ. И поскольку мы хотим, чтобы изображение появилось в том же документе, что и наша фигура, мы будем использовать команду Photoshop Place Embedded.
Перейдите в меню File и выберите Place Embedded .
Перейдите в меню «Файл» > «Поместить встроенный».
Перейдите к месту сохранения изображения на вашем компьютере. В моем случае это папка на рабочем столе. Нажмите на изображение, чтобы выбрать его, а затем нажмите Место .
Выбор изображения и нажатие кнопки «Поместить».
Photoshop добавляет изображение перед фигурой. Если ваше изображение больше, чем размер документа, Photoshop изменит его размер, чтобы он соответствовал размеру. Я использую изображение из Adobe Stock.
Изображение помещается перед фигурой.
Мы изменим размер изображения после того, как поместим его в фигуру. Так что пока нажмите на галочку на панели параметров, чтобы принять его.
Нажатие галочки.
На панели «Слои» изображение появляется на новом слое над слоем с фигурой. И обратите внимание, что Photoshop преобразовал изображение в смарт-объект, о чем мы можем сказать по значку смарт-объекта в правом нижнем углу миниатюры.
Это означает, что независимо от того, сколько раз мы изменяем размер изображения, оно не потеряет качества.
Photoshop помещает изображение как смарт-объект.
Шаг 9: Создайте обтравочную маску
В данный момент изображение находится перед фигурой. Чтобы поместить его в фигуру, щелкните панель «Слои» 9.0025 значок меню .
Щелкните значок меню панели «Слои».
Затем выберите Создать обтравочную маску .
Выбор команды «Создать обтравочную маску».
Обтравочная маска обрезает изображение по форме под ним, что означает, что единственная часть изображения, которая остается видимой, — это область непосредственно над фигурой или перед ней. Любая часть изображения, находящаяся за пределами фигуры, скрыта от глаз, что создает иллюзию того, что изображение на самом деле находится внутри нее.
Результат после обрезки изображения по фигуре.
Вернувшись на панель «Слои», обратите внимание, что слой изображения теперь имеет отступ вправо, а маленькая стрелка указывает вниз на слой формы под ним.
Вот как Photoshop сообщает нам, что мы создали обтравочную маску.
Панель «Слои» с обтравочной маской.
Шаг 10. Измените размер и положение изображения с помощью Free Transform
Чтобы изменить размер и положение изображения внутри фигуры, перейдите на Меню Edit и выберите Free Transform .
Результат после обрезки изображения по фигуре.
Убедитесь, что на панели параметров между полями «Ширина» и «Высота» выбран значок ссылки .
Убедитесь, что выбран значок ссылки.
Затем измените размер изображения, перетащив любой из маркеров преобразования . Вы можете удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре, перетаскивая маркер, чтобы изменить размер изображения из его центра.
Изменение размера изображения внутри фигуры.
Затем перетащите изображение, чтобы расположить объект внутри фигуры.
Возможно, вам придется переключаться между изменением размера и положением изображения, пока вы не сделаете все правильно.
Позиционирование изображения в форме.
Когда вы закончите, нажмите галочку на панели параметров.
Нажатие галочки.
Как изменить цвет фона
На данный момент мы поместили изображение в фигуру и сделали основной эффект. Итак, есть несколько вещей, которые мы можем сделать дальше. Мы можем добавить обводку вокруг фигуры, изменить цвет фона позади фигуры или полностью удалить фон.
Я начну с того, что покажу вам, как изменить цвет фона. И самый простой способ сделать это — использовать слой заливки сплошным цветом.
Шаг 1. Добавьте слой заливки сплошным цветом
Мы хотим, чтобы слой заливки сплошным цветом отображался непосредственно над фоновым слоем. Итак, на панели «Слои» щелкните фоновый слой , чтобы выбрать его.
Выбор фонового слоя.
Затем щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:
Щелкните значок «Новый слой-заливка» или «Корректирующий слой».
И выберите Solid Color в верхней части списка.
Добавление слоя заливки сплошным цветом.
Шаг 2. Выберите новый цвет фона
Photoshop открывает палитру цветов, чтобы мы могли выбрать новый цвет для фона. Цвет по умолчанию — черный, что определенно подчеркивает детали формы. Но в моем случае, как цвет фона для бабочки, он слишком темный.
Эффект с черным цветом фона.
Вы можете выбрать другой цвет в палитре цветов. Но вы также можете взять образец цвета непосредственно из изображения внутри фигуры. Просто наведите курсор мыши на изображение, и курсор изменится на пипетку. Затем нажмите на цвет, который вы хотите попробовать.
Я возьму образец светлого оттенка кожи со лба девушки, и он мгновенно станет новым фоновым цветом.
Выборка нового цвета фона из изображения внутри фигуры.
Когда вы найдете нужный цвет, нажмите OK, чтобы закрыть палитру цветов. Вернувшись на панель «Слои», мы видим, что слой заливки «Сплошной цвет» был добавлен между фоновым слоем и слоем формы над ним.
Панель «Слои» с новым слоем заливки «Сплошной цвет».
Как добавить обводку вокруг фигуры
Еще один способ усилить эффект — добавить обводку вокруг фигуры.
Шаг 1: выберите слой формы
Сначала на панели «Слои» щелкните слой формы , чтобы выбрать его.
Выбор слоя формы.
Шаг 2. Добавьте эффект слоя обводки
Хотя вы можете добавить обводку с панели «Свойства», я по-прежнему предпочитаю старый способ их добавления с помощью эффектов слоя. Итак, выбрав слой формы, нажмите кнопку 9Значок 0025 fx в нижней части панели «Слои»:
Щелкните значок эффектов слоя.
И выбираем Ход .
Добавление эффекта слоя «Обводка».
Photoshop открывает диалоговое окно Layer Style с параметрами Stroke в среднем столбце. Чтобы изменить цвет обводки, щелкните образец цвета .
Щелкните образец цвета в диалоговом окне «Стиль слоя».
Затем выберите новый цвет в палитре цветов. я выберу белый , установив для R , G и B значения 255 . Нажмите OK, когда закончите, чтобы закрыть палитру цветов.
Выбор белого цвета для обводки в палитре цветов.
Вернитесь в диалоговое окно Layer Style, установите Position на Outside , чтобы обводка появилась вокруг внешней стороны фигуры. Затем увеличьте значение Size , чтобы отрегулировать толщину обводки. Для моего изображения размер около 18 пикселей работает хорошо.
Установка положения и размера штриха.
Нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Стиль слоя». И вот мой результат с обводкой вокруг фигуры.
Результат с обводкой вокруг фигуры.
Если вы решите, что вам не нравится обводка, вы можете отключить ее на панели «Слои», щелкнув значок видимости рядом со словом «Обводка».
Включите или выключите обводку, щелкнув значок видимости.
Как удалить фон за фигурой
Наконец, давайте посмотрим, как удалить фон позади фигуры, чтобы можно было поместить фигуру и изображение внутри нее на другой фон. Я также покажу вам, как сохранить результат и какой тип файла вам нужен, чтобы фон оставался прозрачным.
Шаг 1: отключите фоновый слой и слой заливки сплошным цветом
Во-первых, чтобы удалить фон за фигурой, все, что нам нужно сделать, это выключить Фоновый слой , щелкнув его значок видимости на панели «Слои».
Отключение фонового слоя.
И если вы добавили слой-заливку сплошным цветом в предыдущем разделе, щелкните его значок видимости , чтобы также отключить его.
Отключение слоя заливки сплошным цветом.
Это оставляет нам прозрачность за фигурой, которую Photoshop представляет в виде шахматной доски.
Фон стал прозрачным.
Шаг 2. Обрежьте прозрачные пиксели
Нам не нужно все дополнительное пространство вокруг фигуры. Итак, чтобы обрезать его, перейдите в меню Image и выберите Trim .
Идем в Изображение > Обрезать.
В диалоговом окне «Обрезка» убедитесь, что Transparent Pixels выбраны вверху, а Top , Bottom , Left и Right выбраны внизу. Затем нажмите ОК.
Настройки обрезки.
Photoshop обрезает области вокруг фигуры.
Окружающие пиксели были обрезаны.
Шаг 3. Сохраните результат в виде файла PNG
Наконец, чтобы сохранить результат, перейдите в меню Файл и вместо выбора Сохранить или Сохранить как выберите Сохранить копию .
Выберите «Файл» > «Сохранить копию».
Photoshop спросит, хотите ли вы сохранить его на свой компьютер или в облако.
я выберу Сохранить на свой компьютер .
Выбор параметра «Сохранить на вашем компьютере».
Чтобы сохранить прозрачность формы, мы не можем сохранить ее как файл JPEG, поскольку JPEG не поддерживает прозрачность. Вместо этого нам нужно сохранить его как файл PNG. Поэтому щелкните поле Сохранить как тип на ПК с Windows или поле Формат на Mac и выберите PNG .
Установка типа файла в PNG.
Затем дайте файлу имя. Я назову это изображение-в-форме.png
.
Имя файла.
Перейдите туда, где вы хотите сохранить файл на вашем компьютере. Я сохраню его в ту же папку на рабочем столе, где сохранено мое изображение. Затем нажмите кнопку Сохранить .
Нажатие кнопки Сохранить.
Наконец, в диалоговом окне Параметры формата PNG выберите параметр Наименьший размер файла внизу и нажмите OK.
Выбор наименьшего размера файла.
И вот оно! Посетите мой раздел «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop! И не забывайте, что все мои уроки Photoshop теперь доступны для скачивания в формате PDF!
Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!
Как обвести изображение в Photoshop?
Вы ищете идеальный учебник Photoshop, чтобы узнать, как обвести изображение в Photoshop? Тогда прочитайте статью, и я уверен, вы станете профессионалом в этом деле. Зачем вам нужно трассировать изображение? Что ж, обводка фотографии, формы или линии помогает вам полностью контролировать свое изображение или дизайн. Таким образом, вы можете редактировать изображения, например удаление фона , изменение размера изображения, коррекция цвета и многое другое с легкостью.
Если у вас есть изображение, фигура или линия, вы можете легко обвести их и нарисовать поверх них с помощью простых инструментов и приемов Photoshop. В этой статье мы покажем вам несколько простых, но эффективных методов трассировки изображений.
Так что будь с нами.
Содержание
Трассировка изображения в Photoshop с помощью инструмента «Перо» Вы можете обвести изображение в Photoshop с помощью инструмента «Перо», и это один из наиболее часто используемых методов.
Инструмент «Перо» позволяет создавать контуры, по которым можно легко обвести изображение или фигуру. Специалисты Photoshop часто используют этот инструмент и выполняют методов обтравочного контура для профессионального редактирования изображений. Следуйте приведенным ниже шагам, чтобы узнать, как легко сделать этот процесс своими руками.
Шаг 1. Откройте изображение в Photoshop.
Начните с вставки изображения, которое вы хотите обвести, в Adobe Photoshop cc на вашем компьютере. Вы можете перетащить изображение на монтажную область. Или вы можете перейти в строку меню, щелкнуть меню Файл , щелкнуть параметр Открыть , выбрать изображение, которое нужно отследить, и нажать Ок/Вставить .
Шаг 2. Создайте дубликат слоя
После вставки изображения, если вы проверите правую часть панели инструментов, вы увидите исходный слой на панели слоев. Мы продублируем его и создадим дубликат слоя.
Перейдите в строку меню и щелкните меню Layer .
В раскрывающемся меню выберите параметр «Дублировать слой» и нажмите «ОК».
Шаг 3. Установите прозрачность
На этом шаге мы настроим непрозрачность нашего недавно созданного дубликата слоя. Нажмите на дубликат слоя и в поле «Непрозрачность» установите значение 50% . Заблокируйте слой, щелкнув значок замка рядом с параметром непрозрачности.
Шаг 4. Создайте новый слой Установите имя слоя на «
Tracing ». При этом у нас будет три слоя на панели слоев. Прежде чем перейти к части трассировки, щелкните последний слой и нажмите 9.0025 Ctrl+Backspace (ПК) или cmd+Delete (Mac), чтобы сделать его белым.
Шаг 5. Увеличение/уменьшение масштаба строка меню. Нажмите на опцию
200% в раскрывающемся меню и увеличьте изображение. Используйте параметр «Увеличить и уменьшить» в этом раскрывающемся меню, чтобы сделать просмотр изображения более удобным для вас.
Шаг 6. Выберите цвет для трассировки
Выберите цвет с помощью параметра меню цвета над окном слоя справа. Нажмите на перекрывающиеся квадраты и выберите цвет. Нажмите на квадраты еще раз и снова выберите тот же цвет. Шаг 7. Выберите инструмент «Перо».
Шаг 8. Настройте параметры
После выбора инструмента «Перо» перейдите наверх, и вы увидите некоторые настройки инструмента «Перо» прямо под меню. Установите настройки на путь оттуда.
Шаг 9. Начните трассировку
Чтобы обвести изображение, вы должны создать контуры по краям объекта. Вам нужно использовать опорные точки в инструменте «Перо» для создания путей. Поэтому начните создавать опорные точки по краям, и пути будут созданы автоматически. Чем больше изгибов вашего объекта, тем больше вам нужно использовать опорных точек, чтобы сделать его идеальным.
Шаг 10.
Сохраните изображение. И когда вы почувствуете, что получили именно то, что хотите, сохраните изображение.
Перейдите в строку меню, щелкните меню «Файл» и выберите «Сохранить как». Выберите место, где вы хотите сохранить изображение, а затем нажмите кнопку «Сохранить».
Как рисовать поверх изображения в Photoshop
Иногда вам может понадобиться нарисовать поверх изображения в Photoshop. В этом случае карандаш Photoshop может быть лучшим вариантом для вас. Давайте посмотрим, как нарисовать изображение в Photoshop с помощью инструмента «Карандаш», выполнив несколько простых шагов.
Как и в предыдущем случае, мы начнем с открытия нашего изображения в Photoshop. Продолжите с шага 1 предыдущего процесса, а затем продолжите с шага 2 ниже.
Шаг 2: Выберите инструмент «Карандаш»
Перейдите на панель инструментов слева и найдите значок в виде карандаша.
Его можно встроить в вариант кисти. Найдите его и нажмите на него, чтобы выбрать.
Шаг 3. Настройте параметры
После выбора инструмента «Карандаш» некоторые параметры появятся прямо под верхней строкой меню. Оттуда установите размер и стиль кисти в соответствии с вашими требованиями.
Шаг 4: Выберите цвет
Теперь щелкните образец цвета на панели инструментов и выберите подходящий цвет в окне выбора цвета с помощью радужных ползунков.
Шаг 5: Начните рисовать.
Пришло время начать рисовать поверх изображения. Так что нажмите на изображение и перетащите курсор, чтобы нарисовать. Вы можете перетаскивать фотографию и рисовать так, как вам нравится.
Шаг 6. Сохраните файл
После завершения рисования поверх изображения с помощью инструмента «Карандаш» сохраните файл, щелкнув меню «Файл» и выбрав в нем параметр «Сохранить как».
Трассировка линий или фигур в Photoshop
В Photoshop можно отслеживать линии любого текста или любой графической фигуры. Adobe Photoshop предлагает несколько инструментов редактирования для этой техники редактирования изображений. Вы можете использовать Pen Tool, Pencil Tool или 9Инструмент «Кисть 0025» для обводки линий в Photoshop. Мы использовали инструмент «Перо» в первом уроке этой статьи, поэтому в этой части мы будем использовать инструмент «Кисть».
Вы можете следовать первому до выбора инструментов без каких-либо хлопот, поэтому я не буду проходить все шаги с самого начала. Следуйте этому руководству от шага 1 до шага 6, а затем вернитесь сюда, чтобы продолжить.
Шаг 7. Выберите инструмент «Кисть» и настройте параметры.
Инструмент «Кисть» находится на панели инструментов слева. Нажмите на него, чтобы выбрать его, а затем настройте параметры в соответствии с вашими требованиями с помощью параметра, который появится прямо под строкой меню после выбора инструмента.
Шаг 8. Начните трассировку
Теперь щелкните линии или фигуры, которые вы хотите трассировать, и перетащите курсор, чтобы начать трассировку. Перетаскивайте линии, пока не закончите обводить все линии или фигуры.
Шаг 9. Сохраните файл
После того, как вы будете удовлетворены результатом, сохраните файл любым удобным для вас способом. Используйте опцию «Файл» в строке меню, чтобы сохранить изображение.
Трассировка изображения Photoshop в вектор
Векторные изображения — это формат растровых изображений без потерь. Это помогает дизайнерам создавать высококачественный контент для своих клиентов. Как вы можете видеть в этой статье, вы можете узнать, как обвести изображение в Photoshop.
Но если вы выполните пару шагов, упомянутых ниже, вы сможете преобразовать свои растровые изображения или фигуры в векторный формат и сделать это неизбежным.
Чтобы начать, следуйте процессу трассировки изображения, и после завершения трассировки у вас будет выбран весь объект вашего изображения. После этого выполните следующие шаги.
Шаг 1: Щелкните значок создания нового слоя-заливки или корректирующего слоя, чтобы создать на панели слой с эффектом порогового значения.
Шаг 2: Выберите тонированные области с помощью команды цветового диапазона.
Шаг 3: На этом этапе отрегулируйте значение допуска в соответствии с вашим пониманием пути, который вы создали.
Шаг 4: Теперь создайте новый слой сплошного цвета, чтобы заполнить контур, и благодаря этому ваше изображение превратится в векторный формат.
Шаг 6: Сохраните векторное изображение как файл SVG.
Ну с этим рэп!
Заключение Если вы новичок и изучаете редактирование фотографий , знание того, как обводить изображение в фотошопе, даст вам уникальный набор навыков.
