Перевести в кривые в фотошопе: Использование корректировки «Кривые» в Photoshop
Перевод шрифтов в кривые в Photoshop
Одна из самых распространенных ошибок при передаче файла в печать – шрифты, не переведенные в кривые.
Почему это может быть проблемой?
Специалист типографии, открывая Ваш макет, видит, что в файле использован шрифт, который отсутствует на его компьютере. Такое может случиться хотя бы потому что шрифтов придумано огромное множество, плюс, у каждого могут быть разные версии, в результате автоматическая подстановка шрифта может привести к его некорректной замене. В таких случаях говорят «шрифт слетел», в результате чего внешний вид макета может исказиться.
Вы видите пример самого неприятного варианта автозамены. Если это не заголовок, а мелкая строчка в многостраничном издании – этого 100% никто не заметит, и Вы будете глубоко расстроены, получая тираж на руки. Чтобы этого избежать, шрифт обязательно надо переводить в кривые или растрировать. Растрированный шрифт – это просто набор пикселей, повторяющий по форме тот вид написания текста, который был задуман Вами при проектировании. Перевод в кривые – это создание векторного объекта, который подлежит масштабированию без потери качества, что очень важно.
Растрировать шрифт очень просто.
Выберите текстовый слой в окне Слои, кликнув на него мышью. Сам текст выделится едва заметной рамкой – это значит, что редактирование слоя активно.
Далее во вкладке «Слои» выбираем пункт «Растрировать», далее «Текст». Щелкаем мышью.
Текст превратился в растр, состоящий из пикселей. Однако, не во всех случаях этот способ уместен, поэтому лучшим вариантом является перевести его в кривые. Выделяем текстовый слой, далее во вкладке «Текст» выбираем функцию «Преобразовать в кривые».
В этом случае мы не только сохраняем возможность масштабирования текста, но и возможность детально работать с каждым узлом получившегося объекта.
Как перевести растровое изображение в векторное в фотошопе. Как перегнать в кривые растровое изображение
Этот онлайн-сервис вначале описывался как бесплатный, но в данный момент за него нужно платить. В бесплатном варианте есть ограничение на количество обрабатываемых изображений и на результат лепиться логотип сервиса.
Нашел вчера замечательный онлайн-инструмент для перевода растровых изображений в векторные . Такой замечательный, что чесно говоря и рассказывать о нем, даже Вам Уважаемый Читатель, жалко:(
Только безграничная преданность идеалам блогера заставила меня превозмочь жадность и настучать (какое многогранное слово) этот пост:)
Для тех кто не знает в чем отличия между растровыми и векторными изображениями — небольшая справка:
Все графические форматы поделены на два типа — растровые и векторные. Каждый имеет свои преимущества и недостатки. Растровые рисунки более приближены к реальному изображению, с ними легче работать. Можно сказать, что они представляют из себя снимок реального изображения с фиксированной точностью. Векторные же — это воплощение чистой художественной абстракции. По своей природе они близки к рисункам художников. Векторные рисунки компактны и универсальны. Представляя из себя по сути идею, того что должно быть изображено, они без потерь проходят любые трансформации, в отличие от растровых которые теряют качество практически при любом изменении. Одним из замечательных свойств векторных рисунков есть то что их можно увеличивать до огромнейших размеров без потери качества изображения.
James Diebel и Jacob Norda из Стенфордского университета сделали онлайн-сервис VectorMagic который может очень даже испортить настроение разработчикам платных средств (Adobe Live Trace и Corel PowerTRACE ) для перекодировки рисунков bitmap в векторный формат. Не верите — посмотрите результаты сравнения вышеупомянутых программ с VectorMagic.
Сервис работает достаточно быстро (делаем небольшую скидку на сложность преобразования) а результаты просто шокирующие. Я испытал VectorMagic с несколькими изображениями, и результаты оказались самыми лучшими. VectorMagic имеет хорошую систему автоматического определения характеристик изображения и подстраивает параметры трансформации, так что пользователю в принципе не нужно знать ничего особенного о самом процессе.
В качестве исходных изображений можно использовать изображения в формате JPG, GIF, PNG, BMP и TIFF . На выходе в зависимости от желания можно получить рисунок в трех разных вариантах качества векторизации и в трех разных форматах:
Рассмотрим перевод изображения на примере:
1. Идем на сайт VectorMagic и загружаем рисунок. Для загрузки изображения используйте кнопки “Обзор ” и “Upload “:
2. После загрузки веб-приложения появиться окошко с предположением о том, чем является наш рисунок — фотографией (художественным рисунком), логотипом с размытыми краями или четким логотипом. Можно согласится с программой, а можно выбрать все вручную. Проявим немного самостоятельности и выберем определим рисунок как фотографию:
… после чего нажмем на кнопочку “Next ” в правом нижнем угле окна.
3. На следующей странице выбираем качество выходного изображения. Я выбрал самое лучшее:
Жмем “Next ” и переходим к следующему пункту.
4. Здесь нужно будет немного подождать. По окончанию процесса перевода видим два изображения — слева наше растровое, а справа — полученное в результате перевода (векторное):
Допустим, у нас есть какое-то растровое изображение и мы хотим получить его в векторном виде (или в кривых). Что нам для этого необходимо сделать? Прежде всего нужна программа Adobe Illustrator.
Версия значения не имеет.
Порядок действий
Открываем наше растровое изображение в Adobe Illustrator. Для этого можно кликнуть на рисунке правой кнопкой мыши и выбрать из выпадающего меню Открыть с помощью… > Adobe Illustrator или запустить иллюстратор и перетащить рисунок на рабочую область.
Исходное изображение
На панели инструментов выделяем инструмент «Выделение » (черная стрелочка) и этой стрелочкой щелкаем на нашем изображении. При этом рисунок должен выделиться. Чтобы проверить это, можете попробовать немного переместить его, зажав левую кнопку мыши, когда курсор находится над рисунком (по принципу drag-and-drop).
Над рабочей областью находим кнопку «Быстрая трассировка » и щелкаем на расположенную рядом стрелочку. Она показывает все доступные для этого действия опции. Нам нужен пункт «
В правой части окна параметров выбрать пункт «Просмотр «. Это поможет получить более хороший результат и разобраться за что отвечает каждый из параметров.
1) делать по-науке, то есть вам нужно будет прочитать во всплывающих подсказках, какой из параметров на что влияет и выставить необходимые значения;
2) поэкспериментировать с параметрами самостоятельно, используя так называемый «метод научного тыка».
Я предпочитаю второй способ: во-первых, не всегда русский перевод того или иного слова полностью передает заложенный в оригинале смысл, а во-вторых, зачастую так быстрее и проще запоминается. Изменяете параметр. Смотрите, на что влияет (визуально). Комбинируете несколько параметров. И так до достижения более-менее приемлемого результата.
Полученное векторное изображение.
Когда картинка уже похожа на истину, в окне параметров трассировки нажимаем «Трассировка » и в меню над рабочей областью кнопку «Разобрать «. Таким образом мы получаем первоначальное изображение, но уже в кривых.
Если же вас не устраивает полученный результат, его можно доработать. Для этого с помощью инструмента «Выделение » необходимо выбрать все созданные кривые (нажать левую кнопку мыши и, удерживая ее, обвести весь рисунок целиком). Идем в пункт меню «
Результат в режиме сетки
Также более хороший результат можно получить, если изначально брать крупное изображение хорошего качества. Поэтому, если нет желания тратить время на подшаманивание узлов сплайнов в будущем, используйте качественные изображения в качестве сырья для трассировки!
Откройте сайт конвертации. Если вы не хотите скачивать программу, а только лишь быстро преобразовать простые растровые изображения в векторные, используйте сайт автоматизированной конвертации, который автоматически выполнит всю работу за вас. Перед сохранением нового векторного изображения вы сможете изменить настройки и даже внести собственные правки.
- Из наиболее популярных сайтов стоит отметить VectorMagic, который, впрочем, при создании учетной записи позволяет выполнить только две бесплатных конвертации. Дальнейшие конвертации возможны лишь при наличии подписки.
- В интернете имеются также и бесплатные сайты, но их возможностей может быть недостаточно для создания адекватного векторного изображения. Если вам необходимо выполнить множество преобразований, в следующем разделе вы найдете инструкции по использованию бесплатного программного обеспечения.
Загрузите изображение, которое необходимо конвертировать. Векторные изображения лучше всего получаются из простых узоров и логотипов с небольшим количеством цветов. Вы не получите хорошие результаты, если попытаетесь преобразовать в векторное изображение фотографию. Сайты вроде VectorMagic поддерживают файлы в формате JPG, BMP, PNG и GIF.
- Для лучшего результата изображение должно иметь определенную степень сглаживания. Наличие сглаживания можно определить при увеличении масштаба изображения – чтобы придать ему более округлый вид, по его краям будут расположены пиксели более мягких цветов. Сглаженные края позволяют программе конвертации получить лучшие результаты. Большинство цифровых изображений имеет сглаживание, но вы можете столкнуться с проблемами при векторизации пиксельной графики, так как итогом станет изображение с зазубренными краями.
Позвольте программе обработать изображение. При первой загрузке изображения на VectorMagic, он должен будет выполнить его первичную трассировку. Этот процесс может занять несколько минут.
Оцените результаты. Когда программа завершит работу, исходное изображение будет отображено в левом окошке, а векторное – в правом. Зажмите кнопку «Bitmap» (Замещение), чтобы наложить исходное изображение на векторное. Если вам повезет, изображение получится идеальным с первого захода!
Нажмите на кнопку «Hand-pick Settings» (Ручная настройка). VectorMagic автоматически определяет тип изображения и применяет оптимальные, по его мнению, настройки векторной трассировки. Вы можете изменить эти настройки, покопавшись в ручной настройке.
- Вы можете выбрать тип изображения, от которого будет зависеть то, как VectorMagic обрабатывает трассировку. Вас попросят выбрать степень качества исходного изображения, а также его цветовой диапазон. Выберите индивидуальную цветовую палитру, чтобы исправить ошибки, обусловленные незначительными изменениями в цвете исходного изображения.
- Чтобы изображение получилось более равномерным, оставьте как можно меньше цветов при выборе индивидуальной палитры.
Переключитесь на режим редактирования. При работе в VectorMagic вы можете переключиться на режим редактирования, чтобы самому настроить сегментацию и тем самым получить более четкий вектор. Сегментация – это процесс разбития изображения на отдельные составляющие, которые затем сглаживаются и конвертируются в векторы. Нажмите на кнопку «Edit Result» (Редактировать), чтобы открыть редактор.
Используйте Finder для поиска проблемных областей. Нажмите на кнопку «Finder» (Поиск), чтобы отобразить те участки изображения, с которыми трассировщик имел проблемы. После чего вы сможете вручную отредактировать эти области так, чтобы они лучше конвертировались во время трассировки.
Используйте инструменты «Pixel» (Пиксели) и «Fill» (Заливка), чтобы внести правки. Найдите два разных сегмента изображения, которые соединены пикселем. При наложении исходного рисунка в этих соединениях будет просматриваться эффект сжатия. Используйте инструмент «Pixel», чтобы стереть соединительный пиксель.
- Инструмент «Color» (Цвет) позволяет выбрать, каким цветом будут оперировать инструменты «Pixel» и «Fill».
На просторах рунета я нашел изображение логотипа. Можно ли перевести её из растра в вектор в Фотошопе, причем автоматически? Нет, нельзя. Увы, пока тенденции вектора в Фотошопе таковы, все что в этом направлении было сделано, осталось неизменно ещё 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 при наихудшем качестве.
Переведем в вектор. Отличный результат, не хватает только кетчупа. В самый раз довольному заказчику, обработка под гранж или винтаж!
И все же я слегка манипулирую правдой. Дело в том, что все это резонно для Иллюстратора, который создает вектор на основе картинки. Фотошоп не создает вектор на основе картинки, он создает контуры на основе выделения. Логично, чем качественнее и ровнее выделение, тем ровнее получатся кривые. И инструмент Волшебная палочка, которым мы выделяли эти области, уже не подойдет для выделения таких жутких изображений. Да, вы сумеете сделать качественные выделения, задействовал все инструменты выделения, сумеете даже увеличить их и создать на основе них более менее ровный контур, который все равно будет не идеальным. Идти таким путем просто потеря времени. Единственный рабочий вариант — отрисовать логотип с нуля в Фотошопе.
Допустим, у нас есть какое-то растровое изображение и мы хотим получить его в векторном виде (или в кривых). Что нам для этого необходимо сделать? Прежде всего нужна программа Adobe Illustrator.
Версия значения не имеет.
Порядок действий
Открываем наше растровое изображение в Adobe Illustrator. Для этого можно кликнуть на рисунке правой кнопкой мыши и выбрать из выпадающего меню Открыть с помощью… > Adobe Illustrator или запустить иллюстратор и перетащить рисунок на рабочую область.
Исходное изображение
На панели инструментов выделяем инструмент «Выделение » (черная стрелочка) и этой стрелочкой щелкаем на нашем изображении. При этом рисунок должен выделиться. Чтобы проверить это, можете попробовать немного переместить его, зажав левую кнопку мыши, когда курсор находится над рисунком (по принципу drag-and-drop).
Над рабочей областью находим кнопку «Быстрая трассировка » и щелкаем на расположенную рядом стрелочку. Она показывает все доступные для этого действия опции. Нам нужен пункт «Параметры трассировки… «. Когда мы на него кликаем, открывается окно с параметрами.
В правой части окна параметров выбрать пункт «Просмотр «. Это поможет получить более хороший результат и разобраться за что отвечает каждый из параметров.
1) делать по-науке, то есть вам нужно будет прочитать во всплывающих подсказках, какой из параметров на что влияет и выставить необходимые значения;
2) поэкспериментировать с параметрами самостоятельно, используя так называемый «метод научного тыка».
Я предпочитаю второй способ: во-первых, не всегда русский перевод того или иного слова полностью передает заложенный в оригинале смысл, а во-вторых, зачастую так быстрее и проще запоминается. Изменяете параметр. Смотрите, на что влияет (визуально). Комбинируете несколько параметров. И так до достижения более-менее приемлемого результата.
Полученное векторное изображение.
Когда картинка уже похожа на истину, в окне параметров трассировки нажимаем «Трассировка » и в меню над рабочей областью кнопку «Разобрать «. Таким образом мы получаем первоначальное изображение, но уже в кривых.
Если же вас не устраивает полученный результат, его можно доработать. Для этого с помощью инструмента «Выделение » необходимо выбрать все созданные кривые (нажать левую кнопку мыши и, удерживая ее, обвести весь рисунок целиком). Идем в пункт меню «Объект » > «Трансформирование » > «Масштабирование » и меняем размер изображения таким образом, чтобы оно было достаточно большим для удобства редактирования. Затем выбираем инструмент «Прямое выделение » (белая стрелочка). Этой белой стрелочкой поочередно кликаем в каждый узел и выравниваем сплайны так, как это необходимо: при выделении вершины рядом появляются усы, потянув за которые можно изменять кривизну сплайна.
Результат в режиме сетки
Также более хороший результат можно получить, если изначально брать крупное изображение хорошего качества. Поэтому, если нет желания тратить время на подшаманивание узлов сплайнов в будущем, используйте качественные изображения в качестве сырья для трассировки!
Дизайнмастер | Подготовка файлов для печати
При подготовке векторных файлов необходимо соблюдать следующие требования:- макет готовится в масштабе в цветовой модели CMYK;
- элементы макета не должны выходить за пределы плаката;
- весь текст необходимо перевести в кривые.
Рекомендуем использовать следующие масштабы:
- для плакатов с максимальным размером до 10 м — 1:1;
- для плакатов с максимальным размером свыше 10 м — 1:10.
При подготовке векторных файлов следует учитывать, что программы растрирования (так же, как и Adobe Photoshop) никак не интерпретируют такой параметр векторного файла, как размер документа — для них габаритными размерами являются размеры прямоугольника, охватывающего ВСЕ созданные Вами элементы (в том числе и маски).
Поэтому при создании макета Вы должны следить, чтобы ВСЕ элемента макета находились только ВНУТРИ области вашего плаката. Если Ваш плакат имеет белый фон, необходимо создать тонкую технологическую рамку желтого цвета по границе плаката, определяющую его размер. Ваш макет не должен содержать каких-либо посторонних элементов, которые не будут использоваться при печати (пояснительный текст, названия пантонов, габаритные размеры и т.д.).
Просим Вас помещать в отдельный текстовый файл все Ваши пожелания по печати и послепечатной обработке.
Не включайте в макет припуски «под обрез» и белые поля. Будьте внимательны при использовании черного и серого цветов, так как по умолчанию векторные программы используют несоставные черный и серый цвета, которые не пригодны для нашей технологии печати.
После окончания работы над макетом Вам необходимо перевести весь текст в кривые. Мы не принимаем файлы с текстом, не переведенным в кривые (в том числе при наличии приложенных к файлу шрифтов).
В Corel Draw переводу в кривые так же подлежат эффекты: Contour, Perspective, Envelope, Extrude, Artistic Media, и т.п.
Специальные эффекты типа «прозрачностей», «линз» и тп., внутреннего растрового текстурирования превратить в растровые CMYK-модели.
Требования к макету
Принимаются файлы следующих форматов: TIF, CDR (версии с X3), PDF, JPEG (с минимальным сжатием).
Макеты, подготовленные в Microsoft Word, Microsoft PowerPoint в полиграфии не используются и требуют создания изображения заново.
Использование других форматов и программных продуктов возможно, но требует предварительного согласования.
Требования к графическим файлам:
Растровая графика: TIF — Рекомендуемое разрешение для растровой графики — от 240 до 300 dpi. Большие значения не допустимы.
•Цвета PANTONE лучше переводить в CMYK.
Не переведенные цвета будут автоматически заменяться в растровом процессоре на наиболее близкие по значению CMYK аналоги. При этом 100% попадание в цвет не гарантируется из-за технологических особенностей печати.
Градиентные заливки использовать с 5% до 95%
Заливки и эффекты программы CorelDraw, такие как тень, линза, в которых используется прозрачность, для предотвращения искажений рекомендуется
конвертировать в растровое изображение.
При создании макета в CorelDraw не рекомендуется встраивать в него файлы формата PSD, содержащие прозрачные области и файлы TIF с альфа-каналами.
Размер изображения задавайте непосредственно в Adobe PhotoShop, а не в программе верстки. Если макет создается в Adobe PhotoShop, надо предоставлять готовый к печати *.tif с наличием в нём всех запасов и вылетов.
Не следует тонкие линии делать тоньше 0,5 пт (при толщине 0,1 мм линия будет тонкой и прерывистой). Категорически запрещается помещать графику в программу верстки через буфер обмена (Clipboard).
Все рисунки и другие связанные объекты необходимо предоставить в виде отдельных файлов.
Рекомендуется использовать рисунки с нужными размерами, а не кадрировать и не мастштабировать
Цветовая модель
Все объекты, использованные при подготовке макета, предоставляются в цветовой модели CMYK. Совокупность цветов в заливках не должна превышать 240% (total ink limit). Не рекомендуется использовать однотонные заливки большого размера, так как возможно появление неоднородности заливки. В этом случае следует добавлять текстуру или шум (30-50%).
Шрифты
В макетах все шрифты ПЕРЕВЕСТИ В КРИВЫЕ!
Не используйте в макете кегль меньше 7 пт. Если неизбежно приходится использовать такой кегль, не переводите эту часть текста в кривые, а отправляйте её в исходном виде вместе со шрифтом, которым он исполнен.
Подготовка макета: черный цвет
Избегайте больших плашек, залитых 100% чёрным цветом, они могут вызывать сложности при печати. Чтобы этого избежать, добавьте в заливку цвета CMY, например C70M30Y30K100 (холодный чёрный), или C60M40Y40K100 (тёплый чёрный), C60M60Y60K100 (суперчёрный).
Категорически не принимается комбинация C100-M100-Y100-B100. Напечатать такое сочетание практически невозможно, так как краска при печати ляжет слишком толстым слоем. Отпечаток будет мазаться и перетаскиваться с листа на лист.
Послепечатная обработка
Для корректного выполнения послепечатных работ учитывать следующие требования:
Расстояние от линии реза до текста должно составлять не менее 4 мм (при двусторонней печати-5 мм). Припуск под обрез не менее 2 мм с каждой стороны (для самоклейки — 2 мм)
При двусторонней печати лицевая и оборотная стороны должны располагаться на отдельных страницах, иметь одинаковые размеры и быть отцентрованы.
Все послепечатные работы настоятельно рекомендуется оговорить до начала печати.
Также мы настоятельно рекомендуем заказывать пробный оттиск (пробный оттиск, сделанный на том же оборудовании, что и будущий тираж) позволяет увидеть необходимость цветокоррекции, возможные ошибки в информации, оценить общий вид будущей продукции.
Размер запечатываемой области включает все изображение, в том числе метки реза
Вылеты под обрез и размеры изделий
При печати и резке продукции существуют погрешности. Для компенсации этих погрешностей и получения качественных изделий предназначены вылеты (иногда их называют напусками или запасами) под обрез.
Вылеты под обрез — это дополнительное увеличение фона и элементов изображения, которые соприкасаются с краем изделия.
Для цифровой печати вылеты под обрез составляют по 2 мм с каждой стороны изделия, таким образом дообрезной размер изделия должен на 4 мм по ширине и на 4 мм по высоте превышать готовый размер. При резке вылеты срезаются и получаются изделия готового размера.
Опасное поле — это поле, близкое к линии реза, в котором нежелательно размещение текста и важных графических элементов (рамок, линий и т.п.). Для цифровой печати опасное поле составляет 3 мм. То есть расстояние от дообрезного края до текста, логотипов и т.п. должно быть не менее 5 мм (3 мм — опасное поле + 2 мм — вылеты под обрез).
Размеры изделия, опасное поле и вылеты под обрез на примере визитной карточки:
Как сохранить кривые в фотошопе : Радиосхема.ру
На этой странице
?? Creative Cloud ?????????????????
Обзор кривых
В корректировке «Кривые» настраиваются точки во всем тональном диапазоне изображения. Первоначально, тональность изображения представлена как прямая диагональная линия на графике. При коррекции изображения в режиме RGB в верхнем правом углу графика представлены света, а в нижнем левом — тени. Горизонтальная ось графика представляет входные значения (исходные значения изображения), а вертикальная ось представляет выходные значения (новые скорректированные значения). По мере того, как на линии добавляются и перемещаются направляющие точки, меняется форма кривой, отражая корректировки изображения. Более крутые части кривой представляют области высокого контраста, а плоские части кривой представляют области низкого контраста.
Настройки диалогового окна «Кривые» можно сохранять в виде наборов. См. Сохранение настроек и Применение настроек.
Корректировку «Кривые» также можно применять к изображениям в режиме CMYK, LAB или в градациях серого. Для изображений в режиме CMYK на графике отображаются проценты краски/пигмента. Для изображений в режиме LAB и в градациях серого на графике отображаются значения освещенности.
Коррекция цвета и тона изображения с помощью инструмента «Кривые»
Перемещение точки в верхней части кривой позволяет скорректировать светлые участки; перемещая точку в центре кривой, вы корректируете средние тона; а перемещая точку внизу кривой, вы настраиваете тени. Чтобы сделать светлые участки более темными, перетащите точку наверху кривой ниже. При перетаскивании точки вниз или вправо входное значение привязывается к более низкому выходному значению, и изображение становится темнее. Для того чтобы осветлить тени, перетащите точку внизу кривой вверх. При перетаскивании точки вверх или влево более низкое входное значение привязывается к более высокому выходному значению, и изображение становится светлее.
Чтобы применить коррекцию кривых, выполните одно из следующих действий.
- Щелкните значок «Кривые» на панели «Коррекция».
- Выберите команду меню «Слой» > «Новый корректирующий слой» > «Кривые». В диалоговом окне «Новый слой» нажмите кнопку «ОК».
Для непосредственной корректировки слоя изображения и сброса информации об изображении выберите «Изображение» > «Коррекция» > «Кривые».
(Необязательно) Чтобы настроить цветовой баланс, на панели «Свойства» выберите канал, который требуется скорректировать, в меню слева от кнопки «Авто».
На панели «Свойства» выполните одно из следующих действий.
- Щелкните непосредственно кривую и перетащите направляющую точку, чтобы скорректировать тональную область.
- Выберите инструмент прямой коррекции изображения и затем перетащите его в область изображения, которую требуется скорректировать.
- Выберите инструмент прямой коррекции изображения и щелкните в изображении тональные области, которые нужно скорректировать. При этом вдоль кривой добавляются направляющие точки.
- Выберите набор в меню «Набор».
Перемещение направляющей точки вверх или вниз делает корректируемую тональную область светлее или темнее. Перетаскивание направляющей точки влево или вправо увеличивает или уменьшает контрастность. На кривую можно добавить до 14 контрольных точек. Чтобы удалить направляющую точку, перетащите ее за пределы графика. В процессе коррекции тональности на графике по-прежнему отображается исходная диагональная линия и гистограмма изображения для ссылки. Эти параметры можно выключить. См. раздел «Настройка параметров отображения корректировки «Кривые»».
(Необязательно) Выполните любое из следующих действий, чтобы изменить корректировку.
- Добавьте больше точек непосредственно в кривую, чтобы скорректировать различные тональные области.
- Щелкните инструмент прямой коррекции изображения в других областях изображения и перетащите вверх или вниз.
- Чтобы указать значения самых темных и самых светлых тонов изображения, переместите ползунки «Установить точку черного» и «Установить точку белого» или воспользуйтесь инструментами «Пипетка».
- Щелкните точку на кривой и введите значения в текстовые поля «Вход» и «Выход».
- Щелкните значок «Карандаш» и нарисуйте новую кривую поверх существующей. По завершении щелкните значок «Округлять числовые значения кривой», чтобы сгладить нарисованную кривую. При повторных нажатиях выполняется дальнейшее сглаживание.
Точки кривой остаются на одном месте до тех пор, пока вы не переместите их. Можно выполнить коррекцию одной тональной области, не затрагивая остальных.
Удаление направляющих точек с кривой
Чтобы удалить направляющую точку, выполните любое из следующих действий.
- Перетащите направляющую точку за пределы графика.
- Выберите направляющую точку и нажмите клавишу «Delete».
- Щелкните направляющую точку, удерживая клавишу «Ctrl» (Windows) или «Command» (Mac OS).
Настройка параметров отображения кривой
При помощи параметров отображения кривой можно настраивать внешний вид сетки кривой.
Примените корректировку «Кривые».
В меню панели «Свойства» выберите «Параметры отображения кривой».
При выборе команды «Изображение» > «Коррекция» > «Кривые» разверните параметры отображения кривой в диалоговом окне «Кривые».
В диалоговом окне «Параметры отображения кривых» выберите любой из следующих параметров.
Свет (0-255): на кривых значения интенсивности для изображений в режиме RGB отображаются в диапазоне от 0 до 255, причем черный цвет (0) находится в нижнем левом углу.
% пигмента/чернил: процентные значения для изображений в режиме CMYK отображаются в диапазоне от 0 до 100, причем светлые тона (0 %) находятся в нижнем левом углу.
Простая сетка: линии сетки отображаются с шагом 25 %.
Детальная сетка: линии сетки отображаются с шагом 10 %.
Показать наложения каналов: кривые цветовых каналов накладываются на совмещенную кривую.
Гистограмма: отображается гистограмма исходных тональных значений изображения позади графика.
По базовой линии: исходный цвет и тональность изображения отображаются как ссылочная линия под углом 45 градусов.
Линия пересечения: отображаются горизонтальные и вертикальные линии, упрощающие выравнивание направляющих точек при их перетаскивании относительно гистограммы или сетки.
Чтобы изменить шаг линий сетки, щелкните сетку, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS).
Векторные контуры строятся на отрезках, которые имеют ключевые узлы и котрольные точки. Ключевые узлы ограничевают отрезок с двух сторон а котрольные точки позволяют управлять изгибом кривых.
Для создания кривых используются инструменты группы Pen. Инструмент Pen Tool предназначен для создания кривых по ключевым узлам. Принцип действия этого инструмента заключается в указании ключевых точек отрезка контура. Если при указании контрольной точки, не отпуская кнопку мыши двигать её, то у ключевой точки появится отрезок, содержащий контрольную точку. Дальнешие движения мышью уже напрямую воздействуют на контрольную точку, и, в свою очередь, на изгиб отрезка. Следующий щёлчёк левой кнопкой мыши установит следующую контрольную точку, и т.д.
Инструмент Pen tool может работать в двух режимах — создание кривых и создание так называемых форм — замкнутых векторных областей.Переключение между этими режимами осуществляется кнопками [ ] — режим создания контура, [ ] — режим создание формы. Если вы работаете в режиме создания форм, то создаваемый вами контур будет считаться всегда замкнутым и, как следствие, залитым выбранным вами цветом. Физически в палитре Layers создаётся слой-маска на основе векторного рисунка. Сам слой заливается выбранным вами цветом (цвет выбираете на палитре свойств).
Принцип работы с векторной маской незначительно отличается от принципа работы с растровой маской, отличаются только средства. Если в случае работы с растровой маской вы изменяли её посредством инструментов рисования, то в данном случае изменение формы маски происходит при помощи векторного инструментария.
Для того, что бы преобразовать векторную маску в растровую, нужно вызвать контекстное меню векторной маски и выбрать пункт Rasterize Mask. В результате вы получите обычную маску слоя. В остальном работа с маской слоя в векторном варианте не отличается от работы в растровом варианте.
Векторные рисунки удобны тем, что в любой момент очень удобно можно изменить форму кривых этого рисунка. Для этого существует ряд инструментов. Например инструмент [ ] (добавление ключевых точек — узлов) — добавляет ключевые точки на кривой в том месте где вы щёлкните. Инструмент [ ] может удалять лишние точки на контуре при щелчке на удаляемой точке. На самом деле переключатся на эти инструменты совсем не обязательно. Обратите внимание на переключатель Auto Add/Delete на палитре свойств. В случае если этот режим включен (установлен флажок), то инструмент Pen Tool автоматически будет переключатся на инструмент добавления точки (когда вы его поместите над контуром) и инструмент удаления точки (когда вы его поместите над уже существующей точкой). Если режим отключить, то удаление и добавление точек будет возможно только при использовании соответствующих инструментов.
Управление изгибом кривых осуществляется через контрольные точки. Для выбора контрольной точки используется инструмент Direct Selection Tool. Выбрав узел для редактирования (щелчёк этим инструментом по редактируемому узлу). Затем двигая контрольные точки вы влияете на изгиб кривой в области выбранного узла. Также при помощи этого инструмента вы можете перемещать выбранные узлы. Инструмент Path Selectional Tool предназначен для работы с кривой в целом, как с объектом — для перемещения и трансформации. Для векторных объектов применяется режим Free Transform, точно такой же как и для растровых областей.
Важным инструментом работы с ключевыми узлами является инструмент под названием Convert Point Tool [ ]. Смысл этого инструмента заключается в преобразовании типа узла. В векторной графике Photoshop различают два типа ключевых узлов — сглаженные (smooth) и угловые (corner). Смысл сглаженных ключевых узлов заключается в том, что контрольные точки двух кривых, сходящихся в одном узле Всегда находятся на одной виртуальной линии.
Другой тип узла, как мы говорили, называется угловым. Смысл этого типа заключается в том, что виртульные линии, проходящие через контрольную точку одного из отрезков и общий ключевой узел обоих отрезков, могут сходится под любым углом.
Инструмент преобразования типов работает следующим образом — если узел сглаженный (а по умолчанию узлы создаются сглаженными) то щелчёк инструментом преобразования изметит тип узла на угловой. Если после нажатия кноки мыши не отпускать её, а просто потянуть, вы сможете управлять изгибом отрезка в конкретном узле.
Начали мы с того, что выделили два режима работы инструмента Pen Tool. Первый — режим созданияя форм, а второй — ржим создания контуров. Остановимся подробнее на режиме работы с контурами.
В этом случае ваш контур не будет автоматически заливаться и образовывать векторную маску слоя и слой. В данном случае ваш контур будет исключительно виртуальным и не имеющим отношение к слоям. Для работы с такими контурами существует палитра под названием Path. В этой палитре сосредоточены все операции с контурами.
В палитре Path контуры (пути) размещаются как слои в палитре Layers, причём на одном векторном слоеможет находится несколько несвязанных между собой векторных контуров. В нижней строке палитры Path находятся пиктограммы управления контурами. До боли знакомые пиктограммы с мусорником и чистым листиком, свому назначению не изменили и в этой палитре, т.е. соответственно это удаление векторного слоя и создание пустого векторного слоя.
До сих пор мы задумывались для чего в таком абсолютно растровом редакторе как Photoshop нужны эти векторные инструменты. Простой пример использования векторов в Photoshop — это опять таки работа с выделениями. Как вы видите из рисунка, ряд пиктограмм палитры Path предназначен для преобразования контура (пути) в контур выделения и наоборот. На сам деле после получения некоторых навыков работы с контурами вы поймёте, что намного легче бывает подстроить векторный контур под форму выделяемой области чем, даже воспользоваться достаточно гибкой быстрой маской. Поэтому если вы хотите подредактировать выделение вы всегда можете преобразовать его в путь (контур), затем подредактировать его и опять преобразовать в выделение. Если вы хотите применить традиционные для контуров выделения операции типа Stroke и Fill то они тоже в вашем распоряжении.
После того как высоздали путь вы можете сохранить его под любым именем. Для этого достаточно дважды щёлкнуть на его стоке и задать ему название в появившемся диалоговом окне.
Логические операции работают несколько неожиданно. Вы можете создавать пути в любом из логических режимов, будь то сложение или вычитание. На этом этапе вы никаких действий не заметите. Но не обольщайтесь тем, что вы нашли баг в практически безупречной программе. На самом деле Photoshop запоминает в каком режиме вы создавали контур (контора пишет. ) и как только вы прикажете программе создать контур выделения из вашей мешанины путей, то Photoshop всё припомнит и произведёт все операции которые вы ему прописали при создании путей. Диалоговое окно создания контура выделения из пути позволяет задать самые важные настройки касающиеся контуров выделения (но это только в том случае, если вы воспользуетесь командой Make Selection меню палитры Path).
Обратите внимание, что вы можете задать радиус растушовки (Feather), включить или отключить сглаживание Anti-Aliased. В разделе Operation вы можете установить логический режим для вновь создаваемого выделения. Опиции данного раздела становятся доступными только в том случае, если один контур выделения уже существует. Соответственно если вы выберете операцию New Selection то создаваемое выделение заместит собой уже существующее выделение; опция Add to Selection добавит к уже существующему выделению выделение создаваемое из контура; Substruct from Selection — вычтет создаваемый контур из сущесьтвующего выделения.
Инструмент Free Form Tool [ ] позволяет создавать векторный контур в режиме простого рисования, наподобии кисти. Зажимаете левую кнопочку мыши и просто ведёте мышку рисуя необходимый вам контур. У этого инструмента есть одна главная особенность, которая уподобляет этот векторный инструмент инструменту Magnetic Lasso — это опция Magnetic. Принцип работы такой же, инструмент ищет контрастные границы и прокладывает контур только там. А в остальном контур создаваемый этим инструментом не отличается от обычного контура.
bolero
Участник
Есть проблема!
Макет сделан в фотошопе.Но изображение нужно перевести в кривые в формате иллюстратора.
Открываю в иллюстраторе psd файл, команда преобразования в кривые не доступна.
В чем дело, кто-нидь может объяснить, каким образом подобные проблемы разрешаются?
Paavels
Участник
Ответ: PSD кривые ?
а ты веселый парень однако
трейсить надо или в ручную обрисововать
grreg
Участник
Ответ: PSD кривые ?
ставлю теме высший бал!
Boogie
Участник
Ответ: PSD кривые ?
Фактически вопрос прозвучал так: Я поставил Иллюстратор, а кнопки «нарисовать крутую картинку» не увидел.
Есть растровая графика, есть векторная. Из векторной в растровую перевести — нет проблем. Из растровой в векторную — сложно.
Для перевода в вектор растровой графики существует несколько способов:
1. Сделать это автоматически. Программой Corel Trace или другими, специально предназначенными для этого. Не помню названия Адобовской проги, может кто другой подскажет. Результат бывает разный. Скорее всего не понравится. Хотя это зависит от файла и цели перевода.
2. Сделать это руками — фактически отрисовать заново. Требует больших трудозатрат и определенного опыта.
yes61
Участник
Ответ: PSD кривые ?
смотря по картинке. и умению рисовать и работать в Илле, не всегда это прям так уж долго и трудно
bolero
Участник
Ответ: PSD кривые ?
Не друзья,Вы меня прямо за полного лоха держите.Что такое вектор и растр мне известно в полной мере. Я задал возможно глупый вопрос. Понятно, что лучше всего весь макет делать в самом илле, но если такой вопрос был задан, значит неспроста.
Этот вопрос носил срочный характер. На сегодняшний день, ответ на него уже не важен.
Но за критику спасибо,да и сами не плошайте. Если человек нуждается в строчной помощи,совсем не обязательно закидывать его понтами,мол, какие мы продвинутые парни.
Ответ: PSD кривые ?
2Boogie
>Не помню названия Адобовской проги, может кто другой подскажет.
Подскажет Adobe StreamLine 4.0 Новые версии не выпускаются с 1997 года
Как из иллюстратора перевести в фотошоп по слоям
Из вектора в растр по слоям
Этот метод позволяет перевести в растровое изображение любую векторную иллюстрацию, сохраняя каждый объект на отдельный слой. Недавно столкнулся с таким вопросом и не нашёл ни одного вразумительного ответа, как сохранить иллюстрацию, состоящую из более чем 300 векторных объектов. В поиске есть только непонятные скрипты и ручной метод copy-paste. Как всегда все гениальное просто и лежит на поверхности.
Итак начинаем с того, что открываем векторное изображение, которое хотим экспортировать в Photoshop. Заходим в закладку слои, смотрим, один ли слой, сколько групп в иллюстрации. Если есть несколько слоёв, выделяем их в панели объединяем в один в закладке Layers-Merge Selected. После чего выделяем в рабочей области весь вектор и в панели Object жмём Ungroup до тех пор, пока эта функция станет неактивной.
Когда у нас останется один слой и весь разгруппированный вектор (выделяем все элементы) и в той же закладке Layers жмем Release to Layers. Таким образом, все элементы станут отдельными слоями.
Теперь дело за малым экспортировать этот документ в Photoshop. Все просто нужно выбрать формат PSD и удостовериться, что отжата функция Write Layers.
Открываем экспортированный файл в Photoshop и удостоверяемся, что все объекты лежат на отдельных слоях.
Подвигаем для наглядности слои 🙂
Надеюсь, написал полезную информацию для всех, кто сталкивается с графикой и постоянно грызёт гранит науки:)
P.S. В новых версиях интерфейс поменялся, но смысл остался одним и тем же, видео ниже.
автор Марк Дьяков
15.08.2012
Правильный экспорт макетов дизайна из AI в PSD
Правильный экспорт макетов дизайна из AI в PSD
Автор: Егор Гилёв
5 мая 2011
В наше время всё чаще можно встретить дизайнеров интерфейсов, которые отказались от использования старого доброго Adobe Photoshop в пользу векторных инструментов. Иными словами, в пользу Adobe Illustrator. Преимущества очевидны: работая с векторным исходником, мы можем лучше контролировать весь процесс, чем работая с растровой картинкой (пусть даже она разделена на слои). В векторном редакторе нарисованный круг остается нарисованным кругом, а в фотошопе — это просто множество закрашенных пикселей. Наконец, в векторном редакторе намного проще делать варианты для экранов с разной плотностью точек (привет, Retina Display!).
Однако, бытует мнение, будто переход дизайнеров на Adobe Illustrator сулит вагон проблем верстальщикам. Верстальщики — люди в большинстве своём консервативные, новые веяния принимают в штыки. Так что принимать исходники макетов дизайна в формате AI они чаще всего отказываются категорически. Такая позиция основывается на двух мифах:
- Экспортировать макеты из AI в PSD очень сложно и долго.
- При экспорте макетов из AI в PSD сильно страдает качество картинки.
Оба эти утверждения справедливы только в том случае, если действовать «в лоб». Взять исходник в AI, вызвать фунцию «экспорт», получить PSD, после чего пытаться в нём разобрать кашу из слоёв, попутно исправляя мелкие косяки, которых в векторном исходнике не было. Так всё действительно будет долго и мучительно. Как вы уже догадались, мы пойдем другим путём.
Правильный способ экспорта макетов дизайна из AI в PSD состоит из трех шагов:
Шаг первый: наводим порядок. Выносим все текстовые объекты на отдельный слой (или на несколько отдельных слоёв). Все остальные объекты разумно группируем по слоям. В PSD каждый из этих слоёв будет совершенно плоским, так что на этом этапе самое время подумать и решить, какие детали можно сплющивать, а какие лучше разделить по разным слоям. Важно также следить за тем, чтобы все эффекты наложения объектов друг на друга оставались внутри слоёв, иначе будет безобразие.
В результате у нас должен получиться относительно небольшой набор понятно названных слоёв:
Шаг второй: растрируем. Для всех слоёв, кроме текстовых, применяем эффект Rasterize в режиме Type Optimized.
Звучит парадоксально, но делать нужно именно так. Только такой способ растеризации обеспечивает результат, в точности соответствующий тому, что мы видим в векторном исходнике. Подробнее об этой странной особенности Adobe Illustrator я писал в нашем блоге 7 лет назад: Растрирование в Adobe Illustrator 10 и CS. Как это ни удивительно, в целом ситуация с тех пор не поменялась.
Шаг третий: экспортируем. В результате получаем PSD, картинка в котором в мельчайших деталях совпадает с исходной картинкой в AI.
Вот и всё.
Связанные записи
Как экспортировать Ai в PSD с сохранением векторных слоев? — Хабр Q&A
Добрый вечер!Нужен совет по экспорту из Ai в PSD с сохранением векторных слоев. Собираюсь грузить свои работы на микростоки, типа Envato, а там разнообразие форматов считается плюсом. Люди это как-то делают. Но не рисуют же они заново в каждом формате… Если рисовать в Photoshop вектором, то перевести в ai не сложно (через сохранение в eps). Photoshop же EPS открывает только растром. А возвращаться к Photoshop не хотелось бы, в Illustrator больше возможностей для фантазии.
Есть способ копирования Ctrl+с и Ctrl+v, но он эффективен с одним или десятью слоями. Когда их много, теряется возможность перенести изображение с точностью до пикселя, (потому что вставляет хаотично), а это недопустимо. Подскажите, есть ли какой-то другой способ экспорта из ai в PSD, может по средствам какой-то программы? Слышала, что можно сделать при помощи Fireworks, но не хотелось бы приобретать программу ради одной функции.
Благодарю за внимание!
Экспортируем векторные слои из AI в PSD
Как перенести по слоям иллюстрацию, макет сайта или интерфейса из Иллюстратора в Фотошоп, не используя копирование в виде смарт-объекта? При этом хочется сохранить объекты векторными после переноса.
В этом должна помочь стандартная функция экспорта в PSD, но так ли это?
Экспортируя в Иллюстраторе через меню File → Export → PSD с опцией «Write Layers» → «Maximum Editability», мы получим случайным образом слитые растровые слои.
Экспорт в PSD по умолчанию
Сторонние способы
Забегая вперёд, ни сторонние программы, ни моё решение не переносят редактируемые мешы или эффекты из Иллюстратора в Фотошоп.
Сохранение PSD через Fireworks
В статье 2013 года попадается вариант сохранения AI в PSD через Файерворкс.
Плюсы:
- Сохраняются имена
Минусы:
- Адоб перестал обновлять Файерворкс с 2013 года
- Непонятно, что растрируется, что остаётся векторным
Сохранение PSD через Affinity Designer
Плюсы:
- Векторные объекты, обводки
- Заливки одним цветом, градиенты
- Импортирует растровые изображения в документе
- Прозрачность объектов
- Редактируемые тексты
Минусы:
- Цена 50$
- Все группы распадаются
- Сбрасывает имена объектов
- Не поддерживает обтравочные маски, эффекты
Расширение SVG Layers
Импорт SVG в Фотошоп через SVG Layers
Плюсы:
- Векторные объекты, обводки
- Заливки одним цветом, градиенты в бета версии
- Группы объектов
- Редактируемые тексты
Минусы:
- Цена 19$
- Макет придётся предварительно из AI, EPS сохранять в SVG
- Проблемы импорта объектов с прозрачностью
- Не поддерживает обтравочные маски, эффекты, растровые изображения в документе
- Лишние символы в именах объектов
Способы в Иллюстраторе
Сторонний платный софт имеет свои плюсы и минусы экспорта. Мне интересно было найти решение напрямую из Иллюстратора.
На примере статьи 2011 года у Турбомилк обычно все уроки сводятся к получению растровых слоёв:
- Группировать объекты в макете
- Сортировать по слоям
- Растрировать через Object → Rasterize или эффект Effect → Rasterize
- Экспортировать в PSD
Экспорт в PSD растровых слоёв
И тут попадается трюк для Иллюстратора на Tutsplus. Если к объектам применить Make Compound Shape в панели Pathfinder, то при экcпорте объект будет векторным. Проверяю способ на нескольких объектах.
Экспорт после применения Make Compound Shape
Верхний круг при открытии в Фотошопе сохранил цвет и остался векторным шейпом. Соседние объекты растрировались, значит этот способ не поможет перенести редактируемые градиенты и обводки в PSD.
Что если у нас файл содержит десятки, сотни объектов? Вручную применять к каждому объекту Make Compound Shape долго. Если записывать экшн в Иллюстраторе, то появляется проблема перебора объектов — встроенная команда Select Next Object будет перескакивать сгруппированные объекты и не сможет переходить автоматически на следующий слой.
Автоматизация
Я решил автоматизировать процесс подготовки векторного файла для экспорта в PSD и написал скрипт Ai2Psd.
Cкрипт проверяет все объекты документа в группах и слоях. Найдя объект с одноцветной заливкой, он применяет к нему команду Make Compound Shape. В конце скрипт покажет инструкцию и откроет окно экспорта в PSD.
Upd: У Адоб в Иллюстраторе 2020 до сих пор остаются проблемы самого механизма экспорта. Будьте готовы, что даже новые версии скрипта в каких-то случаях не помогут.
Плюсы:
- Скрипт бесплатный
- Векторные объекты c одноцветной заливкой
- Группы объектов
- Обтравочные маски
- Прозрачность, режимы наложения
- Имена объектов
- Редактируемые тексты
Минусы:
- Скрипт вносит изменения в файл, лучше его запускать на копии
- Градиенты, паттерны и обводки растрируются
- Растровые изображения могут в PSD оказаться слитыми в 1 слой
Скачать Ai2Psd
Оптимизация документа
Обводки
Чтобы обводки остались в Фотошопе векторными, в Иллюстраторе сделайте их самостоятельными объектами через Object → Path → Outline Stroke.
Преобразование обводки в объект
Похожие объекты
Если у вас есть группа из сотен одинаковых объектов, например, кистью нарисованы волосы или текст, переведенный в кривые, для скорости работы скрипта объедините элементы в Compound Path через Object → Compound Path → Make.
Объединение схожих объектов
Исключения
Эффекты
Если в файле присутствуют объекты, к которым применены эффекты: тень, свечение, шум и т.д. и вы хотите их перенести в PSD, то перед запуском скрипта надо вручную растрировать в режиме Type Optimized.
Паттерны
Чтобы паттерны остались векторными, примените Object → Expand. Тогда они станут обычными векторными объектами внутри обтравочных масок, которые скрипт обработает.
Меши, градиенты
Их сам Иллюстратор не может перенести в Фотошоп, но скрипт поможет сделать отдельными растровыми слоями без ручной сортировки по группам и слоям в Иллюстраторе. Для этого применяется еще одна хитрость — скрипт автоматически делает из каждого такого объекта отдельную группу.
Автогруппировка проблемных объектов в AI для получения отдельных слоёв в PSD
Скачать Ai2Psd
Если скрипт не скачивается, то вот запасная ссылка.
Отзывы
Mateusz Nowak: «Thanks for Ai-to-Psd script!»
Dilyana Aleksandrova: «ai to psd saved my ass at work man, thank you for sharing it!»
Weyn Cueva: «This is amazing! I’ve been looking for something similar because I work more in Photoshop. Thank you.»
Maggie Stilwell: «This is awesome! A great timesaver. Thank you for sharing it.»
WashIrving: «выглядит чертовски полезно. спасибо, бро»
zmotion: «Шикарный скрипт. Уверен для многих, в том числе и для меня это будет весьма полезно!»
Краткие итоги
- Ни сторонний платный софт, ни скрипт Ai2Psd не являются 100% способом перенести сложные макеты корректно из Иллюстратора в Фотошоп.
- Флэт иконки, UI элементы, простые иллюстрации — их можно получить из AI в PSD векторными.
- Трюк с Make Compound Shape на объекте с заливкой без обводки в Иллюстраторе позволяет экспортировать вектор в PSD.
- Если сгруппировать растрируемый объект в Иллюстраторе, то он будет отдельным слоем в Фотошопе.
- Скрипт Ai2Psd является бесплатной альтернативой сторонним программам.
Если вы скачали скрипт и он вам пригодился в работе, можете выразить благодарность в виде символичной суммы через сервисы QIWI / ЮMoney (ex-Яндекс.Деньги) / Paypal мне на печеньки или поделиться ссылкой с друзьями-дизайнерами.
Импорт графического объекта из Photoshop в Illustrator
Иллюстрации можно импортировать из файлов Photoshop (PSD) в Illustrator с помощью команды «Открыть», «Поместить» и «Вставить», а также путем перетаскивания.
Illustrator поддерживает большую часть данных Photoshop, в том числе композиции слоев, слои, редактируемый текст и контуры. Таким образом, можно переносить файлы между Photoshop и Illustrator, не теряя возможности редактировать иллюстрации. Чтобы упростить перенос файлов между двумя приложениями, корректирующие слои, видимость которых отключена, импортируются (хотя и остаются недоступными) в Illustrator и восстанавливаются при обратном экспорте в Photoshop.
Плашечные цвета (до 31 плашечного канала в одном файле) импортируются как единое растровое изображение N-Channel, помещаемое над изображением в триадном цвете. Плашечные цвета добавляются в палитру образцов как заказные цвета с теми же именами, что и в Photoshop. Цветоделение импортированных плашечных цветов осуществляется корректно.
Дуотонные файлы PSD импортируются как одноцветные растровые изображения с 256-цветным индексированным цветовым пространством и цветовым пространством N-Channel, содержащим все дуотонные краски. Поскольку в Illustrator используется N-Channel, режим наложения, заданный в Photoshop, может выглядеть в программе Illustrator иначе. Цвета красок из устаревших библиотек цветов сбрасываются в серый.
В случаях, когда в программе Illustrator необходимо выполнить преобразование данных Photoshop, выдается предупреждение. Например, при импорте 16-битного файла Photoshop в Illustrator выдается предупреждение о том, что изображение будет импортировано как 8-битное однослойное совмещенное.
482. Перенос файлов из программы Photoshop в Illustrator
Разработчики программы Photoshop обеспечили ее максимальную совместимость с Illustrator. Если перетащить выделенную область или слой из программы Photoshop в Illustrator, то в последней, на палитре Layers (Слои), появится изображение в виде группы, содержащей собственно картинку и контур отсечения. При этом не будут учитываться значения непрозрачности, режимы смешивания, маски и отсеченные области изображения.
С помощью инструмента Path Component Selection (Выбор компонентов контура) можно перетащить контур отсечения слоев из программы Photoshop в Illustrator. Либо можно воспользоваться командой Export Paths to Illustrator (Экспорт контуров в Illustrator) меню File в программе Photoshop, чтобы экспортировать сохраненный контур, а затем открыть этот файл в программе Illustrator. В любом случае контур станет в программе Illustrator редактируемым векторным объектом без какой-либо заливки или обводки.
Если просто скопировать слой в программе Photoshop и вставить его в Illustrator, то маска слоя или контур отсечения слоев будут проигнорированы.
Если установить флажок Link (Связь) в диалоговом окне Place (Поместить) программы Illustrator и поместить в нем изображение из программы Photoshop, то оно появится на палитре Layers (Слои) в качестве слоя некоторого изображения. Изображение будет иметь надлежащую маску, но некоторые режимы смешивания могут дать неожиданные эффекты.
Если изображение было перенесено из программы Photoshop при снятом флажке Link (Связь) или открыто в программе Illustrator, то можно будет выбирать, преобразовать ли слои в объекты или в единый слой, полученный в результате объединения слоев. Если вы выбрали режим преобразования слоев программы Photoshop в объекты, то каждый объект появит ся на своем собственном вложенном слое в пределах подслоя изображения. При этом фон останется отдельным непрозрачным слоем. Его можно будет удалять или редактировать в программе Illustrator.
Все значения параметров непрозрачности и режимов смешивания будут сохранены и в дальнейшем могут быть отредактированы в программе Illustrator. Маски слоя и контуры отсечения станут непрозрачными масками. Все контуры отсечения, представленные на палитре Paths (Контуры) и сохраненные в файле Photoshop, останутся действующими. При этом слои фигур станут слоями изображения, а не векторными объектами. У каждого отдельного слоя будут границы, соответствующие размеру исходного изображения в программе Photoshop.
Если вы выберете режим объединения слоев изображения в один слой, то все значения прозрачности, режимы смешивания и эффекты маски слоя будут видимыми, но их нельзя будет редактировать в программе Illustrator. Все контуры отсечения, представленные на палитре Paths и сохраненные в файле Photoshop, останутся действующими.
Разрешение любого изображения в формате TIFF, EPS или PSD не будет изменено при открытии и перемещении файла из программы Photoshop в Illustrator. Но изображение поменяет цветовой режим на режим, установленный в программе Illustrator. К импортированному изображению могут быть применены растровые фильтры, растровые эффекты и некоторые векторные эффекты программы Illustrator.
Как импортировать изображения из Photoshop в Illustrator
You может переносить изображения из файлов Photoshop (PSD) в Illustrator с помощью команда Open, команда Place, команда Paste и функция перетаскивания.
Illustrator поддерживает большинство данных Photoshop, включая композиции слоев, слои, редактируемый текст и пути. Это означает, что вы можете передать файлы между Photoshop и Illustrator без потери возможности для редактирования изображения. Для простой передачи файлов между двумя приложения, корректирующие слои с отключенной видимостью импортируется (хотя и недоступно) в Illustrator и восстанавливается при экспортирован обратно в Photoshop.
Плашечные цвета (до 31 плашечных каналов в файле) импортируются как единый N ‑ канальное растровое изображение, которое накладывается поверх трехцветного изображения. Плашечные цвета добавляются на панель образцов как пользовательские цвета. с тем же названием, что и в фотошопе. Отдельные импортированные плашечные цвета правильно.
Duotone PSD-файлы импортируются как плоские растровые изображения с 256-индексным индексированием. цветовое пространство и цветовое пространство N-Channel, содержащее весь дуплекс чернила. Поскольку Illustrator использует N-канал, взаимодействия в режиме наложения набор в Photoshop может выглядеть иначе в Illustrator.Цвета чернил из старых цветовых библиотек установлен серый.
В случаях, когда Illustrator должен преобразовать данные Photoshop, появляется предупреждающее сообщение. Например, при импорте 16-битного Photoshop файл, Illustrator предупреждает вас, что изображение будет импортировано как 8-битный, плоский композит.
.Четыре способа скопировать контур из Illustrator в Photoshop
Автор Shutterstock Карл Розенкрантс
Если вы серьезно занимаетесь дизайном, вы, вероятно, используете и Adobe Illustrator, и Photoshop. Вы также, вероятно, знаете, как перемещать изображения между двумя программами. Но знаете ли вы четыре способа копирования и вставки из Illustrator в Photoshop? Какой метод работает лучше всего, зависит от того, что вы планируете делать с иллюстрацией. Ниже мы рассмотрим все четыре метода и объясним, для чего лучше всего подходит каждый.
1. Смарт-объекты
Первый вариант — вставить изображение Illustrator в Photoshop как смарт-объект. Это хороший выбор, когда вам нужно скопировать весь дизайн, и лучший вариант, если вам может потребоваться изменить исходное изображение позже в Illustrator.
Для любого смарт-объекта Photoshop просто дважды щелкните миниатюру в диалоговом окне «Слои», чтобы снова открыть смарт-объект в исходном состоянии.
В этом случае, поскольку дизайн был скопирован из Illustrator, при двойном щелчке по миниатюре вы снова откроете дизайн в Illustrator .Сделайте там свои правки. Вам не нужно снова копировать и вставлять дизайн; просто сохраните работу и закройте файл.
Когда вы снова переключаетесь в Photoshop, смарт-объект автоматически обновляется с новыми изменениями.
Еще одна приятная вещь в смарт-объектах — это то, что вы можете масштабировать их в Photoshop без потери качества. Photoshop применит команду «Трансформировать» к самому смарт-объекту, поэтому независимо от того, сколько раз масштаб объекта был увеличен или уменьшен, изображение всегда останется четким и резким.
2. Вставить как пиксели
Второй вариант — «Вставить как пиксели». Некоторые функции Photoshop не работают при применении к смарт-объекту. Инструмент «Кисть», «Клонировать штамп», «Осветление и затемнение» и многие другие инструменты можно применять только к пиксельным изображениям. Таким образом, вставка слоя в качестве пикселей позволит Photoshop обрабатывать его так же, как произведение искусства было создано в Photoshop. Обратной стороной является то, что деформации и трансформации не сохранят качество оригинального изображения.Они работают так же, как и стандартный художественный слой в Photoshop.
3. Вставить как путь
Другой вариант вставки — «Вставить как путь». Выберите этот вариант, когда вы копируете в Photoshop отдельные фигуры, а не сложный дизайн. При этом будет вставлен только векторный контур для скопированной формы. Затем произведение можно редактировать с помощью инструментов «Путь» в Photoshop.
Как и любой другой контур, который вы рисуете в Photoshop, вы можете использовать палитру контуров для создания обводки или заливки контура на пустом слое.Удерживая нажатой клавишу «Control» (ПК) или «Command» (Mac) и щелкнув миниатюру в палитре контуров, вы загрузите контур как выделенный фрагмент, который можно использовать для создания масок слоя, каналов и т. Д.
4. Вставить как слой формы
Четвертый вариант — вставить как слой-фигуру. Как и в случае с «Вставить как контур», этот параметр лучше всего подходит для отдельных фигур. Слой формы — это, по сути, векторная маска над полем заданного цвета. Маска работает, выставляя основной цвет для области внутри контура и скрывая цвет за пределами контура.
Форму маски можно редактировать с помощью любого инструмента «Путь» в Photoshop. Вы также можете настроить цвет заливки слоя, дважды щелкнув цветную миниатюру рядом с векторной маской.
Знание лучшего способа вставки из Illustrator в Photoshop может помочь вам добиться максимального качества и гибкости ваших дизайнов. Удачи!
.Как использовать слои в Illustrator
You используйте панель «Слои» («Окно»> «Слои»), чтобы перечислить, упорядочить, и редактировать объекты в документе. По умолчанию каждый новый документ содержит один слой, и каждый созданный вами объект указан под этим слой. Однако вы можете создавать новые слои и переупорядочивать элементы, чтобы наилучшим образом соответствует вашим потребностям.
По умолчанию Illustrator назначает каждому слою уникальный цвет (до девяти цветов). на панели «Слои». Цвет отображается рядом с именем слоя в панель.Такой же цвет отображается в окне иллюстрации в ограничивающая рамка, путь, опорные точки и центральная точка выбранного объект. Вы можете использовать этот цвет, чтобы быстро найти соответствующий объект слой на панели слоев, и вы можете изменить цвет слоя на удовлетворить ваши потребности.
Если элемент на панели «Слои» содержит другие элементы, треугольник появляется слева от названия элемента. Щелкните треугольник, чтобы отобразить или скрыть содержимое. Если треугольник не отображается, элемент содержит без дополнительных предметов.
.Как объединить слои в Illustrator
В этом пошаговом руководстве мы рассказали, как объединить слои в Illustrator, чтобы вы могли объединить их и очистить свой проект. Это полезно на более поздних этапах творческого процесса, когда вы будете готовы сгруппировать похожие визуальные элементы.
Что такое слои?
При создании визуальных композиций в Illustrator и Photoshop слои позволяют управлять несколькими элементами, составляющими изображение. Слой может содержать векторную фигуру, текст, фотографию или иллюстрированный символ.Они предлагают удобный способ организовать отдельные компоненты в общей сцене, чтобы они располагались в идеальном месте и располагались в определенном порядке. Внутри панели «Слои» вы можете создать организационную иерархию для своего проекта с любым количеством слоев и подслоев.
Как объединить слои в Illustrator
1. Сначала загрузите текущий проект Illustrator и включите панель «Слои», выбрав «Окно»> «Слои». Это показывает каждый слой в вашем проекте уникальным цветом рядом с именем слоя.
2. Чтобы объединить два или более слоев в один объект, удерживайте нажатой клавишу Ctrl (или Command на Mac) и щелкните, чтобы выбрать их на панели «Слои». Если вы хотите объединить все свои слои, вы можете щелкнуть верхний слой в списке, удерживать клавишу Shift, а затем щелкнуть нижний слой в списке, чтобы выбрать их все (или использовать сглаживание, как показано ниже).
3. Наконец, щелкните стрелку раскрывающегося списка в верхнем правом углу панели «Слои» и выберите из списка «Объединить выбранные». По умолчанию ваши слои будут объединены с последним выбранным слоем.Помните, чтобы слияние работало, слои должны находиться на одном уровне организационной иерархии. Если один из слоев находится в подразделе, просто перетащите его обратно в иерархию основного слоя перед объединением.
Как сгладить слои в Illustrator
Сведение работает так же, как слияние, за исключением того, что оно объединяет все визуальные элементы в вашем проекте. Это может быть полезно на ранних этапах создания, когда вы работаете только с несколькими фигурами в рамках одного дизайна.
Чтобы развернуть слои Illustrator, щелкните слой на панели, где вы хотите объединить все.Затем щелкните стрелку раскрывающегося списка в правом верхнем углу панели «Слои» и выберите «Свести изображение». При сведении или объединении слоев в Illustrator только порядок наложения остается неизменным, но все остальные параметры, специфичные для слоя, теряются в процессе консолидации.
.Как сгладить слои в Illustrator
Слои помогают организовать различные элементы, составляющие графику Adobe Illustrator, позволяя расположить их в порядке приоритета. Как правило, новый проект состоит из основного «родительского» слоя со всеми вашими иллюстрациями, но в любой момент легко создать новые слои и даже создать подпапки для дальнейшей организации.
В процессе творчества полезно разделить графику на более мелкие элементы, но когда вы будете готовы экспортировать готовую часть, вы, вероятно, захотите объединить слои в одну группу.Эти функции, известные как «сглаживание» или «слияние», позволяют сохранять проект Illustrator в формате JPEG, PDF или другого файла с общим доступом. Функция Flatten Artwork объединяет каждый элемент в проекте, а функция Merge позволяет вам выбрать, какие элементы объединить.
Ниже мы рассказали, как выравнивать слои в Illustrator, а также как объединять более мелкие группы, чтобы вы могли сохранить свой проект в популярном цифровом формате.
Сведение слоев
1. Сначала загрузите желаемый проект Illustrator.Если панель «Слои» не отображается в левом нижнем углу экрана, выберите «Окно»> «Слои», чтобы включить ее.
2. Затем выберите слой на панели, в который вы хотите объединить все остальные слои. Подойдет любой слой, его легко переименовать в любой момент — просто дважды щелкните по нему, чтобы открыть Параметры слоя, и введите новое имя.
3. Перед сведением проекта к сведению мы рекомендуем сохранить копию текущего файла Illustrator. После того, как вы сгладили слои, вы не сможете их редактировать, поэтому определенно неплохо иметь резервную копию на случай, если вам понадобится внести некоторые изменения в последнюю минуту.
4. Сохранив копию своей работы, откройте меню панели «Слои», щелкнув стрелку раскрывающегося списка в верхнем правом углу панели. Затем выберите «Flatten Artwork», чтобы объединить все ваши слои.
Слияние слоев
1. Слияние похоже на сглаживание (но только для указанных вами слоев), поэтому не забудьте сохранить копию вашего проекта перед внесением любых изменений, потому что вы не сможете отменить их.
2. Удерживая нажатой клавишу CTRL (Command на Mac), просмотрите панель «Слои» и щелкните все слои, которые вы хотите объединить.Последний выбранный вами слой будет «объединенным» слоем.
3. Наконец, откройте меню панели «Слои», щелкнув стрелку раскрывающегося списка в верхнем правом углу, и выберите «Объединить выбранные». Имейте в виду, что объекты не могут сливаться друг с другом, а слои могут сливаться только в том случае, если они расположены на одном уровне иерархии папок.
.Профиль All of Photoshop (RU) Вместо извинений за свой пост, прочтите это All of Photoshop (FAQ) — TOP 5 Не менее полезные ссылки Поиск по меткам 20 лет с photoshop, 2010, 2012, adobe, adobe cs6, adobe evolution, adobe photoshop, adobe photoshop elements, adobecreativedays, after effects, allofphotoshop, apple, bug, color, competition, creative cloud, creative days, creative future, creative suite, creative suite 6, creativefuture, creativefuture 2010, cs 5.5, cs5, cs6, drawing, event, facebook, help, illustrator, lightroom, link, moscow, news, photoshop, photoshop cs6, photoshop elements, poll, premiere elements, premiere pro, ru_photoshop, sale, steve jobs, stuff, terry white, tutorial, useful, video, wacom, Москва, Новости, Россия, Терри Уайт, бесплатно, вебинар, видео, день фотографа, джейпег, евангелист от Adobe, интервью, история, календарь, конкурс, конференция, мероприяте, музей, не умею читать по-английски, новый тэг: я круче всех! абсолютно!, объявление, онлайн, паранормальное, программное обеспечение, скидка, сочи, спикер, туториал, форум, фотограф, фотожаба, фотошоп, эволюция творчества, это фотошоп!, я не могу догадаться заглянуть в FAQ, я не умею запускать программы, я не умею пользоваться поисковиком, я талантливый сын своего времени | 19-сент-2006 09:44
19-сент-2006 09:47
19-сент-2006 09:48 — единственный нормальный
19-сент-2006 09:52 — Re: единственный нормальный |
3 метода преобразования в черно-белое с помощью Photoshop
Я большой поклонник цвета. Мне нравятся смелые цвета, которые создают настроение в моих изображениях, и я часто использую значение цвета, чтобы усилить сообщение, которое я хочу передать.
Иногда вам нужно избавиться от цветов, чтобы привлечь внимание зрителя к вашим композиционным линиям, текстурам или для создания контраста. Для этого вы можете превратить цветное изображение в черно-белое, чтобы увидеть, что работает лучше всего.
Я не так часто работаю с черным и белым, но мне это очень нравится.Есть фотографы, которые создают потрясающие черно-белые снимки, и я очень ценю такие красивые снимки, даже если меня в основном рисует цвет.
Настройка настроения в цвете или в черно-белом изображении очень разная.
Существуют самые разные типы черного и белого — независимо от того, есть ли у вас полный тональный диапазон от белого до черного или просто светлые или темно-серые тона. Темные или светлые тона создадут разные эффекты и передадут разное настроение вашему изображению.Темные тона часто ассоциируются с мрачным настроением, а светлые тона более оптимистичны или позитивны. Это, конечно, обобщение, но в большинстве случаев оно верно.
Низкая контрастность влияет на более мягкое настроение, а высокая контрастность оказывает более сильное влияние. Глаза обычно переходят прямо к наиболее контрастной области изображения. Помимо хорошо продуманной композиции, использование контраста — отличный способ выделить важную черту вашего объекта.
Подумайте, какие черно-белые изображения вас привлекают.Это очень личное для вас, плюс это также зависит от жанра фотографии, с которой вы имеете дело. Поскольку я фотограф-портретист, я покажу вам, как я преобразовываю цветной портрет в черно-белый. Я выбрала портрет из фотосессии с растительной прической, которую сделала в Париже в прошлом месяце.
Как обычно, у вас есть много способов добиться того же результата в фотошопе. Найдите способ, который лучше всего подходит для вашего рабочего процесса или тот, который дает наилучшие результаты в соответствии с вашим стилем фотографии или настроением дня.
Я собираюсь использовать два разных корректирующих слоя, чтобы показать вам разницу в тонах и контрасте. Затем мы должны объединить эти разные слои, чтобы сохранить лучшую часть каждого из них.
1 — Слой настройки микшера каналов
Перейдите на панель слоев и нажмите «Микшер каналов» или перейдите в «Слой»> «Новый корректирующий слой»> «Микшер каналов».
С канальным микшером вы можете сделать больше, чем просто обесцветить цвета. Вы можете получить отличные результаты при сортировке по цветовому каналу.Это изменит ваши входные и выходные уровни.
Вы можете получить более светлые или более темные тона, вы также можете поиграть со своим постоянным общим тоном, который я использую в основном для затемнения фона. Вы можете поиграть с каждым каналом и посмотреть, что вам больше всего нравится. Вы можете поиграть с красным каналом на портрете, поскольку оттенки кожи обычно красные, поэтому объект съемки выделяется.
2 — Использование черно-белого корректирующего слоя
При работе с черным и белым нельзя сразу увидеть разные настройки.Чтобы несколько корректировок оставались видимыми, я создаю слой штампа (отдельный слой, на котором корректировка была применена непосредственно к изображению). Для этого нажмите Shift + Option + CMD + E, и появится слой штампа (объединяющий все видимые слои в один).
Затем можно комбинировать с черно-белым корректирующим слоем. Для этого перейдите в Слой> Новый корректирующий слой> Черно-белый. Затем поиграйте с разными значениями для каждого цвета, чтобы настроить тона на вашем изображении по своему усмотрению.Как и в предыдущем шаге, я создаю видимый слой штампа.
На двух разных видимых слоях штампа у меня разные контрасты. Я могу применить каждый из этих контрастов к различным частям окончательного изображения, комбинируя эти слои.
Добавьте маску слоя к каждому из них и закрасьте маску черным цветом над областями, которые вы хотите скрыть, таким образом открывая слой под ними. Нарисуйте белым (маска слоя по умолчанию белая), чтобы показать выделенные области верхнего слоя.
Если вы не слишком знакомы с масками слоев, я бы посоветовал вам создать только два типа черного и белого, что упростит выборочное применение различных эффектов.
Маски слоя заслуживают целой статьи, поэтому я сохраню, как их использовать, для другой статьи.
В конце концов, у вас есть сочетание различных контрастов в вашем изображении, и вы можете применить эти контрасты, поскольку они лучше всего подходят для каждой области, где вы хотите привлечь внимание зрителей. Существует так много способов создания черно-белых изображений в Photoshop, каждый из которых дает различный вид и контрастирует с вашим изображением
Например, посмотрите, как я использую карту градиента в этом предыдущем уроке: Как создать винтажный вид для вашего изображения с помощью Photoshop
3 — Используйте корректирующий слой «Уровень / кривые»
На этом изображении я создаю новую настройку кривых, чтобы немного изменить общий свет.Кроме того, отлично удаляет отвлекающие факторы, как вы видите на этом изображении.
Обычно я не обращаю особого внимания на мелкие отвлекающие факторы на моем фоне, так как я добавляю текстурное наложение к моему изображению (тем самым добавляя больше деталей к простому фону). Если вам нравится гладкий фон, это очень полезно.
На этом изображении я также хотел убрать световое отвлечение в правом верхнем углу (слишком яркое по сравнению с остальной частью темного фона).
Чтобы закончить это изображение, я добавлю немного текстуры.
Есть ли у вас другие методы преобразования в черно-белое с помощью Photoshop? Пожалуйста, поделитесь в разделе комментариев ниже.
Преобразование текста в контуры / кривые в Affinity Designer
graphicxtras.com для плагинов и предустановок
Текст можно преобразовать в стандартные контуры / кривые в Affinity Designer. Из этого туториала Вы узнаете, как быстро преобразовать текст
.Выберите инструмент художественного текста на панели инструментов Affinity Designer
Монтажная область для документов
Выберите нужный шрифт (например, один из графических шрифтов)
Выберите размер и цвет
Введите что-нибудь (один или несколько символов)
Щелкните правой кнопкой мыши художественный текст
Преобразовать в кривые
Выберите инструмент узла на панели инструментов Affinity Designer
Перетащите узлы
То же самое можно сделать с помощью инструмента «Текст фрейма».Вы можете применять эффекты и т. Д. К преобразованным проектам кривых, а также управлять примечаниями с помощью инструмента узла, а также сглаживать рисунок с помощью инструмента угла.
Объедините преобразованные контуры текста с другими контурами в Affinity Designer
Вы можете преобразовать текст в обычный контур / кривые, а затем объединить кривые с другим контуром, таким как эллипс, зубец и т. Д.
Выберите инструмент художественного текста
Выбрать шрифт / размер и т. Д.
Щелкните документ / монтажную область и создайте дизайн с помощью символа клавиатуры
Щелкните правой кнопкой мыши и выберите преобразовать в кривые
Перейти к инструменту «Эллипс»
Создать эллипс
Выберите оба дизайна
Используйте один из вариантов объединения / вычитания и т. Д., Которые можно найти на верхней панели Affinity Designer или в командах геометрии меню слоя.
Одним из наиболее интересных вариантов геометрии должно быть разделение, поскольку оно разделяет пути на отдельные компоненты
Учебники
1.Как использовать инструмент шестеренки в Affinity Designer для создания потрясающих шестеренок
Другие ресурсы
1. Форма шрифта Circula track OTF для использования в Affinity Designer (и других)
Преобразование Adobe Photoshop ACV в LUT для цветокоррекции
Итак, что это вообще означает и какова его цель? Во-первых, ACV — это формат файла кривых Adobe Photoshop , в котором хранится информация о сопоставлении цветов. Художник легко может создать файл. acv пресет, который может кардинально изменить настроение и цветовой тон изображения. Во-вторых, LUT — это просто справочная таблица, в нашем случае небольшое трехмерное пространство, которое отображает цвет RGB на другой цвет RGB. LUT можно эффективно использовать для красивой и дешевой постобработки.
Идентификационная ЛУТ
По сути, ACV и LUT — это одно и то же, представленные по-разному. Однако только последнее можно использовать в приложениях для рендеринга в реальном времени с незначительными затратами. Теперь, когда мы понимаем проблему, которую решаем, давайте взглянем на
.Теория
An. acv Пресет (как правило) содержит кривые для каждой цветовой составляющей — красного, зеленого и синего. Кривая — это просто функция f: X -> X, где домен (и ко-домен) — это целые числа в интервале [0, 255]. Кривая определяется рядом контрольных точек, которые меняют свою форму. Вот еще немного графического объяснения (вы можете найти редактор кривых в Изображение -> Коррекция -> Кривые ):
Редактор кривых Photoshop
На этом изображении показано отображение синего канала.Например, каждый цвет, имеющий синий компонент 210, будет преобразован в цвет с синим компонентом 116. Вы также можете настроить кривые для красного и зеленого каналов, что дает вам полный контроль. Существует также основная кривая RGB, которая применяется после индивидуальных кривых канала. Например, если эталонная кривая отображает значение от 116 до 80, совокупный результат синей кривой и эталонной кривой будет отображать 210-80 для синего канала.
Прежде чем что-то делать дальше, мы должны сначала понять информацию, хранящуюся в пресете.Adobe любезно опубликовала спецификации формата файла .acv.
Длина | Описание |
---|---|
2 | Версия (= 1 или = 4) |
2 | Количество кривых в файле. |
Ниже приведены данные для каждой кривой, указанной при подсчете выше . | |
2 | Количество точек на кривой (короткое целое число от 2… 19) |
очков * 4 | точки кривой.Каждая точка кривой представляет собой пару коротких целых чисел, где первое число — это выходное значение (вертикальная координата на графике диалогового окна «Кривые»), а второе — входное значение. Все координаты имеют диапазон от 0 до 255. |
Довольно прямолинейно.
Теперь вопрос состоит в том, «как преобразовать эту кривую в справочную таблицу». Кривая полностью определяется конечным набором точек, поэтому мы можем перефразировать вопрос следующим образом: «как получить многочлен, который проходит через несколько заранее определенных точек».И здесь на помощь приходит числовой анализ. Для этого существуют различные методы, такие как интерполяция кубическим сплайном или интерполяция с использованием полиномов Лагранжа. Они оба работают нормально, и я решил использовать сплайн-интерполяцию, поскольку она пришла в голову первой. Я избавлю вас от подробностей, но вы можете найти объяснение интерполяции кубическим сплайном в любой книге по численному анализу или в статье в Википедии.
Реализация
Теперь, когда у нас есть многочлен, мы должны составить LUT, о котором мы говорим.3 кажется достаточно, и, судя по моим экспериментам, я склонен согласиться с этим утверждением. Это сокращает объем памяти до 16 КБ для одной LUT!
В коде для создания небольшого куба LUT нет ничего особенного, мы просто берем дискретные образцы кривой:
На этом мы почти закончили, поэтому я продемонстрирую, как эта «тяжелая» работа окупается, на простом примере, основанном, ну, ну, SimpleSample11 из DirectX SDK (он работает только в Windows Vista SP2 +).Программа использует простой хорошо известный трюк для рисования полноэкранного треугольника без фактических данных о вершинах для отображения выбранного изображения, а шейдер изменяет цвет на основе LUT. При создании самого LUT параметры загрузки устанавливаются так, что MIP не создаются, поскольку они не нужны (хотя даже если вы создаете MIP, шейдер использует SampleGrad для выборки верхней поверхности). В реализации нет ничего особенного. За исключением того, что по умолчанию DXUT создает задний буфер с форматом sRGB, что заставляет нас выполнять гамма-коррекцию в шейдере (или создавать представление ресурсов с соответствующим форматом).Вы можете найти код в репозитории github в конце поста.
Одно важное замечание, о котором стоит упомянуть: вы должны использовать цветовой профиль sRGB в Photoshop, чтобы соответствовать цветам сгенерированной LUT. Вы можете проверить профиль, используемый в Edit -> Color Settings .
Наконец, вот несколько примеров изображений, которые я сделал:
Оригинал
Цветной негатив
Перекрестный процесс
Темный
Винтаж
Скачать конвертер ACV / LUT, пример приложения и пресеты с github
Следуйте за Ником в Twitter: @Nikxio
(Архивы) Adobe Photoshop CS3: Использование инструментов пера
Эта статья основана на устаревшем программном обеспечении.
В Photoshop CS3 инструмент Pen Tool — это еще один способ рисования фигур или выделения. Для получения дополнительной информации о выборе области см. Выбор области.
Инструменты для пера
Инструмент «Перо» , расположенный в панели инструментов , имеет пять скрытых инструментов: инструмент «Перо» , перо произвольной формы , инструмент , Добавить точку привязки Точка Инструмент , Вычесть точку привязки Инструмент и инструмент Convert Point Tool .
Инструмент «Перо»
Позволяет делать очень точные выделения, которые сложно выполнить с помощью инструментов Marquee Tools. Используя инструмент «Перо», вы создаете путь регулируемых опорных точек. Чтобы настроить опорную точку, используйте инструмент Удалить опорную точку, инструмент Преобразовать точку, или инструмент Direct Selection Tool .
Инструмент Freeform Pen Tool
Позволяет создавать собственные пути, которые по умолчанию не являются прямыми.Путь / выделение следует по тому же пути, что и ваша мышь. Этот инструмент полезен для быстрого выделения, которое не требует такой твердой руки, как Marquee Tools . Вы можете редактировать выбор дальше, используя другие инструменты выбора.
Инструмент «Добавить точку привязки»
Добавляет точки привязки вдоль пути. Точки привязки можно использовать для изменения линий без их перерисовки.
Инструмент удаления опорной точки
Удаляет опорные точки из пути.
Инструмент преобразования точки
Преобразует гладкую точку (например, дугу) в угловую точку или угловую точку в гладкую точку.
Создание фигур с помощью инструментов Pen
Инструмент «Перо» работает почти так же, как инструмент «Лассо-выделение», за исключением того, что когда вы рисуете, ничего не выделяется. Инструмент «Перо» автоматически создает замкнутую форму, заполненную выбранным цветом переднего плана, соединяя каждую новую точку привязки как с первой, так и с предыдущей точкой привязки.Инструмент Pen Tool позволяет рисовать прямые линии и кривые, а инструмент Freeform Pen Tool позволяет рисовать индивидуальные формы.
В панели инструментов выберите инструмент Pen Tool .
Курсор превращается в кончик пера.
СОВЕТ: Если вы хотите, чтобы курсор был более точным, вы можете нажать [Caps Lock], чтобы превратить его в перекрестие.На панели параметров , расположенной в верхней части экрана, выберите Слои формы .
Чтобы начать рисовать форму, щелкните кнопкой мыши, чтобы создать первую опорную точку.
Чтобы нарисовать прямую линию, щелкните кнопкой мыши, чтобы создать вторую точку привязки.
Две точки привязки соединяет прямая линия.- Чтобы нарисовать изогнутую линию, соединяющую последнюю точку привязки с новой точкой привязки, щелкните и удерживайте кнопку мыши в том месте, где вы хотите добавить новую точку привязки.
- Перетащите мышь, чтобы создать правильную кривую для этого сегмента.
ПРИМЕЧАНИЕ. Перетаскивание мыши не изменит положение точки привязки, но изменит дугу кривой. При необходимости повторите шаги 4 и 5, чтобы создать желаемую форму.
Чтобы закончить форму, щелкните первую созданную точку привязки.
Использование инструмента Freeform Pen Tool
Из Toolbox выберите Freeform Pen Tool .
Курсор превращается в кончик пера.
СОВЕТ: Если вы хотите, чтобы курсор был более точным, нажмите [Caps Lock].На панели параметров «Параметры » щелкните «Слои формы ».
Чтобы начать рисование, щелкните мышью и перетащите мышь в любом месте холста, чтобы создать свою форму.
ПРИМЕЧАНИЕ. При использовании инструмента «Перо произвольной формы» добавлять точки привязки не нужно, они добавляются автоматически.Чтобы закончить произвольную форму, отпустите кнопку мыши.
ПРИМЕЧАНИЕ. Конечная точка не обязательно должна совпадать с начальной.
СОВЕТ: Чтобы отредактировать фигуру пера произвольной формы, выберите инструмент Direct Selection Tool , который является скрытым инструментом под инструментом Path Selection Tool.
Выбор с помощью Pen Tool
Использование инструмента «Перо» «Перо» для выделения позволяет добиться высокой степени точности благодаря точкам привязки.Точки привязки можно отрегулировать после создания пути. Вы начнете с создания пути вокруг объекта, который хотите выделить, который затем превратите в выделение.
Создание пути
На панели инструментов выберите инструмент «Перо» , , , , .
На панели параметров щелкните Пути.
Выберите объект, щелкая через равные промежутки времени в области.
ПРИМЕЧАНИЕ. Путь — это линия точек привязки.
СОВЕТ: Это похоже на создание формы с помощью инструмента «Перо», за исключением того, что форма не заполнена цветом переднего плана.Отрегулируйте размещение существующих точек привязки, щелкнув и перетащив их, чтобы они лучше соответствовали выбранной области.
- Чтобы добавить опорную точку, выберите инструмент Добавить опорную точку .
- Щелкните в желаемом месте на пути.
- Чтобы удалить опорную точку, выберите инструмент Удалить опорную точку .
- Щелкните точку привязки, которую хотите удалить.
- Чтобы преобразовать точку привязки из угла в гладкую или наоборот, выберите инструмент Преобразовать точку .
- Щелкните точку привязки, которую нужно преобразовать.
Повторяйте шаги 4-7 до тех пор, пока путь не будет наилучшим образом представлять выбор, который вы хотите сделать.
Превращение пути в выделение
Чтобы выбрать путь, выберите инструмент Path Selection Tool .
В меню Window выберите Paths.
В палитре Пути щелкните Меню » выберите Сделать выделение .
ИЛИ
В палитре Paths щелкните Load Path as a Selection.
Появится диалоговое окно Make Selection .Чтобы растушевать выделение, в разделе Rendering в текстовом поле Feather Radius введите число.
ПОДСКАЗКА: чем выше число, тем сильнее будет эффект растушевки.Чтобы сгладить углы выделения, выберите Сглаживание.
Нажмите ОК .
Путь становится выбором.
: Часть 5. Работа с тонами :: Adobe Photoshop 7. Практическое руководство :: Adobe :: eTutorials.org
Если вы собираетесь распечатать цветное изображение в черно-белом режиме, рекомендуется преобразовать копию сначала выберите оттенки серого. На первый взгляд преобразование изображения в оттенки серого кажется простой задачей: вы выбираете «Изображение», «Настроить», «Обесцветить», чтобы удалить весь цвет (или, еще лучше, позволить принтеру сделать изображение серым). Что может быть проще? Проблема с этим подходом состоит в том, что нельзя выделить правильный тональный диапазон для всех областей изображения.В этой задаче вы оптимизируете тона так, чтобы детали были везде, а центральный объект хорошо представлен.
Откройте файл в Photoshop
Выберите «Файл», «Открыть», чтобы открыть желаемое цветное изображение.
Преобразовать в цвет лаборатории
Выберите «Изображение», «Режим», «Цвет лаборатории», чтобы преобразовать изображение в цветовое пространство лаборатории. Цвет Lab поддерживает лучший диапазон тонов изображения, чем любые другие цветовые модели.
Открытые каналы
Выберите «Окно», «Каналы», чтобы открыть палитру «Каналы». Щелкните значки видимости (значки глаз) для каналов a и b, чтобы отключить их. Должен быть виден только канал Lightness.
Изменить с помощью кривых
Выберите «Изображение», «Настроить кривые», чтобы открыть диалоговое окно «Кривые». Измените кривые, как описано в Задаче 3, чтобы при необходимости увеличить контрастность и диапазон изображения.
Двойной канал
Не снимая выделения с канала «Яркость», откройте меню палитры «Каналы» и выберите «Дублировать канал». В появившемся диалоговом окне назовите новый файл и выберите «Новый» во всплывающем меню «Место назначения». Это действие сохраняет канал Lightness в новый файл, который вы можете изменить в дальнейшем.
Закройте исходный файл
Закройте исходный файл, выбрав «Файл», «Закрыть».Выберите «Не сохранять» в появившемся диалоговом окне, чтобы оставить исходный файл нетронутым.
Другой подход В качестве альтернативы преобразованию файла в цвет Lab, как описано здесь, вы можете сохранить файл в режиме RGB. В этом подходе щелкайте каждый канал в палитре «Каналы», чтобы просмотреть отображение каждого канала в оттенках серого. Вы увидите широкий диапазон оттенков серого в зависимости от цвета изображения.Если вы видите канал с тем тоном и контрастом, который вам нравится, выберите и скопируйте канал в градациях серого и вставьте его в новый файл. |
Советы для начинающих по преобразованию Photoshop в Illustrator
Adobe Photoshop и Adobe Illustrator — оба очень популярные инструменты графического дизайна, разработанные Adobe Systems. В то время как Photoshop является флагманским продуктом компании для редактирования изображений, Adobe Illustrator был разработан как внутренняя программа для рисования изображений, используемая для создания изображений, логотипов и других графических элементов в мельчайших деталях с использованием отдельных векторных объектов, также известных как кривые Безье.
Одно из самых существенных различий между двумя программами — это разрешение. Поскольку Adobe Illustrator использует векторные объекты, окончательный файл изображения, созданный в Illustrator, имеет гораздо более совершенную структуру по сравнению с файлом изображения Photoshop , который был разработан для базового редактирования изображений, а не для работы с векторной графикой и пикселями высокого разрешения. .
Как преобразовать Photoshop в Illustrator?
Растровое изображение против вектора: В то время как Adobe Photoshop — это инструмент для редактирования и обработки изображений на основе растровых изображений, Illustrator — это полноценная программа для рисования векторных изображений.В то время как Photoshop полезен при редактировании, исправлении цифровых изображений, таких как фотографии и другие цифровые изображения, иллюстратор работает, соединяя изогнутые контуры или кривые Безье для создания изображений и графики.
Adobe Photoshop в Adobe Illustrator: Поскольку Adobe Photoshop работает с растровыми изображениями, файлы Photoshop обычно имеют расширение .psd, а файлы Illustrator — .ai. При преобразовании любого файла Photoshop в Illustrator изменится не только расширение файла, но и новый файл в формате AI будет иметь доступ ко всем функциям Adobe Illustrator.И изображения, и текстовые файлы можно преобразовать из Photoshop в Illustrator.
Преобразование изображения из Photoshop в Illustrator: Чтобы преобразовать любой файл изображения из Photoshop в Illustrator, убедитесь, что на вашем компьютере есть все три файла, в основном Adobe Photoshop, Adobe Illustrator и файл изображения, который необходимо преобразовать.
1: Откройте Adobe Illustrator и выберите вариант «Новый профиль документа» в раскрывающемся меню.Введите имя связанного документа и выберите количество художественных досок в документе, равное единице. Выберите подходящие размеры, и вы готовы перейти к следующему шагу.
2: Теперь, когда новый документ Adobe Illustrator открыт и готов к работе, щелкните меню файла на панели инструментов и выберите опцию «разместить» из списка. Меню «Поместить» позволяет пользователям добавлять файл Photoshop, который необходимо преобразовать в программу установки Illustrator. Выберите подходящий файл Photoshop.
3: Файлы Photoshop можно импортировать в двух формах: как отдельный автономный объект или как встроенный файл.В то время как опция встроенного файла позволяет изображению иметь возможность конвертировать каждый слой в отдельные объекты, импорт файла как отдельного объекта объединяет все слои в один. Выбирайте вариант в соответствии с вашим имиджем и потребностями дизайна.
4: Сохраните файл как файл Adobe Illustrator с расширением (ai), используя параметр «Сохранить как» из параметра формата в строке меню. После нажатия кнопки «Готово» ваш файл изображения Photoshop будет преобразован в файл Adobe Illustrator за несколько быстрых и простых шагов.
Следует отметить, что файл растрового изображения Photoshop, однажды преобразованный в файл Adobe Illustrator, может иметь больший размер, чем исходный. Ни одна программа не может быть единой в области графического дизайна. Большинство современных графических дизайнеров используют как Adobe Photoshop, так и Adobe Illustrator, находя идеальный баланс для своих дизайнерских потребностей, поскольку обе программы имеют свои собственные уникальные предложения, когда дело доходит до завершения цифрового графического продукта.
Об авторе: Брианна — блогер по профессии.Она любит писать, читать и путешествовать. Кроме того, она любит роскошные автомобили и мечтает когда-нибудь стать владельцем SSC Ultimate Aero TT.
Связанное сообщение:
Веб-сайты портфолио Illustrator для вашего вдохновения
Как раскрасить черно-белую фотографию в Photoshop
Александра Бейтман, 20 сентября 2021 г.
Хотите добавить цвета к своим старинным черно-белым фотографиям ? Иногда у вас есть черно-белое изображение, которое требует цвета. В этой статье мы покажем вам, как раскрасить черно-белую фотографию в Photoshop.
Как раскрасить черно-белую фотографию
Конечно, вы должны сначала открыть свое изображение в Photoshop. Если у вас его еще нет, вы можете скачать Photoshop здесь с сайта Adobe здесь. Их планы Creative Cloud включают Lightroom и другое очень полезное программное обеспечение всего за 9,99 долларов в месяц.
Обязательно загрузите последнюю версию Photoshop, чтобы вам было легче следовать этому руководству.
Затем перейдите к Изображение »Режим» Цвет CMYK , чтобы преобразовать изображение в цвет CMYK.
Затем выберите панель «Коррекция» в правой части экрана Photoshop и добавьте корректирующий слой «Кривые» . Я переименую этот слой в «Кожа», дважды щелкнув имя слоя на панели «Слои».
Если вы не видите, что панель «Коррекция» закреплена на правой панели инструментов, просто перейдите в меню «Окно » »Настройки в верхнем меню Photoshop.
В раскрывающемся списке CMYK, которое появляется после выбора применения настройки «Кривые», выберите Голубой .Вы можете настроить кривую, чтобы изменить насыщенность голубого цвета на изображении. Я установил Input на 50 и Output на 30, потому что эти значения лучше всего подходят для моего изображения. Имейте в виду, что значения ввода и вывода могут отличаться в зависимости от вашей фотографии.
После настройки уровней голубого вы должны настроить уровни желтого в том же раскрывающемся списке CMYK. Отрегулируйте кривую желтого цвета , пока не получите желтую насыщенность. Для моего изображения я остановился на входном значении 50 и выходном значении 53.
Далее, выберите Пурпурный из раскрывающегося списка CMYK . Отрегулируйте пурпурную кривую так же, как вы делали желтую и голубую кривые.
Теперь нажмите на корректирующий слой Curves на панели Layers и примените маску слоя . Затем выберите «Инвертировать» на корректирующем слое, когда рисуете по маске. Не забудьте выбрать Invert в корректирующем слое при рисовании на маске слоя.
Выберите инструмент «Кисть » на панели инструментов и установите черный цвет переднего плана.Затем проведите кистью по коже вашей модели, чтобы показать раскрашенную кожу , которую вы создали. Не забудьте увеличить фотографию, чтобы добиться идеальных краев.
Когда вы закончите со скином, вы можете повторить тот же процесс, чтобы раскрасить другие части вашего изображения. Вы также можете использовать «Кривые» для настройки любых естественных черных или белых частей фотографии, включая волосы, глаза, а также блики и тени.
На этой фотографии мы использовали корректировку Curves, чтобы раскрасить глаза, волосы, губы, украшения и фон на фотографии.Мы также добавили дополнительный слой для корректировки губ. Обязательно создавайте новый корректирующий слой Curves каждый раз, когда вы раскрашиваете новую часть фотографии — и маркируйте их!
Вот и все! Вы можете увидеть это до и после сравнения ниже:
Самое замечательное в использовании корректирующих слоев «Кривые» для раскрашивания фотографий — это то, что вы можете придать фотографии любой цветовой оттенок. Мы выбрали более глубокий и зеленый оттенок для этого редактирования, но вы можете попробовать что-нибудь более теплое или применить более естественное редактирование.
Мы надеемся, что эта статья помогла вам научиться раскрашивать черно-белую фотографию в Photoshop. Вы также можете ознакомиться с нашим руководством о том, как добавить винтажный черно-белый эффект в Photoshop.
Вот некоторые из наших других популярных статей, которые могут вас заинтересовать:
Если вам понравилась эта статья, подпишитесь на нашу рассылку справа, а затем подпишитесь на нас в Facebook и Twitter для получения дополнительных бесплатных руководств по редактированию фотографий.