spectralman

тут не сказано, что предварительно нужно каждый слой переименовать латиницей и указать расширение

и что это такое "плейсуем"?

не нужно ничего переименовывать! это топорный метод! "адобовцы" доработали послойный экспорт. 

"плейсуем" - это одна из основных команда в адобовском пакете, помещение изображения в рабочее пространство. (File > Place...)

ссылка на продажник: http://getperfect.ru/caramel/
ccылка на курс: http://dropmefiles.com/Alb6G

вот ещё интересный ресурс: http://subtlepatterns.com

+ там имеется плагин для Adobe Photoshop (все паттерны с сайта) http://plugin.subtlepatterns.com

подскажи максимально быстрый способ верстки

- Быстрый и качественный способ экспорта слоёв из Adobe Photoshop  (только с версии 2014.2.2)

  1. Открываем свёрстанный или готовый макет в формате .psd (разумеется упорядоченный с послойной разбивкой)

  2. Идём в File > Generate и ставим галочку на пункте Image Assets, тем самым мы сгенерировали в папке с макетом папку (название макета assets) куда это всё будет экспортироваться. (если многостраничник, то для каждой страницы своя папка) 

  3. Выделяем нужный слой, нажимаем на правую кнопку мыши > Extract Assets, тем самым открылось окно экспорта выбранного или выбранных слоёв (если слой в группах, то экспорт будет каждого изображения и общего) 

  4. В настройках экспорта, можно задать для каждого из слоёв свой формат (png-8, png-24, png-32, gif, jpeg, svg) , размер и кратность увеличения изображения (для адаптивного дизайна страницы)

  5.  После чего нажимаем Extract…

    инфа: New Extract Assets for Generate in Photoshop CC

+ ссылка на плагин в Photoshop (прототипирование сайта): Velositey v.2

+ ссылка на плагин в Photoshop (разметка страницы): GuideGuide v.3.1.2

- Вёрстка сайта в Adobe Muse

  вариант:

  1. Сохраняем макет как одно изображение плейсуем в Muse (c задаными размерами макета), ровняем по кординатам (или центруем). 

  2. Делаем "черновику" прозрачность и накидываем весь материал (не забываем удалить "черновик")

  3. Придаём элементам и тексту интерактивность.

  вариант:

  1. Создаём в Muse направляющие как в макете (c задаными размерами макета)

  2. Плейсуем весь материал и верстаем как в макете (или со своими правками)

  3. Придаём элементам и тексту интерактивность.

P.S. Не забываем что Adobe Muse по вёрстке похож на Adobe InDesign (мастер страница, стили, форматирование текста, привязка) 

Гынгазов лошара полный !

Дорогие и уважаемые "Cливаперы" верстайте с PSD…  Шаблонов с качественным дизайном уйма )

+ если последняя версия "фотошопа" , то ещё лучше.