Рубрика «Графика»

Изображения на веб-сайте. Методы размещения.Естественно, что каждый создатель сайта, хочет, что бы изображения загружались одновременно со страницей, и отображение их в браузере было корректным. Как это сделать? Для начала нужно все графические элементы собрать в отдельную папку и назвать ее Image. Данная папка должна располагаться в каталоге, где находятся HTML-страницы. Для того, что бы разместить эти элементы на сайте используется открывающий тег <IMG> , закрывающий тег </IMG>, а также атрибут SRC:<img...
Уменьшая теряешь?Уменьшаем фотографию не теряя в качестве. 1 Представим, что у вас есть большая, качественная фотография котенка и вам необходимо ее уменьшить для иллюстрации в статье. Для этого есть функция "Edit - Image size" но когда мы уменьшаем картинку этим способом - она теряет в качестве. Для того, что бы сохранить всю привлекательность открываем Adobe Photoshop ваше фото: File - open. 2 Используем фильтр Sharpen, перед тем как уменьшаем: Filter - Sharpen - Sharpen. 3 После этого уменьшаем картинку,...
Графика: советы для начинающихБывает, что у посититилей сайта выключен показ графики, из-за чего клиент ничего не видит и закрывает страницу с вашим сайтом. Чтобы недопустить этого, следует подключить функцию alt комментариев к рисункам. Ни в коем случае нельзя брать с чужого сайта разные графические детали с других сайтов. Так же на сайте должен присутствовать свой собственный, индивидуальный стиль, и все элементы сайта не должны создавать различные композиции стилей, а должны соответствовать стилю сайта. Важное место...
Точечные и векторные изображения: сравнительный анализИногда точечные изображения используется дизайнерами для получения надобного художественного эффекта. И тогда исходным материалом является точечный формат, который впоследствии преобразуется в векторный. Точечные изображения состоят из массива пикселей, каждому из которых предопределен указанный цвет. В свою очередь массивом пикселей можно назвать комплект плоских геометрических фигур, равных по размеру и форме, расположенных в узелках сетки из одинаковых ячеек. Векторные изображения,...
3D-стандарты для пользы и удовольствияВ настоящее время вряд ли найдется , человек, который не знает, что такое 3D. Это "новшество" заполонило почти все кинотеатры, половину рынка компьютерных игр и весь софт связанный с моделированием и дизайном. Хотя история 3D началась в Лондоне в далёком 1833 году, когда был сконструирован первый в мире стереоскоп, а первый 3D фильм был снят в 1922 году. Вообще 3D было очень популярно в начале прошлого века, особенно всевозможные открытки и стереокарточки. Но в связи с последующими мировыми...
Живой баннер, создание анимированного баннера.Если вы умеете рисовать, и для вас не является проблемой создание баннера. Но вы понимаете, что он еще пока не очень заметен и не выразителен и вам хочется, чтобы все было на высшем уровне, в таком случае вам поможет программа Adobe Image Ready. Например, для создания анимированной кнопки, на которой надписи будут чередоваться, нам потребуется три картинки и программа Image Ready в которой и будет сделана анимированная кнопка. Нажимаем File - Open. Из открывшегося списка следует выделить три...
Основы рендерингаМы поможем разобраться вам с этим. Во время этого процесса вычисляется как должна выглядеть ЗD сцена с математической точки зрения и возобновляет изображение. Для максимальной похожести этого самого изображения используются различные способы: - трассировка лучей (raytrasing) - ретуширование (shading) - сглаживание контурных неровностей (antialiasing) Наверно вы догадываетесь, что чем медленнее трассировка ,тем быстрее результат. Но наверняка не знаете как именно это происходит, сам процесс...
Веб-анимацияНе стоит анимировать сайт для пустого украшения. Это отвлечет посетителя от более важной информации Web-страницы. По этой причине, пользователь начнет злиться, раздражаться, что неблагоприятно скажется на отзыве о сайте. Не в коем случае не используйте анимацию при создании логотипа сайта. Лучше создать простой, без усложнений, запоминающийся. Также не рекомендуется анимирование, если web-сайт и так перегружен информацией. В таком случае посетитель теряется, как в лабиринте. И вторая причина –...
Изображения на веб-сайте. Форматы.Мы уже не представляем свой мир без Интернета, а веб-сайты – без изображений. Но какие форматы лучше для каждого из вида графики – Jpeg (JPG), gif или png? Рассмотрим подробнее каждый из них: JPEG - данный формат используется при хранении фото-изображений многоцветного типа. Он обеспечивает их отличное сжатие при этом, практически не теряя в количестве цветов. Сжатие происходит в результате уменьшения общего числа пикселей, содержащих информацию. При сжатии изображение конвертируется в цветовую...