Какие инструменты есть, чтобы нарезать PSD?
Я регулярно нарезаю веб-дизайн в формате PSD. Как создателю сайта, мне не нужно создавать графику - я только переставляю слои, скрываю их и показываю другие, выбираю цвета, ширину, высоту и так далее. Какие инструменты есть для этой работы?
Я знаю Adobe Photoshop, но это очень дорогой инструмент для создателя сайта, который не хочет рисовать и имеет много причудливых функций, но надежно открывает PSD (GIMP в большинстве случаев терпит неудачу на этом этапе, к сожалению) и разбивает его на части для построения. шаблон сайта. Я знаю, что есть много программ просмотра изображений, которые могут открывать PSD-файлы, но это не то, что мне нужно - я не нашел ни одного приложения, позволяющего мне работать со слоями.
7 ответов
Adobe Image уже шла с Photoshop для нарезки. Это было заменено фейерверком
У Adobe есть бесплатные пробные версии всех их продуктов;)
Есть Paint.NET, который становится лучше со временем. Вы можете открыть PSD файлы с помощью плагина.
Плагин: http://psdplugin.codeplex.com/
Paint.NET http://www.getpaint.net/
Попробуйте посмотреть на Photoshop Elements. http://www.adobe.com/products/photoshopelwin/
Взгляните на Paint Shop Pro ( http://www.corel.com/servlet/Satellite/us/en/Product/1184951547051) - он отлично справляется с PSD, насколько я помню, и по конкурентоспособной цене около $80
Я понимаю, что это старый поток, но хотел немного его обновить:
Любой, кто рассматривает возможность получения Photoshop Elements на основе этого потока, должен знать, что Elements (по крайней мере, v. 10.0) не поддерживает группы слоев, что, вероятно, ограничит вашу способность правильно нарезать psd-файл.
Pixelmator (v.1.6.7), другая распространенная "облегченная" альтернатива Photoshop, поддерживает группы, но имеет другие проблемы, например, при работе с текстовыми слоями.
Я думаю, что более доступный Fireworks также может работать, однако, по моему опыту, единственный надежный способ открыть PSD, как задумал дизайнер, - это использовать Photoshop. Использование других программ вызвало незначительные различия.
Я знаю, что этот вопрос довольно старый, но я хотел опубликовать этот ответ в надежде, что он поможет кому-то еще искать ответ. Это один из лучших постов, которые появились, когда я искал решение.
У Adobe есть бесплатное веб-приложение Creative Cloud Extract, которое дает вам доступ только для чтения к PSD. Нажмите здесь, чтобы узнать больше о том, что вы можете сделать и как его использовать. Вам просто нужно подписаться на бесплатный Adobe ID, если у вас его еще нет.
Creative Cloud Extract - это бесплатная новая функция в Creative Cloud Assets, которая помогает вам исследовать PSD прямо в браузере, включая слои и композиции слоев. Это особенно полезно веб-дизайнерам и разработчикам, которые могут делиться PSD, разблокировать информацию о дизайне и загружать готовые к использованию ресурсы. С помощью Extract вы можете выполнить следующие действия с PSD-файлом в браузере:
- Копировать текст и CSS
- Получить информацию о цвете, градиенте и шрифте
- Измерьте расстояния между элементами
- Сохраните оптимизированные графические ресурсы для производства
Я думаю, что это самый надежный способ просмотра PSD вне использования одного из платных продуктов Adobe. Как уже упоминалось, сторонние программы могут не открывать файлы PSD должным образом. Поскольку это официальный продукт Adobe, и поскольку Adobe создала Extract с учетом интересов разработчиков, я могу быть вполне уверен, что он будет полностью совместим с любым PSD, созданным в Photoshop.
Еще лучшим вариантом является Brackets, редактор с открытым исходным кодом. Последняя версия на самом деле поставляется с предварительной версией Extract, встроенной в редактор. Одна из самых крутых возможностей, которые я обнаружил, заключается в том, что вы можете открыть PSD, и при вводе кода CSS он будет подсказывать вам подсказки, основанные на текущем выбранном слое. Вы также можете выбрать слой с изображением или группу слоев, и это даст вам возможность сгенерировать изображение (из выбранных слоев), как только вы наберете код, где ожидается путь к изображению (например, атрибут src элемента img).