686 MGraphics.ru - Image Ready - Image Ready - Создаем повторяющийся (черепичный) узор в качестве фона для веб-страниц.
Уроки photoshopa


Image Ready

Image Ready - Создаем повторяющийся (черепичный) узор в качестве фона для веб-страниц.

Условия перепечатки материалов

Рейтинг статьи: 0.000.000.000.000.00
Проголосовало 0 человек.
Оцените статью:

Использование черепичного фона для веб-страниц в отличие от большого фонового рисунка позволяет создавать легкие для загрузки страницы (так как маленький файл (элемент черепицы) загружается очень быстро), при этом имеющие красивый внешний вид (так как маленькие элементы узора способны заполнить все окно веб-страницы вне зависимости от ее размера). Черепичный фон (черепица) представляет собой повторяющийся рисунок, создающий узор. Этот рисунок (маленькое изображение) является элементом черепицы. Создание черепичного фона начинается с работы с элементом черепицы.

 

Как создать файл черепицы в ImageReady?

 

Суть процесса создания файла черепицы в ImageReady заключается в подготовке узора с помощью функций совмещения краев элемента черепицы или создания абстрактного калейдоскопического изменения элемента черепицы. Совмещение краев может быть произведено без наложения и с наложением друг на друга с заданной степенью наложения.

  1. Откройте программой файл с изображением, которое будет выступать элементом черепицы.
  2. Удалите ломтики (в случае, если изображение содержит ломтики) с помощью команды в меню Slices > Delete All (Ломтики > Удалить все).
  3. Выделите часть изображения, если в качестве элемента черепицы вы планируете использовать не все изображение, и обрезать лишнее.
  4. Создайте черепицу с помощью команды Filter > Other > Tile Maker (Фильтр > Другие > Создать черепицу).
  5. Произведите настройки окна Tile Maker (Создать черепицу)

·         Выберите функцию Совместить края (Blend Edges), определив степень наложения друг на друга элементов черепицы с помощью значения Width (Ширина) в соответствующем поле (наложение устанавливается в процентах от 1 до 20). Фактически значение Width (Ширина) определяет насколько будет уменьшено изображение по краям относительно исходного изображения - если не выставлена галочка Resize Tile to Fill Image (Изменять размер «черепицы» при заполнении изображения). В этом случае происходит стирание изображения по границе файла на заданную ширину. Если же включена функция  Resize Tile to Fill Image для опции Совместить края (Blend Edges), то происходит истинное наложение совмещаемых краев. Для четкого понимания описанных различий лучше всего самостоятельно поэкспериментировать с одним и тем же файлом изображения.

·         или Выберите функцию Kaleidoscope Tile (Калейдоскоп), для создания абстрактного узора из элемента черепицы.

  1. Подтвердите выбранные настройки окна Tile Maker (Создать черепицу) с помощью кнопки ОК.
  2. Tile Maker
  3. Сохраните оптимизированный рисунок в виде HTML-файла с помощью команды File > Save Optimized (Файл > Сохранить с оптимизацией) или сохраните отдельный файл изображения с помощью пункта меню Save (Сохранить).

 

Как просмотреть создаваемый черепичный фон в ImageReady?

 

Создание файла черепицы - это еще не все, что нужно для создания черепичного фона веб-страницы, поэтому в процессе создания файла черепицы после пункта 6 следует произвести просмотр создаваемого фона для веб-страницы для того, чтобы убедиться в примелемости результата. Прежде чем осуществить просмотр необходимо выбрать способ вывода изображения (в виде фона, а не в виде рисунка) и только потом передать элемент изображения в браузер. Для просмотра черепичного фона веб-страницы нужно:

 

  1. Открыть окно вывода настроек для фона - File > Output Settings > Background (Файл > Настройки вывода > Фон).
  2. Настройки фона
  3. Установить в данном окне переключатель View As (Просмотреть как) на позицию Background (Фон).
  4. Подтвердить свой выбор с помощью кнопки ОК.
  5. Осуществить предварительный просмотр в браузере через кнопку на панели инструментов Preview in Default Browser (Предварительный просмотр в браузере по умолчанию), или через пункт меню File > Preview in (Файл > Просмотр в).

 

Рекомендации и возможности при работе с фоном в программе ImageReady.

 

  • Для создания узора выбирайте низко контрастное изображение с цветами близких оттенков. Только в таком случае пользователи не будут испытывать затруднений при чтении текста на веб-странице.
  • При необходимости Вы можете использовать анимированные файлы в качестве элементов узора. В этом случае надо обязательно оценивать результат, чтобы убедиться, что воспроизводящаяся в каждом из элементов черепицы анимация - это то, что нужно.
  • У вас есть возможность задать в качестве фона веб-страницы  один рисунок - лучше всего для этого подойдет оптимизированный с помощью ImageReady файл с разрешением до 800*800 пикселов и небольшим количеством фигур, оттенков и цветов.
  • Под черепичный узор или фоновое изображение можно залить однотонный фон, который будет просвечивать через прозрачные участки узора или фонового рисунка. Для добавления этого фона в окне Output Settings  в меню BG Color (Цвет фона) выберите необходимый цвет.
Я все решился купить ipad 5, ну а почему бы и нет. Цена то на него стала поменьше после того как ажиотаж прошел, да и сайтов пустышок, которые раньше разводили клиентов якобы на ipad обычный, а привозили китайские потделки. Например есть очень удобный и хороший сайтик mcdigital.ru на нем можно очень удобно и быстро купить айпад.

Разместил: MaxxWhite
Опубликовано: 09.09.2008
Статья "Image Ready - Image Ready - Создаем повторяющийся (черепичный) узор в качестве фона для веб-страниц." прочтена 8045 раз.





Последние новости