3. Jpeg -- формат

Формат файла JPEG (Joint Photographic Experts Group -- Объединенная экспертная группа по фотографии) был разработан компанией C-Cube Microsystems, как эффективный метод хранения изображений с большой глубиной цвета, например, получаемых при сканировании фотографий с многочисленными едва уловимыми (а иногда и неуловимыми) оттенками цвета.

Самое большое отличие формата JPEG от других форматов состоит в том, что в JPEG используется алгоритм сжатия с потерями (а не алгоритм без потерь).

1. Сравнение gif и jpeg

1. GIF-формат удобен при работе с рисованными картинками.

2. JPEG-формат лучше использовать для хранения фотографий и изображений с большим количеством цветов.

3. Для создания анимации и изображений с прозрачным фоном применяется GIF-формат.

Растровая графика применяется:

• для хранения и обработки полутоновых изображений (сканированные или изначально созданные на компьютере картины, фотографии);

• в веб-дизайне. Применяемые на веб-страницах изображения, как правило не велики, а вывод их на экран осуществляется самим веб-обозревателем без применения дополнительных программ.

Adobe Photoshop ([əˈdəubɪ ˈfəutəʃɔp], Эдо́уби Фотошо́п) — многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном, работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop (Фотошоп).

20. Построение макета сайта с использованием графического редактора PhotoShop.

Создайте новый документ в Photoshop, исполь­зуя режим RGB и разрешение 72dpi (dot per inch -точек на дюйм). После этого необходимо определить рабочие области. В качестве единицы измерения выбрать пик­сель (или проценты), щелкнув пра­вой кнопкой мыши на линейке и выбрав Pixels из ниспадающего списка. Следует создать несколько слоев для областей навигации. Установите опцию Only Web Colors (Цвета только web), чтобы ограничить палитру 216 безопасными web-цвета­ми. Специально разработанная цветовая палитра безопас­ных цветов для Интернета состоит из 216 цветов, являющихся общими для раз­личных операционных сис­тем, она способна воспроиз­водить цвета на 256-цвет-ных мониторах. Несмотря на то, что сейчас большин­ство мониторов поддержи­вает 32 000 или 16 000 000 цветов, эта палитра все же очень полезна.

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

Для создания обычных кнопок следует выбрать инструмент Прямоугольник со скругленными углами. Можно регулировать Radius – 0.1 in и Mode - Normal. На панели инструментов представле­но три опции для формы кнопки (слева направо): Shape layers (Форма), Paths (Контур), Fill pixels (Область заливки). Выберите третью опцию, так как она производит область с заливкой, которой легко манипулировать в дальнейшем. Каждую кнопку следует создавать на новом слое. Чтобы легко размножить следует выполнить следующие действия: Выберите инструмент Move. Удерживая нажатой клавишу Alt, перетащи­те слой button. Это приведет к созданию копии объекта. Указатель мыши при этом изменится на сдвоенную стрелку. Это значит, что создали копию слоя, а не просто переместили его. Если вы при этом будет нажата еще и клавиша Shift, то движение будет ограничено только по горизонтали или вертикали.

Чтобы выровнять все кнопки необходимо воспользоваться инструментом Move, при котором будут доступны кнопки Align/Distribut. С помощью них можно выровнять и распределить кнопки. Но сначала стоит связать все слои кнопок, для чего нужно выделить все слои кнопок на палитре Layers и щелкните по пиктограмме Link Layers. Вы увидите пиктограммы цепи, указывающие на связь слоев. Чтобы добавить тект на кнопку, нужно выбрать инстумент Horizontal Type Tool (Горизонтальная печать). Стоит выбрать цвет надписей и легко читаемый шрифт, без засечек.

Выбирайте гарнитуры шрифтов с легким весом. Жирный шрифт при маленьком раз­мере выглядит плохо. В версии Photoshop 7 поя­вилась новая функция Sharp (Резкий), предназначенная для более точного подбора сглаживания. Пользуйтесь этой функцией для всех текстов на странице. Сглаживание - функция Photoshop, когда граница между двумя цветами дополнительно обрабатывается, чтобы убрать эффект «ступеньки» и добиться ее большей «гладко­сти». При мелком шрифте этот эффект может привести к его нечитабельности. Поэтому введены различные уровни сглаживания. Smooth (Гладкий) - самый сильно сгла­живающий, Sharp или None (Отсутствует) - подходят для очень мелкого текста. Другой способ сделать мелкий шрифт более читабельным — это увеличить межбуквенное расстояние. Текстовые слои тоже стоит выровнять и центрировать.

Чтобы добавить глубину кнопкам, нужно выбрать один из слоев, щелкнуть на пиктограмме f и выбрать нужный стиль с любым эффектом и настраиваемыми характеристиками. Нет необходимости создавать свой стиль для каждого слоя. Вы можете назначить любой стиль слою путем перетаскива­ния стиля из списка стилей в список слоев. Отпустите перетаскиваемый стиль на нужный слой, и он мгновенно при­обретет все свойства стиля. Но есть еще более быстрый способ, воздействующий на множество слоев.

Почти каждому сайту необходим логотип. Чтобы быстро создать его, достаточно выбрать инструмент Custom Shape (Настраиваемая форма).