СОЗДАЁМ ФОН С ПОЛЯМИ
читать дальше1. Для начала нам потребуется 1-2 текстуры в зависимости от того, что мы желаем получить
(для фона моего дневника использована одна текстура, для урока я взяла 2)
2. Разворачиваем окно дневника, жмём PrtScr (Print screen).
В фотошопе создаём новый файл, он по умолчанию правильного размера, edit->paste.
Получаем изображение браузера с открытым дневником или страничкой.
Выделяем полоску желаемой высоты, не забывая обрезать куски браузера.
edit->copy, ещё раз создаём новый файл, edit->paste.
Вот что должно получиться:
3. Подбираем или рисуем сами две подходящие текстуры.
Урок по созданию текстур (на английском).
Я использовала эти:
Кроме того мне показалось, что будет красиво использовать в качестве границ витой кант,
я нашла подходящее изображение (гугл вам поможет) и по принципу изготовления текстуры
сделала будущие границы:
4. Уменьшаем все наши текстуры до высоты нашего будущего фона
(для удобства я сделала 100 пикселей).
Можно поэкспериментировать: повернуть, слегка поменять оттенок и.т.п.
5. Разворачиваем нашу базу (вырезанную из скриншота) и начинаем накладывать текстуру предназначенную для полей
на соответствующий участок (под текстом ссылок), совмещая края.
Двигаем текстуру командой edit->free transform. Получаем:
Само по себе это уже текстура с фоном, осталось довести её до ума
6. Копируем небольшой кусочек с правого края нашего фона,
переносим его в левый край и горизонтально переворачиваем тем же edit->free transform.
Это делается для того, чтобы на мониторах с разрешением больше вашего фон тоже смотрелся красиво.
7. Вставляем наши границы и закрываем ими края фона.
8. Цвет получился разным, поэтому создаём новый слой, закрашиваем его нужным оттенком и ставим режим смешивания на color
Наш фон готов:
(для фона моего дневника использована одна текстура, для урока я взяла 2)
2. Разворачиваем окно дневника, жмём PrtScr (Print screen).
В фотошопе создаём новый файл, он по умолчанию правильного размера, edit->paste.
Получаем изображение браузера с открытым дневником или страничкой.
Выделяем полоску желаемой высоты, не забывая обрезать куски браузера.
edit->copy, ещё раз создаём новый файл, edit->paste.
Вот что должно получиться:
3. Подбираем или рисуем сами две подходящие текстуры.
Урок по созданию текстур (на английском).
Я использовала эти:
Кроме того мне показалось, что будет красиво использовать в качестве границ витой кант,
я нашла подходящее изображение (гугл вам поможет) и по принципу изготовления текстуры
сделала будущие границы:
4. Уменьшаем все наши текстуры до высоты нашего будущего фона
(для удобства я сделала 100 пикселей).
Можно поэкспериментировать: повернуть, слегка поменять оттенок и.т.п.
5. Разворачиваем нашу базу (вырезанную из скриншота) и начинаем накладывать текстуру предназначенную для полей
на соответствующий участок (под текстом ссылок), совмещая края.
Двигаем текстуру командой edit->free transform. Получаем:
Само по себе это уже текстура с фоном, осталось довести её до ума
6. Копируем небольшой кусочек с правого края нашего фона,
переносим его в левый край и горизонтально переворачиваем тем же edit->free transform.
Это делается для того, чтобы на мониторах с разрешением больше вашего фон тоже смотрелся красиво.
7. Вставляем наши границы и закрываем ими края фона.
8. Цвет получился разным, поэтому создаём новый слой, закрашиваем его нужным оттенком и ставим режим смешивания на color
Наш фон готов: