#1 Нарезка макета из PSD в Photoshop и Avacode | Верстка сайта для начинающих | JPEG, PNG, SVG

Исходные материалы к видео:

Подписывайтесь на альтернативные каналы:

Все что тебе нужно знать о нарезке макета в формате PSD!
Сравним использование Photoshop и Avacode, а также основные форматы изображений, которые будут тебе встречаться при верстке сайтов: JPEG, PNG и SVG.

0:00 - Приветствие
0:25 - Анализ макета
1:47 - Основные форматы изображений
2:20 - JPEG
3:06 - PNG
3:52 - SVG
4:35 - Преимущества векторной графики
5:28 - Поиск JPEG изображений в макете
6:16 - Нарезка JPEG в Avacode
7:52 - Нарезка JPEG в Photoshop
9:40 - Нарезка PNG в Avacode
11:59 - Нарезка PNG в Photoshop
13:04 - Нарезка SVG в Avacode
13:58 - Нарезка SVG в Photoshop
16:17 - Прямой экспорт SVG
17:30 - Результат нарезки макета
17:46 - Подведение итогов

Если тебе интересна данная тематика, подпишись на канал!
До скорых встреч!

[vladimir-kolkii]

Благодарю за урок. Ваш урок и урок иного человека помог. Выходит, что что-то получилось... Интересовала кликабельная карта...

[valdiss]

Спасибо на годный контент. Наверное, нужно ещё упомянуть при нарезке из фотошопа, что иногда приходится не экспортировать, а слайсить все имаджи сразу, хотя, конечно, всё зависит от макета, слоёв, дизайнера и требования пиксельпёрфект от заказчика

[turembekov]

Нужно точно такое видео но с применением принципа MobileFirst.

[vkucqsp]

Как раз начинаю верстку изучать, пробую делать как на видео, пока вроде все понятно.

[my-gamezone]

Полезный контент. А еще будет верстка или wp например?

[CodeQuestRu]

А какие способы и программы используете вы при нарезке макета?

[paulschlacter]

Можно перевести psd в figma и верстать из figma? Насколько я знаю из того же avocode есть возможность переконвертировать макет в figma.

[Anna]

Спасибо! А не скажите это Фотошоп xd был?