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

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

2. Изменяем размер изображения, идя в Изображение – Размер изображения.

Хотя лучше воспользоваться плагином или программой для увеличения размера для сохранения качества изображения. Я пользуюсь плагином Alien Skin Blow Up 3.

3. Создаем новый слой, нажав на конвертик. Назовем этот слой Контур и перетащим под слой с фоном, зажав левой кнопкой мыши.

4. Настроим инструмент Кисть для обводки контура. Выбираем Кисть, диаметр – 9 пикселей, жесткость – 100%.
Вызываем окно настройки кистей, нажав клавишу на клавиатуре F5 или Окно – Кисть. Проверяем Форма отпечатка кисти – Кегль – 9 пикселей, Динамика формы – Управление – Нажим пера, Минимальный диаметр – 30%.

Свернем это окошко.
5. Выбираем цвет для обводки. Я буду отрисовывать плавничок, стоя на слое с фоном, идем в панель цветов и щелкаем пипеткой по обводке на нашей картинке. Цвет обводки должен быть темнее цвета области плавничка.
У меня так:

6. Переходим на слой Контур, выбираем инструмент Перо и ставим по контуру плавничка 2 точки. Расстояние не должно быть между ними слишком маленьким. Появляется линия, ставим еще точку 3 на ней посередине. Зажимаем клавишу Ctrl и тянем за эту точку, пока не линия не примет очертания контура нашей картинки.

7. Ставим следующую точку, появилась линия, ставим еще точку на ней посередине. Зажимаем клавишу Ctrl и тянем за эту точку, пока не линия не примет очертания контура нашей картинки.

Продолжаем пока не соединим с начальной точкой. У меня так:

8. Щелкаем правой мышкой внутри контура и выбираем Выполнить обводку контура. Инструмент выбираем Кисть, галочка стоит Имитировать нажим.

9. Щелкаем правой мышкой внутри контура и выбираем Удалить контур.
10. Создаем новый слой, нажав на конвертик. Назовем этот слой Заливка и переместим его под слой с контуром.

11. Выберем цвет заливки плавничка, стоя на слое с фоном. Щелкнув по выбору цвета, пипеткой определим цвет с нашего объекта.

12. Переходим на слой Контур и инструментом Волшебная палочка щелкнем по плавнику. Появилось выделение.

13. Идем в Выделение – Модификация – Расширить и расширяем выделение где-то на 4 пикселя.

14. Переходим на слой Заливка и с помощью инструмента Заливка заливаем плавничок выбранным цветом.

Снимаем выделение, нажав сочетание клавиш Ctrl + D.
15. Делаем активный слой с фоном (включаем глазик). Видим, что некоторые части плавничка светлее, а некоторые – темнее. Для этого переходим на инструмент Осветлитель, цвет – белый, и стоя на слое Заливка, осветлим нужную область. У меня так:

16. Инструментом Затемнитель, цвет – черный, и стоя на слое Заливка, затемняем нужную область. У меня так:

17. Осталось отрисовать элементы внутри контура. Стоя на сое с контуром, выбираем инструмент Перо, цвет – пипеткой по обводке контура и начинаем отрисовывать.

Щелкаем рядом с контуром правой кнопкой мыши и выбираем Выполнить обводку контура. Далее правой кнопкой мыши – удалить контур.
Также остальные линии. Должно получиться так:

18. Так же отрисовываем остальные элементы изображения.
Если захотите, слоев с заливкой может быть несколько для редактирования, то есть каждый элемент изображения на новом слое с заливкой. Но это не обязательно. Я использую 1 слой с контуром и 1 слой с заливкой.

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

Урок на самом деле не сложный и ориентирован на новичков. Пентул (Pen Tool) — подручное средство каждого дизайнера, поэтому рано или поздно вам все равно придется осваивать инструмент. Можете воспользоваться данным руководством сразу после того как научились начать рисовать с нуля. От малого к большему.

Весь процесс у вас займет примерно 2 часа драгоценного времени, но практика никогда и никому еще не вредила. Целью урока является демонстрация произвольной работы с инструментом «Pen Tool» и дальнейшая обработка созданных форм. Я остановился лишь на «эскизном» варианте, учтите, что всегда можно доводить иллюстрацию до технического предела, не жалейте времени, качество того стоит, главное не переборщить.

Итак, первый этап включает в себя создание примитивных форм, используем исключительно Pen Tool. Буду надеяться, что техника вам уже знакома. Тут не надо торопиться и как можно меньше редактировать точки, чтобы форма в итоге получилась менее «угольной».

Инструмент той же группы «Convert Point Tool» помогает править форму, зажимаете «Alt» и тяните точки как вам угодно.

1. Создаем общую форму. Наш пример похож на руку или туфлю, если приглядеться. После того как замкнули круг формы, нажимаем правый клик и выбираем «Make selection«

Заливаем поле цветом и двигаемся далее.

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

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

3. Далее рисуем вдавленную узкую часть, которая залита темным цветом, а сверху боковину, красим в цвет посветлее.

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

Вторым этапом является работа с свето тенью. Свет и тени я рисую мягкой кистью белого и черного цвета соответственно.

7. Рисуем засвет кончика крыла, оперируясь на лево-верхний источник света.

8.9.10. По тому же принципу побелил еще несколько частей.

11. Слегка затенил цвет реакторов, подтер мягкой кистью разделительную форму.

12.13.14. Переходим к теням. Затемняем все той же кистью, только черного цвета заднюю часть и еще нескольких мест, смотрите рисунок.

Следующим этапом являются цвет и детали.

15. Рисуем прозрачной кистью 15-20% прозрачности свечение от реактора, рассеянный свет, а где он необходим, аккуратно подтираем непрозрачным ластиком.

16. Рисуем голубой блик. Я применил инструмент «Polygonal Lasso Tool»

И далее размыл края фильтром «Blur > Gaussian blur».

17. Рисуем такой же блик, только уже, ярче и четче.

18.-24. По тому же принципу и порядку делаем правый реактор.

25. Рисуем рефлекс, падающий от левого реактора на кончик крыла.

26. Дорисовываем фары со всех сторон, можете их акцентировать цветом.

27. Рисуем индикатор батареи.

28. И значек производителя.

Заключительные штрихи. С фоном я заморачиваться не стал, лишь размыл в движении (Blur > Motion Blur) и подогнал все под голубой тон. Вы, как я уже отписывал выше, можете довести иллюстрацию до более серьезного уровня.

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

От лица всех читателей Дизайн Мании также спешку поблагодарить Сергея Мишалова, автора персонального дизайн блог и, как мы видим, хорошего дизайнера по совместительству. Кто бы мог подумать, что из формы больше похоже на обувь получится такой вот летательный аппарат будущего. Как по мне, получилось очень красиво!

Здравствуйте! Сегодня третий день марафона — создание детской фотокниги. И мы начинаем учиться создавать элементы для детских фотокниг.

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

Конечно, часто для скрап-наборов подобные элементы создаются авторами на основе собственных эскизов, сделанных на бумаге. От этого подобные скрап-наборы становятся по-настоящему авторскими и неповторимыми. Но, не все имеют талант к рисованию, а очень хочется нарисовать что-нибудь красивое. Для примера был взят львенок из мультфильма «Львенок и черепаха».

1. Создаем Новый файл в программе фотошоп, я выбрала такие параметры:
2. Создаем новый слой горячими клавишами Ctrl+Shift+N;
3. Открываем понравившийся нам рисунок. Горячими клавишами копируем рисунок Сtrl+A, вырезаем Сtrl+C, теперь открываем наш файл, и, прибегнув к горячим клавишам Ctrl+V, вставляем наш рисунок. Файл с рисунком можно закрыть, он нам больше не понадобится.

Как вы видите, рисунок у меня маленького разрешения, но это поправимо. Нажимаем горячие клавиши трансформации Ctrl+T и тянем рисунок за любой уголок, удерживая клавиши Shift+Alt (чтобы не потерять пропорции), до нужного нам размера. Растянем по-максимуму, чтобы качество нашей отрисовки было хорошее, а уменьшить мы всегда успеем. Затем Enter.

1. Создаем новый слой Ctrl+Shift+N или можно кликнуть по миниатюре на панели слоев;
2. Кисть. Настраиваем кисть : выбираем жесткую круглую кисть, цвет в палитре цветов настраиваем черный, и выставляем параметры, как показаны ниже, можете попробовать выставить свои параметры.

Чтобы нам не настраивать постоянно данные параметры, можно сохранить эту кисть.

Сохраненная кисть отразится в конце списка кистей.

1. Контур. Приступаем к рисованию. Активируем инструмент «Перо» , выделяем контур.

Не забудьте убедиться, что вы рисуете на новом слое.

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

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

Вот я обвела гриву львенку инструментом «Перо» .

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

Я Слой 1 залила инструментом «Заливка», предварительно выбрав в «Палитре цветов» белый цвет. Отключила глазик на слое с львенком на панели слоев и вот что у меня получилось.

1. Заливка контура. Как вы видите, я уже переименовала свои слои и сгруппировала. В данной группе добавляем новый слой под слоем «контур». Пока мы рисуем только шаблон, все контуры обвожу черным цветом, а заливаю белым и при необходимости в любой момент могу поменять цветность в стилях слоя. Кликаю правой кнопкой мыши и в свойствах выбираю «Выполнить заливку контура».
2. Далее удаляем контур. Кликаю правой кнопкой мыши — удалить контур
3. Хочу показать еще один способ рисования контура не затронутый в уроках приведенных выше. Грива у меня нарисована сплошным контуром, а на исходном рисунке встречаются элементы, состоящие из отдельных сегментов, например лапка. На данный момент абсолютно все равно, в каком порядке вы будете перерисовывать элементы. Ведь у нас каждый элемент (в данном случае части тела) будет в отдельной папочке, и в дальнейшем мы легко можем пересортировать все слои. Например, в моем случае: ведь глазки не могут быть под гривой, их просто не будет видно. Конечно, папочка с глазками идет сверху, далее маленькая грива, затем папка с мордочкой, ушки и только потом уже большая грива, и т.д.
4. Контур. Приступим. Создаем новый слой. Если у вас мелкие элементы, не обязательно вглядываться в экран, можно при помощи инструмента «Лупа» увеличить масштаб, и также уменьшить до нужного вам размера . Выбираем инструмент «Перо» . Отрисовав один сегмент, (мне не нужно что бы он продолжался, я хочу, чтобы пальчики были отдельно), активирую инструмент «Стрелка» и кликаю ЛКМ по полю. Если же мы не выберем инструмент «Стрелка», то кликнув по полю, мы просто добавим дополнительную опорную точку.Далее опять активирую инструмент «Перо» и отрисовываю пальчики, также останавливая каждый фрагмент. Затем обводим контур, ПКМ вызываем свойства и выбираем «Выполнить обводку контура». В данном случае я хочу, чтобы у меня получились контуры с плавным переходом толщины, для этого ставлю галочку «Имитировать нажим».Вот какая лапка с пузиком получилась у моего львенка.
5. Заливка. Придаем цвет лапке. С гривой, заливка цветом была проще, так как она замкнутая и теперь нам нужно также замкнуть наш контур лапки. Создаем новый слой. Активируем инструмент «Перо», кликаем на конечную нашу точку контура, контур стал активным, и далее кликаем еще пару точек, замыкая контур. Чтобы нам было легче выставлять точки, включим слой с исходным рисунком. Кликаем правой кнопкой мыши и в свойствах выбираем «Выполнить заливку контура». Для заливки контура выбираем основной цвет белый и ОК.Вот что у меня получилось.Так как контур был не круговой, у меня не все залилось. Но это не страшно. Можно выбрать инструмент «Заливка» и кликать ЛКМ по пустым, не закрашенным местам. Или выбираем инструмент «Кисть» , жесткость 100%, размер не имеет значения, и аккуратно подкрашиваем все неокрашенное. Аналогично удаляем активный контур.Так как пяточка моего львенка другого цвета в отличие от лапки, я залила ее на новом слое. И продолжаем в таком же духе рисовать контуры, заливать цветом, переименовывать слои и группировать в отдельные папочки. Глазки и более мелкие детали обводим той же кистью, которую мы создали, только уменьшаем размер.Результат моего творчестваВот так выглядит политра слоев
   Результат с подлинным исходником.
6. Раскраска. Я предполагаю, что все в детстве любили разукрашивать, у всех были книжки-раскраски. И вот впадаем в детство. Теперь результату нашего творчества придаем цветность и объем.Отключаем все группы-папки, включаем исходник, открываем любую папочку, у меня будет первой группа «Лапка с пузиком». Определяем цвет. Если же вы хотите повторить цвета с исходного рисунка, то инструментом «Пипетка» кликаем по исходнику на тот участок, который будете разукрашивать. Либо можете разукрасить на свой вкус. Далее кликаем по пиктограмме «Добавить стиль слоя» и выбираем «Наложение цвета».В выпавшем окне кликаем по цветному прямоугольничку, всплывает второе окошко «Выбрать цвет перекрытия», выбираем цвет и ОК.К слою «Контур» также применяем Стиль слоя «цвет перекрытия», только оттенком более темнее.
7. Затемнение. Чтобы объекты смотрелись более правдоподобными и «объемными» нужно оттенить местами, осветлить, либо затемнить, но на новых слоях. Создаем новый слой, удерживая кнопку Ctrl кликаем по иконке с заливкой на панели слоев и по контуру заливки побежали муравьишки. Режим наложения выставляем «Умножение».В палитре цветов выбираем цвет, чуть-чуть темнее, чем наша заливка. Активируем инструмент «Кисть» , выбираем круглую кисть, жесткость 0% затем аккуратно затемняем.При необходимости, можно менять размер кисти, (горячие клавиши – квадратные скобки, буква Х и буква Ъ). Также можно менять непрозрачность кисти.
8. Теперь немного размоем фильтром.
9. Осветление. Создаем новый документ. Выбираем цвет намного светлее, чем заливка, и мягкой кистью проходим, осветляя. Далее размоем фильтром. Если у вас что-то не получилось, можно горячими клавишами Ctrl+Alt+Z вернуться на несколько шагов назад, либо подтереть инструментом «Ластик» .Остальные лапки разукрашивала по тому же принципу. Не обязательно опять подбирать цвета для заливки и для контура одинаковых элементов, (у меня это лапки и пузико), можно просто скопировать стили слоя и вставить. Но для заливки свой стиль слоя, а для контура свой. Правой кнопкой мыши кликаем по слою со стилем и в выпавшем меню выбираем «Скопировать стиль слоя».А затем выделяем все слои, на которых будет одинаковый стиль слоя (удерживая клавишу Ctrl кликаем по всем слоям). Далее на одном из выделенных слоев кликаем опять же правую кнопку мыши и выбираем «Вклеить стиль слоя».
10. Дальше все по тому же списку. Пробуйте, экспериментируйте. Работаем кропотливо, аккуратно. Чем аккуратнее будет рисунок, тем интереснее он будет выглядеть.

Вот результат!

С помощью этой техники можно сделать выдуманных персонажей, которых вы можете придумать и нарисовать на бумаге. Затем отсканировать и таким образом подготовить эскиз для ваших уникальных героев. Также можно использовать рисунки/эскизы ваших детей. Или просто рисунки, которые вам понравились в интернете (например, выполненные карандашом). А при подборе цветов для ваших героев и всего, что к ним прилагается, вам помогут знания, которые мы рассматривали в прошлом обзоре .

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

Дополнение к уроку.

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

Чем же отличаются векторные изображения от растровых?

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

Векторная графика состоит из линий или кривых, которые описываются математическими объектами, называемыми векторами. Например, колесо автомобиля описывается формулой эллипса. При изменении размеров рисунка качество его не меняется (Изображение можно растянуть хоть на баннер). Векторные форматы: AI, CDR, EPS. Самая популярная программа для создания векторных изображений — illustrator.

Мы с вами изучаем программу фотошоп. Фотошоп — растровая программа. Вектор в ней присутствует в виде векторных контуров (в основном создаваемых при помощи пера, а также инструментов выделения и создания из выделенных объектов рабочих контуров) . Как таковых, векторных объектов в нем нет. Т.е. если контур, созданный с помощью пера векторный, то заливка в нем все равно будет растровой. Работа с вектором в Фотошопе не представляется возможной, просто потому, то нет нужных функций и инструментов (так было во всех версиях фотошоп, но фотошоп постоянно совершенствуют ;).

Размеры разворотов фотокниги нельзя сравнить, к примеру, с рекламным уличным баннером, поэтому отрисовки для фотокниг легко можно делать в программе фотошоп ))). Но, как следствие, из всего вышесказанного при работе со слоями могут возникнуть всякие артифакты, вылезать непонятные «штуковины» и т.д. и т.п. Поэтому, после завершения всех операций по отрисовке, вам необходимо слить все слои Ctrl+Alt+Shift+E. Таким образом, вы объедините все слои (с которыми работали) в один общий слой (самый верхний в слоях).

После того, того как вы объединили все слои, вы можете преобразовать его в смарт-объект. В палитре инструментов нажимаем на слой с объектом, нажимаем правую клавишу мыши — Преобразовать в смарт-объект. Смарт-объекты — это слои, содержащие данные изображения из растровых или векторных изображений, таких как файлы Photoshop или Illustrator. Смарт-объекты сохраняют первоначальное содержимое изображения со всеми исходными характеристиками, позволяя производить обратимое редактирование слоя. В этом случае вы можете работать с объектом и трансформировать его до первоначального размера (без потери качества).
Девушки, только прежде чем сливать все в один слой, не забывайте отключать фоновый слой и слой с оригинальным рисунком, чтобы ваша отрисовка оказалась на прозрачном фоне )))
А теперь попытаюсь показать, все что сказано выше на примерах.

Вот так выглядит отрисовка в первоначальном виде (ее размеры 3000*3000 пикс. 300 dpi)

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

А вот результат после тех же «манипуляций», но с преобразованием в смарт-объект.

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

Если же вам потребуется увеличить объект во много раз (например, для баннера), то преобразование в смарт-объект вам к сожалению не поможет. Я увеличила первоначальную картинку всего в три раза, и вот что получилось.Хоть и незначительно, но качество все же ухудшилось.

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

1. Каждая из участниц марафона должна будет сделать как минимум три отрисовки героев (из мультфильмов, сказок, своих рисунков и т.д. Только выбирайте героев из одного сюжета/одной сказки/одного мультфильм и т.д) и 3 объекта (цветочки, листочки, облачка, солнышко и т.д., которые ваших героев окружают).Выслать мне нужно задание в формате Tif. Каждый объект в отдельном документе (со слоями). И один файл со всеми отрисовками в формате jpg. (500*500 пикс. 300 dpi).
2. Также, вам нужно будет найти в интернете 3 разворота шаблонов/макетов (просто картинки, не psd, не tif, просто примеры), с использованием любых отрисовок (не обязательно с героями, которых вы делали). И выслать их мне вместе с вашими работами. Вам просто должны очень нравится эти развороты.
3. Работы вы должны сделать до 25 января включительно. Высылать пока не нужно! 26 числа выйдет пост, в котором я скажу когда мне нужно будет выслать задания день№1 и день №3!

Участницы марафона и читатели сайта, не забывайте комментировать статьи. Нам интересно ваше мнение!

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

Здравствуйте! Сегодня третий день марафона — создание детской фотокниги. И мы начинаем учиться создавать элементы для детских фотокниг.

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

Конечно, часто для скрап-наборов подобные элементы создаются авторами на основе собственных эскизов, сделанных на бумаге. От этого подобные скрап-наборы становятся по-настоящему авторскими и неповторимыми. Но, не все имеют талант к рисованию, а очень хочется нарисовать что-нибудь красивое. Для примера был взят львенок из мультфильма «Львенок и черепаха».

Итак, приступим.

1. Создаем Новый файл в программе фотошоп, я выбрала такие параметры:
2. Создаем новый слой горячими клавишами Ctrl+Shift+N;
3. Открываем понравившийся нам рисунок. Горячими клавишами копируем рисунок Сtrl+A, вырезаем Сtrl+C, теперь открываем наш файл, и, прибегнув к горячим клавишам Ctrl+V, вставляем наш рисунок. Файл с рисунком можно закрыть, он нам больше не понадобится.

Как вы видите, рисунок у меня маленького разрешения, но это поправимо. Нажимаем горячие клавиши трансформации Ctrl+T и тянем рисунок за любой уголок, удерживая клавиши Shift+Alt (чтобы не потерять пропорции), до нужного нам размера. Растянем по-максимуму, чтобы качество нашей отрисовки было хорошее, а уменьшить мы всегда успеем. Затем Enter.

4. Создаем новый слой Ctrl+Shift+N или можно кликнуть по миниатюре на панели слоев;
5. Кисть. Настраиваем кисть : выбираем жесткую круглую кисть, цвет в палитре цветов  настраиваем черный, и выставляем параметры, как показаны ниже, можете попробовать выставить свои параметры.

Чтобы нам не настраивать постоянно данные параметры, можно сохранить эту кисть.

Сохраненная кисть отразится в конце списка кистей.

6. Контур. Приступаем к рисованию. Активируем инструмент «Перо» , выделяем контур.

Не забудьте убедиться, что вы рисуете на новом слое.

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

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

Вот я обвела гриву львенку инструментом «Перо» .

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

Я Слой 1 залила инструментом «Заливка», предварительно выбрав в «Палитре цветов» белый цвет. Отключила глазик на слое с львенком на панели слоев и вот что у меня получилось.

7. 7. Заливка контура. Как вы видите, я уже переименовала свои слои и сгруппировала. В данной группе добавляем новый слой под слоем «контур». Пока мы рисуем только шаблон, все контуры обвожу черным цветом, а заливаю белым и при необходимости в любой момент могу поменять цветность в стилях слоя. Кликаю правой кнопкой мыши и в свойствах выбираю «Выполнить заливку контура».
   8. Далее удаляем контур. Кликаю правой кнопкой мыши — удалить контур
   9. Хочу показать еще один способ рисования контура не затронутый в уроках приведенных выше. Грива у меня нарисована сплошным контуром, а на исходном рисунке встречаются элементы, состоящие из отдельных сегментов, например лапка. На данный момент абсолютно  все равно, в каком порядке вы будете перерисовывать элементы. Ведь у нас каждый элемент (в данном случае части тела) будет в отдельной папочке, и в дальнейшем мы легко можем пересортировать все слои. Например, в моем случае: ведь глазки не могут быть под гривой, их просто не будет видно. Конечно, папочка с глазками идет сверху, далее маленькая грива, затем папка с мордочкой, ушки и только потом уже большая грива, и т.д.
   10. Контур. Приступим. Создаем новый слой. Если у вас мелкие элементы, не обязательно вглядываться в экран, можно при помощи инструмента «Лупа» увеличить масштаб, и также уменьшить до нужного вам размера . Выбираем инструмент «Перо» . Отрисовав один сегмент, (мне не нужно что бы он продолжался, я хочу, чтобы пальчики были отдельно), активирую инструмент «Стрелка»  и кликаю ЛКМ по полю. Если же мы не выберем инструмент «Стрелка», то кликнув по полю, мы просто добавим дополнительную опорную точку.Далее опять активирую инструмент «Перо»  и отрисовываю пальчики, также останавливая каждый фрагмент. Затем обводим контур, ПКМ вызываем свойства и выбираем «Выполнить обводку контура». В данном случае я хочу, чтобы у меня получились контуры с плавным переходом толщины, для этого ставлю галочку «Имитировать нажим».Вот какая лапка с пузиком получилась у моего львенка.
   11. Заливка. Придаем цвет лапке. С гривой, заливка цветом была проще, так как она замкнутая и теперь нам нужно также замкнуть наш контур лапки. Создаем новый слой. Активируем инструмент «Перо», кликаем на конечную нашу точку контура, контур стал активным, и далее кликаем еще пару точек, замыкая контур. Чтобы нам было легче выставлять точки, включим слой с исходным рисунком. Кликаем правой кнопкой мыши и в свойствах выбираем «Выполнить заливку контура». Для заливки контура выбираем основной цвет белый и ОК.Вот что у меня получилось.Так как контур был не круговой, у меня не все залилось. Но это не страшно. Можно выбрать инструмент «Заливка» и кликать ЛКМ по пустым, не закрашенным местам. Или выбираем инструмент «Кисть» , жесткость 100%, размер не имеет значения, и аккуратно подкрашиваем все неокрашенное. Аналогично удаляем активный контур.Так как пяточка моего львенка другого цвета в отличие от лапки, я залила ее на новом слое. И продолжаем в таком же духе рисовать контуры, заливать цветом, переименовывать слои и группировать в отдельные папочки. Глазки и более мелкие детали обводим той же кистью, которую мы создали, только уменьшаем размер.Результат моего творчестваВот так выглядит политра слоев
       Результат с подлинным исходником.
   12. Раскраска. Я предполагаю, что все в детстве любили разукрашивать, у всех были книжки-раскраски. И вот впадаем в детство. Теперь результату нашего творчества придаем цветность и объем.Отключаем все группы-папки, включаем исходник, открываем любую папочку, у меня будет первой группа «Лапка с пузиком». Определяем цвет. Если же вы хотите повторить цвета с исходного рисунка, то инструментом «Пипетка» кликаем по исходнику на тот участок, который будете разукрашивать. Либо можете разукрасить на свой вкус. Далее кликаем по пиктограмме «Добавить стиль слоя» и выбираем «Наложение цвета».В выпавшем окне кликаем по цветному прямоугольничку, всплывает второе окошко «Выбрать цвет перекрытия», выбираем цвет и ОК.К слою «Контур» также применяем Стиль слоя «цвет перекрытия», только оттенком более темнее.
   13. Затемнение. Чтобы объекты смотрелись более правдоподобными и «объемными» нужно оттенить местами, осветлить, либо затемнить, но на новых слоях. Создаем новый слой, удерживая кнопку Ctrl  кликаем по иконке с заливкой на панели слоев и по контуру заливки побежали муравьишки. Режим наложения выставляем «Умножение».В палитре цветов выбираем цвет, чуть-чуть темнее, чем наша заливка. Активируем инструмент «Кисть» , выбираем круглую кисть, жесткость 0% затем аккуратно затемняем.При необходимости, можно менять размер кисти, (горячие клавиши – квадратные скобки, буква Х и буква Ъ). Также можно менять непрозрачность кисти.
   14. Теперь немного размоем фильтром. 
   15. Осветление. Создаем новый документ. Выбираем цвет намного светлее, чем заливка, и мягкой кистью проходим, осветляя. Далее размоем фильтром. Если у вас что-то не получилось, можно горячими клавишами Ctrl+Alt+Z вернуться на несколько шагов назад, либо подтереть инструментом «Ластик» .Остальные лапки разукрашивала по тому же принципу. Не обязательно опять подбирать цвета для заливки и для контура одинаковых элементов, (у меня это лапки и пузико), можно просто скопировать стили слоя и вставить. Но для заливки свой стиль слоя, а для контура свой. Правой кнопкой мыши кликаем по слою со стилем и в выпавшем меню выбираем «Скопировать стиль слоя».А затем выделяем все слои, на которых будет одинаковый стиль слоя (удерживая клавишу Ctrl кликаем по всем слоям). Далее на одном из выделенных слоев кликаем опять же правую кнопку мыши и выбираем «Вклеить стиль слоя».
   16. Дальше все по тому же списку. Пробуйте, экспериментируйте. Работаем кропотливо, аккуратно. Чем аккуратнее будет рисунок, тем интереснее он будет выглядеть.

 

Вот результат!

С помощью этой техники можно сделать выдуманных персонажей, которых вы можете придумать и нарисовать на бумаге. Затем отсканировать и таким образом подготовить эскиз для ваших уникальных героев. Также можно использовать рисунки/эскизы ваших детей. Или просто рисунки, которые вам понравились в интернете (например, выполненные карандашом). А при подборе цветов для ваших героев и всего, что к ним прилагается, вам помогут знания, которые мы рассматривали в прошлом обзоре .

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

Дополнение к уроку.

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

Чем же отличаются векторные изображения от растровых?

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

Векторная графика состоит из линий или кривых, которые описываются математическими объектами, называемыми векторами. Например, колесо автомобиля описывается формулой эллипса. При изменении размеров рисунка качество его не меняется (Изображение можно растянуть хоть на баннер). Векторные форматы: AI, CDR, EPS. Самая популярная программа для создания векторных изображений — illustrator.

Мы с вами изучаем программу фотошоп. Фотошоп — растровая программа. Вектор в ней присутствует в виде векторных контуров (в основном создаваемых при помощи пера, а также инструментов выделения и создания из выделенных объектов рабочих контуров) . Как таковых, векторных объектов в нем нет. Т.е. если контур, созданный с помощью пера векторный, то заливка в нем все равно будет растровой. Работа с вектором в Фотошопе не представляется возможной, просто потому, то нет нужных функций и инструментов (так было во всех версиях фотошоп, но фотошоп постоянно совершенствуют ;).

Размеры разворотов фотокниги нельзя сравнить, к примеру,  с рекламным уличным баннером, поэтому  отрисовки для фотокниг легко можно делать в программе фотошоп ))). Но, как следствие, из всего вышесказанного при работе со слоями могут возникнуть всякие артифакты, вылезать непонятные «штуковины» и т.д. и т.п. Поэтому, после завершения всех операций по отрисовке, вам необходимо слить все слои Ctrl+Alt+Shift+E. Таким образом, вы объедините все слои (с которыми работали) в один общий слой (самый верхний в слоях).

После того, того как вы объединили все слои, вы можете преобразовать его в смарт-объект. В палитре инструментов нажимаем на слой с объектом, нажимаем правую клавишу мыши — Преобразовать в смарт-объект. Смарт-объекты — это слои, содержащие данные изображения из растровых или векторных изображений, таких как файлы Photoshop или Illustrator. Смарт-объекты сохраняют первоначальное содержимое изображения со всеми исходными характеристиками, позволяя производить обратимое редактирование слоя. В этом случае вы можете работать с объектом и трансформировать его до первоначального размера (без потери качества).
Девушки, только прежде чем сливать все в один слой, не забывайте отключать фоновый слой и слой с оригинальным рисунком, чтобы ваша отрисовка оказалась на прозрачном фоне )))
А теперь попытаюсь показать, все что сказано выше на примерах.

Вот так выглядит отрисовка в первоначальном виде (ее размеры 3000*3000 пикс. 300 dpi)

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

А вот результат после тех же «манипуляций», но с преобразованием в смарт-объект.

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

Если же вам потребуется увеличить объект во много раз (например, для баннера), то преобразование в смарт-объект вам к сожалению не поможет. Я увеличила первоначальную картинку всего в три раза, и вот что получилось.Хоть и незначительно, но качество все же ухудшилось.

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

Задание!

1. Каждая из участниц марафона должна будет сделать как минимум три отрисовки героев (из мультфильмов, сказок, своих рисунков и т.д. Только выбирайте героев из одного сюжета/одной сказки/одного мультфильм и т.д) и 3 объекта (цветочки, листочки, облачка, солнышко и т.д., которые ваших героев окружают).Выслать мне нужно задание в формате Tif. Каждый объект в отдельном документе (со слоями). И один файл со всеми отрисовками в формате jpg. (500*500 пикс. 300 dpi).
2. Также, вам нужно будет найти в интернете 3 разворота шаблонов/макетов (просто картинки, не psd, не tif, просто примеры), с использованием любых отрисовок (не обязательно с героями, которых вы делали). И выслать их мне вместе с вашими работами. Вам просто должны очень нравится эти развороты.
3. Работы вы должны сделать до 25 января включительно. Высылать пока не нужно! 26 числа выйдет пост, в котором я скажу когда мне нужно будет выслать задания день№1 и день №3!

 

Участницы марафона и читатели сайта, не забывайте комментировать статьи. Нам интересно ваше мнение!

Отрисовка изображения в фотошопе с нуля с помощью Pen Tool

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

Урок на самом деле не сложный и ориентирован на новичков. Пентул (Pen Tool) — подручное средство каждого дизайнера, поэтому рано или поздно вам все равно придется осваивать инструмент. Можете воспользоваться данным руководством сразу после того как научились начать рисовать с нуля. От малого к большему.

Весь процесс у вас займет примерно 2 часа драгоценного времени, но практика никогда и никому еще не вредила. Целью урока является демонстрация произвольной работы с инструментом «Pen Tool» и дальнейшая обработка созданных форм. Я остановился лишь на «эскизном» варианте, учтите, что всегда можно доводить иллюстрацию до технического предела, не жалейте времени, качество того стоит, главное не переборщить.

Итак, первый этап включает в себя создание примитивных форм, используем исключительно Pen Tool. Буду надеяться, что техника вам уже знакома. Тут не надо торопиться и как можно меньше редактировать точки, чтобы форма в итоге получилась менее «угольной».

Инструмент той же группы «Convert Point Tool» помогает править форму, зажимаете «Alt» и тяните точки как вам угодно.

1. Создаем общую форму. Наш пример похож на руку или туфлю, если приглядеться. После того как замкнули круг формы, нажимаем правый клик и выбираем «Make selection«

Заливаем поле цветом и двигаемся далее.

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

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

3. Далее рисуем вдавленную узкую часть, которая залита темным цветом, а сверху боковину, красим в цвет посветлее.

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

Вторым этапом является работа с свето тенью. Свет и тени я рисую мягкой кистью белого и черного цвета соответственно.

7. Рисуем засвет кончика крыла, оперируясь на лево-верхний источник света.

8.9.10. По тому же принципу побелил еще несколько частей.

11. Слегка затенил цвет реакторов, подтер мягкой кистью разделительную форму.

12.13.14. Переходим к теням. Затемняем все той же кистью, только черного цвета заднюю часть и еще нескольких мест, смотрите рисунок.

Следующим этапом являются цвет и детали.

15. Рисуем прозрачной кистью 15-20% прозрачности свечение от реактора, рассеянный свет, а где он необходим, аккуратно подтираем непрозрачным ластиком.

16. Рисуем голубой блик. Я применил инструмент «Polygonal Lasso Tool»

И далее размыл края фильтром «Blur > Gaussian blur».

17. Рисуем такой же блик, только уже, ярче и четче.

18.-24. По тому же принципу и порядку делаем правый реактор.

25. Рисуем рефлекс, падающий от левого реактора на кончик крыла.

26. Дорисовываем фары со всех сторон, можете их акцентировать цветом.

27. Рисуем индикатор батареи.

28. И значек производителя.

Заключительные штрихи. С фоном я заморачиваться не стал, лишь размыл в движении (Blur > Motion Blur) и подогнал все под голубой тон. Вы, как я уже отписывал выше, можете довести иллюстрацию до более серьезного уровня.

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

От лица всех читателей Дизайн Мании также спешку поблагодарить Сергея Мишалова, автора персонального дизайн блог и, как мы видим, хорошего дизайнера по совместительству. Кто бы мог подумать, что из формы больше похоже на обувь получится такой вот летательный аппарат будущего. Как по мне, получилось очень красиво!

P.S. Постовой. Интернет компания Интелсиб предлагает качественное продвижение сайтов в Яндексе по Москве и других регионах.
Новости Обнинска и жизнь города на сайте АЙК Обнинск — социально-информационный портал.
Позаботься о своей красоте ! Лучший spa отель в Ялте. Жемчужина Крыма — гостиница «Ореанда».

Как рисовать в Фотошопе / Фотообработка в Photoshop / Уроки фотографии

Дата публикации: 15.12.2017

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

В этой статье мы рассмотрим основные инструменты рисования Adobe Photoshop и покажем, как научиться рисовать в Фотошопе.

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

Из всего многообразия инструментов для рисования наиболее полезны следующие:

• Brush Tool/Инструмент «Кисть». Размер, плотность и форму кисти можно изменять.

Кликните правой клавишей мыши по пиктограмме инструмента «Кисть» и выберите кисть или карандаш для рисования.

• Mixer Brush Tool/Инструмент «Микс-кисть». Эта кисть позволяет смешивать цвета и работает почти как настоящий инструмент для рисования.

• Custom Shape Tool/Инструмент «Произвольная фигура». По клику на него правой клавишей мыши откроется группа инструментов для рисования геометрических фигур и форм. При этом библиотеку можно расширять и дополнять своими формами.

• Rectangle Tool/Инструмент «Прямоугольник»
• Rounded Rectangle Tool/Инструмент «Прямоугольник со скруглёнными углами»
• Ellipse Tool/Инструмент «Эллипс»
• Polygon Tool/Инструмент «Многоугольник»
• Line Tool/Инструмент «Линия»
• Custom Shape Tool/Инструмент «Произвольная фигура»

• Eraser Tool/Инструмент «Ластик» удаляет части изображения.

В верхней части окна Photoshop находится меню настроек выбранного инструмента.

Давайте рассмотрим параметры инструмента Brush Tool/«Кисть».

Основные параметры кисти приведены на этом скриншоте. Итак, доступно изменение размера кисти, ёе жёсткости и формы (при этом можно создавать свои кисти и загружать наборы из интернета), плотности и уровня заполнения.

Жёсткая кисть

Кисть с листьями

Кисть-распылитель

Попробуйте поэкспериментировать с настройками кистей и порисовать на белом фоне кистями разной формы, плотности и размера, менять цвета и тип инструмента.

Давайте теперь разберём, как нарисовать в Фотошопе простую картинку.

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

Кликаем на пиктограмму выбора цвета и задаём активный цвет. Пусть это будет оттенок жёлтого. После этого выбираем Paint Bucket Tool/Инструмент «Заливка» и кликаем на любом фрагменте пустого белого слоя. Краска зальёт весь холст.

Создадим новый прозрачный слой с помощью команды Layer/«Слои» → New/«Новый» → Layer/«Слой». После этого на панели слоёв появится прозрачный слой. Прозрачный слой работает как калька: мы его не видим, но видно то, что нарисовано на нём. Можно отключить видимость слоя с помощью пиктограммы с изображением глаза или изменить размер и форму, переместив «кальку» вместе с картинкой.

Выбираем другой цвет, кликаем на инструмент «Кисть» и пробуем рисовать!

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

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

В Adobe Photoshop есть рабочее пространство, предназначенное для художников. От пространства для фотографов оно отличается расположением панелей и инструментов. Перейти к нему можно с помощью меню Window/«Окно» → Workspace/«Рабочая среда» → Painting/«Рисование».

Здесь кисти расположены в виде списка, есть быстрый доступ к палитре цветов.

Рекомендуем изучить комбинации горячих клавиш, чтобы изменять параметры в процессе рисования:

• уменьшение размера кисти: [
• увеличение размера кисти: ]
• уменьшение жёсткости кисти: {
• увеличение жёсткости кисти: }
• переключение на предыдущую кисть: ,
• переключение на следующую кисть: .
• переключение на первую кисть: <
• переключение на последнюю кисть: >
• поменять цвета местами: X
• установка цвета по умолчанию (чёрный/белый): D

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

Как перевести растровое изображение в векторное быстрым способом в Adobe Illustrator.

Скачать материалы урока

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

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

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

1. Подготавливаем изображение в фотошопе

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

Открываем исходник и подготавливаем слои логотипа к переводу в вектор, для этого необходимо разделить логотип на части. В данном случае я разделю логотип на надпись «BEaM M», изображение женщины, изображение сердца и подпись под логотипом «все для мамочек». Каждый из слоев, кроме надписи «все для мамочек», необходимо сохранить отдельным изображением на белом фоне, при этом каждое изображение должно быть черным.

Берем слой с надписью (названием логотипа), выбираем в верхнем меню «Изображение» — «Коррекция» — «Уровни», либо нажимаем комбинацию клавишь «Ctrl + L» и в появившемся окне настроек выставляем ползунок выходных значений в крайнее левое положение.

Данное действие перекрасит изображение в черный цвет. После этого просто сохраняем получившуюся картинку в формате jpg («Файл» — «Экспортировать» — «Сохранить для web»). Таким образом необходимо поступить со всеми слоями логотипа, кроме надписи под логотипом. В итоге получаем набор изображений в формате jpg, как на картинке ниже, только каждый элемент должен быть отдельной картинкой.

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

2. Переводим изображения в вектор и собираем логотип

Открываем Adobe Illustrator и создаем холст размером, соответствующим сохраненным изображениям, в данном случае у меня получился размер 500×229 пикселей.

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

Далее в верхнем меню выбираем «Объект» — «Растрировать», при этом слой изображения должен быть выделен.

Затем в верхнем меню выбираем «Объект» — «Трассировка изображения» — «Создать» и кликаем на значок настройки трассировки в верхней панели меню. В открывшемся окне настроек выставляем нужные значения, лини делаем ровные и плавные, после чего закрываем окно настроек.

Теперь в верхнем меню выбираем «Объект» — «Разобрать» и в открывшемся окне ставим обе галочки, после чего нажимаем «Ок».

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

Таким образом мы получили каждую букву в векторном формате на отдельном слое, что и требовалось. Далее такми же образом поступаем со всеми изображениями, получив логотип из группы слоев в векторном формате. Остается только раскрасить каждый объект в нужные цвета или наложить градиент и логотип в векторном формате готов. Надпись под логотипом «все для мамочек» — таким образом сделать не получится, так как буквы слишком тонкие и при трассировке они немного искозятся, поэтому данный шрифт придется подобрать или сделать похожим. Вообще, надпись «BEaM M» — было бы тоже, в лучшем случае, сделать шрифтом, после чего буквы приобразовать в кривые, но шрифт не всегда удается найти, поэтому мы поступили иначе.

Переводим обычную картинку в вектор

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

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

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

После всех действий разбираем изображение, как и в первом случае «Объект» — «Разобрать», ставим обе галочки, нажимаем «Ок» и получаем векторное изображение, состоящее из множества слоев.

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

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

Как перевести растровое изображение в векторное быстрым способом в Adobe Illustrator.

• Главная

→

• Дизайн

→

• Adobe Illustrator

→

• Как перевести картинку, логотип в вектор

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

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

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

Создание документа и рисование объекта

Сначала создадим новый документ любого размера и слой.

Теперь нарисуем любое изображение. Возьмите инструмент кисть (Brush) с неразмытыми краями и с полной непрозрачностью. Давайте нарисуем какую-нибудь несложную геометрическую фигуру, например, как показано на изображении.

Приёмы работы с пером при создании линий

1. Не отпуская кнопку мышки при создании новой точки можно добиваться сглаживания линии.
2. Точки лучше ставить в местах, где у линии должен быть изгиб.
3. Зажав клавишу Ctrl на клавиатуре можно перемещать контрольные точки линий.
4. Зажав клавишу Alt можно регулировать степень закругления линии возле точки и её искажение
   Векторные девушки в стиле аниме меня вдохновили испытать фотошоп на его пригодность в плане рисования линий. Рисовать линии в фотошопе сложней, чем в его векторных аналогах и некоторых растровых редакторах – такое впечатление у меня сложилось после ознакомления с инструментами в Paint Tool Sai, Illustrator, Inkscape и других, которые имеют более удобные и гибкие инструменты создания красивых линейных форм.

   https://macroart.ru/wp-content/uploads/2011/08/lines.swf,600,490

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

   Что интересно, видео идёт полторы минуты и весит 2 кб – это очень удивительно Видео записано на BB FlashBack Pro

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

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

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

6. Зажав клавишу Ctrl на клавиатуре можно перемещать контрольные точки линий.
7. Зажав клавишу Alt можно регулировать степень закругления линии возле точки и её искажение .

Первые два правила знают многие, а вот 3 и 4 для меня стали открытием.

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

Изменять можно как саму точку, так и положение направляющих “усов”, которые задают форму угла возле точки.

Преобразование выделенного объекта в векторный путь (Path)

При помощи любого инструмента типа Select вызовем контекстное меню. Для этого нужно навести инструмент на выделенный объект, и нажать правую кнопку мыши. В появившемся меню выбрать «Make Work Path…» .

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

Подготавливаем изображение в фотошопе

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

Открываем исходник и подготавливаем слои логотипа к переводу в вектор, для этого необходимо разделить логотип на части. В данном случае я разделю логотип на надпись «BEaM M», изображение женщины, изображение сердца и подпись под логотипом «все для мамочек». Каждый из слоев, кроме надписи «все для мамочек», необходимо сохранить отдельным изображением на белом фоне, при этом каждое изображение должно быть черным.

Берем слой с надписью (названием логотипа), выбираем в верхнем меню «Изображение» — «Коррекция» — «Уровни», либо нажимаем комбинацию клавишь «Ctrl + L» и в появившемся окне настроек выставляем ползунок выходных значений в крайнее левое положение.

Данное действие перекрасит изображение в черный цвет. После этого просто сохраняем получившуюся картинку в формате jpg («Файл» — «Экспортировать» — «Сохранить для web»). Таким образом необходимо поступить со всеми слоями логотипа, кроме надписи под логотипом. В итоге получаем набор изображений в формате jpg, как на картинке ниже, только каждый элемент должен быть отдельной картинкой.

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

Создание векторной маски для слоя из векторного пути

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

Два раза нажмите на него, чтобы дать имя.

Затем в главном меню выберите «Layer -> New Fill Layer -> Solid Color…» . Можете как-нибудь назвать новый слой, затем нажать «ok» . Выберите цвет для будущей формы в диалоге выбора цвета.

Теперь во вкладке Layers должен появиться новый слой с векторной маской.

Переводим обычную картинку в вектор

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

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

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

После всех действий разбираем изображение, как и в первом случае «Объект» — «Разобрать», ставим обе галочки, нажимаем «Ок» и получаем векторное изображение, состоящее из множества слоев.

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

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

Комментарии ()

Полное объединение компонентов фигур

И в списке осталась ещё одна команда — «Объединить компоненты фигур» (Merge Shape Components). Команда не зря отстоит особняком от других, т.к. она приводит к необратимым действиям — объединению образующих контуров. Если ранее мы просто переключались между командами, то после применения этой команды, переключиться уже будет нельзя.

Если мы нажмём на эту строку, то появится сообщение с предупреждением «Эта операция превратит фигуру в обычный контур. Продолжить?» (This operation will turn a live shape into a regular path. Continue?), после нажатия ОК контуры будут объединены, все внутренние линии пересекающихся контуров будут удалены, и две или несколько векторных фигур будут преобразованы в один контур, это показано на рисунке, объединение компонентов фигур при: 1. Объединить фигуры (Add to Shape Area) 2. Вычесть переднюю фигуру (Subtract from Shape Area) 3. Область пересечения фигур (Intersect Shape Areas)

Объединение компонентов фигур при различных состояниях операций с контурами

Растровые и векторные изображения

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

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

Автоматическая трассировка

Хоть большинством ручная трассировка почему-то считается удобной, — на практике то же большинство пользуется автоматической. И это понятно: одно дело — рассуждать о работе, а другое дело — её выполнять. Для этого есть несколько приложений.

CorelTrace

Сначала растровый рисунок выделяется, на панели свойств выбирается команда Trace Bitmap. Тогда отдельно запущенное окно приложения CorelTrace предоставит возможность для дальнейшей обработки указанного рисунка.

Трассировка запускается командой To Trace из средств верхнего меню. Если видимый результат в рабочей области (справа) не удовлетворяет ожиданиям, можно попробовать его качественно улучшить.

Поиграйтесь величиной значения в ячейке Accuracy, передвигая ползунок. Этой величиной определяется чёткость трассировки. Учтите, что увеличение её приведёт к созданию большего количества векторных объектов (иногда до нескольких тысяч). А это потребует дополнительной мощности процессора, памяти (и/или времени).

Есть возможность выбора методов трассировки кнопками в левой секции меню рабочего листа:

• Например, при нажатии Scetch и последующей активации Outline (вверху) будет создан набросок из обилия перекрещивающихся линий.
• При выборе Advansed Outline вы попадёте в расширенные настройки трассирования. Тогда вверху отразятся дополнительные поля для совершенствования регулировок.

После окончания работы с векторным рисунком для возврата в CorelDraw нужно выйти из CorelTrace по команде File/Exit. Работа трассировщика будет завершена, а векторный результат будет передан в Корел и размещён над растровым. Чтобы снова его (растровый) увидеть, нужно сдвинуть в сторонку вновь созданный рисунок.

PowerTrace

Если утилита CorelTrace существовала как отдельное приложение, то PowerTrace уже встроена в CorelDraw X5.

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

В ней представлены такие виды (выбор в наборе Type of image):

• для чёрно-белых набросков — Line art;
• эмблемы, знаки с минимумом деталей и цветов — Logo;
• эмблемы, знаки с глубокой детализацией — Detailed logo;
• наброски с переменной детализацией — Clipart;
• для фото с незначительными деталями — Low quality image;
• фото с важными деталями — High quality image.

Список выбора Предварительного просмотра (Preview) позволяет избрать наиболее удобный вариант рабочего окна. Вариант До и после (Before anf After) покажет одновременно оба рисунка для оценки различий. Численность точек (узлов) и смягчение изогнутых линий управляется ползунком Smoothing, детализация — Detail. Цветовая гамма для рисунка определяется вкладкой Colors и набором Color Mode, а их численность в ячейке Numbers of colors.

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

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

Как сделать векторное изображение в Фотошопе

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

Виды изображений

Векторное

Когда вы создадите новый документ в Photoshop, напишите на белом листе любое слово, подобрав удобный размер (использование функций «Текст» — значок с буквой «Т» на панели инструментов).

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

Возвращаем нормальный размер, кликнув дважды на значок с рукой. Уменьшаем размеры следующим образом: «Редактирование» — «Трансформирование» — «Масштабирование». При уменьшении размеров качество букв сохраняется. Таким же способом увеличиваем текст максимально, качество так же остаётся хорошим, так как формулы работают при любом масштабе хорошо.

Типичный пример векторного изображения

Растровое

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

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

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

При увеличении масштаба растровая картинка теряет в качестве

Создание векторной графики

Сделать рисунок можно с помощью любой фотографии. Если вы не знали, как перевести в вектор в Фотошопе фото, преобразовать его, следуйте следующему алгоритму действий:

1. Откройте фотографию/иллюстрацию. Создайте новый слой.
2. Инструментом «Перо» обведите контуры одного из элементов (например, лица). Чтобы не мешал фон, поставьте меньшую прозрачность, до 20–30%. Выберите цвет заливки и контура.
3. Далее таким же образом прорисуйте контуры других деталей, залейте их нужным цветом.
4. Для сложного наложения цвета на лице модели можно использовать «Фильтры». Зайдите в «Галерею фильтров», сделайте там «Постеризацию» на несколько уровней, удобно на 3 уровня. Photoshop вам подскажет, как накладываются тени, вам остаётся обрисовать их контуры. Можно дополнительно обесцветить, сделать фото чёрно-белым, настроить резкость, чтобы чётче видеть уровни. При заливке выбирайте всё более светлый/тёмный цвет для слоёв. У вас образуются переходы цветов.

Терпение, аккуратность, неторопливость — и ваша работа будет готова. При хорошем навыке вы будете изготавливать простые рисунки довольно быстро, А перевести любую картинку в вектор не составит проблемы.

Итогом кропотливой работы станет картинка «в кривых»

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

Как сделать потрясающий набросок в Photoshop

«Набросок» и «бумага» сочетаются друг с другом, как арахисовое масло и желе, кофе и сливки, Сонни и Шер. (Хорошо, плохой пример.) Но в следующем поколении эскизов используются стилус и планшет Wacom и Photoshop вместо традиционных карандашей и блокнотов. Преимущества? Цифровые эскизы позволяют создавать желаемое изображение и экспериментировать с бесконечным разнообразием кистей, цветов и стилей — легко, естественно и без использования ценных материалов.Довольно круто, да?

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

Шаг 1. Начните с чистого холста.
Откройте новый файл в Photoshop, выбрав те параметры, которые подходят именно вам. Я установил размер изображения 8 x 8 дюймов и разрешение 300 пикселей / дюйм или «dpi». Разрешение не менее 300 гарантирует, что мы сможем распечатать красивую четкую копию нашего эскиза, когда мы закончим.После того, как вы сделали свой выбор, нажмите OK, и появится пустой холст.

Шаг 2: Нанесите слой.
В правой части окна Photoshop под цветовой палитрой находится палитра слоев. Поскольку файл только что был создан, есть только один слой: сплошной белый «Фон». Щелкните значок в нижней части палитры слоев, который выглядит как квадрат со загнутым углом, чтобы создать слой 1. Думайте об этом новом слое как о куске прозрачного стекла, на котором мы будем рисовать.

Шаг 3: Расчешите кисти.
Щелкните значок, похожий на маленькую кисть, чтобы выбрать инструмент «Кисть».

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

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

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

Шаг 4: Оставьте свой след.
Начать рисовать! Как и при работе с традиционными носителями, держите стилус Wacom легким во время рисования.(Нажав на планшет с разным уровнем давления, вы отрегулируете размер кисти, но не ее непрозрачность.) Сохраняйте исходные линии свободными, исследуя форму. Может показаться заманчивым смотреть на планшет во время рисования, но со временем вы сможете сосредоточить свое внимание на экране.

Шаг 5: Возьмите на себя ответственность за экран.
А теперь вот одна из лучших частей создания набросков в Photoshop на планшете Wacom: вы можете увеличивать масштаб и вращать экран! Нажмите «R», чтобы включить инструмент «Повернуть», затем щелкните и перетащите изображение руки, чтобы повернуть его на нужный угол.Щелкните значок увеличительного стекла в нижней части панели инструментов, чтобы увеличить масштаб и отточить эти более мелкие детали.

Шаг 6: Примите стирание.

Вот что я создал, когда повернул рисунок и немного увеличил масштаб:

Ого, этот парень меня выводит из себя! Хорошо, что я могу стереть.

Щелкните инструмент «Ластик» (11-й значок сверху на панели инструментов — он выглядит как прямоугольник), выберите нужный размер и «нарисуйте» им все, от чего хотите избавиться.Или сделайте это простым способом — переверните стилус Wacom вверх ногами. Он автоматически станет ластиком!

Шаг 7: Полюбуйтесь своей работой.
Поздравляю! Вы только что закончили свой первый набросок в Photoshop.

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

Удачи и продолжайте рисовать!

Как преобразовать фотографию в рисунок в Photoshop

Если вы хоть немного похожи на меня, ваши художественные навыки работы с карандашом невелики. Однако я могу делать довольно хорошие фотографии. Итак, эта техника покажет вам, как преобразовать фотографию в рисунок в Photoshop.

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

Вам нужно будет использовать Adobe Photoshop для этой конкретной техники, и я буду использовать текущую версию Photoshop 2020 CC. Для разных версий Photoshop могут потребоваться несколько разные подходы, особенно в том, что касается смарт-объектов.

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

Чтобы преобразовать фотографию в рисунок в Photoshop, я начну с портрета знакомой мне писательницы, Джейн Маршалл. Я сфотографировал это во время недавней портретной фотосессии. Моя версия Photoshop основана на Windows, но команды применимы и к Mac.

Убедитесь, что вы работаете с 8-битным изображением, иначе некоторые фильтры не будут видны в Photoshop.

Начните с изображения, которое вы хотите преобразовать в карандашный набросок.

Мы будем конвертировать слои в смарт-объекты. Преобразование их в смарт-объект позволит вам внести изменения в каждый слой.

Перед тем, как сделать это, воспользуйтесь инструментом «Быстрый выбор» слева. Выделив это, вы можете посмотреть через верхнюю часть панели (в Adobe Photoshop CC) и использовать Select Subject.

При этом используется технология Adobe Sensei AI и выбирается тема за вас. Обычно он делает довольно хорошую работу.

Скрыть объект

Создайте маску слоя, чтобы работать только с портретом.

Создайте маску слоя, чтобы работать только с портретом.

Для этого, не снимая выделения, перейдите в Layer> Layer Mask> Reveal Selection. Или выберите маленький значок маски слоя в палитре слоев.

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

Помните, работая над маской, белый цвет показывает, а черный скрывает.

Уточните маску

Как только вы будете довольны маской, нам нужно инвертировать выделение, поэтому нажмите Ctrl I или Command I (Windows / Mac) и выберите фон.

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

Преобразование базового изображения в смарт-объект

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

Дублируйте слои и переименуйте новые слои.

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

Над исходным слоем будет четыре слоя.

Исходный слой должен называться Исходным (он изменится с «Фон», когда вы конвертируете его в смарт-объект).Мы оставим его в покое и поработаем только над слоями над ним.

Назовите слой над исходным «Base». Мы можем назвать слой над базой «Карандашный контур». Слой над ним назовите «Затенение», а слой над ним назовите «Линии» или «Края».

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

Создание нескольких слоев смарт-объектов

Как только вы создадите первый слой смарт-объекта, вы можете создать все дополнительные слои, которые нам понадобятся.Отключите все слои выше того, над которым вы работаете в данный момент.

Создайте слой с контуром карандаша

Отключите все слои на панели слоев, над которым вы работаете, с помощью значка глаза рядом с именем каждого слоя в палитре «Слои». В этом случае мы начнем со слоя Pencil Outline. Чтобы начать преобразование, нажмите Ctrl I или Command I, чтобы инвертировать слой.

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

После того, как вы инвертировали изображение, мы собираемся использовать режим наложения «Color Dodge» для создания исходного цветного карандаша. контурный эффект.

Режим наложения создал начальный эффект, но его недостаточно.

Добавьте размытие по Гауссу

Следующее, что нам нужно сделать, чтобы преобразовать фотографию в рисунок в Photoshop, — это добавить размытие по Гауссу. Мы сделаем это, чтобы улучшить внешний вид первоначального эффекта цветного карандаша.

Выберите «Размытие по Гауссу» в строке меню, выбрав «Фильтр»> «Размытие»> «Размытие по Гауссу». Степень размытия, которую вы добавляете, повлияет на то, какая часть основного изображения появится.

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

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

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

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

При соответствующем уровне размытия (степень будет варьироваться в зависимости от вашего изображения и размера изображения) основа становится видимой.

Сделать изображение черно-белым

Находясь на слое Pencil Outline, добавьте новый черно-белый корректирующий слой из панели Adjustments.Это добавит слой над слоем Pencil Outline.

Если вы не можете найти свою панель настроек, перейдите в строку меню и выберите «Окно»> «Настройки». После этого вы увидите, что панель открыта. Значок настройки черно-белого изображения представляет собой прямоугольник с положительным и отрицательным прямоугольниками внутри.

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

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

Черно-белый корректирующий слой создает эффект изображения карандаша.

Работа с затенением

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

Вы можете создать этот внешний вид в Photoshop.

Выберите слой затенения.

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

Поскольку это будет эффект карандаша, мы ищем, чтобы цвет карандаша не был 100% черным.

Выделив слой затенения, перейдите в галерею фильтров (Меню> Фильтр> Галерея фильтров) и выберите Угольный фильтр в группе эскизов. . Установите толщину угля на 1, детализацию на 5 и баланс светлого / темного на 50.

На 100% это становится новым слоем. Но нам нужен эффект карандаша, а не угольного эффекта.

На слое затенения измените режим наложения на «Умножение». Это позволяет нижележащему слою сливаться со слоем затенения, создавая некоторую детализацию и некоторое затенение.

Режим наложения «Умножение» объединяет два основных слоя.

. Изменение непрозрачности.

.

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

Сбалансируйте штриховку и контуры карандаша

Улучшите внешние края

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

Работа с верхним слоем

Инвертируйте изображение, нажав Ctrl I или Command I.

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

После того, как изображение было инвертировано, нам нужно перейти в «Меню»> «Фильтр»> «Галерея фильтров» и выбрать «Светящиеся края».

Используйте галерею фильтров для доступа к светящимся краям. Фильтр

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

Светящиеся края делают изображение ярким

Измените режим наложения на «Умножение.”

Используйте режим наложения для улучшения краев

Преобразуйте его в черно-белый

На этот раз, вместо добавления еще одного слоя, мы можем преобразовать этот слой в черно-белый. Сделайте это, перейдя в Menu> Image> Adjustments> Black and White.

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

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

Готовый эффект можно настроить, поскольку каждый смарт-объект можно повторно редактировать.

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

Готовый вид

Последний портрет

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

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

Попробуйте преобразовать фотографию в рисунок в Photoshop дома самостоятельно и поделитесь своими результатами в разделе комментариев!

Как превратить изображение в штриховой рисунок в Photoshop — Путь

, Бекки Килимник, , 5 января, 2019

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

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

Перед тем, как начать: как очертить изображение в Photoshop

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

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

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

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

1. Отрегулируйте контрастность фотографии
2. Настройте слои
3. Преобразуйте изображение в оттенки серого с помощью корректирующего слоя
4. Преобразуйте фотографию в рисунок
5. Установите цвета фона и переднего плана
6. Добавьте штриховку карандашом к изображению
7. Добавьте к изображению эффект штриховки
8. Внесите последние изменения

Шаг 1. Отрегулируйте контрастность фотографии

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

Мы настроим контраст всей фотографии, чтобы сумочка и тубус выделялись больше.

Перейдите на панель Layers и убедитесь, что выбран слой, содержащий ваше изображение. Если вы работаете со сведенным изображением (например, JPG), этот слой будет заблокированным фоновым слоем.

Выберите «Изображение »> «Коррекция»> «Кривые » в раскрывающемся меню в верхней части окна приложения Photoshop.

Появится диалоговое окно Curves . Убедитесь, что установлен флажок Preview .

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

Примечание. Если вы работаете с изображением CMYK, потяните вверх середину линии, а не вниз.

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

Шаг 2. Настройте слои

На панели Layers дублируйте слой, содержащий ваше изображение, три раза, чтобы у вас было четыре идентичных слоя.

Чтобы дублировать слой, выберите слой на панели Layers , щелкните меню панели Layers в верхнем правом углу панели и выберите Duplicate Layer .

Шаг 3. Преобразуйте изображение в оттенки серого с помощью корректирующего слоя

Выберите дублированный слой в верхней части панели Layers .

Выберите значок Adjustment Layer в нижней части панели Layers (значок выглядит как наполовину черный, наполовину белый круг). В раскрывающемся меню выберите Hue / Saturation .

Вы только что создали корректирующий слой для Hue / Saturation , что означает, что все слои, которые появляются под корректирующим слоем, сохранят свойства Hue / Saturation , которые вы установили для этого корректирующего слоя.

Не снимая выделения с корректирующего слоя, перейдите на панель Properties , которая по умолчанию расположена справа от изображения. Если вы не видите панель Properties , вы можете выбрать «Окно »> «Свойства » в раскрывающемся меню в верхней части окна приложения Photoshop.

На панели Properties вы увидите три ползунка: Hue , Saturation и Lightness . Перетащите ползунок Saturation до упора влево, чтобы значение, указанное для Saturation , теперь было -100.

Ваше изображение теперь отображается в оттенках серого.

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

Наличие корректирующего слоя оттенка / насыщенности делает ваше изображение полутоновым, но если вы хотите полностью удалить из изображения весь цвет во время работы, вы можете преобразовать изображение в оттенки серого, выбрав Изображение> Режим> Оттенки серого в раскрывающемся меню. вверху окна приложения.

Если у вас есть корректирующий слой при преобразовании в оттенки серого, корректирующий слой будет удален.

Шаг 4. Преобразуйте фотографию в рисунок

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

Сделайте два верхних дублированных слоя невидимыми, щелкнув значки глаз рядом со слоями на панели Layers . Затем выберите видимый слой, второй снизу панели «Слои».

Щелкните раскрывающееся меню в верхней части панели Layers рядом с Normal . Выберите Color Dodge .

Не снимая выделения с того же слоя, инвертируйте изображение, набрав CTRL + I (COMMAND + I на Mac). Вы также можете инвертировать изображение, выбрав Image> Adjustments> Invert из раскрывающегося меню в верхней части окна приложения Photoshop.

Затем выберите Filter> Blur> Gaussian Blur из раскрывающегося меню в верхней части окна приложения.

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

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

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

Как сделать штрихи на рисунке более толстыми в Photoshop

Если вы хотите сделать штрихи рисунка более толстым, продублируйте исходный слой еще раз и переместите новый слой над слоем, который вы только что настроили (слой с режимом наложения Color Dodge).

Выберите Фильтр> Галерея фильтров … в раскрывающемся меню в верхней части окна приложения.

Выберите Glowing Edges под Stylize .Здесь вы можете настроить ширину края в правой части окна. Уменьшение яркости краев приведет к более чистому краю.

Щелкните ОК .

Вернувшись на свой слой, нажмите CTRL + I (COMMAND + I на Mac), чтобы инвертировать слой, и измените режим наложения слоя на Multiply.

Контуры вашего изображения теперь будут толще и темнее.

Шаг 5. Установите цвета фона и переднего плана

На панели инструментов установите для Background Color белый цвет, дважды щелкнув значок Background Color .В диалоговом окне Color Picker (Background Color) щелкните в верхнем левом углу большого цветового поля.

Затем установите для Foreground Color средний серый цвет. Дважды щелкните квадрат Foreground Color на панели инструментов. В диалоговом окне «Палитра цветов (Цвет переднего плана) » щелкните в середине левой части большого цветового поля.

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

По теме: 9 альтернатив фотографии продукта на белом фоне

Шаг 6. Добавьте штриховку карандашом к изображению

На панели Layers выберите слой над слоем, с которым вы только что работали. Щелкните значок глаза, чтобы слой снова стал видимым. Теперь ваше изображение снова будет выглядеть как черно-белая фотография.

Выберите Фильтр> Галерея фильтров … в раскрывающемся меню в верхней части окна приложения.

В окне Filter щелкните папку с пометкой Sketch и выберите Charcoal .

Отрегулируйте ползунки Charcoal Thickness , Detail и Light / Dark Balance до тех пор, пока изображение в окне предварительного просмотра не будет иметь необходимое количество деталей. Помните, что у вас уже есть штриховой рисунок фотографии на нижнем слое, поэтому вам нужно только создать штриховку на этом этапе.

Щелкните ОК .

На панели Layers щелкните раскрывающееся меню рядом с Normal и настройте Layer Blend Mode для слоя угля на Multiply .

Шаг 7. Добавьте к изображению эффект перекрестной штриховки

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

Выделив последний слой, выберите «Фильтр»> «Галерея фильтров»… еще раз из раскрывающегося меню в верхней части окна приложения. Если вы видите опцию Filter Gallery более одного раза в раскрывающемся списке, убедитесь, что вы выбрали нижнюю опцию.

В окне Фильтр щелкните по опции с пометкой Sketch и выберите Torn Edges . Отрегулируйте переключатели в правой части окна, пока не увидите детали изображения.

Когда вы будете довольны появлением фильтра Torn Edges , щелкните значок New , расположенный в правом нижнем углу окна Filter .(Этот значок выглядит как лист бумаги со загнутым уголком, как и значок New Layer на панели Layers .)

Вы увидите, что Torn Edges появляется дважды в правой части окна Filter . Пока выбран верхний экземпляр Torn Edges , щелкните фильтр Graphic Pen и измените Stroke Diagonal на Left Diagonal .

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

Щелкните ОК .

Измените Layer Blend Mode с Normal на Умножьте , как вы делали с предыдущим слоем.

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

Не снимая выделения с того же слоя, выберите Filter> Blur> Motion Blur из раскрывающегося меню в верхней части окна приложения.

В диалоговом окне Motion Blur установите угол -45 ° и переместите ползунок Distance влево, чтобы создать очень легкое размытие. Убедитесь, что Preview отмечен галочкой, чтобы вы могли видеть размытие, прежде чем применять его.

Щелкните ОК .

Шаг 8. Внесите последние изменения

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

Отрегулируйте непрозрачность слоев

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

На изображении ниже непрозрачность верхнего слоя уменьшена до 60%, а непрозрачность следующего нижнего слоя составляет 70%.

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

Убрать артефакты

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

Чтобы удалить такие темные пятна, нанесите штамп на слои, выбрав все слои, включая корректирующий слой «Цветовой тон / насыщенность» на панели «Слои». Введите CTRL + A + E (COMMAND + OPTION + E на Mac), чтобы создать штампованный слой, который появится в верхней части панели «Слои».

Установите белый цвет переднего плана на панели инструментов и выберите инструмент Кисть на панели инструментов . Внутри нового слоя с тиснением аккуратно закрасьте все пятна с помощью кисти.

Известно ли вам обо всех инструментах, доступных в Photoshop CC 2018?

Готовое изображение теперь будет похоже на карандашный набросок.

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

Просмотрите уроки Photoshop и настройте свои навыки редактирования изображений

Бекки Килимник

Bio: Имея более чем 18-летний опыт работы в качестве графического дизайнера, Бекки с энтузиазмом помогает людям улучшать их контент, осваивая программное обеспечение для обработки изображений.Бекки работала с различными издательствами в сфере образования в США и Великобритании и преподавала дизайн в шести университетах.

Как превратить фотографию в карандашный рисунок в Photoshop (8 шагов)

Многие из вас, вероятно, уже спрашивали Google, необходимо ли знание того, как рисовать, для того, чтобы стать графическим дизайнером. Ответ — нет! Что, если однажды вам нужно будет создать дизайн в стиле от руки? Ответ по-прежнему НЕТ!

Верно, рисовать не надо! Вы можете превратить фотографию в рисунок в Photoshop и поверьте мне, это выглядит реально!

Я работаю графическим дизайнером девять лет, и у меня есть клиенты, которые просили рисовать на классной доске или простые дизайны в стиле иллюстраций.И мое решение было — Photoshop! Честно говоря, рисовать умел, но Photoshop «рисует» быстрее и лучше. Если бы я мог сэкономить время, почему бы и нет?

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

Продолжайте читать!

8 шагов, чтобы превратить фотографию в карандашный рисунок в Photoshop

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

Примечание. Снимки экрана взяты из версии Adobe Photoshop CC 2021 для Mac. Windows и другие версии могут выглядеть немного иначе.

Шаг 1: Откройте изображение, которое вы хотите преобразовать в рисунок в Photoshop. Файл > Открыть . Например, я собираюсь сделать это изображение Coca-Cola карандашным наброском.

Шаг 2: Щелкните правой кнопкой мыши слой изображения на панели «Слои» и выберите «Дублировать слой», чтобы сделать копию изображения.Или используйте выделение слоя и используйте сочетание клавиш Command ( Ctrl для Windows) + J , чтобы продублировать слой.

Шаг 3: Выбрав новый слой, перейдите в верхнее меню Image > Adjustments > Desaturate или используйте сочетания клавиш Shift + Command ( Ctrl для Windows) + U , чтобы обесцветить фотографию (слой 1).

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

Шаг 5: Выберите верхний дублированный слой и перейдите в верхнее меню Image > Adjustments > Invert или нажмите Command / Ctrl + I , чтобы инвертировать изображение.

Шаг 6: На том же слое (инвертированный слой) выберите режим наложения Color Dodge из раскрывающегося меню панели слоев. Вы увидите, что большая часть изображения станет белой.

Шаг 7: Выбрав верхний слой, перейдите в верхнее меню Filter > Blur > Gaussian Blur .

Вы увидите всплывающее окно.

Шаг 8: Переместите ползунок «Радиус», чтобы найти эффект карандаша, который вы хотите создать, и нажмите OK .

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

Дополнительные советы

Что-то не хватает? Или слишком много шума на заднем плане? Вы можете очистить изображение с помощью инструментов Dodge и Burn.Инструмент Dodge осветляет карандашные отметки, а инструмент затемнения затемняет их.

Вы также можете добавить корректирующий слой, чтобы создать более сложный и реалистичный эффект карандаша. Например, вы можете настроить уровни. Щелкните значок Create new fill or Adjustment Layer и выберите Levels .

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

Выберите режим наложения Multiply .Вы можете видеть, что карандашный след тяжелее, чем раньше.

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

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

Заключение

Хорошая новость в том, что вам не обязательно уметь рисовать, чтобы сделать набросок! Вы можете просто манипулировать изображением, чтобы создать реалистичный карандашный рисунок в Photoshop, выполнив восемь шагов, описанных выше.Надеюсь, вы найдете мои советы полезными 🙂

Около 9000 июня 2 Джун — опытный графический дизайнер, специализирующийся на дизайне брендов. Photoshop — важный инструмент, который она использует каждый день вместе с другими программами Adobe для своей творческой работы.

Карандашный рисунок по фотографии в Photoshop

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

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

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

Оставляйте комментарии или вопросы ниже и не забудьте подписаться!

Шаг 01 — Извлечение фона из переднего плана

Этот эффект работает лучше, когда вы извлекаете фон из переднего плана.

Для выбора объекта вы можете использовать инструмент «Быстрый выбор». Затем вы можете щелкнуть значок «Маска слоя», чтобы создать маску из выделения.Фон будет скрыт.

Шаг 02 — Преобразование фотографии в смарт-объект

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

Чтобы преобразовать слой в смарт-объект, щелкните слой правой кнопкой мыши и выберите « Преобразовать в смарт-объект ».

Шаг 03 — Создание эффекта рисования основной линии

Чтобы создать основной эффект рисования линии, сначала продублируйте смарт-объект, нажав Ctrl J (Mac: команда J).

Затем перейдите в Image> Adjustment> Invert.

Затем вы можете изменить режим наложения слоя на Color Dodge.

Чтобы сделать линии видимыми и создать эффект рисования линий, выберите «Фильтр»> «Размытие»> «Размытие по Гауссу».

Шаг 04 — Использование угольного фильтра для добавления затенения

Дублируйте исходный смарт-объект, перейдите к

Установите режим наложения на «Умножение», чтобы сохранить темные пиксели и скрыть яркие.

Шаг 05 — Использование фильтра «Найти края» для добавления линий

Дублируйте исходный смарт-объект.

Затем обесцветьте слой, перейдя в Image> Adjustment> Black and White.

Затем перейдите в «Фильтр»> «Галерея фильтров» и выберите «Стилизация»> «Светящиеся края». Отрегулируйте соответственно.

Нажмите Ctrl I (Mac: Command I), чтобы инвертировать пиксели и сделать белые линии черными.

Чтобы черные линии оставались черными, установите Режим наложения на Умножение.

Посмотрите оригинальное руководство 2015 года здесь. Загрузите ресурсы для оригинального руководства здесь:

Учебные файлы

047 — Рисунок карандашом по фотографии (4966 загрузок)

Окончательное изображение

Перетащите ползунок, чтобы увидеть до и после

Превратите фотографию в карандашный набросок в уроке Photoshop

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

1.

Начните с фотографии с приличными деталями краев, вот одна из Adobe Stock

2

Преобразование фотографии в оттенки серого (Ctrl + Shift + D / Cmd + Shift + D)

3

Дублируйте слой, перетащив его на значок нового слоя, или нажмите Ctrl / Cmd + J

4

Инвертировать слой Cmd / Ctrl + I

5

Перейдите в режим наложения Linear Dodge, и вы должны увидеть идеально белое изображение (используйте Color Dodge для более резких краев)

6

Filter> Blur> Gaussian Blur
(вы можете использовать любой фильтр, до тех пор, пока это создает разницу между двумя слоями)

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

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

Вот результат на другом изображении

Xtra-credit

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

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

Результат Color Dodge

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

Как видите, сам эффект довольно прост, и есть несколько вариантов, которые вы можете попробовать, чтобы получить очень разные результаты.Добавьте комментарий на дайте мне знать, как вы используете этот эффект.

Спасибо за ознакомление с этим руководством. Если вам нравятся такие эффекты, ознакомьтесь с моим видеокурсом «Фотографические эффекты», в нем 27 различных эффектов, подобных этому, и всего за 7

долларов Увидимся на следующей неделе с еще одним новым уроком!

Colin

Премиум-контент в честь запуска онлайн-академии PhotoshopCAFE

Мы рады предложить наш премиальный контент в виде потокового видео! Мы стремимся сделать наш контент доступным для вас так, как вы этого хотите.Чтобы отпраздновать это событие, мы предлагаем Photoshop Secrets: Photographic Effects от Колина Смита за жалкие 7 долларов

Это один из наших премиальных учебных курсов, он стоит 49,99 доллара, но на очень короткое время вы можете получить его за 7 долларов! Никаких условий, войдите и смотрите прямо сейчас! (Возьмите его, пока можете).

CS6 Superguide

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

---

Как редактировать рисунки в Photoshop | Small Business

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

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

Откройте меню «Окно» и выберите «Слои», чтобы открыть панель «Слои». Перетащите слой «Фон» на немаркированную кнопку «Новый слой» в нижней части панели, чтобы создать слой 1, дубликат исходного мастер-слоя.Щелкните значок глаза перед списком исходного фонового слоя на панели «Слои», чтобы отключить его видимость. Работа над копией оригинального произведения искусства дает вам запасной вариант, если позже вы будете недовольны своими изменениями.

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

Нажмите «B», чтобы переключиться на инструмент «Кисть», и «D», чтобы установить цвета переднего плана и фона на значения по умолчанию в Photoshop — черный и белый. Увеличьте детали изображения, которые вы хотите удалить с вашего рисунка, и закрасьте их на маске слоя. Если вы допустили ошибку, нажмите «Ctrl-Z», чтобы отменить последнее действие, или откройте панель «История» и вернитесь к недавним изменениям.

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

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

Ссылки

Ресурсы

• Adobe Photoshop CS6 Класс в книге; Adobe Creative Team
• Photoshop CS3 / CS4 ВАУ! Книга; Линни Дейтон и Кристен Гиллеспи
• Восстановление и ретушь в Photoshop, третье издание; Катрин Эйсманн и Уэйн Палмер
• Маскирование и композитинг в Photoshop, второе издание; Катрин Эйсманн

Советы

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

  No related posts.