Pull to refresh

Быстрый просмотр фона из картинки в photoshop

Reading time1 min
Views1.8K
При создании дизайна для сайтов мне частенько приходится создавать бесшовный фон. Чтобы просмотреть результат работы приходилось сохранять картинку, создавать в той же папке html файл и прописывать свойства у соответствующего элемента. Но оказывается photoshop умеет это делать автоматически.

Заранее извиняюсь что на скринах photoshop не русифицированный, я постаралась выделить необходимые элементы цветом.
Итак, возьмем для примера простейший рисунок:
image
Теперь идем в меню и выбираем File > Save for Web & Devices, как обычно делается при сохранении изображений для веба.
image
Как видно на скрине в открывшемся окне в правом верхнем углу разворачиваем список опций и выбираем Edit Output Settings и в выпадающем списке Settings выбираем Background image
image
Жмем ОК, окно при этом закрывается и нажимаем Preview
image
В результате открывается браузер и мы видим нашу картинку в качестве фона у страницы.
image
Конечно, белая таблица с кодом страницы мешается и я пока не нашла как от нее избавиться, но зато уже можно получить представление как будет выглядеть наш фон.
Tags:
Hubs:
+51
Comments59

Articles