Posts Tagged ‘Цвет фона’

SIGNED PIPE

Среда, Апрель 18th, 2012 Нет комментариев

Under : , , , ,

Шаг 1
Откройте новое изображение, и выделите прямоугольную область. (далее…)

Кое-что о свете

Среда, Апрель 18th, 2012 Нет комментариев

Under : , , , ,

Наш мир предметен. Точнее, восприятие его человеком предметно, то есть мы делим его на отдельные составляющие, из которых слагается общая картина. Создание общего из частного — вот основа нашего мышления. Но и даже с этим мы обобщаем множество фрагментов в единое, называемое общей картиной. При этом огромную роль опять же играют как предметы, так и окружающие условия. То есть, весь мир это видимость, созданная множеством факторов, первейший из которых — освещение. 90% информации — визуального характера, поэтому именно свет и его свойства столь важны в нашей работе. Огромную роль играют также атмосферные явления, как то туман, дождь и прочее. Из этого можно сделать вывод, что если есть желание создать действительно реалистичное изображение, стоит обращать внимание не только на предметную сущность объектов, но и на те условия, которые окружали бы их в данной ситуации в реальном мире. Если вы рисуете ночную улицу Лондона — не забудьте про туман и едва моросящий дождь. Иначе имитация не будет в достаточной степени реалистичной, то есть одна из целей трехмерной графики — как можно больше приблизиться к реальному миру, отразив его во всех проявлениях. (далее…)

Таблица без рамки

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , ,

Хотя линии между ячейками позволяют четко отделить одни данные от других, ту же самую функцию выполняет и пустое пространство вокруг текста. А чтобы таблица выделялась на веб-страницы, для нее устанавливают определенный цвет фона. Заголовок при этом допустимо задать другого цвета, как показано на рис. 1.

Рис. 1. Вид таблицы без рамки

Рис. 1. Вид таблицы без рамки

Для изменения цвета фона таблицы используем свойство background, добавляя его к селектору TABLE. Для красоты внизу таблицы рисуем линию с помощью свойства border-bottom (пример 1). (далее…)

Сетка таблицы

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , ,

Сетка представляет собой набор горизонтальных и вертикальных линий между ячейками таблицы, которые отделяют содержимое ячеек друг от друга. Сетка используется по умолчанию, если включить отображение границ с помощью атрибута border тега <table>. Однако такие линии отображаются по-разному в различных браузерах, поэтому применение стилей не только позволит удобно управлять видом таблиц, но и сделает их однотипными.

Для создания таблицы показанной на рис. 1 потребуется всего ничего: установить стилевое свойство border для каждой ячейки и воспользоваться свойством border-collapse.

Рис. 1. Вид таблицы с сеткой

Рис. 1. Вид таблицы с сеткой (далее…)

Строки таблицы

Суббота, Апрель 7th, 2012 Нет комментариев

Under : , , , , ,

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

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

Рис. 1. Таблица со строками, выделенными с помощью линий

Рис. 1. Таблица со строками, выделенными с помощью линий (далее…)

Имитация фактуры натуральных материалов и объема

Повальное увлечение Web привело к тому, что за компьютерное рисование приходится приниматься простым смертным, в распоряжении которых нет ни навороченных профессиональных пакетов визуализации, ни навыков работы с ними.

Однако многое можно сделать и обычными графическими средствами. И не боги горшки обжигают. При желании свою маленькую виртуальную реальность может создать каждый. Надо только немного подумать, попробовать и чуточку больше знать.

Кстати, о реальности. В природе нет идеально гладких ровно окрашенных поверхностей. Поверхность любого материала имеет свою фактуру, свой объем. Следовательно, свет ложится на нее неравномерно, есть тени и блики. Чтобы компьютерный рисунок приблизился к реальности, не теряя при этом, разумеется, своеобразного «виртуального» шарма, надо попробовать передать на плоскости эту игру света и теней.

Профессиональные пакеты трехмерной графики обладают мощными средствами наложения текстур на каркасные модели созданной в памяти компьютера сцены. Они позволяют расположить источники света, задать их характеристики и получить близкую к естественной картинку. Хочешь — трехмерную. Хочешь — плоскую.

Исходя же из того, что таких программ в нашем распоряжении нет, предлагаю посмотреть, как подобные вещи можно сделать в обычном графическом редакторе. Для примера давайте возьмем типовую задачу — нарисуем освещенную лампой стену из красного пористого кирпича. Сделаем это в Adobe Photoshop, как вы уже, наверное, догадались по картинкам. Этот редактор обладает богатыми средствами и инструментами рисования и служит образцом для создания других подобных программ, так что данный эксперимент будет полезен и тем, у кого Photoshop нет.

Итак, за дело. Первый шаг после того, как будет создан новый файл, заключается в подборе цвета для поверхности. Это не так просто, как может показаться на первый взгляд, так что рекомендую не ограничиваться палитрой быстрого выбора, а обратиться к окну точной настройки цвета Color Picker. Вызывается оно в Photoshop щелчком мышки по квадрату с текущим цветом в палитре инструментов. Подобрав подходящий оттенок, зальем им всю плоскость картинки, то есть ее единственный слой Brick Color. Если цвет был выбран для фона, нажимаем клавиши [Ctrl]+[Del], если же вы подобрали основной цвет, нажимайте [Alt]+[Del].

Полученная поверхность совсем не похожа на кирпичную. Ей, в первую очередь, не хватает фактуры. К счастью, рельеф вручную рисовать не придется, так как в 4-й версии Photoshop, которой я пользуюсь, в стандартном комплекте фильтров имеются средства текстурирования. Однако применять их в лоб не спешите. Не все так просто. Кирпич порист и шероховат. Он практически не бликует, так что текстура должна состоять практически только из теней.
(далее…)

Тонкие рамки наносят ответный удар

Вторник, Март 18th, 2008 Нет комментариев

Under : , , , , , ,

История с тонкими рамками вокруг таблиц нашла неожиданное продолжение. После выхода первых двух опытов, Егор Первунинский прислал мне пример таблицы с тонкими границами между ячейками, который не использует однопиксельных гифов.
(далее…)