Товаров: 0 (0р.)

Cutout в фотошопе перевод: Перевод Filter — Artistic — Cutout (Фильтр — Имитация

Содержание

Восстановление недостающих фильтров в Photoshop CS6

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

Теперь мне необходимо применить сам фильтр «Аппликация» (Cutout). В версиях CS5 и ниже мне нужно было бы просто зайти во вкладку главного меню Фильтр —> Имитация (Filter —> Artistic) и выбрать соответствующий пункт, но в CS6 в меню Фильтр группа Имитация (Artistic) попросту отсутствует, поэтому мне надо пройти по Фильтр —> Галерея фильтров (Filter —> Filter Gallery) и в открывшемся диалоговом окне выбрать вкладку Имитация (Artistic), а в ней уже «Аппликация» (Cutout):

А вот теперь и нарисовалась проблема. Обычно, когда мы применяем фильтры как смарт-фильтры, название каждого отдельного применённого фильтра появляется ниже смарт-объекта в панели слоёв. Если позже нам понадобилось вернуться и отредактировать настройки фильтра, мы просто дважды кликаем по названию конкретного фильтра. Но в случае с Photoshop CS6, появляется небольшое затруднение. Любые фильтры, к которым мы получаем доступ только из Галереи фильтров (т.к они больше не доступны нам из меню «Фильтр»), не обозначены своим их фактическим именем. Вместо этого, все они идут под под общим названием «Галерея фильтров» (Filter Gallery), который не информирует нас, какой фильтр фактически использовался:

Это ешё может быть хорошо в случае, подобном этому, где я применяется только один фильтр, т.к я могу довольно легко запомнить его название. Но что получится, если я применю несколько смарт-фильтров из Галереи? Для примера, сейчас я применил «Разбрызгивание» (Spatter) из группы «Штрихи» (Brush Strokes) и «Рассеянное свечение» (Diffuse Glow) из группы «Искажение» (Distort). Так как доступ к ним был только из Галереи, все они обозначены в палитре слоёв как «Галерея фильтров», что делает его не таким простым распознание, что есть что:

Восстановление отсутствующих фильтров в меню «Фильтр» (Filter)

Это, конечно, не является огромной проблемой, но, потенциально, она может существенно замедлить Ваш рабочий процесс. К счастью, Adobe поняли это и включили возможность вернуть меню «Фильтр» обратно тому виду, каким он был раньше в версиях ниже Photoshop CS6. Эта опция расположена по вкладке Редактирование —> Установки —> Внешние модули (Edit —> Preferences —> Plug-Ins). В диалоговом окне следует проставить галку у пункта «Показать все группы и имена у галереи фильтров (Show all Filter Gallery groups and names), после чего нажать ОК и перезапустить Photoshop:

И теперь, после перезапуска Photoshop CS6, мы видим, что все недостающие ранее фильтры стали доступны через меню «Фильтр»:

Давайте заново откроем фотографию, преобразуем её в смарт-объект и применим к ней фильтры, применённые нами в прошлый раз:

Как и в прошлый раз, в панели слоёв под смарт-объектом появились название применённых к нему смарт-фильтров, но, в этот раз, мы видим одно существенное отличие.

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

Теперь каждый из них отображён под собственным названием, а не под общим «Галерея фильтров».

Итак, задачи достигнуты.

Следует только иметь в виду, что даже теперь, если применить смарт-фильтры не из меню «Фильтр», а из «Галереи», то в палитре слоёв они появятся под общим названием «Галерея фильтров».

Franzis CutOut: русификатор — Александр

Franzis CutOut — инструмент удаления фона для всех!

Решил я попробовать, посмотреть, изучить, понять что это. Скачал программу Franzis CutOut 9 Professional (версия 9.0.0.1.). Установил и обнаружил, что русский язык в ней не предусмотрен. Есть только английский и немецкий языки. Они представляют собой текстовые файлы.

Мне всегда не удобно и не комфортно работать в программе, где я что-то не понимаю, какие-то значения слов и так далее. И я начал искать русификатор в интернете. Нашел, но только для Franzis CutOut 4 и только машинный перевод.

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

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

Для тех кто пользуется программой Franzis CutOut я сделал перевод программы на русский язык.

Переводил Franzis CutOut 9 Professional (версия 9.0.0.1.)
Перевод на русский — Александр Маркин.
Файл на Яндекс.Диске: Franzis CutOut Russian.rar
Чтобы скачать файл, пройдите 10 рекламных ссылок catcut.

Действия после скачивания архива:

1. Распакуйте архив. После распаковки файл: Russian (перевод — Александр Маркин).txt

2. Скопируйте файл в папку с установленной программой в директорию:
C: > Program Files > Franzis > CutOut 9 professional > basic > Localize

3. Откройте программу и выберите в Menu пункт Program > Russian (перевод — Александр Маркин).

4. Появится окно с информацией о том, что изменения вступят в силу после перезапуска программы. Нажмите OK и закройте программу.

5. Снова откройте программу.

Теперь программа на русском языке.

Программа также может использоваться как плагин в Photoshop.

Если вы хотите скачать и установить эту программу нажмите здесь. Загрузка с Яндекс.Диска.

🎁 Читайте также: 4 главных вида ежедневного заработка на статьях в Ленте SEOSPRINT, которые вы могли пропустить

Зарезервирован — [PhLearn] How to Cut Out Hair in Photoshop [ENG-RUS]

Искусство монтажа экшн-сцен

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

Подробнее

Процедурное текстурирование кожи в Mari

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

Подробнее

Анатомия одежды (CGMA)

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

Подробнее

Динамическая мужская анатомия для художников

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

Подробнее

Визуальное Программирование с Bolt в Unity

Хотели ли вы когда-либо создать свою игру без программирования? Теперь вы можете! В этом курсе мы разберём основы Bolt, официального решения визуального скриптинга Unity.

Подробнее

Иллюстрирование детских книг (Marco Bucci)

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

Подробнее

Искусство кастинга

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

Подробнее

Композитинг в Nuke для 3D художников

Композитинг в Nuke для 3D художников — это идеальный курс для всех, кто работает с 3D-рендерингом. Сюда входят художники по свету и художники по спецэффектам, которые хотят завершить композицию и добавить последние штрихи в свои кадры и сцены.

Подробнее

Система поиска пути в Unity

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

Подробнее

Введение в дизайн реквизита (пропов)

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

Подробнее

Как рисовать медведей (Aaron Blaise)

В этом углубленном видео курсе, продолжительность которого составляет более 20-ти часов, аниматор, режиссер и художник-анималист Аарон Блейз («Братец Медвежонок», «Мулан») научит вас всему, что вам необходимо знать о том, как рисовать медведей.медведей. (2 Части)

Подробнее

Куртка-бомбер в стиле киберпанк

В этом курсе вы увидите весь процесс создания 3D для дизайна одежды. Все видео записаны в реальном времени, и каждое действие комментируется. Сложность: от среднего уровня до продвинутого.

Подробнее

Понимание принципов освещения

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

Подробнее

Создание модульного окружения в Blender 2.9

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

Подробнее

Создания модульного китбашинга в Blender 2.9

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

Подробнее

Эффекты взрывов в Houdini 18.5

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

Подробнее

Кинематография: теория и практика. 3-е издание

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

Подробнее

Мастер-класс по V-Ray 5: полное руководство

Этот курс длится 900 минут, это более чем 15 часов видео в 75 уроках, где рассматривается все касательно V-Ray в 3ds Max, включая освещение, материалы, камеры, рендеринг и так далее.

Подробнее

Как создавать звуки для игр

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

Подробнее

Ваша карьера в анимации. 2-е издание

«Ваша карьера в анимации» – это самая подробная и полезная книга о карьере в анимации, которую вы когда-либо прочитаете. – Билл Плимптон, аниматор / продюсер.

Подробнее

Упражнения по цифровой живописи

Как и спортсменам, художникам нужно тренироваться, чтобы поддерживать свое мастерство. Приготовьтесь оттачивать свои художественные навыки вместе с Уотер Толп ежедневно в течение 9 недель с его «Упражнениями для digital-художников»!

Подробнее

Эффекты для игр в реальном времени

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

Подробнее

Инвентарь для RPG в Unity

Внедрение системы инвентаря в стиле RPG. Весь код предоставляется в виде гибкого пакета ассетов. Улучшите свои знания C#.

Подробнее

Создание системы диалогов и квестов в Unity

Используя Unity 2020.1, мы покажем вам, как включить в ваши игры две основные игровые механики: диалоги и квесты.

Подробнее

Создание модели дрона в Blender

Научитесь 3D моделированию и создайте высококлассную (на самом современном уровне технического исполнения) модель дрона для видеоигр.

Подробнее

Онлайн-воркшоп по рисованию (Steve Ahn)

Автор поделится всеми основными навыками рисования, которые он наработал за свой 12-летний опыт в анимационной индустрии. Steve Ahn работал над такими проектами, как Вольтрон, Аватар: Легенда о Корре, Черепашки Ниндзя(2015), Бен 10 и многими другими. (3 Части)

Подробнее

Подписка на перевод уроков по Houdini

Эксперимент от клуба, подписка на переводы новых уроков по Houdini анонсированных на SideFX до конца 2021 года! Записывайся и поддержи эксперимент 🙂

Подробнее

О клубе «Перевод всем»

Клуб «Перевод всем» — это площадка для совместного заказа переводов зарубежных видеокурсов и книг на русский язык. С 2014 года мы перевели 2700 видеокурсов и книг, по направлениям: CG|3D|VFX|CONCEPT ART|GAMEDEV|FILM|SOUND|IT|AI. В клубе работает 26 Переводчиков!

Подробнее

Как перевести изображение в векторное в фотошопе

Пока моя заметка о масках в Фотошопе не остыла, срочно хочу осветить вопрос перевода растра в вектор. Два дня назад, я зашел в свой хронофагский Google Analytic и что же я увидел. Оказывается некоторые попадают на мой сайт по запросу «растр в вектор», а между тем, на моем сайте нет ни одной толковой заметки на данную тему. Люди же мучают Google на перевод растра в вектор в Corel Draw, Illustrator и даже Adobe Photoshop. Начнем с Фотошопа.

Из растра в вектор. Зачем это нужно?

Фотошоп — растровая программа. Вектор в нем присутствует в виде векторных контуров. Как таковых, векторных объектов в Фотошопе нет. Но есть есть векторные контуры, которые могут быть преобразованы в векторную маску. Маска накладывается на эффект или объект и получается вектор в фотошопе. Содержимое такого объекта все равно растровое, но может преобразовываться в вектор при сохранении в некоторые форматы.

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

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

Перевод растра в вектор в Фотошопе

Что именно способен перевести в вектор Фотошоп? Что угодно, если вы заранее выделите этот объект инструментами группы Select. Фотошоп конвертирует в контур любое выделение. Об инструментах выделения можно прочесть в статье Примитивах выделения в Фотошопе. Приведу рабочий пример. Много лет назад ко мне обратился очень непростой заказчик, затребовавший непростой сайт. Для сайта необходимо было выполнить различный арт, и я решил нарисовать его в фотошопе. В ходе рисования я перевел его в вектор, и сейчас я расскажу как. Вот одно из подобных изображений, которое я рисовал кистью с твердыми краями на планшете. Я обвел оригинального Витрувианского человека, видоизменил его и нарисовал свое, отличное от оригинала, лицо. Идея векторизировать арт пришла случайно. Но реализовав её, я получил возможность как угодно масштабировать человека. Более того, ранее рваные края и неровности после векторизации сгладились.

Находим изображение для трассирования

Я подыскал в Google Картинки бабочку. Её мы и переведем в вектор. Учтите, что чем больше изображение, тем ровнее получится наш векторный объект. Это справедливо и для Фотошопа и для Иллюстратора. Под большим изображением я понимаю картинку от 1000 пикселей в ширину и больше. Моя бабочка к примеру от 2000 пикселей.

Выделяем объект

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

Зайдите в Select > Inverse или кликните по рабочей области и из появившегося меню выберите Select Inverse. Смысл в том, что созданное выделение надо инвертировать чтобы выделить бабочку. Честно говоря мне совершенно все равно как вы будете создавать ваше выделение. Хоть вручную обводите лассо, это не имеет никакого значения.

Создаем векторный контур

У нас есть выделенная область, теперь конвертируем её в векторный контур path. Выберите любой инструмент выделения вроде Lasso Tool, Rectangular Marquee Tool или Magic Wand Tool. Кликните по области выделения правой кнопкой мыши и в появившемся меню выберите Make Work Path. В появившемся меню установите степень сглаживания Tolerance по вкусу. Зависимость простая. Чем выше цифра, тем выше сглаживание. Чем ниже цифра, тем ниже сглаживание. Высокое сглаживание означает более низкое количество векторных узелков и более неточное следование растровому контуру. В случае с моим Витрувианским человеком именно такого эффекта я и добивался.

Итак, в палитре Path у нас появился рабочий контур. Если у вас нет палитры Path откройте её Windows > Path Рабочая область палитры Path похожа на десктоп или временное пристанище. На ней могут появляться разные контуры, но если вы позаботитесь о последовательном сохранении, со временем они исчезнут. Сделайте двойной клик по контуру Work Path и сохраните контур отдельно. Контуры в области Path работают так же как слои в палитре Layers. Если контур выделен, значит он активен и с ним можно работать.

Инструменты для работы с контурами в фотошопе — Path Selection Tool и Direct Selection Tool. У нас есть контур, но нет объекта. Если вы читали серию моих заметок о векторе в фотошопе вы уже знаете, что вектор в фотошопе представлен в виде векторной маски для какого-то эффекта или графики. Еще вектор может присутствовать в виде умного слоя, ссылающегося на импортированный фаил Иллюстратора, но это оставим для другой заметки. Выделите контур инструментом Path Selection Tool или в палитре контуров Path. Нажмите Layer > New Fill Layer > Solid Color Мы создали слой заливки, которому сразу присваивается векторная маска в виде нашего контура.

Доработка векторного контура

Пользуясь материалами, которые я описал в статьях Векторные инструменты рисования в Фотошопе и Add, Subtract, Intersect и Exlude в Фотошопе усложним рисунок. Я взял инструмент Pen Tool, выделил маску слоя заливки. В настройках Pen Tool выставил Subtract и дорисовал некоторые элементы нашей бабочке. Вырезал узоры на крыльях, а ножки и усики сделал толще.

Создание произвольной фигуры Custom Shapes

Вы всегда можете сохранить полученный объект в произвольные фигуры Custom Shapes. Некоторое время назад я упоминал о том как это можно сделать в статье Custom Shape Tool в Фотошопе. Выделите слой с бабочкой и нажмите Edit > Define Custom Shape Наша бабочка появилась в фигурах инструмента Custom Shapes Tool.

А вот то, что у нас получилось в итоге:

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

Перевод из растра в вектор фотографии в фотошопе

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

Одним из упомянутых мною эффектов является Filter > Artistic > Cutout Оставляю настройки на вашей совести. Изображение должно получиться максимально реалистичным, но сильно сглаженным. На этом можно было бы остановиться, изображение уже выглядит «векторно», но оно по прежнему растровое.

Теперь нужно создать векторные области равные количеству цветов на фотографии. Выберите палочку Magic Wand Tool и убедитесь, что в настройках не отмечена галочка Contiguous. Выделите первую область и проделайте весь, описанный мною выше, путь. Из выделения создайте контур, из контура залитую векторную маску и так далее.

Итого, вся фотография преобразована в векторные области. Последнюю белую область мы не будем преобразовывать в вектор. Просто нарисуйте большой белый квадрат инструментом Rectangle Tool и поместите его под все слои. После легкой чистки и доработки контуров фотография выглядит так, как на картинке ниже. И ещё раз, подобная работа не предназначена для Фотошопа и является скорее извращением. Но, это можно сделать, и в различных ситуациях подобные приемы могут пригодиться. Обработка фотографии заняла у меня 10 минут, так что подобная работа не отнимает массу времени. И помните, чем большего размера фотографию вы разложите таким образом на слои, тем лучше и эластичнее контур сможет обогнуть области выделения. Тем менее угловатой и грубой получится наш вектор в Фотошопе. Различные настройки Toleranse при создании контура тоже дадут разный результат. Удачных экспериментов!

Автор:

Дмитрий Веровски

Арт директор в Red Bear Agency. Мои социальные сети: Вконтакте Фейсбук Инстаграм

Главная » Photoshop: Как преобразовать растр в вектор

Photoshop: Как преобразовать растр в вектор

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

В данном уроке рассмотрим следующие действия:

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

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

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

Выделение растрового объекта

Для перевода растрового изображения нужно сначала выделить его любым инструментом типа Select. Теперь выделим нарисованный объект либо при помощи инструмента Wand Tool, либо нажмем на слой левой кнопкой мыши зажав клавишу Ctrl.

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

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

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

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

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

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

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

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

Как сохранить векторный объект в библиотеку векторных фигур в Photoshop

Если хотите сохранить векторный объект в библиотеку векторных фигур, то зайдите в главное меню Edit -> Define Custom Shape…

Затем вам будет предложено поименовать новый векторный объект. Нажмите «ok» , после чего проверьте новый объект в библиотеке, используя инструмент Custom Shapes Tool.

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

Комментировать

Отмена

Дорогие любители программирования, дизайна и рисования!

Сайт jwinters.ru нуждается в вашей помощи, так как приходится ежемесячно оплачивать за хостинг и доменное имя.

Внесите вклад в развитие сайта. Перечислите любую (пусть даже незначительную) сумму на один из кошельков: webmoney R295964384890 yandex-деньги 41001797494168

Деньги пойдут в первую очередь на оплату хостинга, а также на написание уроков и развитие сайта. В примечании к платежу укажите Ваш email.

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

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

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

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

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

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

Еще больше о Photoshop — на курсах «Fotoshkola.net».

Простой пример, как растр перевести в вектор

Итак, вектор состоит из геометрических фигур. Photoshop обладает инструментами для создания контуров. Контур и есть геометрическая фигура. Чтобы сделать векторное изображение в Фотошопе, нужно создать контур изображения. Помогут нам в этом инструменты группы «Выделение»/Select: «Прямоугольное выделение»/Rectangular Marquee Tool, «Эллиптическое выделение»/Elliptical Select Tool,** «Волшебная палочка»/Magic Wand Tool, **«Быстрое выделение»/Quick Selection Tool и «Перо»/Pen tool.

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

Открываем растровое изображение в фотошопе (самый распространенный формат растрового изображения — JPG). Очень легко поддаются обработке логотипы, контурные рисунки, эскизы. Чтобы получить векторный эскиз портрета, сначала можно преобразовать портрет в эскиз с помощью «Галереи фильтров», либо использовать готовый поп-арт. О том, как работать с «Галереей фильтров» и быстро создавать поп-арт из фото, мы рассказывали в предыдущих статьях. Для этого примера мы возьмем готовый поп-арт-портрет. Умышленно мы подготовили его из фото не самого лучшего разрешения. Поэтому векторный вариант покажет нам заметную разницу.

Чтобы работать с контурами, вам нужно вызвать закладку «Контуры»/Path на палитру слоёв. Для этого зайдите в меню «Окно»/Window и отметьте пункт «Контуры»/Path. Закладка появится на палитре слоёв.

Изображение имеет 4 цвета (фон не считаем). Берём инструмент «Волшебная палочка»/Magic Wand Tool и выделяем первый цвет. Чтобы выделить все участки, рассредоточенные островками по изображению, удерживайте Shift.

Когда первый цвет выделен, выбираем инструмент «Лассо»/Lasso либо «Прямоугольная область»/Rectangular Marquee Tool и, не снимая выделения, щёлкаем правой клавишей мыши. В контекстном меню выбираем «Образовать рабочий контур»/Make Work Path.

В диалоговом окне указываем максимальное сглаживание «Допуск»/Tolerance (от 1 до 10; чем ниже цифра, тем лучше повторятся контуры). Жмём Ok.

На закладке «Контур» появится первый контур. На изображении он будет заметен в виде кривых с точками. Их можно выровнять и подогнать с помощью инструмента «Выделение узла»/Direct Selection Tool. Этим инструментом выделяем точку и либо корректируем кривую, перемещая усик точки, либо подвигаем саму дугу.

На закладке «Контур» меняем название контура. Для этого щёлкаем по нему двойным щелчком и в диалоговом окне изменяем имя.

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

Получив контуры, остаётся создать вектор. Переходим на закладку «Слои»/Layer на палитре слоёв, создаём новый слой Shift+Ctrl+N. Основной цвет задаём тот, в который окрасим первый контур.

Возвращаемся на закладку «Контур», становимся на первый контур. В главном меню в пункте «Слои»/Layers выбираем «Новый цвет заливка»/New Fill Layer«Цвет»/Solid Color. В открывшемся окне жмём Ok.

Теперь, перейдя на закладку «Слои»/Layers, вы увидите на новом слое первый векторный слой.

Проделаем эти шаги для каждого контура.

Так мы получили четыре фигуры, которые составили портрет. Теперь можно сохранить в файл с векторным расширением SVG (слой с исходной картинкой удаляем). Нажимаем Alt+Shift+Ctrl+W (экспортировать как). В диалоговом окне выбираем расширение файла SVG, жмём «Экспортировать всё»/Export All.

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

На этом всё. Способ достаточно простой.

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

Рисуем в Фотошоп логотип в стиле Cutout / Creativo.one

В данном уроке мы нарисуем фигуру, как будто вырезанную из бумаги. Давайте приступим!

Шаг 1

Начните с создания круга в центре холста.

Примечание переводчика:

Размер при создании нового документа: 2880 х 1800 px.

Размер первого круга: 972 Х 972 px.

Шаг 2

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

Примечание переводчика:

Размер второго круга: 822 х 822 px.

Размер третьего круга: 653 х 653 px.

Шаг 3

Теперь мы приступим к самой важной части, добавим стиль слоя. После того как мы добавим стиль слоя, мы получим тот результат, который мы желаем получить. Первый эффект, который необходимо добавить — это Тиснение (Bevel & Emboss). Мы применим этот эффект, потому что, если вы замечали, при вырезании фигуры из бумаги края имеют некий отблеск.

Примечание переводчика: настройки на скриншоте

Тиснение (Bevel and Emboss):

  • Стиль (Style): Внутренний скос (Inner Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 1000 %
  • Направление (Direction): Вверх (Up)
  • Размер (Size): 1 рх
  • Смягчение (Soften): 0 рх
  • Угол (Angle): -90 °
  • Высота (Altitude): 0 °
  • Глобальное освещение (Use Global Light): снять галочку
  • Сглаживание (Antialiased): Снять галочку
  • Режим подсветки (Highlight Mode): Осветление основы (Color Dodge), цвет белый
  • Непрозрачность (Opacity): 100 %
  • Режим тени (Shadow Mode): Затемнение основы (Color Burn), цвет черный
  • Непрозрачность (Opacity): 50 %

Шаг 4

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

Примечание переводчика: настройки на скриншоте

Внутренняя тень (Inner Shadow):

  • Режим наложения (Blend Mode): Затемнение (Darken), цвет черный
  • Непрозрачность (Opacity): 50 %
  • Глобальное освещение (Use Global Light): Снять галочку
  • Угол (Angle): 90°
  • Смещение (Distance): 8 рх
  • Стягивание (Choke): 0 %
  • Размер (Size): 20 рх
  • Сглаживание (Antialiased): Поставить галочку
  • Шум (Noise): 5 %

Шаг 5

Последний эффект, который мы применим к данному стилю слоя, – Наложение узора (Pattern Overlay) с бумажной текстурой. Найдите в Интернете любую текстуру бумаги или скачайте текстуру из исходных материалов.

Примечание переводчика: настройки на скриншоте

Наложение узора (Pattern Overlay)

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100 %
  • Узор (Pattern): Текстура бумаги
  • Масштаб (Scale): 25 %
  • Связать со слоем (Link with Layer): Поставить галочку 

Для того чтобы добавить текстуру бумаги в набор узоров, откройте текстуру бумаги в новом окне (новом документе), затем перейдите в Редактирование – Определить узор, присвойте любое имя новому узору и нажмите Ок, после этого вы можете закрыть документ с текстурой бумаги.

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

Шаг 6

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

Шаг 7

Теперь добавьте текстуру бумаги к фоновому слою.

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

Добавьте логотип в центр нашего изображения. Я добавил логотип Abduzeedo и использовал практически те же эффекты стиля слоя, что и в предыдущих шагах, но вместо Внутренней тени (Inner Shadow) я использовал эффект Тень (Drop Shadow).

Примечание переводчика: настройки на скриншоте

Тень (Drop Shadow):

  • Режим наложения (Blend Mode): Умножение (Multiply), цвет черный.
  • Непрозрачность (Opacity): 30 %
  • Глобальное освещение (Use Global Light): Снять галочку
  • Угол (Angle): 90 °
  • Смещение (Distance): 10 рх
  • Размах (Spread): 1 %
  • Размер (Size): 10 рх
  • Сглаживание (Antialiased): Снять галочку
  • Шум (Noise): 10 %

Шаг 8

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

Шаг 9

Измените режим наложения (Blend Mode) на Мягкий свет (Soft Light), таким образом, он будет влиять только на тени и серые тона.

Вывод

Вы можете продублировать все слои и объединить продублированные слои в один, а затем изменить режим наложения (Blend Mode) на Затемнение основы (Color Burn), для того чтобы увеличить контрастность. В результате вы получите простое изображение с приятным контрастом. 

Автор: Abduzeedo

Источник: abduzeedo.com

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

Пока моя заметка о масках в Фотошопе не остыла, срочно хочу осветить вопрос перевода растра в вектор. Два дня назад, я зашел в свой хронофагский Google Analytic и что же я увидел. Оказывается некоторые попадают на мой сайт по запросу «растр в вектор», а между тем, на моем сайте нет ни одной толковой заметки на данную тему. Люди же мучают Google на перевод растра в вектор в Corel Draw, Illustrator и даже Adobe Photoshop . Начнем с Фотошопа.

Из растра в вектор. Зачем это нужно?

Фотошоп — растровая программа. Вектор в нем присутствует в виде векторных контуров. Как таковых, векторных объектов в Фотошопе нет. Но есть есть векторные контуры, которые могут быть преобразованы в векторную маску. Маска накладывается на эффект или объект и получается вектор в фотошопе. Содержимое такого объекта все равно растровое, но может преобразовываться в вектор при сохранении в некоторые форматы.

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

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

Перевод растра в вектор в Фотошопе

Что именно способен перевести в вектор Фотошоп? Что угодно, если вы заранее выделите этот объект инструментами группы Select . Фотошоп конвертирует в контур любое выделение. Об инструментах выделения можно прочесть в статье Примитивах выделения в Фотошопе . Приведу рабочий пример. Много лет назад ко мне обратился очень непростой заказчик, затребовавший непростой сайт. Для сайта необходимо было выполнить различный арт, и я решил нарисовать его в фотошопе. В ходе рисования я перевел его в вектор, и сейчас я расскажу как. Вот одно из подобных изображений, которое я рисовал кистью с твердыми краями на планшете. Я обвел оригинального Витрувианского человека, видоизменил его и нарисовал свое, отличное от оригинала, лицо. Идея векторизировать арт пришла случайно. Но реализовав её, я получил возможность как угодно масштабировать человека. Более того, ранее рваные края и неровности после векторизации сгладились.

Находим изображение для трассирования

Я подыскал в Google Картинки бабочку. Её мы и переведем в вектор. Учтите, что чем больше изображение, тем ровнее получится наш векторный объект. Это справедливо и для Фотошопа и для Иллюстратора. Под большим изображением я понимаю картинку от 1000 пикселей в ширину и больше. Моя бабочка к примеру от 2000 пикселей.

Выделяем объект

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

Зайдите в Select > Inverse или кликните по рабочей области и из появившегося меню выберите Select Inverse . Смысл в том, что созданное выделение надо инвертировать чтобы выделить бабочку. Честно говоря мне совершенно все равно как вы будете создавать ваше выделение. Хоть вручную обводите лассо, это не имеет никакого значения.

Создаем векторный контур

У нас есть выделенная область, теперь конвертируем её в векторный контур path . Выберите любой инструмент выделения вроде Lasso Tool, Rectangular Marquee Tool или Magic Wand Tool . Кликните по области выделения правой кнопкой мыши и в появившемся меню выберите Make Work Path . В появившемся меню установите степень сглаживания Tolerance по вкусу. Зависимость простая. Чем выше цифра, тем выше сглаживание. Чем ниже цифра, тем ниже сглаживание. Высокое сглаживание означает более низкое количество векторных узелков и более неточное следование растровому контуру. В случае с моим Витрувианским человеком именно такого эффекта я и добивался.

Итак, в палитре Path у нас появился рабочий контур. Если у вас нет палитры Path откройте её Windows > Path Рабочая область палитры Path похожа на десктоп или временное пристанище. На ней могут появляться разные контуры, но если вы позаботитесь о последовательном сохранении, со временем они исчезнут. Сделайте двойной клик по контуру Work Path и сохраните контур отдельно. Контуры в области Path работают так же как слои в палитре Layers . Если контур выделен, значит он активен и с ним можно работать.

Инструменты для работы с контурами в фотошопе — Path Selection Tool и Direct Selection Tool . У нас есть контур, но нет объекта. Если вы читали серию моих заметок о векторе в фотошопе вы уже знаете, что вектор в фотошопе представлен в виде векторной маски для какого-то эффекта или графики. Еще вектор может присутствовать в виде умного слоя, ссылающегося на импортированный фаил Иллюстратора, но это оставим для другой заметки. Выделите контур инструментом Path Selection Tool или в палитре контуров Path . Нажмите Layer > New Fill Layer > Solid Color Мы создали слой заливки, которому сразу присваивается векторная маска в виде нашего контура.

Доработка векторного контура

Пользуясь материалами, которые я описал в статьях Векторные инструменты рисования в Фотошопе и Add, Subtract, Intersect и Exlude в Фотошопе усложним рисунок. Я взял инструмент Pen Tool , выделил маску слоя заливки. В настройках Pen Tool выставил Subtract и дорисовал некоторые элементы нашей бабочке. Вырезал узоры на крыльях, а ножки и усики сделал толще.

Создание произвольной фигуры Custom Shapes

Вы всегда можете сохранить полученный объект в произвольные фигуры Custom Shapes . Некоторое время назад я упоминал о том как это можно сделать в статье Custom Shape Tool в Фотошопе . Выделите слой с бабочкой и нажмите Edit > Define Custom Shape Наша бабочка появилась в фигурах инструмента Custom Shapes Tool .

А вот то, что у нас получилось в итоге:

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

Перевод из растра в вектор фотографии в фотошопе

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

Одним из упомянутых мною эффектов является Filter > Artistic > Cutout Оставляю настройки на вашей совести. Изображение должно получиться максимально реалистичным, но сильно сглаженным. На этом можно было бы остановиться, изображение уже выглядит «векторно», но оно по прежнему растровое.

Теперь нужно создать векторные области равные количеству цветов на фотографии. Выберите палочку Magic Wand Tool и убедитесь, что в настройках не отмечена галочка Contiguous . Выделите первую область и проделайте весь, описанный мною выше, путь. Из выделения создайте контур, из контура залитую векторную маску и так далее.

Итого, вся фотография преобразована в векторные области. Последнюю белую область мы не будем преобразовывать в вектор. Просто нарисуйте большой белый квадрат инструментом Rectangle Tool и поместите его под все слои. После легкой чистки и доработки контуров фотография выглядит так, как на картинке ниже. И ещё раз, подобная работа не предназначена для Фотошопа и является скорее извращением. Но, это можно сделать, и в различных ситуациях подобные приемы могут пригодиться. Обработка фотографии заняла у меня 10 минут, так что подобная работа не отнимает массу времени. И помните, чем большего размера фотографию вы разложите таким образом на слои, тем лучше и эластичнее контур сможет обогнуть области выделения. Тем менее угловатой и грубой получится наш вектор в Фотошопе. Различные настройки Toleranse при создании контура тоже дадут разный результат. Удачных экспериментов!

Инструменты для работы с вектором в Photoshop появились достаточно давно, но использовать их в работе начали сравнительно недавно. Это связанно с тем, что очень долгое время они были “сырыми” и т.к. вектор в фотошопе не является профильным инструментом для работы, его и не дорабатывали. Но все поменялось с выходом Photoshop CC.

Зачем нужен вектор в фотошопе

Сначала хочу рассказать почему я использую вектор в фотошопе. Есть множество зарекомендовавших себя векторных редакторов. Самые распространенные это Illustrator, CorelDraw, Xara. Чаще всего я занимаюсь веб дизайном, а значит моя работа не является конечным результатом. Т.е. прежде чем стать сайтом, интерфейсом, приложением макет попадет верстальщику. Большинство верстальщиков в совершенстве владеют Photoshop, но очень поверхностно знакомы с Illustrator. Поэтому желание “запихнуть” все в один файл вполне логично. Здорово когда верстальщик получает один PSD в котором содержится полный макет да еще и с возможностью редактирования элементов. Поменять цвет кнопки, изменить радиус формы меню, увеличить или уменьшить блок без потери качества — за 2 клика и 1 минуту! Вектор в фотошопе позволяет сделать это без особых навыков.

Особенности работы с вектором в фотошопе

Если вы раньше работали в любом векторном редакторе, то многое покажется знакомым. Но ко многому придется привыкать. Вся работа в фотошопе строится со слоями, это коснулось и всех векторных инструментов.
1. Что бы легко редактировать вектор в фотошопе необходимо каждую фигуру располагать в отдельном слое.
2. Операции по “слиянию”, “вычитанию”, “наложению” лучше применять к не более чем двум объектам.
3. После операции “слияния”, “вычитания”, “наложения” контуры исходных объектов остаются доступными к редактированию.
4. Ко всем векторным объектам можно легко применять растровые стили. Это очень удобно.
5. К векторным объектам можно применять прозрачность и накладывать на них фильтры.
6. Отдельные слои и группы слоев с векторными объектами можно легко клонировать внутри документа или копировать в другой документ PSD.
7. Подписывайте каждый слой и группируйте слои — это сэкономит массу времени.

Основные примитивы

Как и в любом векторном редакторе, вектор в фотошопе имеет готовые примитивы. Основные примитивы:
“Прямоугольник”, “Прямоугольник со кругленными углами ”, “Эллипс”, “Многоугольник”, “Линия”, “Произвольная фигура”. У каждой фигуры (в любой момент времени) можно задать толщину/тип/цвет обводку и заливку. Для специфических примитивов доступны дополнительные свойства. Например у многоугольника можно задать количество углов, а у прямоугольника со кругленными углами можно задать радиус скругления.

Основные инструменты

Что бы нарисовать произвольный вектор или редактировать существующий (в т.ч. и контур примитивов) необходимо использовать инструменты “Перо” (рисуем произвольный контур), “Перо+” (добавляем новые опорные точки в готовый контур), “Перо-“ (удаляем опорные точки из готового контура), “Свободное перо” (рисуем произвольный контур от руки), “Угол” (меняем изгибы кривых контура, задаем типы соединений между опорных точек).

Для иллюстрации процесса краткое видео из которого вы узнаете:
1. Как создать примитив
2. Как нарисовать произвольную векторную фигуру
3. Как править контур примитива
4. Как править контур произвольной векторной фигуры

Основные операции с вектором в фотошопе

Всего доступно 4 операции: “Объединение фигур”, “Вычесть переднюю фигуру”, “Объединить фигуры в наложении”, “Вычесть фигуры в наложении”. Все эти операции доступны через основное верхнее меню Слои > Объединить фигуры , либо через панель инструментов “Свойства” (верхнее меню Окно > Свойства ).
Внимание! Прежде чем начать какие-то операции по объединению векторных фигур убедитесь что слои этих фигур выделены в панели инструментов “Слои” (включить ее F7 или Окно > Слои ).

Краткое видео иллюстрирующее основные операции “объединения фигур” в фотошопе.

Меняем цвет, размер и применяем стили

Вот мы дошли до самого интересного. Вектор в фотошопе позволяет поменять размер как в большую так и в меньшую сторону без потери качества. Для этого выберете нужные слои в панели инструментов “слои”, нажмите Ctrl+T (или Command+T если у вас MAC) и перетаскивая маркеры выделенного контура мышкой отрегулируйте размер. Что бы размер менялся пропорционально необходимо зажимать клавишу Shift.


Краткое видео:
1. Изменяем размер векторной фигуры
2. Изменяем цвет заливки векторной фигуры
3. Добавляем стиль к векторной фигуре

Скачать пример PSD (бесплатно)

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

Задать вопрос

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

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

В данном уроке рассмотрим следующие действия:

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

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

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

Выделение растрового объекта

Для перевода растрового изображения нужно сначала выделить его любым инструментом типа Select. Теперь выделим нарисованный объект либо при помощи инструмента Wand Tool, либо нажмем на слой левой кнопкой мыши зажав клавишу Ctrl.

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

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

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

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

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

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

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

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

Как сохранить векторный объект в библиотеку векторных фигур в Photoshop

Затем вам будет предложено поименовать новый векторный объект. Нажмите «ok» , после чего проверьте новый объект в библиотеке, используя инструмент Custom Shapes Tool.

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

Инструменты для работы с вектором в Photoshop появились достаточно давно, но использовать их в работе начали сравнительно недавно. Это связанно с тем, что очень долгое время они были “сырыми” и т.к. вектор в фотошопе не является профильным инструментом для работы, его и не дорабатывали. Но все поменялось с выходом Photoshop CC.

Зачем нужен вектор в фотошопе

Сначала хочу рассказать почему я использую вектор в фотошопе. Есть множество зарекомендовавших себя векторных редакторов. Самые распространенные это Illustrator, CorelDraw, Xara. Чаще всего я занимаюсь веб дизайном, а значит моя работа не является конечным результатом. Т.е. прежде чем стать сайтом, интерфейсом, приложением макет попадет верстальщику. Большинство верстальщиков в совершенстве владеют Photoshop, но очень поверхностно знакомы с Illustrator. Поэтому желание “запихнуть” все в один файл вполне логично. Здорово когда верстальщик получает один PSD в котором содержится полный макет да еще и с возможностью редактирования элементов. Поменять цвет кнопки, изменить радиус формы меню, увеличить или уменьшить блок без потери качества — за 2 клика и 1 минуту! Вектор в фотошопе позволяет сделать это без особых навыков.

Особенности работы с вектором в фотошопе

Если вы раньше работали в любом векторном редакторе, то многое покажется знакомым. Но ко многому придется привыкать. Вся работа в фотошопе строится со слоями, это коснулось и всех векторных инструментов.
1. Что бы легко редактировать вектор в фотошопе необходимо каждую фигуру располагать в отдельном слое.
2. Операции по “слиянию”, “вычитанию”, “наложению” лучше применять к не более чем двум объектам.
3. После операции “слияния”, “вычитания”, “наложения” контуры исходных объектов остаются доступными к редактированию.
4. Ко всем векторным объектам можно легко применять растровые стили. Это очень удобно.
5. К векторным объектам можно применять прозрачность и накладывать на них фильтры.
6. Отдельные слои и группы слоев с векторными объектами можно легко клонировать внутри документа или копировать в другой документ PSD.
7. Подписывайте каждый слой и группируйте слои — это сэкономит массу времени.

Основные примитивы

Как и в любом векторном редакторе, вектор в фотошопе имеет готовые примитивы. Основные примитивы:
“Прямоугольник”, “Прямоугольник со кругленными углами ”, “Эллипс”, “Многоугольник”, “Линия”, “Произвольная фигура”. У каждой фигуры (в любой момент времени) можно задать толщину/тип/цвет обводку и заливку. Для специфических примитивов доступны дополнительные свойства. Например у многоугольника можно задать количество углов, а у прямоугольника со кругленными углами можно задать радиус скругления.

Основные инструменты

Что бы нарисовать произвольный вектор или редактировать существующий (в т.ч. и контур примитивов) необходимо использовать инструменты “Перо” (рисуем произвольный контур), “Перо+” (добавляем новые опорные точки в готовый контур), “Перо-“ (удаляем опорные точки из готового контура), “Свободное перо” (рисуем произвольный контур от руки), “Угол” (меняем изгибы кривых контура, задаем типы соединений между опорных точек).

Для иллюстрации процесса краткое видео из которого вы узнаете:
1. Как создать примитив
2. Как нарисовать произвольную векторную фигуру
3. Как править контур примитива
4. Как править контур произвольной векторной фигуры

Основные операции с вектором в фотошопе

Всего доступно 4 операции: “Объединение фигур”, “Вычесть переднюю фигуру”, “Объединить фигуры в наложении”, “Вычесть фигуры в наложении”. Все эти операции доступны через основное верхнее меню Слои > Объединить фигуры , либо через панель инструментов “Свойства” (верхнее меню Окно > Свойства ).
Внимание! Прежде чем начать какие-то операции по объединению векторных фигур убедитесь что слои этих фигур выделены в панели инструментов “Слои” (включить ее F7 или Окно > Слои ).

Краткое видео иллюстрирующее основные операции “объединения фигур” в фотошопе.

Меняем цвет, размер и применяем стили

Вот мы дошли до самого интересного. Вектор в фотошопе позволяет поменять размер как в большую так и в меньшую сторону без потери качества. Для этого выберете нужные слои в панели инструментов “слои”, нажмите Ctrl+T (или Command+T если у вас MAC) и перетаскивая маркеры выделенного контура мышкой отрегулируйте размер. Что бы размер менялся пропорционально необходимо зажимать клавишу Shift.


Краткое видео:
1. Изменяем размер векторной фигуры
2. Изменяем цвет заливки векторной фигуры
3. Добавляем стиль к векторной фигуре

Скачать пример PSD (бесплатно)

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

Задать вопрос

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

16.03.2014 27.01.2018

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

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

Выберите фотографию и откройте её в фотошопе.

Сделайте копию слоя. Обзовите один слой Girl 1 Layer , а второй Girl 2 Layer .

Примените функцию Image — Adjustments — Thresholds (Изображение — Коррекция — Изогелия ) для слоя Girl 1 Layer .

Установите цвета белый и черный, в панели инструментов.

Примените фильтр Filter — Sketch — Photocopy (Фильтр — Скетч — Фотокопия ) для слоя Girl 2 Layer .

Режим смешивания у слоя Girl 2 Layer установите Multiply (Умножение )и объедините слои.

Примените еще раз функцию Threshold (Изогелия )

Теперь необходимо сгладить края, для этого примените фильтр Stylize — Difusse (Стилизация — Диффузия )

Векторное изображение готово.

Теперь чтобы его хоть как-то преобразить, вы можете его раскрасить. Для этого просто возьмите кисть черного цвета и поправьте линии черт лица.

Для заливки цветом используйте Paint Bucket Tool (Заливка ). Это не составит для вас проблемы.

Фотошоп векторная графика. Перевод из растра в вектор в фотошопе

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

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

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

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

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

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

Простой пример, как растр перевести в вектор

Итак, вектор состоит из геометрических фигур. Photoshop обладает инструментами для создания контуров. Контур и есть геометрическая фигура. Чтобы сделать векторное изображение в Фотошопе, нужно создать контур изображения. Помогут нам в этом инструменты группы «Выделение»/Select : «Прямоугольное выделение»/Rectangular Marquee Tool , «Эллиптическое выделение»/Elliptical Select Tool ,** «Волшебная палочка»/Magic Wand Tool, **«Быстрое выделение»/Quick Selection Tool и «Перо»/Pen tool .

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

Открываем растровое изображение в фотошопе (самый распространенный формат растрового изображения — JPG). Очень легко поддаются обработке логотипы, контурные рисунки, эскизы. Чтобы получить векторный эскиз портрета, сначала можно преобразовать портрет в эскиз с помощью «Галереи фильтров» , либо использовать готовый поп-арт. О том, как работать с «Галереей фильтров» и быстро создавать поп-арт из фото, мы рассказывали в предыдущих статьях. Для этого примера мы возьмем готовый поп-арт-портрет. Умышленно мы подготовили его из фото не самого лучшего разрешения. Поэтому векторный вариант покажет нам заметную разницу.

Чтобы работать с контурами, вам нужно вызвать закладку «Контуры»/Path на палитру слоёв. Для этого зайдите в меню «Окно»/Window и отметьте пункт «Контуры»/Path . Закладка появится на палитре слоёв.

Изображение имеет 4 цвета (фон не считаем). Берём инструмент «Волшебная палочка»/Magic Wand Tool и выделяем первый цвет. Чтобы выделить все участки, рассредоточенные островками по изображению, удерживайте Shift .

Когда первый цвет выделен, выбираем инструмент «Лассо»/Lasso либо «Прямоугольная область»/Rectangular Marquee Tool и, не снимая выделения, щёлкаем правой клавишей мыши. В контекстном меню выбираем «Образовать рабочий контур»/Make Work Path .

В диалоговом окне указываем максимальное сглаживание «Допуск»/Tolerance (от 1 до 10; чем ниже цифра, тем лучше повторятся контуры). Жмём Ok .

На закладке «Контур» появится первый контур. На изображении он будет заметен в виде кривых с точками. Их можно выровнять и подогнать с помощью инструмента «Выделение узла»/Direct Selection Tool . Этим инструментом выделяем точку и либо корректируем кривую, перемещая усик точки, либо подвигаем саму дугу.

На закладке «Контур» меняем название контура. Для этого щёлкаем по нему двойным щелчком и в диалоговом окне изменяем имя.

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

Получив контуры, остаётся создать вектор. Переходим на закладку «Слои»/Layer на палитре слоёв, создаём новый слой Shift+Ctrl+N . Основной цвет задаём тот, в который окрасим первый контур.

Возвращаемся на закладку «Контур» , становимся на первый контур. В главном меню в пункте «Слои»/Layers выбираем «Новый цвет заливка»/New Fill Layer «Цвет»/Solid Color . В открывшемся окне жмём Ok .

Теперь, перейдя на закладку «Слои»/Layers , вы увидите на новом слое первый векторный слой.

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

На этом всё. Способ достаточно простой.

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

Еще больше о Photoshop — на курсах .

Пока моя заметка о масках в Фотошопе не остыла, срочно хочу осветить вопрос перевода растра в вектор. Два дня назад, я зашел в свой хронофагский Google Analytic и что же я увидел. Оказывается некоторые попадают на мой сайт по запросу «растр в вектор», а между тем, на моем сайте нет ни одной толковой заметки на данную тему. Люди же мучают Google на перевод растра в вектор в Corel Draw, Illustrator и даже Adobe Photoshop . Начнем с Фотошопа.

Из растра в вектор. Зачем это нужно?

Фотошоп — растровая программа. Вектор в нем присутствует в виде векторных контуров. Как таковых, векторных объектов в Фотошопе нет. Но есть есть векторные контуры, которые могут быть преобразованы в векторную маску. Маска накладывается на эффект или объект и получается вектор в фотошопе. Содержимое такого объекта все равно растровое, но может преобразовываться в вектор при сохранении в некоторые форматы.

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

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

Перевод растра в вектор в Фотошопе

Что именно способен перевести в вектор Фотошоп? Что угодно, если вы заранее выделите этот объект инструментами группы Select . Фотошоп конвертирует в контур любое выделение. Об инструментах выделения можно прочесть в статье . Приведу рабочий пример. Много лет назад ко мне обратился очень непростой заказчик, затребовавший непростой сайт. Для сайта необходимо было выполнить различный арт, и я решил нарисовать его в фотошопе. В ходе рисования я перевел его в вектор, и сейчас я расскажу как. Вот одно из подобных изображений, которое я рисовал кистью с твердыми краями на планшете. Я обвел оригинального Витрувианского человека, видоизменил его и нарисовал свое, отличное от оригинала, лицо. Идея векторизировать арт пришла случайно. Но реализовав её, я получил возможность как угодно масштабировать человека. Более того, ранее рваные края и неровности после векторизации сгладились.

Находим изображение для трассирования

Я подыскал в Google Картинки бабочку. Её мы и переведем в вектор. Учтите, что чем больше изображение, тем ровнее получится наш векторный объект. Это справедливо и для Фотошопа и для Иллюстратора. Под большим изображением я понимаю картинку от 1000 пикселей в ширину и больше. Моя бабочка к примеру от 2000 пикселей.

Выделяем объект

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

Зайдите в Select > Inverse или кликните по рабочей области и из появившегося меню выберите Select Inverse . Смысл в том, что созданное выделение надо инвертировать чтобы выделить бабочку. Честно говоря мне совершенно все равно как вы будете создавать ваше выделение. Хоть вручную обводите лассо, это не имеет никакого значения.

Создаем векторный контур

У нас есть выделенная область, теперь конвертируем её в векторный контур path . Выберите любой инструмент выделения вроде Lasso Tool, Rectangular Marquee Tool или Magic Wand Tool . Кликните по области выделения правой кнопкой мыши и в появившемся меню выберите Make Work Path . В появившемся меню установите степень сглаживания Tolerance по вкусу. Зависимость простая. Чем выше цифра, тем выше сглаживание. Чем ниже цифра, тем ниже сглаживание. Высокое сглаживание означает более низкое количество векторных узелков и более неточное следование растровому контуру. В случае с моим Витрувианским человеком именно такого эффекта я и добивался.

Итак, в палитре Path у нас появился рабочий контур. Если у вас нет палитры Path откройте её Windows > Path Рабочая область палитры Path похожа на десктоп или временное пристанище. На ней могут появляться разные контуры, но если вы позаботитесь о последовательном сохранении, со временем они исчезнут. Сделайте двойной клик по контуру Work Path и сохраните контур отдельно. Контуры в области Path работают так же как слои в палитре Layers . Если контур выделен, значит он активен и с ним можно работать.

Инструменты для работы с контурами в фотошопе — Path Selection Tool и Direct Selection Tool . У нас есть контур, но нет объекта. Если вы читали серию моих заметок о векторе в фотошопе вы уже знаете, что вектор в фотошопе представлен в виде векторной маски для какого-то эффекта или графики. Еще вектор может присутствовать в виде умного слоя, ссылающегося на импортированный фаил Иллюстратора, но это оставим для другой заметки. Выделите контур инструментом Path Selection Tool или в палитре контуров Path . Нажмите Layer > New Fill Layer > Solid Color Мы создали слой заливки, которому сразу присваивается векторная маска в виде нашего контура.

Доработка векторного контура

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

Создание произвольной фигуры Custom Shapes

Вы всегда можете сохранить полученный объект в произвольные фигуры Custom Shapes . Некоторое время назад я упоминал о том как это можно сделать в статье . Выделите слой с бабочкой и нажмите Edit > Define Custom Shape Наша бабочка появилась в фигурах инструмента Custom Shapes Tool .

А вот то, что у нас получилось в итоге:

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

Перевод из растра в вектор фотографии в фотошопе

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

Одним из упомянутых мною эффектов является Filter > Artistic > Cutout Оставляю настройки на вашей совести. Изображение должно получиться максимально реалистичным, но сильно сглаженным. На этом можно было бы остановиться, изображение уже выглядит «векторно», но оно по прежнему растровое.

Теперь нужно создать векторные области равные количеству цветов на фотографии. Выберите палочку Magic Wand Tool и убедитесь, что в настройках не отмечена галочка Contiguous . Выделите первую область и проделайте весь, описанный мною выше, путь. Из выделения создайте контур, из контура залитую векторную маску и так далее.

Итого, вся фотография преобразована в векторные области. Последнюю белую область мы не будем преобразовывать в вектор. Просто нарисуйте большой белый квадрат инструментом Rectangle Tool и поместите его под все слои. После легкой чистки и доработки контуров фотография выглядит так, как на картинке ниже. И ещё раз, подобная работа не предназначена для Фотошопа и является скорее извращением. Но, это можно сделать, и в различных ситуациях подобные приемы могут пригодиться. Обработка фотографии заняла у меня 10 минут, так что подобная работа не отнимает массу времени. И помните, чем большего размера фотографию вы разложите таким образом на слои, тем лучше и эластичнее контур сможет обогнуть области выделения. Тем менее угловатой и грубой получится наш вектор в Фотошопе. Различные настройки Toleranse при создании контура тоже дадут разный результат. Удачных экспериментов!

Финальный результат

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

Чтобы создать действительно классное изображение, Вы должны выбрать нужную программу и следовать определенным правилам. Если Вы хотите нарисовать векторную иллюстрацию, то должны иметь в виду, что для этого используются такие редакторы как Adobe Illustrator или CorelDraw . Вместе с тем, Photoshop располагает достаточными средствами для разработки векторных иллюстраций. Я наглядно покажу это в своем уроке, как перевести рисунок в вектор. Я выбрал скетч кота как основу для иллюстрации. Я решил изобразить синего кота с розовыми цветами в лапах.

Шаг 1

Начнем с создания фона. Нарисуем форму с помощью инструмента выделения () (в режиме Shape Layers (Слой Фигура)). Настройки — (Непрозрачность заливки) = 0% . Теперь используем наложение градиента: ( (Стиль слоя — Наложение градиента)) для заполнения созданной фигуры. Все настройки по умолчанию, вам только нужно менять угол (я буду указывать степень) и градиент. Добавляем Stroke (Обводку) ( (Стиль слоя — Обводка)). Используем все настройки по умолчанию, кроме ширины в 1 рх и цвета.

На просторах рунета я нашел изображение логотипа. Можно ли перевести её из растра в вектор в Фотошопе, причем автоматически? Нет, нельзя. Увы, пока тенденции вектора в Фотошопе таковы, все что в этом направлении было сделано, осталось неизменно ещё 5 версий назад. С тех пор оно не трогалось, не изменялось и ничего нового в векторе не добавлялось. Вам нужны были векторные инструменты в фотошопе? Вот они, хотите больше? Что вообще вы забыли в Фотошопе, осваивайте Иллюстратор. Примерно такой ход мысли двигал разработчиками, внедрявшими самые простые векторные операции в Фотошоп. А теперь перейдем к делу.

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

Выделение логотипа

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

  • Выбирайте инструмент Magic Wand Tool
  • Настройте в опциях Tolerance 20 или 30.
  • Там же кликните по иконке Add to Selection. Подробно о их работе я писал в статье Add, Subtract, Intersect и Exlude в Фотошопе где речь шла об инструментах вектора, но в выделении эти опции работают так же.

Мне честно говоря все равно как вы выделите логотип, хоть в ручную лассо, хоть через Color Range. Просто в данной ситуации, конкретно на этом изображении проще всего это сделать инструментом Magic Wand Tool.

Переводим выделение в векторный контур

Не переключайтесь с инструмента Magic Wand Tool.

  • Правой кнопкой мыши кликните по области выделения.
  • Из появившегося меню выберите Make Work Path.

  • В появившемся окне настройте толерантность на 1,0 Чем выше значение толерантности, тем более плавными, стилизованными и неточными будут наши контуры.

На нижеприведенной иллюстрации я выбрал инструмент Path Selection Tool и выделил контур, что бы он был вам виден.

Сохранение контура в палитре Path

Эта операция не обязательна, но желательна.

    Переключитесь на палитру Path. Если вы не можете её найти нажмите Window > Path

    Кликните дважды по контуру в палитре.

  • В появившемся окне введите имя и нажмите ОК.

Создание векторной маски

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

    Убедитесь, что ваш конур выделен в палитре Path

    Выберите из меню Layer > New Fill Layer > Solid Color

    В появившемся окне выберите цвет и кликните ОК

Вот и все. Точнее было бы все если бы это не был hronofag.ru Помните я говорил вам, что чем меньше изображение, тем хуже оно переведется. Готов поспорить на руках у вас какой-то грязный скан засунутый в Ворд, который заказчик требует перевести в вектор? Я угадал? При этом изображение пережато JPG сжатием, уменьшено, потом увеличено, затем опять уменьшено до размеров аватарки, и ещё на него пролили кетчуп. Можно ли качественно перевести в Фотошопе в вектор такую картинку?

Для начала посмотрите на наш логотип. Не смотря на отличное разрешение, четкие края Фотошоп не сумел создать хорошие и ровные контуры. Иллюстратор делает это в 100 раз лучше, но статья не про иллюстратор. Как видите контуры не везде ровные, даже в прямоугольных частях логотипа. А окружности совсем косые.

Теперь я уменьшу изображение в 2 раза, затем еще в 2 раза и покажу вам результат перевода в вектор.

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

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

И все же я слегка манипулирую правдой. Дело в том, что все это резонно для Иллюстратора, который создает вектор на основе картинки. Фотошоп не создает вектор на основе картинки, он создает контуры на основе выделения. Логично, чем качественнее и ровнее выделение, тем ровнее получатся кривые. И инструмент Волшебная палочка, которым мы выделяли эти области, уже не подойдет для выделения таких жутких изображений. Да, вы сумеете сделать качественные выделения, задействовал все инструменты выделения, сумеете даже увеличить их и создать на основе них более менее ровный контур, который все равно будет не идеальным. Идти таким путем просто потеря времени. Единственный рабочий вариант — отрисовать логотип с нуля в Фотошопе.

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

В данном уроке рассмотрим следующие действия:

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

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

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

Выделение растрового объекта

Для перевода растрового изображения нужно сначала выделить его любым инструментом типа Select. Теперь выделим нарисованный объект либо при помощи инструмента Wand Tool, либо нажмем на слой левой кнопкой мыши зажав клавишу Ctrl.

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

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

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

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

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

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

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

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

Как сохранить векторный объект в библиотеку векторных фигур в Photoshop

Затем вам будет предложено поименовать новый векторный объект. Нажмите «ok» , после чего проверьте новый объект в библиотеке, используя инструмент Custom Shapes Tool.

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

Как вырезать волосы в Photoshop cc 2018 — Сообщество службы поддержки Adobe

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

первый — выбрать инструмент «Быстрый выбор» и выделить им фон. Если вы случайно выбрали передний план, просто удерживайте клавишу alt, чтобы удалить области. Сделав грубый выбор, нажмите кнопку «Выбрать и замаскировать» на панели управления. Нажмите кнопку «Инвертировать», чтобы инвертировать маску так, чтобы был выбран этот человек, а не BG.

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

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

выберите инструмент Refine Edge слева, сделав его достаточным, чтобы покрыть края волос, где все еще отображается BG. Закрасьте эти края инструментом Refine edge Tool, чтобы удалить следы BG.

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

Когда вы закончите, выберите «Новый слой с маской слоя» в меню «Вывод».

‘’ Для дальнейшего уточнения маски щелкните миниатюру маски слоя на панели слоев, удерживая Alt, чтобы сделать ее видимой.Выберите инструмент кисти. Измените его режим на Overlay. Используйте черную краску, чтобы укрепить области BG, и белую краску, чтобы укрепить волосы. Вернитесь к просмотру слоя, снова щелкнув левой кнопкой мыши на LM.

Учебное пособие по Photoshop: УТОЧНЕНИЕ КРАЯ И БЫСТРЫЙ ВЫБОР — YouTube

Второй метод включает использование каналов, вычислений, минимально-максимальных эффектов и рисование вручную. Это более эффективно, но сложнее, и у меня нет места, чтобы все это здесь записать, но я думаю, что на Линде есть учебные пособия.com, который может вам в этом помочь.

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

маска Photoshop — Итальянский перевод — Linguee

Вместо подготовки вырезанных изображений с помощью fi dd l y Photoshop p a th s, создайте маску si mp l e . w it h Photoshop s Инструменты кисти и сохраните маску как […]

Альфа-канал.

planetquark.com

Invece di preparare imagini ritagliate

[…]

usando i poco pratici

[…] tracc ia ti di Photoshop, crea re una s empli ce maschera co n gli s trumenti Pen ne llo di Photoshop e salvare l a maschera c ome c an ale Alfa.

planetquark.com

M ag i c Mask i s a plugin f o r Photoshop t h at позволяет создавать te a mask f r om объект и […]

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

spc-international.com

Маска Ма gic è un p lug in per Photoshop che co nse nte d i c re are u na maschera da l’og ge tto e […]

applicationarlo direttamente su un’altra

[…]

фотография usandola come lo sfondo.

spc-international.com

В Windows, когда вы создаете программу SCCM для развертывания

[…]

package 2, вы указываете стандартный msiexec

[…] командная строка для вызова t h e Photoshop M S I, , которая развертывает пробный полицейский y o f Photoshop .

wwwimages.adobe.com

В Windows, если создать программу SCCM для дистрибутива пакета 2, это обязательно должно быть

[…]

riga di comandomsiexec стандарт p er

[…] richiamare l’M SI d i Photoshop c he p or distribuisce la versione di p rova ​​ di Photoshop .

wwwimages.adobe.com

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

[…]

вкусовое и / или обонятельное восприятие, или добавление

[…] ингредиенты, придающие вкус и запах th a t маска t h os e рыбной муки.

eur-lex.europa.eu

vietato sottoporre il latte scremato in polvere, tal quale o previa denaturazione, ad un qualsiasi processo at to a ridurre or нейтрализовать эффекты, della denaturazione, soprattutto per quanto riguarda i deodorantiore, oaa modificare компонент мед. della percezione gustativa e / o

[…]

olfattiva, nonché agiungere

[…] ингредиент i che conferiscano un sa pore e un запах e che si sov ra ppongano […]

a quelli della farina di pesce.

eur-lex.europa.eu

Если основные параметры

[…] достаточно, si mp l y mask t h e расширенные настройки.

hbm.com

Se i Paratri base sono sufficienti, si

[…] Posson o semp lice me nte mascherare que ll i av anza ti .

hbm.com

Запатентованная функция произвольной печати предназначена для обработки до 250 различных файлов с одним изображением на задание, равных 15 ГБ данных, которые виртуально сгруппированы вместе.

[…]

без необходимости трудоемкого

[…] процесс сшивания s i n Photoshop t o p но вместе несколько […]

изображений в один большой файл с

[…]

уменьшены возможности из-за ограничений размера файла.

durst.it

Функция случайного хранения случайных данных содержит 250 файлов изображений для каждого отдельного файла, для всего 15 ГБ данных, виртуальных групп

[…]

insieme senza la needità di eseguire

[…] Lunghe o peraz ion i i n Photoshop p er uni re pi ù imagini […]

в формате un unico grande file ed evitando

[…]

ограничивает все файлы огромных размеров.

durst.it

Phocus Viewer обеспечивает качество просмотра изображений

[…]

, который соответствует каждой детали того, что

[…] вы увидите конец r i n Photoshop . i n Кроме того, Phocus […]

Viewer позволяет настраивать

[…] Макет и композиция

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

hasselblad.com

Phocus Viewer предлагает качественную визуализацию изображений, полученных при воспроизведении

[…]

ogni dettaglio di ciò che si

[…] vedrà succ es siva ment e в Photoshop.i ltre , co ns ente di […]

adattare layout и composizione al

[…]

flusso di lavoro corrente o auspicato, offrendo un ampio ventaglio di opzioni tra cui visualizzazione complete, confronto, navigazione, visualizzazione orizzontale o verticale e così via.

hasselblad.com

Обновление продукта Adobe на e s Photoshop C S 6 На предприятии […]

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

[…]

и хранить обновления с сервера Adobe Update.

wwwimages.adobe.com

p rodot to Ado be Photoshop CS 6 I n a mbito a ziendale, […]

— это предпочтительный собственный сервер для обновления для

[…]

и запоминаем обновленные серверы Adobe.

wwwimages.adobe.com

Устанавливает кольцо для увеличения или уменьшения размера кисти инструмента для рисования

[…] при работе в A до b e Photoshop .

wacom.eu

Imposta l’anello per aumentare o diminuire la sizesione del pennello dello

[…] Инструмент di segno in Ad в Photoshop .

wacom.eu

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

. […] и лента g ui d e маска h o ld перпендикулярно […]

к печатающей головке.

compuprint.com

5. Fare scorrere ed Inserrire la Guida del Nastro tra la

[…] testina d i штамп a e la maschera del la guida d el nastro […]

tenendola perpendicolare alla testina di stampa.

compuprint.com

ЭЛТ-вакуумная трубка состоит из экрана,

[…] конус, стекло фритта, sh ad o w маска ( o nl y для цветных ЭЛТ), […]

металлический противоимплозивный каркас и электронная пушка.

weee-forum.org

NOTE Il tubo a vuoto è costituito da

[…] uno s ch ermo, co no, maschera sch erm ata p er forata, […]

fritta di vetro (соло на ЭЛТ и цвет)

[…]

Карниз металлический антиимплозивный и электронный каннон.

weee-forum.org

Опасность токсичных химических веществ: Используйте средства индивидуальной защиты

[…] оборудование, дышите привет n g маска a n d фильтр, перчатки и […]

защитные очки, избегающие попадания на кожу и глаза

[…]

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

absciex.com

Pericolo di Esposizione ad Agenti Chimici

[…]

Tossici: Indossare i dispositivi di

[…] Protezione i nd ivid uale , mascherina e fil tro, g uanti […]

e occhiali di sicurezza per evitare l’esposizione

[…]

degli occhi o della pelle с ацетоном, metanolo o alcol isopropilico, e non ingerire queste sostanze.

absciex.com

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

[…]

в основном либо оптоволоконным освещением

[…] через периодический p га s e маска o r b y так называемый Talbot […]

интерферометр с двумя лазерными импульсами

[…]

создает периодическую интерференционную картину в месте расположения волокна [8,9].

hbm.com

Esistono diversi accessi per realizzare una modulazione periodica dell’indice di rifrazione del nucleo per irradiazione Pulsante laser,

[…]

Principalmente sia con l’illuminazione

[…] della fibr a media nte un a maschera d i f ase peri od ica che […]

con un cosiddetto interferometro di

[…]

Talbot из-за импульсного лазерного производства модели периодического интерференционного излучения на волокне [8,9].

hbm.com

2002 — Подростковый центр «Голем» —

[…] Учитель в ком. ic s , Photoshop a n d Flash-классы.

furbina.it

2002 — Centro Aggregazione giovanile «Golem» Docente

[…] per i c или si di fu met to, Photoshop e F las h .

furbina.it

Функциональность Flexo в Ado be ® Photoshop ® To оптимально подготовить […]

дизайнов для процесса флексопечати, программное обеспечение Esko для допечатной подготовки

[…]

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

esko.com

Funzionalità

[…] flessografi ch e in Ado be ® Photoshop® Pe r la pre pa razione […]

оттималя проектов назначения Алла Стампа flessografica,

[…]

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

esko.com

Во избежание необходимости специальной обработки изображений

[…] программное обеспечение (например: A до b e Photoshop ) , LP -Web разработан таким образом […]

, что любой пользователь может загружать изображения в

[…]

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

pragma2000.com

Для необходимого программного обеспечения и специальных процедур

[…]

для изображений

[…] (приходят ad ese mpio A dobe Photoshop), LP -W eb è pr og rammato […]

в modo che un qualsiasi utente

[…]

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

pragma2000.com

В конце статьи вы можете найти psd со всеми слоями, кроме

[…]

если вы новичок и вы

[…] хочу научиться работать k i n photoshop , I a dvise you to roll […]

засучите рукава и попытайтесь сделать это

[…]

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

yourinspirationweb.com

In fondo all’articolo puoi trovare il psd con tutti i

[…]

livelli ma, sei agli inizi e vuoi

[…] imparar e a la vora re в Photoshop, ti c onsi glio d i rimboccarti […]

le maniche e di provare a

[…]

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

yourinspirationweb.com

Если вы сохраняете несколько разных альфа-каналов или отсекаете

[…] пути в изображении e i n Photoshop , y или можно использовать любой из них […]

как пути обхода текста независимо

[…]

любого созданного вами эффекта обрезки изображения.

planetquark.com

Se vengono salvati diversi canali

[…]

Alpha o tracciati di ritaglio

[…] все внутри и n’im magi ne в Photoshop, è p ossi желчь и sarli приходят […]

tracciati di contorno indipendentemente

[…]

da qualsiasi effetto di ritaglio immagine creato.

planetquark.com

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

[…]

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

[…] остаточные значения могут ev e n mask e x tr очень высокие добавки […]

нитритов, что приводит к непредсказуемому значению

[…]

высокое образование N-нитрозосоединений.

eur-lex.europa.eu

Sottolinea Che la Concentrazione di Nitrito Остаточная стоимость на индикаторе Molto Dubbio del Nitrito Agiunto e Rinvia Agli

[…]

studi che hanno dimostrato che la dos

[…] остаток pu ò pe rfi no nascondere ag giu nte m ol для поднятия […]

di nitriti, con consguente formazione

[…]

imprevedibilmente elevata di composti N-nitrosi.

eur-lex.europa.eu

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

[…]

другие, универсальный

[…] использование экрана d t o маска o n e ‘ смущение или неспособность сказать слова и, что не менее важно, ловушка для доверчивых и очарованных иностранцы, которые никогда не устают от молочно-медовых лиц (чистая надувная до l l маски ) o f это видимо […]

(но и искренне

[…]

…) вежливые и отзывчивые люди.

editore.slowfood.it

Rituale robotico che vela ogni emozione, конформизм оссессиво диетро al quale ci si schermisce, facciata uniformata innalzata tra sé e gli altri, паравенто универсальная диета иль quale disimulare il

[…]

proprio imbarazzo o la propria incapacità

[…] ди ужасный; e (последнее, но не менее важное) acchiappa-gonzi per gli stranieri estasiati e mai sazi di facce latte-e-miele (p ur ae semp li ce maschera da b ambo la g on fiabile) di questa gente apparentemente (ma anche Sinceramente…) così cortese e deferente.

editore.slowfood.it

Каждое десятичное число соответствует одному байту (=

[…] 8 бит) su bn e t маска a n d также может быть представлена ​​[…]

с использованием двоичного кода (→ следующая таблица).

download.sew-eurodrive.com

Ogni numero decimale rappresenta un

[…] байт ( = 8 бит ) d ell a maschera d i s ott orrete e può […]

essere rappresentato anche tramite codice

[…]

бинарио (Æ tabella che segue).

download.sew-eurodrive.com

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

[…]

кожа мягкая и

[…] бархат гладкий, Шоколадный Bo d y Маска a n d заключительный массаж с помощью […]

Шоколадное увлажняющее средство для тела.

villacrespi.it

Il trattamento prevede different fasi: l’esfoliazione con il chocolat body scrub, il massaggio con olio al cioccolato che ha un effetto rilassante e

[…]

Anti-Stress e lascia la pelle

[…] morbida e li scia , la maschera choc colat b ody mask e i l ma ss agio […]

Finale Con il chocolat Увлажняющий крем для тела.

villacrespi.it

WorkNC-CAD — идеальное дополнение к WorkNC, обеспечивающее

[…]

возможность добавлять, расширять или изменять поверхности,

[…] определить точки сверления nt s , mask h o le s, восстановить кривые […]

или определить граничные кривые, отдельно

[…]

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

sescoi.cn

WorkNC-CAD — это совершенное дополнение к WorkNC, обеспечивающее повышенную емкость,

[…]

Стиль или модификация, определенный каламбур ti

[…] da fo r ar e, fo ri pe r maschera, re чашка erare c urve e […]

Definire curve sui bordi, separare

[…]

пунзона / матрицы, общие автоматические электрические и превосходные подразделения и многие другие!

sescoi.com

Если рассматриваемое вещество не имеет запаха или его обонятельный порог выше, чем относительный предел воздействия, и в случае чрезвычайной ситуации, или когда уровни воздействия неизвестны или концентрация кислорода на рабочем месте меньше 17% объема, носить одежду самостоятельно. -дыхательный аппарат открытого цикла со сжатым воздухом (арт.стандарт EN

[…]

137) или дыхательный аппарат со шлангом свежего воздуха

[…] для использования с полным fa c e маска , h a l f маска o r m Выходной патрубок (исх. […]

стандарт EN 138).

ceboscolor.it

Nel caso in cui la sostanza considerata sia inodore o la sua soglia olfattiva sia superiore al relativo limite di esposizione e in caso di Emergenza, ovvero quando i livelli di esposizione sono sconosciuti oppure la concentrazavori di ossigenteo di ossigenteo di ossigenteo % по объему, индоссация автореспиратора ad aria compressa a circuito aperto (rif.норма EN

[…]

137) oppure respiratore a presa d’aria esterna

). […] per l ‘u so c on maschera in tera, semimaschera o b oc caglio […]

(риф. Норма EN 138).

ceboscolor.it

Если сравнить IP адреса

[…] с подсетью wo r k masks , y ou посмотрите, что в двоичном представлении подсети wo r k mask a l l определяют […]

сетевой адрес и

[…]

все нули определяют адрес станции (см. Следующую таблицу).

download.sew-eurodrive.com

Se si confrontano

[…] l’indirizz o IP e la maschera di sott or ete si nota che nella rappresentazione bina ri a del la maschera di sott или ete tutti […]

Gli Uni Detectorano

[…]

la parte dell’indirizzo di rete e che tutti gli zeri determinano l’indirizzo di stazione (vedi tabella che segue).

download.sew-eurodrive.com

Маска , s no rkel (и ласты), если вы […]

как плескаться и ковыряться под водой, тапочки для душа (упомянутые выше

[…]

для камней или резиновые сандалии в порядке), полотенце и / или полотенце для душа (халат я бы не рекомендовал!) И хороший круиз!

tourkese.com

Maschera, boc ca glio (e pi nne) se […]

vi piace sguazzare e curiosare sott’acqua, Ciabatte da doccia (quelle di cui sopra da scoglio

[…]

o sandali di gomma vanno benissimo), asciugamano e / o telo da doccia (non vi consiglio l’accappatoio!), E buona crociera!

tourkese.com

С Equinox Ado быть ® Photoshop ® пл мкг / дюйм, пользователи могут […]

выберите сделать траву более зеленой, уберите оранжевый от телесных тонов, добавьте

[…]

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

esko.com

Дополнительный плагин Equin ox per Ado be ® Photoshop® gl i ut enti p ossono […]

ravvivare il verde di un prato, inibire l’arancione nelle

[…]

тональных пелле, добавленных в блу и пуловер альт ма нон ad un cielo azzurro или apportare qualsiasi altra modifica.

esko.com

Не сравнивайте это с редактором изображений, таким как PaintBrush, PaintS ho p , PhotoShop , e tc . для файлов растровых изображений, которые работают с мозаикой пикселей, а не с координатами.

галаад.нетто

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

galaad.net

Для максимальной гибкости файлы 3FR могут быть

[…] открывается непосредственно в до b e Photoshop ( c s4 только) или в диафрагме […]

на Mac Os-X. Файлы также могут быть

[…]

конвертируется непосредственно в формат необработанных изображений Adobe DNG («Digital NeGative»).

hasselblad.com

Per la massima flessibilità, я файл 3FR Possono Essere aperti

[…] dirett am ente in ad obe Photoshop (так lo Cs4 ) o in aperture […]

su Mac os-X. Possono anche essere

[…]

прямых преобразования в формате RAW из Adobe DNG («Digital NeGative»).

hasselblad.com

Чтобы установить Adob ​​ e Photoshop E lements (пробная версия), […]

выполните следующие действия.

ricoh.com

Per inst al lare Ad obe  Photoshop Ele men ts ( Ve rsione di […]

prova), следуйте за процедурой соттостанции.

ricoh.com

Adobe Photoshop Cutout Title Tutorial

Сегодня, член творческой группы, Адриан делится своим учебным пособием по названию вырезок в Adobe Photoshop.

Этот урок также можно выполнить с помощью Adobe Photoshop Elements.

Cutout Title Tutorial

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

2. Создайте составное изображение. Когда вы закончите с основными частями вашего дизайна, создайте составное изображение. Для этого используйте CTRL + ALT + SHIFT + E . Это создаст копии всех ваших видимых слоев.Хотя на этом этапе вы также можете объединить видимые слои, это не тот подход, который я использую, потому что слои не сохраняются, и изменения могут быть трудными или потребовать начала.

3. Поместите твердое тело под композитный слой. Переместите новый составной слой в верхнюю часть стопки слоев. Поместите новое твердое тело под этот слой. Я выбрал твердое тело из ArtPlay Solids Adventure.

4. Разместите свой титул . Я выбрал слово «исследовать» и набрал его на отдельном слое, используя шрифт Century Gothic.Вы также можете использовать WordART для этого шага. Я думаю, что этот эффект лучше всего смотрится на «чистом» заголовке из-за тени, которую мы добавим на шаге 6.

5. Добавьте маску слоя к составному изображению. Добавьте маску слоя (Слой> Маска слоя> Показать все) к вашему составному изображению, затем вернитесь к своему титульному слою и, выбрав этот слой, нажмите CTRL + левый щелчок по слою. Вы должны увидеть марширующих муравьев вокруг текста. Теперь щелкните маску слоя, которую вы добавили в композицию, и нажмите Удалить.(Примечание: при этом убедитесь, что цвет переднего плана установлен на белый, а цвет фона — на черный.) Нажмите CTRL + D , чтобы остановить марширующих муравьев и отключить видимость текстового слоя. Теперь вы должны видеть цвет твердого слоя через композицию.

6. Добавьте падающую тень на композитный слой. Добавьте тень к составному слою. Это придаст глубину вашему заголовку вырезки. Я использовал режим наложения (умножение), непрозрачность (36%), угол (120 °), расстояние (33 пикселя), распространение (0) и размер (62 пикселя).

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

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

Как объединить вырезы в Photoshop | Small Business

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

Откройте меню «Окно» и выберите «Маски», чтобы открыть одноименную панель.Если панель «Слои» не отображается, снова откройте меню «Окно» и выберите «Слои».

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

Выберите один из инструментов формы Adobe Photoshop — «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Линия» или «Произвольная форма» — или инструмент «Перо».Если вы используете инструмент «Линия», установите для него значение, достаточно большое, чтобы получить прямоугольную форму. Чтобы нарисовать перекрывающийся путь, который вычитается из первого контура, который вы рисуете, нажмите кнопку «Вычесть из области формы» на панели параметров, прежде чем рисовать второй контур. Панель параметров также включает кнопки, которые заставляют последующие контуры добавляться к существующим контурам и пересекаться с ними, а также исключать перекрывающуюся часть. Нарисуйте набор перекрывающихся путей.

Активируйте инструмент выбора пути и щелкните отдельный путь, чтобы активировать и расположить его.Удерживая нажатой клавишу «Shift», щелкните, чтобы добавить второй путь к вашему выбору. Нажмите кнопку «Объединить» на панели параметров, чтобы объединить пути в один. Нажмите кнопку «Добавить векторную маску» в правом верхнем углу панели «Маски», чтобы превратить ваши контуры в маску для текущего слоя.

Ссылки

Ресурсы

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

Советы

  • Вам не нужны инструменты рисования, чтобы добавить векторную маску, которая показывает или скрывает весь слой.Когда нет активных контуров, нажмите кнопку «Векторная маска» на панели «Маски». Полученная маска показывает весь слой. Удерживая Alt, щелкните кнопку, чтобы создать маску, скрывающую слой.
  • Используйте ползунок «Плотность» на панели «Маски» для управления непрозрачностью векторной маски.
  • Чтобы сделать векторную маску более похожей на пиксельную маску слоя, отрегулируйте ползунок «Растушевка» на панели «Маски», чтобы добавить мягкую границу.
  • Чтобы отключить векторную маску, щелкните ее значок на панели «Слои», удерживая нажатой клавишу «Shift».

Предупреждения

  • Если вы создаете контур и переключаете инструменты, не сохраняя его или не применяя его как векторную маску, следующий нарисованный вами контур заменяет исходный контур.

Биография писателя

Элизабет Мотт — писатель с 1983 года. Мотт имеет большой опыт написания рекламных текстов для всего, от кухонной техники и финансовых услуг до образования и туризма. Она имеет степень бакалавра искусств и магистра искусств по английскому языку в Университете штата Индиана.

Автоматическая вырезка изображений в Photoshop

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

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

Представьте, что вы собираетесь создать простую 2-мерную игру под названием Crowhunt. Вам нужен следующие графики.Ворона, перо, прицел, рука + пистолет, название графика и фоновое изображение.

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

Сохраняет изображения по имени этого слоя или группы.

Еще одна необходимая мне функция — это возможность отмечать конкретное место на изображение в качестве ориентира, обычно в качестве точки вращения. Прежде чем я поставил Наведите курсор Photoshop на эту точку, посмотрите на информационную палитру и запишите ее. но опять же, это было головной болью, поэтому вместо этого я создаю группу и назову ее сгруппируйте то, что я хочу, чтобы результат был сохранен как, поместите слой с изображением, которое я хочу внутри группы, а затем создайте новый слой внутри этой группы с именем «точка гниения».В этом слое я наношу один пиксель с помощью инструмента «Карандаш», любой цвет. Скрипт сохранит мне местоположение этого пикселя. Ты можешь видеть Слева на моей палитре слоев в примере у группы пистолета есть слой «rotpoint», и если вы посмотрите внимательно вверху, вы увидите 1 желтая точка пикселя в рукаве руки. Этот пиксель не появится в final, он просто отмечает точку вращения.

Я также не хотел ничего сглаживать, и я хотел иметь возможность использовать Эффекты слоя Photoshop.Если вы пользователь Photoshop, вы можете заметить слои слева, перекрестие — векторный слой, а заголовок — текстовый слой, и к ним применены эффекты слоя. Скрипт сохранит их такими, какими вы их видите.

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

Вот изображения, вырезанные из образца выше

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

Скрипт и этот файл записал.

 #define CUT_ALLPARTS \
SPRITEINFO (0, ПИСТОЛЕТ, "handgun.psd", 120 285 121 286 70 214 184 300) \
СПРИТЕИНФО (1, ПЕРЕКРЕСТОК, "crosshair.psd", 178,114,348,284,178,114,348,284) \
SPRITEINFO (2, TITLE, "title.psd", 15,15,389,112,15,15,389,112) \
СПРИТЕИНФО (3, ВОРОНА, "crow.psd", 52,101,139,247,52,101,139,247) \
СПРИТЕИНФО (4, ПЕРО, "перо.psd", 160,128,171,183,160,128,171,183) \
SPRITEINFO (5, BACKGROUND, "background.psd", 0,0,400,300,0,0,400,300) \ 

Значения в макросах следующие.Первое число является индексом, если вам нужен один, за которым следует идентификатор, а затем имя файла. Следующие 4 значения — это границы точки поворота или границы изображения, если точка поворота не существует. В второй набор — это границы изображения. Формат: левый, верхний, справа, снизу, где справа и снизу на 1 пиксель от правого и нижнего края. В другими словами, ширина изображения (справа — слева) не (справа — слева + 1).

Чтобы использовать эту информацию в игре на C ++, вы можете сделать что-то вроде этого

 #undef SPRITEINFO
#include "cut_allparts.psd.info.cpp "

#undef SPRITEINFO

#define SPRITEINFO (ndx, id, fname, rotleft, rottop, rotright, rotbtm, left, top, right, btm) \
  IMAGEID_ ## id,

перечисление ImageIds
{
    CUT_ALLPARTS

    IMAGEID_last,
};

struct ImageInfo
{
    const char * filename;
   int xPos;
   int yPos;
   int width;
   int height;
   int centerX;
   int centerY;

};

#undef SPRITEINFO
#define SPRITEINFO (\
            я бы,                               \
            метка,                            \
            имя файла,                         \
            centerLeft, \
            centerTop, \
            centerRight, \
            centerBottom, \
            cutLeft, \
            cutTop, \
            cutRight, \
            cutBottom) \
    {_T ("media / images /") _T (имя файла), \
    (centerRight + centerLeft) / 2, \
    (centerBottom + centerTop) / 2, \
    cutRight - cutLeft, \
    cutBottom - cutTop, \
    (centerRight + centerLeft) / 2 - cutLeft, \
    (centerBottom + centerTop) / 2 - cutTop, \
    },

ImageInfo ImageTable [] =
{
   CUT_ALLPARTS
}; 

К сожалению, я знаю очень мало движков, которые могут напрямую загружать файлы Photoshop.Для моих целей мне потребовались файлы targa (.TGA). Хотя это & ​​ast; должно & ast; быть возможно получить Photoshop для сохранения targas проблема в том, что мне нужны альфа-каналы также, и я хотел, чтобы у них был альфа-канал, включающий эффекты слоя из Фотошоп.

В Photoshop это нетривиально. Шаги примерно такие:

  1. создать новый пустой слой
  2. объединить видимые слои. Это позволит удалить эффекты и запечь их в изображении.
  3. выберите прозрачность слоя
  4. установите черный цвет фона и белый цвет переднего плана
  5. перейдите в палитру каналов и создайте новый канал
  6. залейте выделение белым

Теперь у вас есть правильная альфа.К сожалению, эти шаги не так легко доступно из сценариев в Photoshop. Хотя можно было бы, под текущий скриптовый движок требует использования действий. Я попробовал однажды, фотошоп поставляется с «ScriptListener», который сохранит все, что вы делаете в Photoshop в скрипт, который потом можно будет отредактировать. Я пробовал но это было непросто понять, и поскольку у меня уже было другое решение, которое сработало, я решил использовать это вместо этого.

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

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

Для использования скрипта Photoshop cutsprite вручную вам понадобится как минимум Photoshop CS. Создайте файл Photoshop, следуя правилам, описанным выше, с помощью каждое изображение в слое или группе и присвойте имя каждому слою или группе.Сохрани это. Затем выберите в меню Файл-> Сценарии-> Обзор … и выберите openandcutsprites.jsx . Появится диалоговое окно открытия файла. Выберите файл, который вы сохранили. Сценарий будет затем выполните следующие шаги

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

Предупреждение: НЕТ проверки на перезапись файлов, поэтому будьте осторожны!

Я также написал сценарий, который будет просматривать дерево папок, находя любые Файл Photoshop, который начинается с «cut & lowbar;» и отрежет этот файл автоматически. Для этого вам необходимо установить ActivePerl (бесплатно). Я мог бы написать сценарий на VBScript или JScript, но Мне гораздо удобнее работать с Perl, поэтому я сделал это там. Perl поддерживает «Windows Scripting Host» от Microsoft, позволяющий использовать любой язык в качестве сценария. язык для Windows.Microsoft поставляет VBScript и JScript. Есть также PerlScript и PythonScript.

Скрипт запускается из текущей папки и ищет во всех подпапках любой файл, который начинается с «cut & lowbar;» и заканчивается на «.psd». Если он увидит такой файл, он скажет Photoshop запустить на нем приведенный выше сценарий. файл. Самый простой способ использовать его — просто скопировать его и остальные файлы в базовая папка любого проекта, над которым вы работаете. Дважды щелкните файл cutallsprites.wsf , и он должен запуститься.О, прежде чем вы это сделаете, вы должны открыть командную строку и тип

cscript // H: CScript

капитализация важна! Это установит Windows Script Host по умолчанию на используя версию командной строки.

Также включена другая программа Perl, называемая processPSDtoTGA.pl. Эта программа пройдется по всем папкам из текущей папки вниз и по любому «.PSD» найденный файл создаст соответствующий файл «.TGA». Словно предыдущий инструмент проще всего, если вы просто скопируете этот и все другие файлы в базовую папку вашего текущего проекта и дважды щелкните ее, чтобы запустить.

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

cutsprites.1.4.zip (666 КБ)

Поддержка Maya

Я добавил генератор файлов сцены Maya Ascii в сценарий cutallsprites.wsf , поэтому после того, как файл Photoshop будет вырезан, вы найдете «.ma» maya ascii файл там. Загрузите его в Maya, и он должен воспроизвести исходную настройку вместе с с точками происхождения в правильных местах.

Часто многие 3D-движки имеют ограниченные 2D-возможности. У них будет полная анимированные текстуры, материалы, перевод, вращение и масштаб для 3D, но ничего за 2д. Ну, просто установите ортогональную камеру и используйте свой 3D-движок. для вашего 2d. Намного проще, чем писать совершенно новую систему.

История версий:

  • 1.4 — 15.03.2006
    • Добавлена ​​поддержка слоя игнорирования «ig_». Слои, начинающиеся с букв «ig_», игнорируются. Это особенно полезно для слоев с направляющими, безопасными зонами или другими вещами.
    • Измененный код включает все слои, которые не являются одним из различных специальных слоев (например, «ig_.. «,» cropize «,» bg_color «,» rotpoint «и т. д.)

      Дело в том, что много раз художники и я отключаем слои для работы, но забываем включить их снова перед сохранением, и в этом случае эти скрипты не сработают. Я мог бы заставить его пропускать отключенные слои, но, по моему опыту, гораздо чаще бывает, что вам нужны все слои. Если есть слой, вы не хотите переименовывать его в «ig _…».

    • Changed cutallsprites.wsf для проверки данных файла Maya и файла Photoshop.Если файл Maya новее, чем я предполагаю, файл не нужно повторно вырезать, и я могу пропустить его.Это означает, что повторный запуск cutallsprites.wsf будет быстрым и эффективным и ничего не сделает, если ничего не нужно делать или вырезать только те файлы, которые были обновлены.
  • 1.3 — 10.03.2006
    • Добавлена ​​поддержка слоя «bg_color». Слои с именем «bg_color» будут включены, если они существуют. Вы можете поместить их в группы, чтобы они применялись только к одной группе, и у вас может быть больше 1.

      В чем смысл?

      Что ж, для многих 3D-устройств, если вы хотите отображать цветную текстуру с прозрачностью, вам в основном нужно рисовать в полном цвете в цветовом слое и просто установить альфа для прозрачности.Другими словами, допустим, вы хотели, чтобы слово «Старт» было красным. Если вы просто нарисуете его красным без слоя «bg_color», вы получите текстуру с красными пикселями на белом фоне и правильным альфа-каналом. . Проблема в том, что пиксели, которые сглажены по краям, уже содержат белый цвет. Если вы используете это на каком-то 3D-оборудовании, ваше слово будет иметь небольшую белую рамку. Чтобы исправить это, создайте слой, назовите его «bg_color» и залейте его красным. Так как это, вероятно, сбивает с толку, спрячьте слой.Теперь запустите скрипт, и вы получите полностью красную текстуру, но с правильным альфа-каналом. Это будет выглядеть правильно на оборудовании, на котором была проблема с предыдущей текстурой. См. Прилагаемый образец «cut_bgexample.psd».

    • Добавлена ​​поддержка глобальных слоев «размер урожая». Теперь вы можете разместить несколько слоев и обрезать их до одного размера. См. Прилагаемый образец «cut_bgexample.psd».
    • Добавлена ​​форсировка на четное количество пикселей. Вероятно, это должен быть вариант, поскольку ваши инструменты могут не иметь четного ограничения на пиксели, но 1 дополнительный пиксель не будет беспокоить большинство людей, поэтому я решил не добавлять эту опцию.Если вам это не нравится, отредактируйте код.
  • 1.2 — 2006/03/04
    • Добавлен генератор сцены Maya ascii
    • Генерация targa перенесена в скрипт Photoshop
    • Добавлен черный / предварительный переход для альфа-версии targa
  • 1.1 — / 17
    • Подобно слою «точка поворота», добавлена ​​проверка «размера кадрирования» внутри группы. Если группа будет найдена, она будет обрезана до размера слоя «размер обрезки».

Балаж Д.- Фотошоп, редактирование и ретушь фотографий, венгерский перевод

❝Balazs проделал фантастическую работу, он собрал вещи и исправил аспекты фотографии, которые я даже не видел. Ему не нужно было рассказывать о каждом маленьком изменении, которое он видел, что не так, заставлял меня осознавать и исправлял это. Способность выйти за рамки минимума, указанного в описании должности, — это то, что в моих глазах — золото. Я буду работать с ним в будущем. ❝Этот фрилансер готов уделять вам все свое время, пока он не представит отличный конечный результат.Полностью рекомендуется! ❞ —————————————- У вас есть отличные или менее отличные фотографии, и вы знаете, что к ним нужно добавить несколько штрихов, чтобы сделать их идеальными для вашего интернет-магазина, веб-сайта, баннера или брошюры? Сделайте так, чтобы они не просто соответствовали рекомендациям Amazon или Ebay, но и продемонстрировали качество, которое действительно представляют ваши продукты. Вам нужен кто-то, кто хорошо разбирается в деталях и твердо работает над вашими изображениями. Моя цель — не просто автоматически обрабатывать ваши фотографии, а сделать их лучшим ресурсом, который сможет донести информацию о качестве для ваших клиентов.Если вам нужен кто-то, кто работает точно и тщательно, заботится о каждом аспекте и каждой мелкой детали ваших изображений, пожалуйста, обратите внимание на мои услуги: • Базовая коррекция и улучшение фотографий • Точный вырез с помощью пера (волосы, мех, пушистые вещи нужно обрабатывать разными инструментами), без ореолов, без краев бахромы, без обесцвечивания • Ретуширование пятен, морщин, царапин, удаление нежелательных частей • Коррекция цвета и света, восстановление и улучшение деталей. • Создание реалистичных теней • Композиции изображений, размещение объектов • Красота, портретная и модная ретушь. • Ретушь и роспись / текстурирование одежды и нижнего белья. • Невидимые / призрачные изображения манекенов • Реалистичные цветовые вариации. • Технический паспорт и дизайн брошюры Обратите внимание: я не просто фантастический художник и не инструмент.Я дружелюбный человек, ищущий то, что лучше всего подходит для ваших нужд. Если вы ищете тех, кто предан вашим проектам и идеям, я буду рад работать с вами. Вам просто нужно нажать кнопку «Связаться» выше и связаться со мной. С нетерпением жду вашего ответа! ———————————— ❝Чрезвычайно доволен результатами, «профессиональное качество» почти оскорбляет его. Фотографии, сделанные Балашем, можно использовать в любом блоге, интернет-магазине или даже печатном журнале, в зависимости от уровня работы.Уровень внимательности, который был вложен в эту работу, просто поразителен!

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

В статьях «Возможности предварительного просмотра: возможность предварительного просмотра файлов» (25 февраля 2016 г.) и «Возможности предварительного просмотра: просмотр изображений и PDF-файлов» (13 марта 2016 г.) мы познакомили вас с основами открытия и просмотра файлов в предварительном просмотре, Известная универсальная программа для просмотра документов и изображений OS X. На этот раз мы начнем копаться в возможностях Preview по работе с изображениями.

Как авторы технических статей и книг, мы постоянно работаем со скриншотами, и Preview экономит нам время, используя более полнофункциональные инструменты, такие как Pixelmator или Photoshop, благодаря целевому набору инструментов Preview.Вы даже можете делать снимки экрана из самого предварительного просмотра, как указано в разделе «Возможности предварительного просмотра: добавление файлов в предварительный просмотр».

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

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

Инструмент «Прямоугольное выделение» должен использоваться по умолчанию при просмотре изображений, но если вам нужно его активировать, выберите «Инструменты»> «Прямоугольное выделение». Он также доступен в крайнем левом углу панели инструментов разметки, которую можно отобразить, выбрав «Просмотр»> «Показать панель инструментов разметки» (Command-Shift-A).

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


На примере снимка экрана мы хотим вырезать все, кроме окон Finder и Preview. Когда поле выбора окажется над окнами, выберите «Инструменты»> «Обрезать» (Command-K), чтобы вырезать все, что не нужно.


Это несложно, но вот метод, который упрощает создание точных обрезков вокруг окон, диалогов и других объектов.

Во-первых, не пытайтесь сделать точный выбор, так как это может быть сложно. Вместо этого выделите грубый фрагмент вокруг желаемого объекта, который включает часть фона, а затем нажмите Command-K, чтобы сделать начальную обрезку.

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

Если вы обрезаете очень маленький объект, например кнопки, которые мы используем в качестве встроенной графики в книгах Take Control, после первоначальной грубой обрезки увеличьте масштаб, чтобы вы могли видеть точные края объекта, прежде чем перетаскивать боковые ручки в сделайте окончательный выбор, а затем обрежьте. Инструкции по изменению масштаба см. В разделе «Возможности предварительного просмотра: просмотр изображений и PDF-файлов».

Вот последний совет, чтобы напомнить вам о функции, которую мы упоминали в статье «Возможности предварительного просмотра: добавление файлов в предварительный просмотр.Если вы сделаете прямоугольное выделение вместо обрезки, вы можете скопировать выделение, а затем выбрать «Файл»> «Создать из буфера обмена», чтобы создать новый документ, содержащий скопированные данные. Другими словами, выделение, за которым следуют Command-C и Command-N, — это быстрый способ получить новый файл, содержащий желаемое содержимое — это еще один путь к обрезанному изображению, который может быть более подходящим в определенных рабочих процессах.

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

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

Выберите «Инструменты»> «Настроить размер», появится удобный диалог. Поиграйте с настройками и либо нажмите «ОК», чтобы применить изменения, либо «Отмена», чтобы отказаться.Вот краткий обзор того, что делает каждый из элементов управления:


  • По размеру: В этом раскрывающемся меню представлен набор предопределенных размеров, в которые можно уместить изображение. Эти размеры соответствуют обычным размерам экрана и наиболее полезны для создания обоев. Если ваше изображение не соответствует соотношению сторон предварительно определенного размера, который вы выбрали, предварительный просмотр подгонит самую длинную сторону вашего изображения к соответствующему размеру. Таким образом, портретное изображение всегда будет соответствовать высоте предварительно определенного размера, а альбомное изображение будет соответствовать ширине.Когда вы сами настраиваете ширину и высоту, в этом меню устанавливается значение «Пользовательский»; Вам не нужно выбирать это вручную.
  • Ширина и высота: В этих полях вы можете вручную установить ширину и высоту изображения. Всплывающее меню справа позволяет вам установить единицы измерения: пиксели, проценты, дюймы, сантиметры, миллиметры или точки. Какой из них вы выберете, в основном зависит от того, как вы думаете о своих результатах.

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

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

  • Разрешение: Здесь вы можете настроить разрешение изображения в пикселях на дюйм или пикселях на сантиметр.Разрешение — непростая тема, но, короче говоря, для изображений, предназначенных для экрана, это обычно не имеет значения и может быть проигнорировано. При отображении на экране все, что вас волнует, — это количество пикселей в изображении — 72 или 144 пикселей на дюйм не должны иметь значения, как оно выглядит на экране. Не думайте, что уменьшение разрешения приведет к уменьшению размера файла; это произойдет, если вы выберете Resample Image, потому что вы выбрасываете пиксели, но если вы не переделываете изображение, размер файла останется примерно таким же и может даже несколько увеличиться для JPEG.

    Для изображений, которые вы хотите распечатать, важно знать разрешение. Если у вас есть изображение с разрешением 72 пикселя на дюйм, ему потребуется намного больше пикселей для печати приличного размера на бумаге, чем если бы это было изображение 300 пикселей на дюйм. Но вы не можете изменить разрешение, чтобы получить лучшие результаты, потому что любое изменение разрешения должно либо отбрасывать пиксели, либо добавлять пиксели, что не подходит для изображения. Короче говоря, если вы не знаете, что делаете, оставьте настройку разрешения в покое. Подробное обсуждение разрешения см. В объяснении на сайте Photoshop Essentials.

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

  • Передискретизация изображения: Как отмечалось выше, повторная выборка изменяет количество пикселей в изображении. Таким образом, его следует выбирать в большинстве ситуаций, особенно когда изображение предназначено для отображения на экране, где вы хотите контролировать размеры в пикселях.Фактически, если вы отмените выбор параметра Resample Image, вы больше не сможете выбирать пиксели во всплывающем меню рядом с полями «Ширина и высота», «Пропорционально масштабировать» заблокировано (поскольку непропорциональное масштабирование приведет к изменению количества пикселей) и любые внесенные вами изменения. в ширине и высоте также измените разрешение. Все, что вы можете сделать, это изменить размер изображения. Опять же, у Photoshop Essentials есть хорошее объяснение
    .

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

Очень легко запутаться, играя с настройками размера изображения, потому что Preview учитывает физические размеры (которые частично основаны на разрешении) при отображении изображений и пытается открыть все изображения в реальном размере.При обсуждении предпочтений предварительного просмотра в разделе «Возможности предварительного просмотра: просмотр изображений и PDF-файлов» мы сказали, что понятия не имеем, почему вы должны выбирать между 1 пикселем изображения, равным 1 пикселю экрана, и размером на экране, равным размеру на распечатке для определения 100 % Масштаб как. Теперь мы понимаем. Когда вы видите «100%», подумайте «Фактический размер».

Если вы работаете с изображениями в первую очередь для отображения на экране, например, на веб-страницах, вероятно, наиболее разумно выбрать 1 пиксель изображения равный 1 пикселю экрана. Таким образом, если вы откроете изображение с разрешением 1920 на 1280 пикселей и разрешением 300 пикселей на дюйм, предварительный просмотр отобразит его в его фактическом размере в пикселях.Изображение с разрешением 1920 x 1280 пикселей всего 72 ppi открывается с точно таким же размером. Это то, чего вы ожидаете, поскольку разрешение не имеет отношения к публикации на экране.

Однако, если большая часть вашей работы с изображениями предназначена для печати, выбор Screen Equals Size on Printout может быть полезным, поскольку тогда, при тех же размерах пикселей, изображение с более высоким разрешением кажется меньше, а изображение с более низким разрешением — больше, просто как если бы это было на распечатке. В этом случае Preview отображает изображение 300 ppi в гораздо меньшем размере, чем изображение 72 ppi, когда оба имеют фактический размер.

Проблема с Preview, учитывающая физические размеры, зависящие от разрешения, заключается в том, что другие графические программы, такие как Graphic Converter, фокусируются только на размерах пикселей. Если вы работаете и в других графических приложениях, предварительный просмотр может запутать вас, отображая одно и то же изображение по-разному. Так что не слишком зацикливайтесь на том, как что-то выглядит в предварительном просмотре; просто сосредоточьтесь на размерах пикселей для изображений, предназначенных для экрана.

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

Первая — это старая команда Edit> Undo (Command-Z), которая позволяет вам отменить недавние действия. Также есть меню «Правка»> «Повторить» (Command-Shift-Z), которое позволяет вам повторять отмененные вами действия. Ничего нового.

Но если вы уже сохранили и закрыли файл, а затем снова открыли его, вы не можете использовать команду «Отменить». К счастью, вы все еще можете вернуться к более старой версии благодаря поддержке Preview современной модели документа (см. «Сама модель документа современного горного льва», 7 августа 2012 г.).Выберите «Файл»> «Вернуть к», где вы увидите два варианта: «Последнее открытие» и «Обзор всех версий». Last Opened отменяет все изменения, внесенные в файл с момента последнего его открытия.

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

alexxlab

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

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