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

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

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

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

На каком уровне масштабирования вы работаете? У вас есть те же проблемы при увеличении до «Реальных пикселей» (100%)?
насколько я помню. Хотя также трудно увидеть границы пикселей, когда края прозрачны, поскольку сетка прозрачности не совпадает с пикселем.
Трудно сказать, в чем проблема, без дополнительной информации — как вы делаете свой выбор, как вы делаете слайсы и т. д. Если Snapвключено, выключите его и воссоздайте свои слайсы. Это все, о чем я могу думать в данный момент.
да, трудно сказать, что именно я сделал, так как я сделал это примерно 8 разными способами 3 недели назад (несколько основных способов, которые я упоминаю в вопросе). Я надеялся, что есть какая-то защита от выбора субпикселей.
вы не можете выбрать субпиксели. Что касается закругленных углов, не могли бы вы для начала сделать это с помощью CSS?
@ DA01 DA01 Я не уверен, как это назвать - «выбор подпикселя» или как, - но использование эллиптического выделения или выполнение Select-> Modify-> Featherприведет к выбору частей пикселей ...
целевой браузер - IE7+8, поэтому закругленные углы - пустая трата времени, иначе он сделал бы это так
@Farray ... может быть, это новая функция? Насколько я знаю, Photoshop может выбирать только целые пиксели (что имеет смысл... как вы работаете с половиной пикселя?). Растушевка по-прежнему выделяет целые пиксели, но изменяет их непрозрачность/алиасинг.
@Damon НАПРАВЛЯЕТСЯ НА IE? Фу. Я сочувствую тебе. Сумасшествие, что места все еще делают это ПЛЮС ожидают такие вещи, как закругленные углы. Удачи. Я был здесь. ;)
ах ... но обратите внимание, что ВЕКТОРНЫЕ фигуры в PhotoShop МОГУТ лежать в середине пикселей ... это проблема? Если да, думаю, можно настроить привязку к сетке на уровне пикселей. Если нет, то в прошлом я просто увеличивал масштаб и гарантировал, что мои векторы лежат между пикселями, а не на них.
Увеличивайте масштаб при выборе, пока не увидите пиксельную сетку. Если ваш выбор совпадает с пиксельной сеткой, изображения также должны совпадать.

Ответы (2)

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

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

Пробовали ли вы вырезать (Ctl-Shift-J, а не Ctl-J) новый слой, а затем копировать из этих новых слоев (используя Ctl-A, НЕ ограничивая выделение объектом)? Документ «Новый из буфера обмена» будет точно соответствовать пиксельному объекту, а не исходному слою. Когда я таким образом нарезала пернатый, округлый слой, я не могла добиться, чтобы ломтики не выстраивались в линию. Я получил тот же результат, выбрав слишком большую область выделения, оставаясь далеко от прозрачности края.

Это помогает видеть, что вы делаете, если вы временно поместите белый слой под тот, над которым работаете. Сетка прозрачности делает это очень сложным.

Надеюсь, это поможет.

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

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

Это может быть то, как вы выбираете... Вы должны либо настроить свои фрагменты и использовать функцию экспорта фрагментов для извлечения изображений, а не инструмент выделения. Или, если вы хотите использовать выделение, убедитесь, что ваши прозрачные края составляют не менее нескольких пикселей, выберите всю ширину слоя и используйте Ctrl+Shift+C (или Cmd+Shift+C на Mac), чтобы скопировать все содержимое выделения, а не только объект. Затем создайте новый файл и вставьте в него выделение.

Это может быть файл, который вы сохраняете как... Если вы сохраняете как GIF, то, возможно, палитра, применяемая к угловым изображениям, отличается от той, которая применяется к среднему изображению. Или, может быть, алгоритм, применяющий палитру, просто дает другой результат, что не является невозможным, поскольку значение одного пикселя зависит от значений окружающих пикселей, когда вы сглаживаете изображение, как это делает формат GIF. Я не знаю, произойдет ли это и с форматом PNG-8, но я думаю, что это возможно.

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

Если ничего из этого не сработает, вернитесь и обновите свой вопрос.