Я сделал простой интерфейс вкладок с тремя возможными кнопками: левой, центральной и правой. Первое, что я хотел сделать, это просто сделать одну большую вкладку (которая включает в себя левую и правую и центральную части), и скопировать ее 3 раза и добавить маску к каждой из них, так что только нужная часть вкладки будет показано .... чем я переименовал слои во что-то вроде tab_left.png
того, чтобы Photoshop автоматически сгенерировал для меня файл png .... НО сгенерированный файл не был таким же, как в Photoshop.
каждое изображение имело эффект, поэтому размещение маски заставит эффект изменить свое положение, поэтому я отметил Layer Mask Hides Effects
параметр в меню эффектов, но сгенерированное изображение было создано так, как если бы этот параметр не был выбран .... как я могу заставить это работать ? Или это баг фотошопа?
Теперь я использую фрагменты, но мне действительно не нравятся фрагменты, особенно потому, что они не так практичны, как generate
вариант, и сделать изображения с прозрачностью намного сложнее... есть хорошие советы?
РЕДАКТИРОВАТЬ: Некоторые изображения того, что происходит... Это панель, там будет текст, указывающий позиции кнопок, но без разделения на кнопки... когда пользователь касается (или мышь проходит над ней), появляется кнопка ( кнопка слева)....когда кнопка выбрана (нажата), кнопка становится ярче (кнопка справа). Я отметил левую часть, правую часть и центральную часть красными индикаторами, их нет в проекте.
Чтобы заставить это работать, я сделал 5 изображений : left
, center
, right
и focused
. clicked
Если у меня есть панель, скопируйте ее 2 раза и добавьте маску, чтобы сделать left
кнопку, она станет такой:
Это не сработает для моей цели, поскольку, когда я добавляю кнопки справа, всегда будет граница, поэтому, чтобы сделать ее без полей, я должен добавить Layer Mask Hides Effects
опцию, чтобы получить это:
То же самое касается центральной и правой кнопок:
Просто для ясности: будет left
кнопка, много center
кнопок и последняя right
кнопка.
Слои выглядят так:
Сверху вниз: 2 фигуры, которые будут сфокусированы и нажаты кнопки, 3 слоя, которые имеют одно и то же изображение, но каждый со своей собственной маской, а нижний слой представляет собой изображение всей панели, просто для справки.
Когда я заставляю фотошоп генерировать (Файл > Генерировать > Активы изображения), я получаю следующее:
Они в основном одинаковые, как если бы Layer Mask Hides Effects
опция вообще не была выбрана .... вы можете видеть границы там на каждом отдельном изображении, где их не должно быть.
Мне нравится опция «Создать», потому что изображения будут легко генерироваться с их прозрачностью, а другой вариант — скопировать их в другой файл с прозрачным фоном и сохранить там… что занимает много времени для многих изображений и подвержено к ошибке, и фрагменты также не лучшая вещь, так как они не дадут мне прозрачности, если я не изменю видимость многих других объектов ... для веб-сайтов фрагменты могут подойти, но это будет для приложения, поэтому индивидуально прозрачные материалы приветствуются.
Поэтому я спрашиваю еще раз: что я делаю неправильно и как правильно это сделать?
РЕДАКТИРОВАТЬ 3:
У меня Windows 7 x64 Photoshop CC версии 14.2.1 x64 (то же самое происходит в версии 2014 года: 2014.0.0 20140508.r.58.x64)
РЕДАКТИРОВАТЬ 4:
Я отправил файлы в Adobe, и они подтвердили, что это ошибка, как только будет какое-либо исправление для этого, я размещу его здесь.
[Обновлено на основе обновленного вопроса]
При быстром тестировании на Ps CC и Ps CC 2014 (x64, Windows 7 и 8.1) Generate работает должным образом, включая изменения, внесенные путем включения и выключения «Эффекты скрытия маски слоя». PNG правильно воспроизводят внешний вид трех слоев.
Однако с производственной точки зрения, я думаю, пытаясь упростить вещи, вы слишком усложняете их. Поскольку вы создаете активы для приложения, эти элементы не зависят от положения, за исключением того факта, что они находятся в макете. На самом деле было бы проще просто создать правую, левую и промежуточную кнопки как отдельные слои.
Выборочное удаление частей эффекта может быть выполнено несколькими способами, кроме «Слой-маска скрывает эффекты», что является предложением по принципу «все или ничего», которое не дает вам большого контроля. Я бы предложил любой из них как более гибкие альтернативы:
Создайте свой объект с эффектами, превратите его в смарт-объект, а затем примените любую необходимую маскировку. (Это также будет работать с вашим подходом с одним моноблоком. Просто скопируйте смарт-объект дважды и замаскируйте копии отдельно.) Преимущество этого подхода заключается в том, что если вы измените цвет, градиент или что-то еще в одной копии, другие обновятся. автоматически.
Создайте объект с эффектами, затем щелкните правой кнопкой мыши тег «Эффекты» на панели «Слои» и выберите «Создать слои». Это дает вам набор слоев с эффектами как настоящие растровые слои с прозрачностью, которые вы можете редактировать по вкусу, а затем объединять или превращать в смарт-объект.
Я не могу точно сказать по вашим скриншотам, какие эффекты вы применяете или почему у вас могут возникнуть проблемы с сгенерированными PNG. Как я уже сказал, я вижу эффекты, скрытые или нет в выходных данных, в зависимости от того, отмечен ли флажок «Маска слоя скрывает эффекты». При устранении странных аномалий сброс настроек Photoshop является одним из первых направлений атаки. Вы могли бы попробовать.
Image assets
он не включен в настройках, File > Generate
и если у вас есть слои с именами .jpg, .png or .gif
, он пытается их сохранить. Единственное, что, поскольку он не включен, файлы выходят поврежденными или что-то в этом роде. Я был рад узнать, что в PS можно отключить генератор ассетов Preferences > plugins
.Если вы установите эффекты для слоев, а затем замаскируете их, эффекты будут применяться к маскируемой области.
Выполните следующие действия:
Пример экрана фотошопа:
Йоонас
мФайнштейн
Йоонас
мФайнштейн
Йоонас
мФайнштейн
мФайнштейн
Йоонас