Ученики на Учителя.com


План-конспект урока "Создаем анимированную открытку"

Создаем анимированную открытку ко дню Защитника Отечества.
1. Создадим изображение размером 1200×1200
пикселей. Идём
в меню «Файл» → «Создать» → «Создать новое
изображение». Цвета RGB, цвет белый. Меняем цвет
переднего плана на красный #С10606, Цвет фона
меняем на тёмно-красный цвет #650404. На панели
инструментов выбираем
инструмент «Градиент», «Основной в фоновый»,
форма «Радиальная».
2. От центра изображения ведем линию градиента
горизонтально к краю и немного за край.
Изображение заливается градиентом, в диалоговом
окне слоёв появился слой «Фон».
3. Теперь надо создать солнышко, состоящее из 8-
ми лучей. Создадим новый прозрачный слой через
меню «Слой» или с помощью значка внизу диалога
слоёв. По моим приблизительным подсчетам
полоски для лучей должны быть шириной 75
пикселей, и расстояние между ними должно быть 75
пикселей. Для удобства в работе я создала две
направляющих: одну на расстоянии 37 пикселей
от края, вторую на 102 пикселя. (Кто желает,
может работать и без направляющих, если уверен
в точности своих действий).
4. Инструментом «Прямоугольное
выделение» делаем выделение для одной полоски.
Меняем цвет переднего плана на оранжевый
#F7A618 и заливаем полоску, просто перетащив
квадратик переднего плана на выделение. Снимаем
выделение. Меню «Выделение» → «Снять
выделение». Щелкаем левой кнопкой мыши
по оранжевой полоске.
5. Дублируем слой. Для этого на клавиатуре нажимаем
одновременно SHIFT+CTRL+D, оставляем зажатой
только клавишу SHIFT и нажимаем 2 раза
на стрелочку «→» на клавиатуре. Полоска сдвигается
вправо. Этим же методом тремя клавишами снова
дублируем полученную полоску и перемещаем
клавишей SHIFT и стрелочкой. Такими действиями
создаем 8 полосок.
6. Объединим 8 полосок. Отключим временно глазик
на слое «Фон». Правой кнопкой мыши нажимаем
на любом слое с полосками. В выпадающем окне
выбираем «Объединить видимые слои». Остается
один слой с полосками и слой Фон. Правой кнопкой
мыши нажимаем на слое с полосками, в выпадающем
окне выбираем «Слой к размеру изображения».
Удалим направляющие через
меню «Изображения» →«Направляющие» → «Уда
лить направляющие».
7. К слою с полосками применим
фильтр «Искажения» → «Полярные
координаты» с настройками как на скриншоте.
Создаем анимированную открытку ко дню Защитника Отечества.
8. Глубина круга в процентах 100, угол смещения 0,
галочки в окошках «Отобразить
сверху» и «В полярное». Нажимаем «ОК».
9. На панели инструментов
выбираем «Выравнивание». Щёлкаем по холсту,
появляется рамочка. На панели инструментов
выбираем«Центрировать по вертикальной оси»,
а затем «Центрировать по горизонтальной оси».
Изображение разместится строго по центру, если
раньше этого не было.
10. На панели инструментов выбираем «Эллиптическое
выделение» с настройками как на скриншоте,
и создаем выделение. Идем
в меню«Выделение» → «Инвертировать» и нажима
ем DEL на клавиатуре.
11. У солнышка получаются размытые края.
12. В папке заготовки выбираем рисунок 1. Открываем
картинку звезды в GIMP. Копируем
её, «Правка» → «Копировать», переходим на файл
с солнышком и вставляем её
туда «Правка» → «Вставить как» → «Новый
слой». Подгоняем размер звезды масштабированием
и перемещением. Убираем белый фон. Волшебной
палочкой (инструмент «Выделение смежных
областей») щелкаем по белому фону. Появляется
выделение. Нажимаем DEL на клавиатуре.
Выделение снимаем.
13. Отцентрируем звёздочку, как это сделать, описано
ранее. Осветлим звёздочку. Идём
в меню «Цвет» «Уровни». Открывается окно.
14. Средний ползунок сдвигаем немного влево.
Нажимаем «ОК».
Создаем анимированную открытку ко дню Защитника Отечества.
15. Волшебной палочкой с порогом 40 выделяем серую
полоску, которая вокруг звезды. Нажимаем DEL
на клавиатуре. Выделение не снимаем. Зальём
выделение градиентом Golden # 1, форма радиальная.
Выделение снять.
16. Теперь напишем текст «С Днём защитника
Отечества!». Шрифт Sans Bold, размер 150
пикселей, выключка по центру, цвет оранжевый
F04408. Жмём правой кнопкой мыши по текстовому
слою, выбираем «Текст в контур». Цвет переднего
плана установим #940505. В диалоговом
окне«Контуры» нажимаем на значок «Обрисовать
контур заданным образом». В открывшемся окне
выбираем «Обвести линией», «Одним
цветом», «Толщина линии» 3 пикселя.
Нажимаем «Обвести».
17. Создадим три копии слоя с текстом. Всего получится
четыре слоя с текстом. На панели инструментов
выбираем инструмент «Выделение
по цвету» и щелкаем на букве. Появляется
выделение в каждой букве. Заливаем каждый слой
линейным градиентом Golden #1. Линю градиента
на каждом слое ведём по-разному. На верхнем слое
тянем линию сверху вниз. На следующем снизу
вверх. На третьем слое слева направо. На последнем
слое справа налево.
18. Идем
в «Фильтры» → «Искажения» → «Барельеф» с нас
тройками как на скрине нажимаем «ОК».
19. Применяем фильтр к каждому слою
с текстом. «Фильтры» → «Повторить Барельеф».
20. Переходим на слой со звездой и создаем 3 копии.
Всего должно получиться 4 слоя со звездой.
21. Переходим на слой Фон и создаём 3 копии этого
слоя. Должно получиться 4 фоновых слоя.
22. Переходим на слой с солнышком. Будем дублировать
и вращать слои. Для этого на клавиатуре нажимаем
одновременно SHIFT+CTRL+D, оставляем зажатой
только клавишу SHIFT и нажимаем R.Открывается
окно.
23. Задаём 11 градусов и нажимаем «Повернуть».
Дублируем и вращаем полученный слой этим же
методом. И так до получения четырех слоёв
с солнышком. Приводим каждый слой с солнышком
к размеру изображения. Для этого правой кнопкой
мыши на слое и выбрать пункт «Слой к размеру
изображения».
Создаем анимированную открытку ко дню Защитника Отечества.
24. Теперь необходимо создать кадры анимации. Для
этого важно разместить слои соответствующим
образом. N.B! (важно) Не менять порядок слоёв
с солнышком. Для удобства слои можно
пронумеровать. (Правой кнопкой мыши
по слою «Изменить атрибуты слоя…»)
25. Под каждый слой с солнышком переместить
фоновый слой перетаскиванием или с помощью
стрелочек внизу диалогового окна. Над каждым
слоем с солнышком поместить слой со звездочкой.
Над каждым слоем со звёздочкой поместить слой
с текстом.
26. Получилось четыре группы слоёв для создания
четырех кадров. Теперь объединим четыре слоя
в каждой группе в один слой. Оставим видимыми
четыре слоя в верхней группе. Все другие значки
глазика выключим. Правой кнопкой на одном
из видимых слоёв и выбрать пункт «Объединить
видимые слои». Вместо четырех слоёв получился
один слой. Его видимость отключаем. Делаем
видимыми следующие четыре слоя и объединяем.
Снова получился один слой. Так объединяем
последующие слои. Должно остаться четыре слоя.
Это и есть кадры анимации.
27. Можем уже посмотреть анимацию. Идём
в меню «Фильтры» → «Анимация» → «Воспроизв
едение».
Нажимаем «Воспроизвести»и просматриваем.
Но размер нашего изображения слишком большой.
Уменьшим его. Идём
в меню «Изображение» → «Размер
изображения»и в открывшемся окне задаем размер
600 пикселей. Если вас всё устраивает, то надо
сохранить анимацию в формате GIF.
В меню «Фильтры» →«Анимация» пункт «Оптим
изация (для GIF)» изменяет изображение так, чтобы
уменьшить размер файла для сохранения анимации
в формате GIF. Если сохранить анимацию в таком
виде, как она создана, то её размер будет больше.
Идем в Фильтры → Анимация → Оптимизация (для
GIF). Поэтому применим этот пункт, нажав на него
мышкой. Оптимизированная работа откроется
в новом окне.
28. Сохраняем анимацию. Идем
в меню «Файл» → «Экспортировать». Открывается
окно. В этом окне выбираем папку, в которую будем
сохранять. В поле «Имя» называем нашу анимацию.
Нажимаем на крестик возле пункта «Выберите тип
файла (По расширению)». В открывшемся списке
выбираем «Изображение
GIF» и нажимаем «Экспортировать».
29. Открывается ещё одно окно.
30. В нем надо обязательно поставить галочку
в окошке «Сохранить как анимацию».
Нажимаем «Экспорт». Анимация сохранена
Скачать материал

Информатика - еще материалы к урокам: