Фотошоп, оптимизация графики
Задаем вопросы по фотошопу как инструменту для веб-технолога: как лучше вырезать и сохранять графику, автоматизация процесса, оптимизация графики, проблемы вроде «опять эти дизайнеры нарисовали не так» и как сделать «так». Самые интересные вопросы будут добавляться прямо в статью.
В макете имеет повторяющийся фон-картинка (Pattern Overlay - Multiply), существует ли способ вырезать его не на глаз, а магической комбинацией кнопок? Я только смог сохранить его в .pat, дальше ступор.
Павел Петрухин: Я выходил из этой ситуации следующим образом:
Насколько я помню в Pattern Overlay рядом с иконкой pattern’a появляется (при наведении) его размер. Т.е. создаём файл того же размера и заливаем этим pattern’ом. Затем меняем режим наложения слоя на Multiply и подкладываем фон (который у вас под pattern’ом). Надеюсь я вас правильно понял.
Конечно если pattern заливает отведенную ему область в масштабе 100%. Если pattern масштабируется, то придётся затем ловить размер в исходнике, накладывая созданный pattern с некоторым значением прозрачности.
Чем отличается показатель Optimized от Progressive в окошке Save for web?
Это два абсолютно разных параметра. Если коротко и просто: первый оптимизирует таблицы Хаффмана, что иногда увеличивает, а иногда снижает объем файла, а второй измеряет порядок сохранения коэффициентов. Как правило, это всегда влечет за собой увеличения размера файла, но позволяет загружать его «прогрессивно»: на медленных соединениях/очень больших файлах сначала будет появляться изображение с низкой детализацией (состоящее из огромных квадратов), которое затем будет постепенно уточняться.
Вопрос думаю относитсяко всем, а не только к Сергею, как можно сделать скриншот сайта в рамке браузера Сафари(как в студии Лебедева к примеру), мак не стоит, не имею такой возможности , а как-нибудь онлайн(кроме browsershots.org) или еще как?
Vii: Если “скриншот” нужен чтобы макет показать клиенту, то наверно лучше просто взять изображение окна браузера и вставить туда макет (рамку можно взять например тут.
Алексей, Сафари для Винды можно скачать на сайте Эпла — http://www.apple.com/safari/download/
Павел Петрухин, спасибо! Это хоть какой-то вариант не на глаз!
Помню существует такое Air-приложение: растянул рамочку поверх окон и всё что в неё попало сохраняется вместо с декоративной рамочкой а-ля сафари. Название запамятовал - поищите в каталоге Air-приложений Adobe.
Дали макет, в нём тень для объекта сделана через Multiply, когда пытаюсь вырезать (через Ctrl+Shift+C) в png тень пропадает. Почему такое происходит и как с этим бороться, кроме как просить дизайнера переделать тень? (Photoshop CS3)
Сергей, как поступать в случае когда дизайнер применил эффекты наложения для слоёв, а нужно вырезать полупрозрачную картинку на основе этого слоя? (Вопрос глобальный без конкретного случая)
Хотелось бы узнать несколько основных методов, как поступать в таких случаях.
В таких случаях, как правило, я прошу перерисовать дизайнера картинку на нормальном режиме наложения. А если простой случай (например, цвет нужно подправить), то правки делаю сам. Каких-то конкретных рекомендаций дать не могу, нужно каждый случай в отдельности рассматривать.
http://twitter.com/chikuyonok/status/5026633112
когда будет новая статья?
Сергей, не подскажете ли утилиту, кроме convert из ImageMagick, способную «сплющить» PNG? Простите за дурацкий вопрос, но не могу найти.
PNGOut, OptiPNG, PNGSquash
Сергей, есть задача: оптимизация директории сайта с картинками (во вложенных папках). Хотелось бы сделать фотошоповским экшеном, но не получается, и вот почему:
Обычный Save, который помог бы сохранить файл “в себя” (в этом случае не стоит задачи “запомнить” расположение файла), не подходит, т.к. получается огромный размер файла (либо он пишет в файл кучу ненужной информации, либо использует странный алгоритм JPG-сжатия).
Save for Web, который качественно жмёт в JPG, просит указать папку N для сохранения.
Потом я использую Batch (но ставить галочку “Обрабатывать вложенные папки” бесполезно - файлы в результате все окажутся в одной конечной папке N).
Таким образом, можно лишь вручную запускать Batch для каждой отдельной папки.
1) Можете что-нибудь посоветовать (не сторонние конвертеры картинок, а именно для фотошопа)?
2) Почему JPG-файл при обычном сохранении как-то странно пакуется (в отличие от Save for Web)?
http://www.gracepointafterfive.com/punypng - отличный сервис для уменьшения пнг файлов на 40%…