Экспорт пользовательского интерфейса из Фотошопа

[dordzhiev]

Вы наверное сам скрипт забыли второпях

[PavloG]

Слово исходник является ссылкой по которому можно закачать данный скрипт
На всяк случай дублирую тут http://sites.google.com/site/b4gpub/LayerCompsToFiles.jsx

[Ogra]

Пей Кока-Кола.
Экспорт из Фотошоп.

Меня одного это бесит?

[PavloG]

А что вас бесит?

[Ogra]

Игнорирование склонения слов русском языке.

[Ogra]

Игнорирование склонения слов в русском языке.

[PavloG]

Русский язык для меня менее родной чем С/C++.

[Ogra]

Но чуть ниже по тексту вы совершенно правильно написали «для Фотошопа».
Заглянул к вам в профиль, если русский для вас не родной, то не принимайте мои претензии как личные. Считайте это «криком души, обращенным к Вселенной». Ну или еще чем-нибудь, вас лично не касающегося ;)

[PavloG]

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

[asm0dey]

Я сам склоняю, но мне кажется правильность этого весьма спорной. Вроде не русские слова не склоняются.
Кроме того, для некоей абстрактной Розы Маргулис мы не говорим «завтра я буду любить Розу Маргулису», а говорим «Завтра я встречусь с Розой Маргулис».

[Ogra]

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

[asm0dey]

Я понимаю, что слова МОЖНО склонять, я не уверен в том, что это ПРАВИЛЬНО. Мне вот например режет ухо «еду на Мерседесе». С одной стороны вроде все так говорят, но с другой — у меня в голове рисуется эта надпись латиницей и склонение к ней никак не подходит.

[Ogra]

То есть фразы «Я выпил банку Кока-Кола и еду на Мерседес» вам не режут слух?

[asm0dey]

Режут. Но меньше. Вкусовщина, сэр.

[syno]

На самом деле, все склоняется — названия, иностранщина. Сам был в шоке, когда узнал, что правильно «Самолет приземлился в Пулкове/Домодедове», а не "… в Пулково/Домодедово". Как факт, название книги «Дело было в Пенькове», а не в "… в Пеньково".

[Zigmar]

А это только для интерфейсов фиксированного размера/резолюции?

[Zigmar]

В смысле?

[cadmi]

Обратитесь на рецепцию с этим реквестом.

А вообще, Вам чиз целым писом или послайсить?

[asm0dey]

Целым писом — тавтология. Пис и так целый, если его противопоставлять слайсанью.

[cadmi]

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

[asm0dey]

А тогда конечно.
Поделитесь полной версией?

[cadmi]

Корни фольклора теряются где-то в тех краях. На публику, ЕМНИП, вытащил Задорнов в одном из своих монологов, ещё когда ему не заело пластинку на «ну тупыыыыые» и пока не стал окончательным Петросяном.

Потом на эту тему (эмигрантского волапюка) с присущим ей изяществов высказалась Татьяна Толстая:

Америка, год 1998, город — любой, русский магазин.
ПОКУПАТЕЛЬ — ПРОДАВЦУ: Мне полпаунда свисс-лоу-фетного творогу.
ПРОДАВЕЦ: Тю!.. Та разве ж творог — свисс-лоу-фетный? То ж чиз!
ПОКУПАТЕЛЬ (удивляясь): Чиз?
ОЧЕРЕДЬ (в нетерпении): Чиз, чиз! Hе задерживайте, люди же ж ждут.
ПОКУПАТЕЛЬ (колеблясь): Hу свесьте полпаунда чизу.
ПРОДАВЕЦ: Вам послайсить или целым писом?

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

Ну а жизнь, как всегда и бывает, оказалась круче анекдотов: youtu.be/PdT6TfVDur0

[PavloG]

Базовый интерфейс разрабатывается под 1024x768
Для айфона и ретины перегоняю через специальные скрипты которые работают с этими данными.
Просто указывая где надо подрезать и где сдвинуть — тоже автоматически.

[PavloG]

Сейчас серьезно подумываю про переход на 2048x1536 как базовый (в связи с почти полной уверенностью, что в следующем айпаде будет 1.5x или 2x)

Также есть чувство, что пора писать что то похожее для Illustrator.

[dimitrymd]

>> Также есть чувство, что пора писать что то похожее для Illustrator.

И экспортировать в SVG или тоже в растр?

[PavloG]

в растр — я потом это в текстуры загружаю.

[tyr]

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

[PavloG]

База этого скрипта шла в 6ом (по моему в 6ом) фотошопе но ничего кроме экпорта лееров не делала.
Добавили обрезку по непрозрачным областям и запись в файл дополнительных данных.
Самая большая проблема была именно в поиске непрозрачных областей.

[tyr]

А в чём была проблема? В presets/scripts есть Layer Comps To Files.jsx, я к нему приклеил поиск самых крайних координат массива видимых слоёв с последующим кропом по этим координатам и он начал резать всё по прозрачности, осталось только сохранение координат в файл. И я не программист, программист бы наверное сделал эффективнее.

[PavloG]

Координата видимого слоя может быть в 0.0 а реально непрозрачные пикселя начинаются с 10,10 (такое у меня было предположение — верно оно или нет я утверждать не берусь)
Поэтому я мерджу в отдельный документ все леера с нужного леер компа потом выкручиваю контраст на максимум и бинарным поиском по гистограмме нахожу область где есть только непрозрачная часть
Как читать значения пикселов из документа в документации так и не нашел отсюда и движения с гистограммой

[tyr]

Ох! bound'ы artLayer'a считаются с минимальной прозрачности. Если координаты начинались с 0,0, но «реально непрозрачные» с 10,10, то скорее всего это значит, что реально непрозрачные всё же начинаются с 0,0 =)
Вот я поставил 1 пиксель 1% непрозрачности в углу и баунды начали считаться от него:


То есть достаточно смержить все слои и кропнуть по координитам непрозрачности.

[PavloG]

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

[alco]

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

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

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

Этот скрипт хорошо подходит для экспорта картинок, чтобы их потом программно можно было расположить. Для создания пользовательского интерфейса фотошоп не годится. Лучше смотреть в сторону флеша, там тоже есть джаваскрипт. А есть еще Adobe Flash Catalyst. Но это все high-end тулзы, включая сам фотошоп, если его покупать.

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

[PavloG]

Да, универсального решения к сожалению нет.

Для прогресс бара в фотошопе нарисован прогресс бар на значении 50% и потом программно через текстурные координаты рисую кусками.

По поводу пути — согласен, иногда бывает.

[PavloG]

Layer Comps это не леера фотошопа
Layer Comps это список видимый лееров фотошопа.
Так что проблем с кнопками нет.

[vmysla]

спасибо! тоже писал подобное. только с експортом в HTML+CSS+Рисунки. заморочка только с rich-текстом. хотя если у вас все слои это изображение — вам повезло!

[PavloG]

А для отрисовки html что потом используете?