Pull to refresh

Comments 28

UFO just landed and posted this here
Видел без скриншотов, подумал с картинками будет лучше.

И статья не о сравнении инструментов, статья о том как работать с фотошопом.
Как нарисовать сову сайт:

1) Кликаем «создать новый файл», устанавливаем размер холста, заливаем прямоугольную область градиентом.
2) Рисуем оставшуюся часть сайта и сохраняем для Web
Русифицированный фотошоп — моветон
я того же мнения про работу в mail.ru ;-)
Думал будет список удобных плагинов/инструментов для работы с psd и переноса (нарезка картинок, список шрифтов/цветов и прочие печеньки) в web.
А тут инструкция по кропу и сохранению файлов… =\
Откровенно говоря, не ясно, какую аудиторию пытался охватить автор. Программистов, которые не умеют сохранять psd? Начинающих (очень сильно начинающих) верстальщиков?
15 лет в фотошопе. Ни разу не пользовался инструментом «заливка» и «ластик». По мне, так в сто раз полезнее понятия добавления-вычитания для выделенных областей, вообще вся концепция выделенных областей как каналов с которыми можно работать как с изображением («рисуя» прозрачностью), и концепция слоев как областей прозрачности-непрозрачности из которых мгновенно можно получить выделение. Для обучающей статьи инфы кот наплакал, для раскрытия сути редактора наоборот много лишних инструкций. Причем здесь программисты и верстальщики — непонятно. Сохранить в png — как-то маловато для верстальщика.
И да, русский фотошоп — это зло. Хуже этого только картинки в ворде.
Плюсом альфа-каналов еще является возможность отмены в любой момент, а ластик удалят раз и навсегда. Тоже никогда им не пользуюсь, каналами удобнее.
Да простят меня Боги хабра, но я жажду вас минуснуть, но не могу…

А если убрать пункт «слои», то получится описание работы с MS Paint. Один в один.

P.S. Я потратил свой единственный суточный комментарий на это.
Статья по сути не о чем. Весь материал можно получить методом тыка просто открыв программу.
В конце статьи огромный промах. Хотите зацепить новичка? Покажите ему «сохранить для web» для «4х вариантов» на скрине.

Я рассчитывал увидеть что-нибудь о скриптах… эхх…
У Adobe есть отличное бесплатное онлайн средство для разбора PSD файлов. Как раз в основном предназначено для веб-верстальщиков.
Да и с лицензионной чистотой всё в порядке — не нужно покупать Photoshop, достаточно зарегистрироваться на assets.adobe.com.
Расскажите, пожалуйста, поподробнее об этом инструменте.
смотрите сами assets.adobe.com
нужна учетка в Adobe Creative Cloud, и там же получить если нет.
есть клиент для синхронизации со своим диском, по типу dropbox, yandex disk и прочие. Правда глючный и мало настраиваемый, и не синхронизирует почти ничего, но это детали.
Можно загрузить psd файл, для каждого выбранного элемента выдается CSS (поддерживаются градиенты, тени, бордеры, line-height и т.д.), можно посмотреть расстояния между элементами. Графические элементы можно загрузить в PNG (можно выбрать битность) и SVG форматах. SVG банально содержит картинку в формате png, полагаю если сверстано будет с векторными картинками то и svg будет нормальным, но мне таких макетов не доставалось. Графику можно выбрать сразу несколько элементов, и выгрузить одним файлом.
с рядом ограничений, размер хранилища в 2 GB, и качество результата там конечно зависит от качества верстки, а иначе все равно приходится открывать большой Photoshop и пытаться слепить из «дизайна», что-то что больше подходит для верстки.
UFO just landed and posted this here
UFO just landed and posted this here
Фотошоп стал куда более удобней для верстальщика с версии СС

Для тех кто еще страдает на тормозном cs6 (не знаю, что там сделали, но СС стал грузиться КУДА быстрее, видно, что там половина компонентов сменило интерфейс)
Познайте наконец чудо ассеты
helpx.adobe.com/ru/photoshop/using/generate-assets-layers.html
И не мучайтесь больше с нарезкой картинок.

image
В последних ФШ указанное выше «save for web» объявлено deprecated и перенесено в экспорт.
Плюс, именно для верстальщика там появилась очень удобная штука — правой кнопкой на слое, и «copy CSS» -> не нужно теперь вручную тени, обводки подбирать!
Ну и artboards, которые так любят дизайнеры, и которые кладут мою рабочую машину с 4790 и 16 гигами памяти на лопатки.
(Промахнулся веткой)
Позволю себе поправить автора, который вероятно не следит за PS.
Save for Web нынче в состоянии (Legacy), т.е. устаревшая функция.

На данный момент актуально Export As… (cmd+shift+alt+W), в нем переработан алгоритм сжатия графических форматов.
Если экспортировать в Jpeg, то разница в качестве и размере будет заметна (в положительную сторону).

https://yadi.sk/i/-Kk1ds16m6pm5
UFO just landed and posted this here
UFO just landed and posted this here
Тогда мне не понятно, как вы определили, что Photoshop + Lightroom лучше, чем Avocode для вёрстки сайтов. Зачем вам Lightroom для вёрстки вообще?

Лично мне Avocode экономит огромное количество времени при разработке, за счёт этого, 9 баксов в месяц легко окупаются. Avocode настолько хорош, что даже знакомый дизайнер запускал его, чтобы пощёлкать линейкой для замера расстояний между элементами. Банально, но в фотошопе это сделать не так удобно.
UFO just landed and posted this here
Sign up to leave a comment.

Articles