Материалы к уроку по анимации

7. Разрешение

Что такое разрешение изображения?

Разрешение – количество пикселей на дюйм (dpi).

---

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

При сканировании фотографии или при создании в растровом графическом редакторе – разрешение задается  пользователем.

При фотографировании разрешение определяется разрешающей способностью цифрового фотоаппарата.

Разрешение фотографии определяется разрешающей способностью фотоаппарата.

При работе в векторном графическом редакторе вы не задаете разрешение, т. к. качество векторного изображения зависит от разрешения устройства вывода.

Размер файла в растровом изображении зависит от количества пикселов в изображении.

Разрешающая способность монитора – количество пикселей на экране.

       Если размер экрана – 800 на 600 пикселов, то разрешение – 72 пиксела на дюйм.

       Если размер экрана – 1024 на 768 пикселов, то разрешение – 96 пикселов на дюйм.

---

Разрешение монитора не связано с разрешением растрового изображения!

---

Если разрешение изображения больше, чем разрешение монитора, то изображение кажется больше, чем есть на самом деле.

Чем выше количество точек на дюйм – тем выше качество печати.

Обычно в полиграфии для печати форматов до А3 принтеры выводят изображение с разрешением 300 dpi. Для этого необходимо создавать растровые изображения с таким же разрешением!!!

А для создания изображений для компьютера (презентация, сайт) достаточно разрешения монитора – 96 dpi.

Что такое баннер?

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

Виды баннеров

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

• JPG баннер – один из первых разновидностей баннера появившихся в Интернете, представляет из себя статическое изображение. На данный момент считается устаревшим и не может соперничать со своими более современными собратьями.
• GIF баннер – следующая ступень эволюции баннеров. Представляет собой анимированный графический элемент, созданный из набора статичных изображений (кадров). Обычно состоит из 3-5 кадров.
• Flash баннер – самая современная технология,позволяющая создавать самые эффектные анимированные баннеры. Предоставляет обширные возможности для реализации дизайнерских идей.
• Пиксельные баннеры – обособленный вид баннеров. Если при создании JPG, GIF и Flash баннеров в большинстве случаев используются фотоизображения, что негативно сказывается на весе, пиксельные баннеры создаются путем прорисовки дизайнером каждого пикселя (пиксель – мельчайшая точка или элемент изображения) вручную. Такая технология, позволяет создать красочную анимацию при минимальном весе баннера.

Форматы баннеров

Формат – параметры ширины и высоты баннера, измеряемые в пикселях. Например, баннер шириной 468 пикселей и высотой в 60 пикселей, обозначается как 468х60. В техническом плане ограничений в формате баннера не существует. Существуют лишь общепринятые стандарты, на которые опирается большинство владельцев web-сайтов, при проектировании рекламных мест на своем ресурсе. Вы вполне можете отойти от общепринятых форматов, если владелец рекламного места предоставляет возможность размещения “нестандартных” баннеров.

Создание баннеров

Вы, скорее всего уже задали себе вопрос: “А почему я должен сделать заказ именно у них?”. К выбору изготовителя нужно подходить, очень основательно и в этом вы совершенно правы. Баннер будет представлять ваш web-сайт перед огромным числом пользователей сети и зачастую, вид баннера может оказать влияние на мнение о web-сайте владельца в целом.

Вредные советы

Часть 1

Если Вы прочли в газете,
Или слышали в трамвае,
Что весь мир опутан сетью
Под названьем Интернет -
Не пугайтесь, а найдите
Вы соседа или друга,
У которого бы дома
Был компьютер и модем.
Пусть под Вашим руководством
Смастерит он Вам страницу
(Ведь не будете же сами
Вы учить НTML).

Для начала пусть напишет
Он размером в пол-экрана:
"Здравствуйте, я - Вася Пупкин"
(Или как вас там зовут).
И пускай все будет красным
На зеленом, скажем, фоне -
Тут как раз и проявите
Ваш высокий личный вкус.

А потом нужна картинка,
Килобайт на 200-300,
Если нет идей хороших,
Можно снять вид из окна.
А под этим напишите
Вы ещё такую строчку
(Обязательно дословно -
Это ламмерский пароль):
"ИзвЕните, этот хоум
Пейдж еще "under construction",
И, закончив дело, смело*
Отправляйтесь погулять.

Но как только рядом с Вами
Речь зайдет об Интернете,
Заявите Вы небрежно,
Но значительно и гордо:
"Да, конечно, я знаком с ним,
Там моя страничка есть!"

План выполнения упражнения со снеговиком

1.                Учебник по Photoshop – уроки анимации

2.                Снеговик

·         Загружаем картинку снеговика 1.jpg

·         Выбираем мягкую кисть, рисуем снежный сугроб

·         Переходим Filter - Filter Gallery - Watercolor (Фильтр - Галерея фильтров - Акварель), затем Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) 3 px, Opacity (Непрозрачность) 30%.

·         С помощью мягкой кисти диаметром порядка 30 пк, с параметром Spasing=100% - нанести снежинки на слой фона

·         Создаём копию фона 3-4 раза и на каждом слое, используя разнообразные мягкие кисти, рисуем снежинки, чтобы изобразить снегопад (режим Lighting)

·         Файл - прейти  к Adobe Imidg Ready

·         Открыть палитру Window – Animation, создаём кадры из слоёв Make Frames From Layers(количество кадров равно количеству слоёв)

·         Заускаем анимацию, предварительно настроив задержку на каждом кадре

·         Сохраняем файл оптимизированный – в результате получается gif-анимация. Результат просматриваем через браузер.