High Star

Фон "Каляка-маляка"



Откроем новый файл, выполнив команду File | New (Файл | Новый) и установим следующие значения:

Создание нового документа в Adobe Photoshop
Создание нового документа

Как видите, мы выбрали Resolution (Разрешение) 72 пикселя на дюйм. Именно такое разрешение используется для web, а большего и не нужно. Большие разрешения используются для вывода на печать, но для нас это совершенно ни к чему.

Я выбрала размер изображения 200х200, это не обязательные размеры. В других примерах мы постараемся делать и другие. Просто я хочу показать, что чем меньше размер исходного изображения, тем быстрее загрузится ваш фон, и тем позже удерут посетители с вашей странички. Хотя, если кроме фона вы их еще сможете чем-то удержать, то, вполне может быть, они пробудут там еще часика полтора. Потому как не фоном единым жив человек.

Да и я надеюсь, что вам не очень надоела моя болтовня, и вы удерете не раньше, чем сделаете фон.

Итак, каждый, в меру своих способностей рисует все, что захочет в этом квадратике. У меня обнаружились следующие таланты: Я взяла кисточку (размером в 4 пиксела), выбрала оранжевый цвет из каталога Window | Swatches (Окно | Образцы) и нарисовала морковку. Почему морковку? Да очень просто. Я решила сесть на диету, а потому могу позволить себе думать только о сырых овощах. И вот она, моя сладкая:

Нарисованная морковка
Вот он - источник моей будущей стройности!

А дальше очень легко. Сохраняем это изображение для web - File | Save for Web (Файл | Сохранить для Web), и сохраняем в папке foto под любым именем. Я вот сохранила под именем fon_morkovka.jpg.

И опять же проверяем, как это выглядит в натуре в предыдущем листинге, где я заменила морской пейзаж на морковный:

фон из морковки в Adobe Photoshop
Морковкино изобилье

Конечно, можно все оставить и так, но обычно так никто не делает. Делают по-другому и я покажу сейчас как надо.

Открываю опять свою одинокую морковку в Adobe Photoshop, открываю Filter | Other | Offset (Фильтр | Другие | Сдвиг):

Вызов панели Offset
Панель Offset

На открывшемся диалоге Offset (Сдвиг) установим следующие значения смещения: Horizotal (По горизонтали) - 100, Vertical (По вертикали) - 100 (то есть устанавливаем половинное значение высоты и ширины нашего исходного изображения). В поле Undefined Areas (Неопределенная область) выбираем Wrap Around (Вставить отсеченные фрагменты), ну, и чтобы сразу видеть изменения, установим флажок Preview, вот так:

Смещение изображения для бесшофной фактуры
Смещение

Для большей красоты я добавлю в центр помидорчик:

Нарисованный помидорчик
Натюрморт

Далее опять проверяем, что у нас вышло. Подставляем новый фон в значение background="fon_morkovka2.jpg", и открыв браузер любуемся на наш салат, или что вы там сотворили:

Фон из овощей
Радость вегетарианца

Конечно, это не шедевр. Конечно, не стоит делать такие яркие рисунки для обоев. Иначе текст на нем будет просто нечитабелен. Но мне, главное, чтобы вы поняли смысл. И может, вы после этого и не станете ярыми вегетарианцами, но сотворить что-то подобное для вас теперь - пара пустяков.