Берете у нас информацию? ПОЖАЛУЙСТА!!! СТАВЬТЕ ССЫЛКУ на эту страницу!!
Урок 2. Повторяющийся фон.
Такой фон вставляется по принципу настенных обоев: он дублируется по всему экрану и тем самым создает единый орнамент.
У таких фонов есть существенные преимущества: они весят меньше, чем гигантские статические изображения, они отображаются одинаково, не зависимо от браузера или расширения экрана.
При создании таких картинок следует учитывать только цветовой контраст, т.к. яркий фон может сильно попортить дизайн.
Способ 1. Центрованный фон.
1. Создаем новое изображение 100*100 px (Файл > Новый)
2. При помощи инструмента "заливка" выбираем цвет "задника" дня будущего фона
3. Выбираем подходящую кисть (после выбора инструмента кликнете правой кнопкой мыши по рабочей области рисунка - откроется меню с кистями) и создаем орнамент, не наезжая на края рабочей области.
Таким простым образом можно создавать самые разнообразные фоны.
Все они неплохо смотрятся в качестве фонов (просьба закрыть глаза на несоответствие цветовых сочетаний - скриншоты демонстрируют лишь общий вид фона, после дублирования фрагмента):
Способ 2. Фон-полоска.
1. создаем изображение 50*500 px (файл > новый)
раскрашиваем его в нужные нам цветовые сочетания.
2. применим размытие, чтобы четкой границы между цветами не было. (Фильтр > размытие > размытие в движении)
3. Затем создадим новый слой, зальем его светлым или темным оттенком и настроим прозрачность этого слоя, чтобы фон не получился резким и не давил на глаза.
Вот наш готовый фон и скриншот форума, после вставки оного:
Способ 2. Зеркальные фоны.
Так же при в повторяющихся фонах часто используют вертикальное или горизонтальное отражение, особенно, когда используют готовые клипарты или кисти.
1. Создаем новое изображение 150*300 px
2. Заливаем первый слой нужным фоном, затем создаем новый. Выбираем кисть и рисуем что-нибудь.
3. Создаем дубликат слоя.
4. Отражаем фон по вертикали: Редактирование > Трансформирование > Отразить по вертикали
5. Корректируем картинку по размеру и расположению слоев и добавляем эффектов.
6. Украшаем чем-нибудь в пустом пространстве и готово:
Теги: photoshop, дизайн, фон,css, урок