Создание красивого фона для блога (сайта) в Photoshop CS5

Решил я тут недавно сменить бэк на свой блог  ЛиРу .Сначала думал просто оптимизировать какую-нибудь картинку и вставить,но потом решил сделать паттерн,т.к. им можно замостить весь фон,да и весит он очень мало,порядка 25-60 Кб,соответственно и блог будет быстрее грузиться.
В качестве скрина покажу как это выглядит на моём Фотоблоге:

Это только пример фона,шапку тоже надо менять под фон.
И так…
В качестве источника паттерна я использовал очень красивое фото,в том плане что оно “цветастое” и паттерн будет такой же яркий.

Теперь выполняем пару нехитрых манипуляций и фон готов.
Берём инструмент Область(Горизонтальная строка) и где-нибудь в месте наибольшего скопления цвета кликаем,получилось выделение,копируем его на новый слой Ctrl+J.
Жмём Ctrl+T и тянем рамку вверх и вниз.

Отключаем видимость слоя.Переходим на нижний слой,берём инструмент Область(Вертикальная строка) и проделываем вышеописанные действия.
Включаем отключённый слой,его в режим Умножение.Если сильно тёмный получился,то с помощью Уровней Ctrl+L можно осветлить,и снизить немного непрозрачность слоя.

Ну и последнее,создание собственно паттерна.
Берём инструмент Рамка(Кадрирование),в окне ставим значение,например 400х400,и кадрируем фон.
Потом кстати восстановите инструмент,нажав на кнопку и выбрав Восстановить инструмент.

Теперь меню Фильтр-Другое-Сдвиг,ставим значения 200/200 (это если вы кадрировали фон 400х400 пикселей,если другой размер,делаем соответственно в 2 раза меньше значений размера)

Далее Редактирование-Определить Узор.Сохраняем.
Можно(нужно) использовать как в Фотошоп-работах(Редактирование-Shift+F5),так и в качестве фона в блоге.
Загружаем на свой фотохостинг и потом в шаблоне используем.На блоггере это выглядит примерно так:

background-image: url(‘http://ссылка на фото.jpg’);
background-repeat: repeat;
background-attachment: fixed;
background-position: top left;

*********************
Похожие посты:
Как сделать бесшовную текстуру (seamless) в Photoshop Просмотреть
Как за пару минут сделать бесшовную текстуру в Фотошоп? Просмотреть
Плагин для Фотошопа Redfield Seamless Workshop 1.40.Создание безшовных текстур. Просмотреть
Фото как фон в Фотошоп Просмотреть




Случайный пост Оставить комментарий