Фон, полупрозрачность

Надеюсь вступление почитали и уже создали фончики, или фоны, или фонищи :) Тут кому как больше нравится. Точнее не фоны, а заготовки под будущие произведения искусства. Кстати в этих словах ни капли шутки. На некоторых сайтах такой фон сделан, что засмотреться можно. Правда редкость это большая. Талант нужен.

Сейчас расскажу, как создать фон в фотошопе. Извините, отвлекусь - фотошоп отличная программа, но слишком перегруженная наворотами. Поэтому иногда, для правки по мелочи я пользуюсь FastStone. Программа неплохая, бесплатная, да и для просмотра фотографий, самое то. Особенно незаменима, когда надо сделать много мелких правок в куче изображений. А вот фотошоп - здесь так не порезвишься, но и с изображением можно сделать практически всё, что душе угодно.


Итак.., создали заготовки, как я уже говорил - можно большие, или маленькие. Чтобы закрасить фон, можно воспользоваться заливкой - она слева, в инструментах. Цвет можете задать любой, но желательно не очень яркий. Вот тут есть две дороги. Можно просто сделать фон. А можно сделать фон полупрозрачным, а сам цвет странички регулировать при помощи таблицы стилей, или просто прописать в свойствах страницы. Наверное не поняли? Сейчас подробнее, за мной не заржавеет :)

Вот к примеру я сделал фон 1-100рх и покрасил в белый цвет. Далее сделал полупрозрачным на 30%. Просто щёлкните по вашему изображению два раза, на вкладке - слои. Это в правой нижней части программы фотошоп. Можете задать любую прозрачность. Чем она больше, тем лучше будет виден заданный цвет. А цвет можете задать прямо в свойствах таблицы, или странички, или ещё как. Тут способов море. Я задал синий цвет. И вот что получилось:

 

Для наглядности я немного воспользовался градиентом. Это там же в слоях. Что бы было видно, что внизу синий цвет (не совсем синий :) но не суть), а сверху полупрозрачное изображение. Градиент просто делает одну сторону изображения темнее. Вот видите, и не надо будет всё время менять изображение. Захотели покрасили весь сайт синим, а захотели - красным, а захотели - а, каким захотели, таким и покрасили. Можно вообще разбить фотографию на кучу слоёв и наделать очень много интересного и красивого. Если вам будет интересно, расскажу об этом чуть позже.


Это я к чему всё вёл. К тому, что весь сайт можно сделать полупрозрачным и тогда менять цвет у сайта можно будет в любую секунду, просто подправив пару цифр. Правда сделать такой дизайн не легко. Когда всё полупрозрачное, то одно вылезет, то другое скроется :) А может просто я такой привередливый. Но попробовать стоит, это точно :) Ведь не обязательно весь сайт делать полупрозрачным. Можно только шапку, или меню. А под шапкой что то типа изображения лампочки прилепить. Красиво получается, когда человек начинает прокручивать страничку. Как будто полупрозрачные шторы поднимаются.

Вот это я могу, коснулся одной прозрачности, а наговорил на целую страничку, в следующий раз постараюсь быть более сдержанным :)


На всякий случай приведу код таблицы. Может кому понадобится:

<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#9696FF">/* Тут ширина, толщина рамок и цвет. */
<tr>
<td height="100" background="http://seozar.ru/images/sozdanie-raskrutka-sajta/fon1.png">&nbsp;</td>/* Тут вставил изображение. */
</tr>
</table>

В этом примере я покрасил саму таблицу. А фон задал столбцу. Это просто пример для наглядности, не более. Далее решайте, кому как лучше, удобней и больше нравится :)

Немного рекламы :)

Copyright, design, ideas © Mihail. При копировании материалов, ссылка на сайт "Seozar.ru" обязательна. Контакты - admin@halych.ru
Тариф «Первый»: 2 сайта, 1 Гб, 2 MySQL, 2 FTP