СОЗДАНИЕ ГРАФИКИ ДЛЯ WEB - СТРАНИЦ Как создать баннер? Юрченко Галина Ивановна, 2006.

Презентация:



Advertisements
Похожие презентации
Создание анимации (баннера) в Adobe Photoshop. Тема урока:
Advertisements

ГАОУ СПО НСО «КМТ» Создание gif анимации в Adobe PhotoshopCS3 Выполнила: Гребенщикова Мария, группа 096 Руководитель: Шевченко Алина Александровна г. Куйбышев.
Создание аватарок для Web-страниц. Что такое аватар? Аватар картинка размером 100×100 (120×120, 80×80, 64×64 и др.), которую обычно используют на форуме,
СОЗДАНИЕ БАННЕРА. Файл – Создать ( размер 200 х 70)
АНИМАЦИЯ «Прыгающий мяч». Создать новый документ 300x60pix, разрешение 72 pixels/inch.
Графика и анимация Интерфейс Adobe Photoshop А.Г.Баханский.
GIMP Создадим новое изображение размером 400х200 пикселей с белым фоном. В самом начале нам нужно выбрать цвет, который будем использовать для надписи.
ImageReady ImageReady Графический редактор, приложение к программе Adobe Photoshop. Графический редактор, приложение к программе Adobe Photoshop. Как и.
Перед началом работы в папке своего класса создайте свою папку.
Баннер Баннер (англ. banner флаг, транспарант) графическое изображение рекламного характера. Баннеры размещают для привлечения потенциальных клиентов.
И СПОЛЬЗОВАНИЕ СЛОЯ МАСКИ. mask layer Использование слоя маски (mask layer) позволяет закрывать часть слоя (или слоев), который находится под слоем маски.
Обучающая презентация «Создание анимации в программе Adobe Photoshop CS2» Выполнила: Мастер п/о ГОУ СПО ТК 24 Шевченко Т.В. ГОСУДАРСТВЕННОЕ ОБРАЗОВАТЕЛЬНОЕ.
Занятие по компьютерной графике Тема занятия: Создание анимации в Active GIF Creator 3.5 (russian edition)
1) На диске Student в папке своего класса создать свою папку; 2) Открыть Potoshop CS5. Открыть любую картинку из папки 2_КАРТИНКИ на диске Student. Например,
Петржик В.М.. Проект Paint.NET (читается как «Пайнт дот нет») разработан студентами Университета штата Вашингтон под патронажем компании Microsoft и ориентирован.
Интерфейс и основные возможности растрового графического редактора Инструменты рисования растровых графических редакторов.
Создание Web-сайтов в программе Microsoft FrontPage.
2015 г. Петрова Л.Б. Создание Flash-анимации урок информатики (10 класс, базовый уровень) учитель информатики высшей категории Петрова Л.Б.
Проект Paint.NET (читается как «Пайнт дот нет») разработан студентами Университета штата Вашингтон под патронажем компании Microsoft и ориентирован для.
Что это? Нельзя научить, можно научиться! Горбунова И.М., учитель информатики МОУ «СОШ 2 р.п. Новые Бурасы»
Транксрипт:

СОЗДАНИЕ ГРАФИКИ ДЛЯ WEB - СТРАНИЦ Как создать баннер? Юрченко Галина Ивановна, 2006

Стандартный баннер - это обыкновенный gif – файл, размером пикселей, созданный в палитре True Color и не превышающий объема 15 Кбайт

Рассмотрим пример создания простейшего баннера 1. Запустите Adobe ImageReady. 2. Создайте новый файл, задав ему размер 468 х 60 пикселей.

3. Выполните заливку фона. 4. Вставьте из библиотеки картинок какой-либо рисунок. 5. Подгоните изображение под желаемый размер

6. Выполните слияние двух слоев: слой фона и слой картинки и назовите итоговый слой - Слой 0 (Layer 0) слой фона слой картинки

7. Создайте копию Слоя 0.

8. С помощью инструмента Эллиптическая область (Ellipse Marquee) в новом слое создайте круг (применив данный инструмент вместе с клавишей Shift). Залейте круг голубым цветом. Выполните слияние копии слоя 0 и слоя с кругом и назовите новый слой - Слой 1 (Layer 1)

9. Создайте копию Слоя1 и поместите на него текст «ОКНО» инструмент Текст (Text) из палитры инструментов. 10. Выполните слияние двух слоев: копия слоя 1 и слой с текстом «ОКНО» и назовите новый слой Слой 2 (Layer 2)

11. Создайте копию Слоя Добавьте к слою текст «в удивительный мир» и переименуйте слой в Слой 3

13. Создайте копию Слоя 3 и добавьте к слою полоску с помощью панели инструментов Прямоугольная область (Rectangle Marquee). Залейте ее голубым цветом. Назовите новый слой – Слой 4.

13. Создайте копию Слоя 4, добавьте к слою текст «ИНФОРМАТИКИ» и переименуйте слой в Слой 5

Теперь в нашем файле есть 6 слоев, из которых мы будем делать анимированную картинку – баннер.

14. В палитре анимация выберите пункт "Создать кадры из слоев"

15. В меню палитры анимации выберите все кадры. Задайте время анимации 0.5 с

16. Сохраните это изображение в формате psd и в формате gif (Сохранить оптимизированное).

Все готово! На главную Использовались материалы: 1.Статья Е.В. Давыдовой «Создание графики для Web-страниц» «ИНФОРМАТИКА И ОБРАЗОВАНИЕ» 5, Учебник по Photoshop