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

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

• Как Самостоятельно Сделать Аватар В Фотошопе (0)
• Photoshop Cs4 Extended (0)
• Словарь Photoshop – Алфавитный указатель (0)
• Словарь Photoshop – Работа со слоями (0)
• Немного истории Adobe Photoshop (0)

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

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

Что взрослому человеку, никак не связанному с технологиями веб-дизайна, кажется довольно странным и удивительным. А ничего странного тут нет. Ведь, школьники, в отличии от нас, взрослых людей, привыкли учиться и им на порядок проще взять в руки учебник и вникнуть в суть терминологии технологий веб-дизайна, нежели нам, взрослым людям.

Итак: что-же такое «технологии веб-дизайна»?

Веб-дизайн (англ. web-design) — это процесс разработки и создания интеллектуальной продукции по технологиям, применяемым в Интернете. Немного необычная формулировка, не правда ли? На самом деле, ничего необычного в ней нет; она попросту довольно своеобразна. Давайте попробуем разобраться с сущностью этого определения.

Как правило, приходящие в Интернет новички довольно смутно представляют себе тот процесс, который называется «проектирование веб-сайта». И ничего удивительного в этом нет. Сам процесс создания сайтов не является работой в Интернете, потому что он практически полностью производится на локальном компьютере (то есть таком, который не подключен к сети Интернет). Этот процесс (во всяком случае, наиболее важная его часть) называется веб-дизайном, а результатом такой работы станет веб-проект: Именно его следует тщательно проверить, провести анализ качества сайта, а затем опубликовать — переместить файлы веб-проекта на сервер. Вот тогда ваш веб-проект, в полном соответствии с определением из классической терминологии Интернета, станет сайтом.

Таким образом, создание сайта — это не что иное, как создание веб-проекта, с элементами веб-дизайна и последующая публикация в Интернете.

• Текстовое наполнение сайта (0)
• Информация – вот основа Internet! (0)
• Использование CMS (0)
• Цвета (0)
• Цветовые решения для сайта (0)

• Нет связанных записей.

- количество пикселей. Может указываться отдельно количество пикселей по ширине и высоте (1024*768, 640*480,…) или же, редко, общее количество пикселей (обычно измеряется в мегапикселях);

- количество используемых цветов (или глубина цвета);

- цветовое пространство RGB, CMYK, XYZ, YCbCr и др.

Растровую графику редактируют с помощью растровых графических редакторов. Создается растровая графика фотоаппаратами, сканерами, непосредственно в растровом редакторе, также путем экспорта из векторного редактора или в виде скриншотов.

Достоинства:

- Растровая графика позволяет создать (воспроизвести) практически любой рисунок, вне зависимости от сложности, в отличие, например, от векторной, где невозможно точно передать эффект перехода от одного цвета к другому (в теории, конечно, возможно, но файл размером 1 МБ в формате BMP будет иметь размер 200 МБ в векторном формате).

- Распространённость — растровая графика используется сейчас практически везде: от маленьких значков до плакатов.

- Высокая скорость обработки сложных изображений, если не нужно масштабирование.

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

Недостатки:

- Большой размер файлов с простыми изображениями.
- Невозможность идеального масштабирования.

Из-за этих недостатков для хранения простых рисунков рекомендуют вместо даже сжатой растровой графики использовать векторную графику.

• Что такое векторная графика (0)
• Онлайн конвертер видео в мультфильм, фотографий в рисованное изображение (0)
• Онлайн генерирование ascii графики из фотографий (0)

Изначально человеческий глаз воспринимает изображение подобно растровому образу. Картинка проецируется на сетчатку, состоящую из отдельных, реагирующих на свет клеток. Далее система глаз-мозг распознаёт в изображении отдельные объекты, геометрические фигуры, которые уже легче обрабатывать и запоминать.

• Онлайн генерирование ascii графики из фотографий (0)
• Что такое растровая графика (0)

• Русские шрифты True Type (0)

Исключение составляют компании Microsoft, которая большую часть европейских шрифтов выпускает в кодировке WGL4 и компания ParaType, выпускающая так называемые Multilingual (многоязычные) шрифты, которые кроме Западноевропейской, включают в себя Центральноевропейскую, Кириллическую, Балтийскую и Турецкую кодировки.

Формат TrueType использует специальную технику обеспечения качества представления шрифта при выводе на устройствах с низкой разрешающей способностью, таких как экран компьютерного монитора. Он использует развитый набор инструкций, позволяющий добиться того же качества true type шрифт, что и у растровых шрифтов. Однако, с другой стороны, процесс инструктирования (хинтовки) шрифта оказывается настолько трудоемким, что многие производители не проводят ее в полном объеме и в результате средний шрифт в формате TrueType выглядит на экране менее качественно, чем аналогичный шрифт формата PostScript.

Главное достоинство TrueType шрифтов в предоставлении разработчикам возможности очень точно контролировать, как именно отображаются символы шрифта, вплоть до конкретных пикселей при определённом размере шрифта.

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

• Выделяем все сообщения администратора в топиках отдельным цветом (0)
• Шрифты. Условия функционирования (0)

• Функциональность – это важный критерий, учитываемый при создании логотипа. Например, логотипы эмблемы или же товарные знаки могут размещаться как на фирменных бланках и web страничках, так и на факсовых сообщениях, сувенирной продукции или листовках. Для этого логотипы эмблемы должены быть легко масштабируемыми и относительно простыми. Это требование к разработке логотипов носит рекомендательный характер и предполагает использование элементов, легко идентифицируемых потребителями целевого сегмента. Легкость восприятия обеспечивается за счет ориентации на средний уровень эрудиции потребителя, ограничений на количество входящих в логотип эмблему или знак элементов. Еще одним важным требованием к разработке логотипа, эмблемы, которое не входит в состав основных, но тем не менее должно учитываться, является ассоциативность.

• Ассоциативность как свойство товарного знака обозначает присутствие связей, ассоциаций между товарным знаком и особенностями маркируемого им товара.

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

• Правильная Подготовка К Разработке Сайта (0)
• Логотип из 4 картинок (0)
• Критерии оценки web-сайтов (0)
• Что такое хорошие логотипы (0)
• Логотипы (0)

• Логотипы (0)
• Логотип из 4 картинок (0)
• Критерии при разработке логотипа (0)

• Критерии при разработке логотипа (0)
• Что такое хорошие логотипы (0)
• Логотип из 4 картинок (0)

Установив на своем сайте уникальный дизайн, вы, во-первых, стимулируете пользователей множество раз возвращаться на ваш сайт (при условии наличия полезной информации), и, во-вторых, “заставляете” поисковые системы полюбить ваш сайт.

Таким образом, можно сказать, вы «убиваете двух зайцев одним выстрелом».

Кроме красочности и уникальности дизайна следует учитывать такой фактор, как юзабилити, или проще говоря – удобность сайта.

То, как расставлены разделы меню, как выводится контент сайта, и общая структура сайта положительно или отрицательно влияют на пользователя своей удобностью. Если человек, пришедший на ваш сайт не сможет, к примеру, найти ссылку на регистрацию, то вам стоит серьезно задуматься о редизайне…

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

• 7 лучших способов настройки Вашего сайта (0)
• Способы повышения посещаемости сайта (0)
• Как правильно регистрировать сайт? (0)
• Раскрутка сайта через форумы (0)
• Онлайн сервис для обнаружения вирусов (0)

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

• 7 секретов успешного сайта (0)
• Практические рекомендации по раскрутке сайта (0)
• Критерии оценки web-сайтов (0)
• Краткий словарик специалиста по продвижению сайтов (0)
• Как поднять Индекс Цитируемости? (0)

• Photoshop Cs4 Extended (0)
• Немного истории интернета (0)
• Словарь Photoshop – Работа со слоями (0)
• История развития СУБД MySQL (0)
• Словарь Photoshop – Алфавитный указатель (0)

B
Background — Фон
Batch — Пакетная обработка
Bevel — Фаска
Blend Mode — Режим смешивания
Blur — Размытие
Bounding Box — Габаритная рамка
Brightness — Яркость
Brush — Кисть
Burn — Затемнение

C
Canvas — Холст
Canvas Size — Размер холста
CCW — Против часовой стрелки
Channel Mixer — Смеситель (микшер) каналов
Channels — Каналы
Character — Шрифт
Choke — Уменьшение
Clipboard — Буфер обмена
Clipping Group — Группа обтравки
Clone — Клонирование
Close — Закрыть
CMYK (Cyan-Magenta-Yellow-blacK) — Голубой-пурпурный-желтый-черный
Color Balance — Цветобаланс
Color Picker — Выбор цвета (Пипетка)
Color Range — Диапазон цветов
Color Sampler — Пробник (Цветовая проба)
Colorize — Тонировать
Constrain Proportions — Сохранять пропорции
Contour — Контур
Contrast — Контраст
Crisp — Четкий
Crop — Кадрирование
Curves — Кривые
Custom Shape — Произвольная фигура
CW — По часовой стрелке

D
Depth — Глубина
Desaturate — Уменьшение насыщенности (Денасыщение)
Diameter — Диаметр
Diamond — Ромбовидный
Dissolve — Растворение
Distanсе — Расстояние
Distort — Искажение
Dodge — Осветление
Drop Shadow — Отбрасывание тени
Droplet — Дроплет

E
Edit — Правка
Effects — Эффекты
Emboss — Тиснение
Equalize — Выравнивание
Eraser — Ластик
Exposure — Воздействие (Выдержка)
Extract — Извлечь
Eyedropper — Пипетка

F
Faux Bold — Псевдожирный
Faux Italic — Псевдокурсив
Feather — Растушевывание
File — Файл
Fill — Заливка
Filter — Фильтр
Flatten Image — Объединить слои
Flip Canvas — Перевернуть холст (отразить холст)
Freeze — Заморозить
Frequency — Частота
Fuzziness — Размытость

G
Gamut — Гамма
Gaussian Blur — Гауссово размытие
General — Общие
General Blending — Общие параметры смешивания
Glyph — Глиф (символ)
Gradient — Градиент
Gradient Editor — Редактор градиента
Gradient Type — Тип градиента
Grayscale — Полутоновый
Grid — Сетка
Guides — Направляющие

H
Hand — Рука
Hardness — Жесткость
Height — Высота
Highlights — Яркие тона
History — История
Hue — Тон
Hyphenation — Расстановка переносов

I
Image — Изображение
Inner Glow — Внутреннее свечение
Input Levels — Входные уровни
Intersect — Пересечь
Inverse — Инверсия
Invert — Инвертировать

J
Jitting — Дрожание
Justification — Выравнивание

K
Kerning — Kepнинг
Knockout — Исключение

L
Lasso — Лассо
Layer — Слой
Layer Style — Стиль слоя
Levels — Уровни
Linear — Линейный
Link — Связь
Liquify — Исказить
Location — Положение
Loose — Свободный
Luminosity — Яркость света

M
Mask — Маска
Matte — Матовое покрытие
Matting — Матирование
Maximize — Развернуть
Merge — Соединить
Mesh — Сетка
Mid-tones — Средние тона
Minimize — Свернуть
Mode — Режим
Monochrome — Монохромный
Move — Переместить
Multiply — Умножение

N
Next — Следующий
Noise — Шум
Notes — Заметки

O
Opacity — Непрозрачность
Outline — Контур (Очертание)
Output Levels — Выходные уровни
Overlay — Наложение

P
Paint Bucket — Ведро
Palette — Панель (Палитра)
Paragraph — Абзац
Path — Контур
Pattern — Узор (Образец, текстура)
Pen — Перо
Pencil — Карандаш
Perspective — Перспектива
Pixel — Пиксель
Polygon — Многоугольник
Posterize — Придание плакатного стиля
Preferences — Установки
Preserve Luminosity — Сохранять яркость
Pressure — Нажим
Preview — Предпросмотр
Proof Colors — Цвета пробного отпечатка
Proof Setup — Настройка пробного отпечатка
Purge — Очистить

Q
Quality — Качество
Quick Mask — Быстрая маска

R
Radial — Радиальный
Radius — Радиус
Range — Диапазон
Rasterize — Растеризовать
Reconstruct — Реконструировать
Reflection — Отражение
Reselect — Повторное выделение
Resolution — Разрешение
Restore — Восстановить
Revert — Восстановить (Отменить до исходного значения)
RGB (Red Green Blue) — Красный-зеленый-синий
Rigid — Строгий
Rotate — Поворот
Roundness — Округлость
Ruler — Линейка

S
Saturation — Насыщенность
Scale — Масштаб
Shading — Затенение
Shadows — Темные тона (тени)
Shape — Фигура
Sharp — Резкий
Sharpen — Резкость
Size — Размер
Skew — Скос
Small Caps — Строчные
Smooth — Гладкий (плавный)
Smudge — Палец
Snap To — Прикрепить к
Snapshot — Снимок
Solidity — Плотность
Spacing — Интервал
Spread — Рассеивание
Stiff — Сильный
Strikethrough — Перечеркнуть
Stroke — Обводка
Stroke Path — Обводка контура
Strong — Сильный
Styles — Стили
Subscript — Нижний индекс
Superscript — Верхний индекс
Swatches — Образцы

T
Threshold — Порог
Thumbnail — Пиктограмма
Tolerance — Допуск
Tool Options Bar — Панель опций
Toolbox — Панель инструментов
Transform — Изменение
Transparent — Прозрачный
Trash — Корзина
Trim — Подрезание
Turbulence — Волнение
Type — Текст

U
Underline — Подчеркнуть
Underlying — Нижележащий
Undo — Отменить
Ungroup — Разгруппировать
Unsharp Mask — Маска нерезкости

V
Variations Вариации
Vector Mask — Векторная маска
View — Вид

W
Warp — Деформация
Warp Text — Деформировать текст
Width — Ширина
Work Path — Рабочий контур
Workspace — Рабочее поле

Z
Zoom — Масштабирование

• Как Самостоятельно Сделать Аватар В Фотошопе (0)
• Словарь сленга, сокращений и аббревиатур англоязычного интернета (0)
• Photoshop CS3 Extended (0)
• Словарь Photoshop – Работа со слоями (0)
• Photoshop Cs4 Extended (0)

Dissolve (Растворение) — создается похожая на известковую сухая текстура, имеющая цвет рисования или слоя смешивания.

Darken (Замена темным) — те базовые цвета, которые светлее цвета рисования или слоя смешивания, будут изменены, другие цвета останутся в прежнем виде.

Multiply (Умножение) — темный цвет рисования или слоя смешивания замещает более светлые области базового цвета, чтобы воспроизвести эффект затемнения Светлый цвет рисования или слоя смешивания тоже затемняет базовый цвет, но не так сильно. Очень хороший режим при создании полупрозрачных теней.

Color Burn (Затемнение основы) — темный цвет рисования или слоя смешивания затемняет базовый цвет, если же цвет рисования или слоя смешивания светлый, то базовый цвет будет немного осветлен.

Linear Burn (Линейный затемнитель) — просматривает информацию о цвете в каждом канале и затемняет активный слой путем смешивания с композитным цветом, уменьшая яркость изображения. Режим Линейное затемнение (Linear Burn) диаметрально противоположен режиму Линейное отбеливание (Linear Dodge). Нейтральный цвет — белый, наложение черного цвета дает черный.

Lighten (ЗАМЕНА СВЕТЛЫМ) — базовые цвета, которые темнее цвета рисования или слоя смешивания, будут изменены, другие же останутся прежними. Воспользуйтесь данным режимом, если цвет рисования светлее базового цвета, который вы хотите изменить.

Screen (ОСВЕТЛЕНИЕ) — светлый цвет рисования или слоя смешивания замещает темные области базового цвета — таким образом создается более светлый, обесцвеченный базовый цвет. Темный цвет рисования или слоя смешивания тоже осветляет базовый цвет, но не так сильно.

Color Dodge (ОСВЕТЛЕНИЕ ОСНОВЫ) — базовый цвет осветляется, если цвет рисования или слоя смешивания светлый, в противном случае базовый цвет осветляется лишь немного.

Linear Dodge (ЛИНЕЙНЫЙ ОСВЕТЛИТЕЛЬ).

Overlay (ПЕРЕКРЫТИЕ) — затемняются темные области и осветляются светлые области базового цвета. При этом сохраняется информация о яркости. Черный и белый цвета не изменяются, так что в изображении остаются все детали.

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

Hard light (ЖЕСТКИЙ СВЕТ) — базовый цвет обесцвечивается, если цвет рисования или слоя смешивания светлый, и затемняется, если цвет рисования или слоя смешивания темный. Увеличивается контраст между базовым цветом и цветом слоя. Очень хороший режим при создании бликов и сложных эффектов.

Vivid Light (Яркий свет) — если накладываемый цвет светлее серого (128, 128, 128 в RGB), то изображение осветляется путем уменьшения контраста. Если темнее, то, наоборот затемняется в результате увеличения контраста.

Linear Light (Линейный свет) — если накладываемый цвет светлее серого (128, 128, 128 в RGB), то изображение осветляется путем увеличения яркости. Если темнее, то, наоборот, затемняется в результате уменьшения яркости.

Pin Light (Точечный свет) — если накладываемый цвет светлее серого (128, 128, 128 в RGB), то пиксели темнее накладываемого цвета заменяются на накладываемый цвет, а пиксели светлее остаются без изменения. Если накладываемый цвет темнее серого, то пиксели светлее накладываемого цвета заменяются, а пиксели темнее остаются без изменения.

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

Exclusion (Исключение) — в тех местах, где цвет рисования или слоя смешивания темный, базовый цвет становится серым. Там же, где цвета светлые, базовый цвет инвертируется.

Hue (Цветовой тон) — тон цвета берется со слоя смешивания. Насыщенность и яркость базового цвета при этом не меняются.

Saturation (Насыщенность) — насыщенность цвета берется со слоя смешивания. При этом тон и яркость базового цвета не меняются.

Color (Цветность) — применяются тон и насыщенность цвета слоя смешивания. Значения яркости базового цвета не меняются, так что детали изображения остаются видны. Хороший режим для легкого окрашивания изображения.

Luminosity (Свечение) — значения яркости базового цвета замещаются значениями яркости цвета рисования или слоя смешивания. При этом тон и насыщенность базового цвета не затрагиваются.

• Фотоэффекты в ФотоШопе (0)
• Словарь Photoshop – Алфавитный указатель (0)
• Словарь сленга, сокращений и аббревиатур англоязычного интернета (0)
• Что такое фрилансинг (0)
• Метод соответствия определению вирусов в словаре (0)

Таким образом web дизайнер в зарубежном понимании – это не кто иной как web-разработчик – верстальщик (web-master/web-coder), специалист по информационной архитектуре (web-developer), программист (web-programmer), администратор (system administrator) в одном лице.

В русском языке дизайн ближе к эстетике, изобразительному или оформительскому искусству – в таком понимании web дизайнер это в первую очередь художник. То есть, то, что в английском языке соответствует слову web-artist, web graphical designer.

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

Эта грань – между красивостью и удобством – очень тонка. Это давний спор между эстетами и прагматиками.

• Дизайн (0)
• Как сделать хороший сайт (0)
• Войны эпохи Web 2.0: южноосетинский опыт (0)
• Как работает формат JPEG? (0)
• Оптимизация сайта под поисковые системы (0)

Переворот, который сделала в фотографии цифровая эра, в немалой степени зависит от успехов лишь одной программы – Photoshop. Её название давно стало нарицательным. Согласитесь, сегодня мы уже не говорим “отредактировать” – везде слышится “отфотошопить”; Photoshop – это среда обитания многих людей, так или иначе связанных с фотографией, полиграфией или дизайном. Возможно, именно поэтому фотографы, дизайнеры, да и просто фотоэнтузиасты всегда с нетерпением ждут очередной версии программы – она открывает в работе новые горизонты. Функции упрощаются, выполнять действия становится проще, интерфейс всё больше отвечает не программным требованиям, а нашим – человеческим.
Новая версия пакета Photoshop – CS4 – в своё время носила кодовое название Stonehenge. Да, она стала такой же монументальной, как и этот памятник тысячелетней давности – разработчики внесли в программу значительные изменения. Например, улучшили интеграцию с сугубо фотографическим инструментом Photoshop Lightroom, благодаря чему изображения могут свободно передаваться из одной программы в другую. Обновлен RAW-конвертер Adobe Photoshop Camera Raw 5.
Значительные изменения произошли в функциях обработки и создания трёхмерных объектов, впервые появившихся в версии CS3. Доработаны многие инструменты. Например, Dodge, Burn и Sponge стали более гибкими и настраиваемыми. Теперь гораздо удобнее пользоваться прокруткой изображения, поворотом и зумированием. Интересно, что и алгоритм выбора размера изображения внесены большие изменения – теперь программа может учитывать, какие объекты есть в кадре, и растягивать менее критичные элементы, оставляя нетронутыми нужные, чтобы сохранить пропорции объектов. Изменений много, и большинство важные, ожидаемые и полезные. Загрузить триал и увидеть всё новое собственными глазами можно на сайте www.adobe.com. Да, цена новой версии не изменилась – стать её обладателем можно за 18 000руб. а доплатив ещё 7000, вы сможете порадоваться версии Extended.

Системные требования:
- 512 МБ оперативной памяти (рекомендуется 1 ГБ)
- 2 ГБ свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на устройства хранения флэш)
- Привод DVD-ROM
- Разрешение монитора 1024×768 (рекомендуется 1280×800) с 16-разрядной видеокартой
- Некоторые функции ускорения GPU требуют поддержки графики Shader Model 3.0 и OpenGL 2.0
- Привод DVD-ROM
- Shader Model 3.0
- Программное обеспечение QuickTime 7.2, необходимое для мультимедийных функций
- Широкополосное интернет-соединение, необходимое для онлайн-услуг.

• Photoshop CS3 Extended (0)
• Фотоэффекты в ФотоШопе (0)
• Немного истории Adobe Photoshop (0)
• Словарь Photoshop – Работа со слоями (0)
• Словарь Photoshop – Алфавитный указатель (0)

Используя световые панели, стены офиса или шоу-рума можно оснастить не только важной информацией или рекламой, но и выполнить эстетическую функцию, реализовать дизайнерское решение.

Яркие картинки на световых панелях – indoor, привлекут внимание покупателей, даже находящихся в далеке от indoor-рекламы. Рядом же красота световой рекламы кроме информативной функции, неизменно производят потрясающее впечатление. Рисунки на вывесках меняются легко и быстро.

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

• 10 Самых Критических Ошибок В Анимации При Повышении Продаж (0)

Уроки фотошоп вещь очень полезная. Благодаря ним Вы сможете самостоятельно обучиться многому. По крайней мере азам научитесь. Сможете создать свой собственный дизайн сайта. Конечно, он будет простеньким, но кто знает, может через некоторое время, Вы станете настоящим ассом. И кстати, пошаговая инструкция очень доходчива. Начните с самых простых манипуляций и двигайтесь постепенно вперед. Создание аватара для qip своими руками может показаться Вам интересным делом. Это один из поводов продолжить обучение. Вообще фотошоп имеет огромные возможности. Например, Вы можете редактировать свои фото (менять цвета, добавлять свет, добавлять тень, убирать ненужные детали, вставлять нужные…), вставлять их в рамки. Да, и рамки для фотошопа можно создать в том же фотошопе. Вы можете делать движущиеся баннеры. Можете превратить фотографию в рисунок или мозаику. Главное – начать.

• Аватары (0)
• Словарь Photoshop – Алфавитный указатель (0)
• Фотоэффекты в ФотоШопе (0)
• Еще аватары (0)
• Покупаем компьютер самостоятельно (0)

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

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

4) Постоянная задержка проектов: постоянного клиента очень легко потерять если задержки по срокам с каждый разом становятся все длиннее и длиннее, как следствие теряются клиенты с которыми вы работали даже больше года, легко.

5) Качество анимации: как бы ни была хороша ваша анимация, всегда нужно идти вперед и узнавать новые веяния, новые приемы и т.д. если не работать над собой ежедневно, то качество ваших проектов и уровень анимации будет уже прошлым веком в анимации, как следствие неконкурентоспособность.

6) Отсутствие четкого плана или задания: Если вы не согласовали что точно нужно сделать т.е. не одобрили с 2-х сторон что дано и что должно быть на выходе, тогда вы быстро потеряете время и возможность еще дополнительно заработать на этом же клиенте.

7) Отсутствие продажной жилки: если после окончания проекта, у вас больше нет ничего дополнительного, что вы можете предложить клиенту для текущего проекта, что в разы сделает проект клиента лучше, тогда вы упускаете еще одну возможность для прибыли.

8) Зацикленность на проекте: если кроме проекта, и денег клиента вы ничего не видите и даже не пытаетесь узнать о клиенте, его проблемах, планах и т.д., тогда вы теряете очень много денег и возможностей.

9) Потеря контакта: если после окончание проекта, вы больше ничего не пишите вашему прошлому клиенту, тогда вы упускаете возможность снова с ним поработать.

10) Собственная зашоренность: неспособность запросить за свою работу в 3-5 раз больше, чем у всех остальных.

• Ошибки IPB (0)
• Самые Распостранённые Направления Применения Indoor-Рекламы (0)
• Распространенные ошибки в оптимизации сайта (0)
• Улучшения системы обработки ошибок (0)
• Возникающие ошибки ICQ-клиента Jimm (0)

Так случилось и в этот раз. Первая информация о новинках Photoshop CS3 появилась еще в августе прошлого года, первые официальные сведения о нововведениях – в декабре, когда была выпущена бета-версия. Но самое интересное, как оказалось, Adobe приберегла на последний момент. Примерно за месяц до официального релиза компания объявила, что кроме обычного Фотошопа будет еще и особенная версия, рассчитанная на архитекторов, инженеров, 3D-художников, аниматоров и ученых.

Название CS3, которое является всего лишь номером очередной версии программы, обрело совершенно иной смысл. В Photoshop CS3 Extended (такое название дали расширенной версии) можно работать не только с 2D-графикой, но также с видеофайлами и трехмерными моделями. Иными словами, в Photoshop появились три основных направления работы.

Обработка видео в Photoshop

В Photoshop CS3 Extended впервые представлена поддержка видеоформатов. Теперь в нем можно открывать файлы QuickTime, MPEG-1, MPEG-4, AVI, FLV и MPEG-2 (при наличии соответствующего декодера).

Трудно недооценить это нововведение. Возможно, первой реакцией некоторых на него будет реплика: “зачем? Ведь есть Premiere Pro, After Effects и много других программ для обработки видео и создания спецэффектов”. Однако если проанализировать ситуацию, то становится понятно, что в выигрыше окажутся все пользователи, в том числе и те, кто работает с After Effects. Во-первых, наборы фильтров и других инструментов в Photoshop и After Effects отличаются. Часто видеорежиссерам как раз не хватает простоты и наглядности средств Photoshop. К тому же, для Photoshop существует огромное количество дополнительных фильтров, и далеко не все из них выпускаются для Premiere Pro и After Effects. Например, плагин Digital Film Tools 55m выпускается и для After Effects, а так любимые многими пользователями дополнительные фильтры от Kodak, регулирующие цветопередачу, яркость, снижающие уровень шума, доступны только для Photoshop.

Таким образом, покадровая обработка видеоизображения отныне может осуществляться с использованием огромного арсенала дополнительных средств.

Ранее, когда требовалось производство особенно тщательной реставрации видео, режиссерам приходилось раскладывать видеоряд на секвенцию изображений, а затем, обрабатывать в Photoshop каждую картинку по отдельности, устраняя уникальные для каждого кадра дефекты. Теперь не нужно выполнять лишние действия – видеофайл целиком открывается в программе, где и выполняется его покадровая обработка. Что касается обработки видео посредством секвенции кадров, то и это стало гораздо удобнее. Новый Photoshop умеет работать с последовательностью изображений, как с единым целым, – при открытии секвенции кадров они выстраиваются на палитре Animation.

Наконец, такое нововведение заставляет многих пересмотреть свою точку зрения на то, чем они занимаются. Ведь если человек, достигший профессионального уровня владения инструментами Photoshop, потратит несколько дней на ознакомление с новинками CS3, то он автоматически приобретает дополнительные навыки видеорежиссера. Ему не нужно тратить годы на оттачивание мастерства режиссуры, ведь он уже знает тонкости цветокоррекции и другие приемы обработки изображения. Изучение нового видеоредактора требует достаточно много времени, ведь нужно не только привыкнуть к интерфейсу программы, но и освоить новые инструменты. Поэтому не всем, у кого было желание изучить видеомонтаж, удавалось это сделать. Теперь дизайнеры получили видеоредактор, в котором не нужно долго разбираться.

В Photoshop CS 3 можно применять фильтры сразу ко всему видеоряду или обрабатывать видео покадрово. После открытия в программе видеофайл будет помещен на новый слой. Это не обычный слой, а так называемый видеослой (Video Layer). Чтобы увидеть не только первый, но и все остальные кадры, нужно отобразить палитру Animation , выбрав ее из меню Window.

Эта палитра – временная шкала, которая используется в видеоредакторах. Тут есть ползунок, при помощи которого можно перемещаться по видео, и видеодорожки для добавления эффектов. Если нужно применить фильтр или другой эффект к одному кадру, достаточно установить на него ползунок и далее выполнять все привычные действия. Чтобы фильтры были применены ко всему видео, нужно использовать Smart Filters – еще одну новинку Photoshop CS3. Для этого нужно выбрать команду Convert for Smart Filters в меню Filter. Готовое видео можно сохранить в один из многих поддерживаемых форматов.

Привыкая к новым возможностям Photoshop CS3 Extended, многим придется впервые столкнуться с понятием «ключевые кадры». Картинка на видео представляет собой динамически изменяемое изображение. Если необходимо обработать все кадры одинаково, например, назначить несколько фильтров в одной и той же последовательностью, это сделать несложно. Но редактирование цифрового видео подразумевает также и плавное изменение параметров видеослоя – настроек его стиля, координаты его центра и прочее.

Эти параметры с легкостью могут быть анимированы, для чего достаточно указать два кадра, между которыми будет происходить изменение значения параметра. Такие кадры называются ключевыми.

Приведем простой пример использования ключевых кадров – получение эффекта, при котором один видеослой постепенно становится прозрачным. Для этого необходимо развернуть на палитре Animation список Layer и включить небольшую кнопку в виде часов напротив анимируемого параметра Opacity. В первом кадре видео, на временной шкале напротив Opacity появится метка в виде ромбика. Такая метка говорит, что данный кадр является ключевым (в нашем случае для параметра Opacity). Если переместить по временной шкале ползунок, а затем изменить в настройках слоя величину Opacity, в новом кадре также появится отметка, которая говорит, что текущий кадр также является ключевым. Проиграв клип, можно убедиться, что между ключевыми кадрами значение Opacity постепенно изменяется от значения в первом ключевом кадре, до значения во втором.

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

Во-первых, такому слиянию будет препятствовать сама компания Adobe, ведь отказываться от разработки таких востребованных программ как Adobe Premiere Pro и After Effects – означает сознательно приговорить себя к убыткам. Во-вторых, для инструментария такого широкого спектра необходим большой запас аппаратных возможностей компьютера, которых на сегодняшний день для этой цели недостаточно. И, наконец, последний аргумент, который говорит, что никакой конкуренции между программами от Adobe быть не может – специфический набор инструментов Photoshop, который служит, главным образом, для покадровой обработки видео и не имеет ничего общего с такими операциями как синхронизация аудиодорожки, мультикамерный монтаж и т.д.

Средства для точных измерений и анализа изображений

Не возникает сомнений, что новинки в Photoshop Extended продиктованы желанием компании Adobe расширить круг потенциальных покупателей. Отныне утверждение, что Photoshop нужен только тем, кто занимается разработкой графического дизайна, неверно. Некоторые инструменты CS3 Extended, вероятно, будут востребованы учеными, работающими в самых разных областях, – медиками, математиками, физиками и т.д. Яркое тому подтверждение – совершенно новый инструментарий для выполнения технических замеров на изображении. Представьте себе, что с вертолета были сделаны фотографии определенной местности. Зная приблизительный масштаб такого изображения, в Photoshop CS3 можно указать его, а затем с помощью инструмента-линейки измерить расстояние между двумя пунктами.

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

3D в Photoshop

Попытка разработчиков из Adobe привнести в программу «третье измерение» тоже удалась. Новый Photoshop поддерживает загрузку 3D-моделей в самых распространенных форматах – 3DS, OBJ, Collada и других. Любой 3D-художник, который когда-либо создавал текстуры в Photoshop, наверняка оценит это нововведение.

Рисование текстур – неотъемлемая часть процесса создания трехмерного изображения. Сначала 3D-художник создает в редакторе трехмерной графики модели, а затем должен раскрасить их, чтобы они напоминали объекты реального мира. Если речь идет о кирпичной стене, то можно обойтись обычной фотографией, но если нужно раскрасить более сложный объект, то без рисования текстур в Photoshop не обойтись. Чтобы размер текстуры соответствовал размеру модели, на которую ее нужно наложить, в 3D-редакторе существуют специальные инструменты для создания разверток.

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

Создав развертку, 3D-художник загружает это изображение в Photoshop и начинает рисование текстуры. При этом, конечно, он примерно представляет себе, как фрагменты развертки соотносятся с моделью, однако все равно вынужден постоянно загружать текстуру в 3D-редакторе и смотреть, как она смотрится на модели, что нужно исправить.

В новом Photoshop в процессе рисования текстур обращаться к 3D-редактору не обязательно. Когда в программу загружается трехмерная модель, создается 3D-слой. Если модель содержит текстуру, Photoshop “подхватывает” ее и включает в виде элемента этого слоя, а также накладывает на модель в рабочей области программы. Название текстуры появляется под названием слоя.

При щелчке по элементу Texture открывается развертка, с которой можно работать, используя все привычные средства Photoshop. Как только вы сохраняете изменения, которые вносите в текстуру (для этого достаточно нажать CTRL+S), они мгновенно отображаются на модели. Таким образом, больше не нужно открывать 3D-редактор и смотреть, как выглядит текстура на модели.

Однако открывать 3D-модели в Photoshop можно не только, чтобы было легче нарисовать текстуру. Трехмерные модели могут быть полноправными элементами проектов, которые создаются в программе. Двойной щелчок по значку в нижней части 3D-слоя открывает специальную панель инструментов, где собраны средства для управления моделями. Их можно вращать, перемещать (в том числе, и указывая точные значение), масштабировать, отодвигать “вглубь” экрана или, наоборот, приближать, смотреть на них с разных сторон (сверху, снизу, слева и т.д.). Кроме этого, есть удобный инструмент для создания сечения. Это пригодится, прежде всего, архитекторам и тем, кто занимается твердотельным моделированием.

Модели также можно по-разному освещать (например, дневным, ночным, синим, красным светом) и выбирать для них разный способ отображения. Скажем, можно отобразить сетку, то есть показать строение модели. Если модель достаточно сложная, то все манипуляции с ней лучше проводить в режиме Bounding Box, когда отображаются только ее очертания в виде параллелепипедов.

Конечно, работая с 3D-моделями в Photoshop, нужно иметь в виду, что таких средств визуализации, как в 3D-редакторах, в этой программе нет. Однако в том, что этот пробел скоро будет восполнен, сомневаться не приходится. О скором выходе дополнения для Photoshop, предназначенного специально для визуализации, уже сообщила компания Newtek, известная своим 3D-редактором Lightwave. Возможности визуализации с использованием Radiosity появятся и в новых плагинах от компании Strata, которые обещают выпустить в течение ближайших месяцев.

Вывод

Photoshop CS3 Extended – безусловно, прорыв и объект зависти конкурентов. Выпустив новую версию Photoshop, компания Adobe в очередной раз доказала, что их программа идет “впереди планеты всей”. Теперь разработчикам конкурирующих 2D-редакторов ничего не останется, как “догонять” Photoshop, что они, думается, и будут делать в ближайшие два года. А Photoshop тем временем будет обретать новых пользователей из числа представителей тех профессий, которые раньше не ощущали необходимости покупки графического редактора.

Впрочем, фотографы и дизайнеры тоже не забыты. Даже те, кого не интересуют возможности версии Extended, найдут много интересного в стандартном Photoshop CS3.

• Словарь Photoshop – Работа со слоями (0)
• Photoshop Cs4 Extended (0)
• Словарь Photoshop – Алфавитный указатель (0)
• Фотоэффекты в ФотоШопе (0)
• Немного истории Adobe Photoshop (0)

В данном случае может показаться, что эти два слова уже надоели пользователям Интернет. Однако исследования показывают, что употребление этих слов помогает увеличить эффективность баннера на 20 – 30 %. Как раз эти слова становятся, решающим фактором в действии пользователя, при условии, что его заинтересовал заголовок.

2. Создавайте анимированные баннеры.

Эффективность анимированного баннера повышается на 30 – 40 %. Главное, в данном случае – анимация не должна быть слишком большой. Долгая по времени анимация рассеивает внимание пользователя, и баннер становится “тяжелым” для загрузки, в итоге баннерные сети его не пропустят, а другие вебмастера откажутся размещать его на своих страницах.

3.Баннеры должны быстро загружаться.

Максимальный объем хорошего баннера – 10 – 12 kb. Конечно, трудно уложить в такой объем всю необходимую рекламную информацию в комплексе с хорошим дизайном, но это совершенно необходимо. Самый лучший вариант, чтобы баннер весил меньше 10 kb, тогда он будет гораздо более эффективным и привлекательным как для баннерных сетей, так и для других вебмастеров и, конечно же, для посетителей.
Самый лучший и простой способ добиться желаемого результата – использование анимации из двух-трех кадров. Плюс к этому в подготовке графических изображений для кадров используйте управление цветом, т.к. в ряде случаев кадр можно выполнить в палитре 16 цветов, а это помогает сбросить 3 – 4 kb

4. Используйте для создания баннера “страничные” заголовки.

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

5. Самое лучшее слово, которое нужно обязательно использовать в заголовке баннера – “БЕСПЛАТНО”.

При этом ни в коем случае не следует располагать данное слово без пояснительного текста. Объясните пользователям, что именно они получат у Вас бесплатно. Практика показывает, что использование слова “БЕСПЛАТНО” с хорошим пояснительным текстом помогает существенно повысить коэффициент кликов.

6. Подчеркнутый текст голубого цвета способен увеличить число кликов по баннеру.

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

7. Самый лучший цвет для рамки баннера – голубой.

Он гораздо лучше всех других цветов, которые можно использовать в этом качестве. Исследования наглядно показали, что эта на первый взгляд незначительная деталь способна очень существенно помочь Вам в достижении желаемого результата.

8. Используйте в тексте баннера адрес Вашего сайта, а также логотип и название компании.

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

9. Используйте при дизайне баннера определенные трюки.

Наиболее распространенные из данных “трюков” заключаются в оформлении баннеров как элементов управления Windows, в частности – кнопки, выпадающие меню, полосы прокрутки и т.п. Как ни странно, многие люди покупаются на эти трюки, желая выбрать тот или иной пункт “меню”, прокрутить текст далее и т.п.

10. Меняйте баннеры почаще.

Исследования показали, что даже самые лучшие баннеры, изготовленные по всем правилам, после третьего их просмотра пользователем начинают стремительно терять интерес к ним.

• Создание новой переменной для баннеров, 2.0.x (0)
• Использование CMS (0)
• Спутниковый Интернет (0)
• Что такое хорошее Т3 на сайт? (0)
• Три отличных SEO совета (0)

• синий на белом;
• черный на желтом;
• зеленый на белом;
• черный на белом;
• зеленый на красном;
• красный на желтом;
• красный на белом;
• оранжевый на черном;
• черный на пурпурном;
• оранжевый на черном;
• черный на пурпурном;
• оранжевый на белом;
• красный на зеленом.

• Способы повышения посещаемости сайта (0)
• Текстовое наполнение сайта (0)
• Юзабилити: наука или идеология? (0)
• Портфолио (0)
• Практические рекомендации по раскрутке сайта (0)

Как и любой другой вид дизайна или искусства, дизайн рекламных баннеров претерпевает изменения. Несколько странно говорить об эволюции явления, история которого исчисляется единицами лет, но, тем не менее, за последние два года в российском Интернете можно было наблюдать, как меняется внешний вид этих web-модулей. О том, чем были обусловлены такие метаморфозы, – чуть позже.

На бесчисленных интернет-страницах вы встретите самые разные произведения баннерного web-искусства. Конечно, в большинстве случаев к искусству они отношения не имеют, но бывают и весьма достойные экземпляры. Сначала же – об основных тенденциях. Российский баннер обычно не слишком сложен, редко когда встретишь длинные сообщения, много картинок или развесистую анимацию. Чаще всего мы видим одно или пару изображений (по углам или в центре – это варьируется) и некий довольно краткий текст. Может присутствовать логотип и информация о том, куда вы попадете, нажав на этот баннер. А может и не присутствовать… Однако кажется, что количество баннеров, явно обманывающих или завлекающих клиента, снижается. Еще в прошлом году почти все баннеры изготавливались по принципу – чтобы человек нажал, а там разберется. Получались картинки, на которые нажимали до 30% видящих их людей (в основном, конечно, обыгрывалась эротическая тема), а попадали они на сайты магазина или компьютерной фирмы. Фирме-то было, может, и неплохо, а вот пользователи жаловались (очень часто испытываешь недовольство, попав совсем не туда, куда надеялся, и за это начинаешь ненавидеть и баннер, и компанию, на сайте которой ты очутился).

Насколько можно заметить, сейчас в большинстве случаев примерно ясно, что содержится на сайте, на который ведет баннер. Многие становятся просто имиджевыми – логотип и название сайта. Есть такие: нарисовано и написано что-то интригующее, а мелкими буквами сказано о том, что вас ждет на сайте. Главное – привлечь внимание, пусть человек хотя бы запомнит твой баннер. Кстати, и количество ложных элементов интерфейса, столь популярных недавно, тоже уменьшается. Более честными становятся наши изготовители баннеров! Около двух лет назад вставить в баннер окошко традиционного интерфейса практически означало обеспечить ему успех. И вставляли не только окошки, но и выпадающие меню, курсоры, короче, лишь бы наивный зритель запутался и нажал. А уж куда он попадет – это не важно. Теперь все немного успокоились, тем более что посетителей сайтов теперь так просто не обманешь, да и цензура, введенная основными баннерными сетями, тоже оказывает свое влияние. Теперь все чаще баннеры стараются делать привлекательными за счет каких-то “честных” приемов. А как сделать баннер бросающимся в глаза и одновременно информативным? Несомненно, для этой цели лучше всего подходит анимация.

• Способы повышения посещаемости сайта (0)
• Кроссбраузерная подсветка счетчиков (0)
• Панели в php-Fusion (0)
• Как сделать хороший сайт (0)
• “Одноклассники” продали дни рождения (0)

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

Что же такого необычного в YUV представлении цвета по сравнению с RGB? А то, что оно наиболее близко к “естественному”, тому, которое неосознанно выполняет человек. Y-компонента, или яркость, тесно связана с качеством картинки. Точнее сказать Y – это и есть картинка, только черно-белая. Компоненты U и V содержат информацию о цвете и позволяют нам раскрашивать Y-картинку.

На следующем после преобразования шаге изображение разделяется на квадратные участки размером 8х8 пикселей. После этого над каждым участком производится т.н. дискретное косинус-преобразование (ДКП). При этом выполняется анализ каждого блока, разложение его на составляющие цвета и подсчет частоты появления каждого цвета.

Человеческий глаз устроен таким образом, что наиболее чувствителен именно к яркостной составляющей изображения (Y-компонента) и наименее к цветовым. Причина этого феномена лежит в физиологии. Вы, наверно, помните, что зрачок, представляет собой оптическую линзу, которая фокусирует изображение на глазное дно, покрытое палочками и колбочками. Ну так вот, палочки – это сенсоры, воспринимающие именно яркостную составляющую, а колбочки – цветовую. Причем палочек на порядок больше, чем колбочек, и они гораздо более чувствительны к свету. Вспомните поговорку “Ночью все кошки серы”. Почему так? Почему вечером все теряет цвет? Именно из-за того, что количества падающего на зрачок света не хватает для того, чтобы вызвать реакцию колбочки. Но и чувствительность человеческого глаза к разным цветам тоже величина не постоянная. Зрачок более чувствителен к нижней части цветового спектра, нежели к верхней. Формат JPG как раз и учитывает эти особенности.

Анализируя частотную информацию о появлении цветов, удается избавиться от части информации уже в процессе квантования. При этом цвета в верхней части спектра исключаются, что практически не сказывается на зрительном восприятии образа. Также исключается часть яркостной информации. Грубо говоря, JPG просто отбрасывает от яркостной составляющей половину полезного сигнала, а от цветовой 3/4. Это, конечно, примерно, т.к. существуют градации и более сложные схемы сжатия.

Количество информации, исключаемой при сжатии, зависит от требуемого качества изображения. При максимально-высоких уровнях сжатия детали полностью стираются, и блок становится серым. При средних и низких уровнях сжатия в файле сохраняется _примерная_ информация о цвете данного участка. Величина этой “примерности” напрямую зависит от степени сжатия. И это нужно понять, что в отличие от обычных форматов, сохраняющих изображение поточечно, JPG сохраняет примерные цвета. Если говорить научным языком, то JPG использует для сохранения ряды Фурье и при больших степенях сжатия просто отбрасывает члены ряда высшего порядка. И каждый раз при воспроизведении изображения на экране компьютер производит синтез. Причем, достаточно ресурсоемкий и заметный на медленных компьютерах. Из этого следует одно замечание – если Вы сохранили какой-нибудь рисунок в формате JPG, то восстановить его обратно до последнего пикселя невозможно! Именно из-за этого формат называется “форматом с потерями”, и именно поэтому не рекомендуется пересжимать JPG-изображения, т.к. они обязательно станут хуже. А если это сделать 10 раз?

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

Таким образом, первоначальные 24 бита на элемент изображения или 1536 бит (192 байта) на блок превращаются в горстку бит, которые описывают зрительные характеристики всего участка изображения.

• Браузеры, которые мы выбираем (0)
• Flash-контент не вышел из младенчества (0)
• Сущность Понятия – Веб-Дизайн (0)
• Эволюция баннерного искусства (0)
• Что такое Web-Дизайн (0)

Давайте вспомним. Что лежит в основе Web-страничек? Верно, язык HTML, и определятся он как текст в формате ASCII со вставкой специальных разметочных кодов (или тэгов). И когда броузер отображает страничку, то он находит эти коды и выполняет соответствующие им действия (например, встречая тэг <b> начинает вывод последующего текста полужирным шрифтом, а встречая </b> – прекращает это делать). Полный набор таких тэгов называется спецификацией и поддерживается WWW-консорциумом, в который входят все основные компании, разрабатывающие программное обеспечение для Internet (в том числе, и Microsoft с Netscape). В идеале, все броузеры должны удовлетворять данным спецификациям, но, к сожалению, реальная жизнь и конкуренция между ведущими производителями броузеров вносят свои коррективы.

Напомню, что первоначально HTML позиционировался как язык логической разметки текста, независимый от устройства вывода. То есть тэги воспринимались как указание к выделению части текста некоторым образом. Отсюда в языке имеется множество т.н. логических тэгов типа <strong>, <em>, : , к сожалению, редко применяющихся. Фраза “независимый от устройства вывода” обозначает, что результат интерпретации HTML-кода может быть выведен не только на экран, но и, к примеру, на звуковую карту (когда компьютер сам будет читать Вам содержимое HTML-странички) или на специальное устройство, воспроизводящее содержимое странички кодом Брайля. Но получилось так, что язык HTML, в конце концов, превратился в язык описания страниц на экране компьютера.

В настоящий момент имеются два броузера, особенности которых должен учитывать web-дизайнер при изготовлении страничек. Это “Netscape Navigator” и “Microsoft Internet Explorer” (а вдруг кто не знает :) На самом деле броузеров гораздо больше, но они все вместе занимают всего около 1% рынка и, как правило, стремятся к совместимости с одним из двух лидеров. Между собой лидирующие броузеры делят рынок в соотношении примерно 75/25 (на данный момент лидирует Internet Explorer). Так что, в дальнейшем будут рассматриваться только эти программы.

Первое правило профессионального web-дизайна

Для чего же мы должны учитывать то, как смотрятся наши странички в обоих броузерах, если имеется стандарт языка HTML, и все они обязаны правильно просматривать код? А в том-то и дело, что интерпретируют они код по-разному (иногда очень по-разному), причем не только версии разных броузеров, но и разные версии одного и того же броузера. Причиной этого явилась конкуренция компаний, когда они вводили новые тэги для повышения конкурентоспособности своих продуктов. И как следствие любой закрытой программы, они по разному понимают значение тех или иных тэгов.

Отсюда, первое правило – профессиональный web-дизайнер просто обязан знать, как просматриваются его странички во всех популярных броузерах и их различных версиях.

Второе правило профессионального web-дизайна

Кроме этого, приходится также учитывать тот факт, что пользователи имеют компьютеры с различной аппаратной конфигурацией. Я не имею ввиду, что кто-то ходит по Web на 286 машине (а вдруг правда? :), но есть много вполне современных компьютеров, которые обладают низкой разрешающей способностью. За примерами далеко ходить не надо – ноутбук. Большое их количество выпускается с черно-белым экраном, а цветные ноутбуки чаще всего ограничены палитрой в 256 цветов. Или, например, палмтопы (становящиеся популярными карманные компьютеры) под управлением Windows CE – они изначально были черно-белыми.

Вот, добрались и до второго правила – профессиональный Web-дизайнер должен просматривать странички при различном количестве цветов. И в случае необходимости делать странички с использованием только безопасной палитры.

Третье правило профессионального web-дизайна

Все странички принадлежат одной большой объединенной сети (WWW называется :), и в этой сети находятся совершенно разные компьютеры: IBM PC-совместимые, Apple Macintosh, различные версии UNIX, Amiga, : Да и все что угодно. И все эти платформы, так скажем, немного отличаются при выводе графики на экран. Вряд ли шрифт в Linux будет точно таким же, как в Windows, да и палитра цветов по умолчанию может отличаться, и алгоритм дизеринга при выводе на экран, и : В общем, если сайт важный и представляет интерес для широкого круга пользователей, то обязательно протестируйте сайт на разных платформах и под разными операционными системами. Это было третье правило профессионального Web-дизайнера :)

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

В общем, не все ладно в мире броузеров. Придут времена и все они будут показывать странички так, как описано в спецификации, но сейчас : Сейчас нам приходится учитывать все нюансы и особенности броузеров при изготовлении Web-страниц.

• Эволюция баннерного искусства (0)
• Сущность Понятия – Веб-Дизайн (0)
• Бесплатные Информеры (0)
• Что такое Web-Дизайн (0)
• Как работает формат JPEG? (0)