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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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