Как стать автором
Обновить

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

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

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

Публикации

Изменить настройки темы

Истории

Работа

Веб дизайнер
44 вакансии

Ближайшие события

Weekend Offer в AliExpress
Дата20 – 21 апреля
Время10:00 – 20:00
Место
Онлайн
Конференция «Я.Железо»
Дата18 мая
Время14:00 – 23:59
Место
МоскваОнлайн