Мастер-класс Создание баннера для магазина в GIMP.

Создание баннера для магазина в GIMP.

Добрый день, жители Ярмарки.
Сегодня я предлагаю Вам создать баннер для магазина в графическом редакторе GIMP. В отличие от фотошопа, гимп является свободным программным обеспечением, т.е. бесплатным, а по функционалу почти не уступает фотошопу.
Мастер-класс сделан максимально понятным с большим количеством картинок, но если что-то будет не ясно, спрашивайте-охотно отвечу.
Работать будем в несколько этапов. Первым делом найдем пару фотографий, близких по колористике. На одной из них я покажу вам, как грамотно вырезать нужное изображение и вставить его в баннер, а вторую картинку поставим фоном. Затем создадим баннер, вставим в него готовые изображения и сделаем надпись.
Итак. Я выбрала вот эти две фотографии для баннера:

Начнем с фоновой.
Открываем картинку в гимпе: «файл-открыть»

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

Изображение стало размером со спичечный коробок. Меняем масштаб на 50% (левый нижний угол).

Теперь нам надо слегка подогнать наш фон под размер будущего баннера. Берем инструмент «кадрирование» (иконка с канцелярским ножом), выделяем нужную область, удерживая левую клавишу мышки, примерно вот так:

Нажимаем «Еnter». Фон готов. Сохраняем его: «Файл-сохранить как». Закрываем, чтобы не мешал.
Переходим ко второй фотографии, из которой вырежем цветы для вставки.
Открываем новое изображение: «Файл-открыть». Сразу уменьшаем изображение, как и в первый раз: «Изображение-размер изображения-ширина-1000пикселей». Эти параметры весьма приблизительны. Потом, когда будем вставлять картинки в баннер, все подровняем.
Выбираем инструмент «свободное выделение» (третья иконка в первом ряду) и произвольно обводим нужное изображение:

Щелкаем правой кнопкой мышки на выделении: «правка-вырезать»

Далее идем в верхнее всплывающее меню: «файл-создать-из буфера обмена»:

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

Вычищаем аккуратно, если надо убрать что-то очень мелкое, увеличиваем масштаб до 100%, где нужно, стираем оставшиеся куски ластиком (розовая иконка). В итоге должно получиться чистое и красивое изображение. Чтобы края нашей картинки не были очень резкими и изображение на другом фоне не выглядело чужеродным и вырезанным, пройдемся по периметру инструментом «резкость/размывание» (иконка голубой капли), при этом кисть выберем с мягкими краями, выставив подходящий масштаб:

Сохраняем картинку и закрываем ее.

Теперь переходим непосредственно к самому баннеру.

«Файл-создать». Размеры изображения-760 на 75:

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

Сделаем градиентную заливку нового слоя. Выбираем цвет, близкой к цвету нашей фоновой картинки. Инструмент «градиент», внизу выбираем два цвета для плавного перехода из одного в другой. Я первым выбрала розовый, второй оставила белым.

Удерживая правую клавишу мышки, проводим линию градиента:

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

Вставляем первую картинку: «файл-открыть как слои»:

Слой можно двигать, выбрав инструмент «перемещение», и уменьшать/увеличивать- инструмент «масштаб»:

Добиваемся красивого расположения картинки.

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

Правой кнопкой мышки нажимаем на «новый слой» в меню слоев справа. В открытом меню выбираем «добавить маску слоя»:

Параметры ставим вот такие:

В левом меню инструментов выбираем снова «градиентную заливку», цвет выставляем черный. И проводим линию градиентом примерно вот так:

Получаем красивый ровный переход:

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

Теперь вставляем вторую картинку.
«Файл-открыть как слои»:

Да, картинка великовата. Уменьшаем ее инструментом «масштаб», «перемещением» передвигаем на нужное место, переворачиваем зеркально, если нужно, инструментом «зеркало» и меняем положение относительно горизонтали «вращением». Все эти инструменты стоят на панели рядом-синие значки.

Теперь правим общее впечатление, уменьшая или увеличивая прозрачность какого-либо слоя. В окне «слои» указываем, с каким именно слоем будем работать, выделяя его, и, передвигая ползунок «непрозрачность», добиваемся нужного эффекта. Можно это и не делать. Все на ваше усмотрение.

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

Сейчас описывать этот процесс не буду, иначе виртуальной бумаги точно не хватит. Предположим, что шрифты у нас есть.

Выбираем иконку «текст» (жирная буква А, не промахнетесь), выделяем область на баннере, где будет располагаться текст и в открытом диалоговом окошечке набираем нашу надпись:

Теперь выбираем шрифт, замирая от восторга. Не знаю , как вы, а я в школе страстно мечтала иметь такой почерк:

Добавляем себя, любимого, второй надписью, выделив новую область на баннере и опять же подкорректировав шрифт, размер и цвет:

Готово. Теперь сохраняем все, как есть, не меняя формат. Делаем это для того, чтобы потом, если вам вдруг разонравится какая-либо деталь в баннере, ее можно было бы легко заменить или поправить. После объединения слоев и смены формата баннер станет единой картинкой, с которой уже ничего нельзя будет сделать.

И заключительный этап- объединяем все слои в одно целое:

Получаем готовый баннер:

При сохранении баннера помните, что нужно поменять рабочий формат гимпа на .JPG. Здесь, на Ярмарке, другие картинки просто не загрузятся.
На примере этого баннера я показала вам разные приемы обработки картинок в гимпе. Пробуйте и экспериментируйте. Создание баннера, как и создание коллажей-не менее увлекательное занятие, нежели наш любимый handmade.
Удачи!

LiveInternetLiveInternet

  • Регистрация
  • Вход

Рубрики

  • МУЛЬТИВАРКА (229)
  • все о свадьбе (82)
  • ХЛЕБОПЕЧЬ (12)
  • Аэрогриль (4)
  • ЗДЕСЬ ПИШИШЬ РУБРУКУ (0)
  • 14 февраля (253)
  • 23 февраля (41)
  • 3Д (78)
  • 8 марта (96)
  • альбомы (304)
  • атласная лента (406)
  • бантики,заколки (197)
  • батик(роспись по ткани) (26)
  • Бисер (240)
  • Братья наши меньшие (23)
  • букет из конфет (1922)
  • для работы (79)
  • Бутылочки (404)
  • вышивка (814)
  • генераторы (308)
  • декупаж (259)
  • делаем цветы сами (970)
  • День рождения,подарки (371)
  • детям (657)
  • для дневника (881)
  • для дома (1179)
  • для коментариев (349)
  • закон и порядок (300)
  • Ив Роше (21)
  • идея (754)
  • из бумаги (1079)
  • из газет (879)
  • из глины (47)
  • из картона (269)
  • изонить (108)
  • Иконы,молитвы (164)
  • интересное (770)
  • интерьер (555)
  • канзаши (484)
  • картинки (4633)
  • Кулинария (3648)
  • ОТКРЫТКИ (780)
  • ЭНЦИКЛОПЕДИЯ (133)
  • квиллинг (726)
  • кинофильмы,видео (681)
  • книги,журналы (2313)
  • ком/растения (262)
  • конфетки (28)
  • лепка (271)
  • мастер класс (4278)
  • медицина (185)
  • мои работы (160)
  • мои выставки (7)
  • музыка (213)
  • мультики (96)
  • мыло (295)
  • Новый год (1011)
  • оригами (282)
  • отрисовки (6)
  • пасха (620)
  • пергамано (72)
  • пл.бутылка (236)
  • пластилин (12)
  • поздравляю (176)
  • программы (1031)
  • пэчворк (435)
  • рамки (311)
  • Рамочки текстовые (856)
  • рисуем (370)
  • рукоделие (949)
  • свечи (151)
  • Свое дело (31)
  • своими руками (1931)
  • сд (63)
  • Скачать (161)
  • скрап набор,арт (514)
  • скрапбукинг (815)
  • советы (545)
  • соленое тесто (217)
  • ссылки (990)
  • стихи (1274)
  • тиснение (8)
  • украшения (327)
  • учимся (779)
  • финансы (80)
  • флешка (49)
  • фоны (151)
  • фотошоп (413)
  • х/форфор (112)
  • Цветы из ткани (508)
  • цитаты (107)
  • шаблоны,вырезалки (568)
  • шкатулки,коробочки (481)
  • школа (239)
  • шьём (1241)
  • юмор (315)

Музыка

Метки

Ссылки

Я — фотограф

Мамин юбилей

Поиск по дневнику

Подписка по e-mail

Статистика

Создание баннера для магазина в GIMP.

Добрый день, жители Ярмарки.
Сегодня я предлагаю Вам создать баннер для магазина в графическом редакторе GIMP. В отличие от фотошопа, гимп является свободным программным обеспечением, т.е. бесплатным, а по функционалу почти не уступает фотошопу.
Мастер-класс сделан максимально понятным с большим количеством картинок, но если что-то будет не ясно, спрашивайте-охотно отвечу.
Работать будем в несколько этапов. Первым делом найдем пару фотографий, близких по колористике. На одной из них я покажу вам, как грамотно вырезать нужное изображение и вставить его в баннер, а вторую картинку поставим фоном. Затем создадим баннер, вставим в него готовые изображения и сделаем надпись.
Итак. Я выбрала вот эти две фотографии для баннера:

Начнем с фоновой.
Открываем картинку в гимпе: «файл-открыть»

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

Изображение стало размером со спичечный коробок. Меняем масштаб на 50% (левый нижний угол).

Теперь нам надо слегка подогнать наш фон под размер будущего баннера. Берем инструмент «кадрирование» (иконка с канцелярским ножом), выделяем нужную область, удерживая левую клавишу мышки, примерно вот так:

Нажимаем «Еnter». Фон готов. Сохраняем его: «Файл-сохранить как». Закрываем, чтобы не мешал.
Переходим ко второй фотографии, из которой вырежем цветы для вставки.
Открываем новое изображение: «Файл-открыть». Сразу уменьшаем изображение, как и в первый раз: «Изображение-размер изображения-ширина-1000пикселей». Эти параметры весьма приблизительны. Потом, когда будем вставлять картинки в баннер, все подровняем.
Выбираем инструмент «свободное выделение» (третья иконка в первом ряду) и произвольно обводим нужное изображение:

Щелкаем правой кнопкой мышки на выделении: «правка-вырезать»

Далее идем в верхнее всплывающее меню: «файл-создать-из буфера обмена»:

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

Вычищаем аккуратно, если надо убрать что-то очень мелкое, увеличиваем масштаб до 100%, где нужно, стираем оставшиеся куски ластиком (розовая иконка). В итоге должно получиться чистое и красивое изображение. Чтобы края нашей картинки не были очень резкими и изображение на другом фоне не выглядело чужеродным и вырезанным, пройдемся по периметру инструментом «резкость/размывание» (иконка голубой капли), при этом кисть выберем с мягкими краями, выставив подходящий масштаб:

Сохраняем картинку и закрываем ее.

Теперь переходим непосредственно к самому баннеру.

«Файл-создать». Размеры изображения-760 на 75:

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

Сделаем градиентную заливку нового слоя. Выбираем цвет, близкой к цвету нашей фоновой картинки. Инструмент «градиент», внизу выбираем два цвета для плавного перехода из одного в другой. Я первым выбрала розовый, второй оставила белым.

Удерживая правую клавишу мышки, проводим линию градиента:

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

Вставляем первую картинку: «файл-открыть как слои»:

Слой можно двигать, выбрав инструмент «перемещение», и уменьшать/увеличивать- инструмент «масштаб»:

Добиваемся красивого расположения картинки.

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

Правой кнопкой мышки нажимаем на «новый слой» в меню слоев справа. В открытом меню выбираем «добавить маску слоя»:

Параметры ставим вот такие:

В левом меню инструментов выбираем снова «градиентную заливку», цвет выставляем черный. И проводим линию градиентом примерно вот так:

Получаем красивый ровный переход:

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

Теперь вставляем вторую картинку.
«Файл-открыть как слои»:

Да, картинка великовата. Уменьшаем ее инструментом «масштаб», «перемещением» передвигаем на нужное место, переворачиваем зеркально, если нужно, инструментом «зеркало» и меняем положение относительно горизонтали «вращением». Все эти инструменты стоят на панели рядом-синие значки.

Теперь правим общее впечатление, уменьшая или увеличивая прозрачность какого-либо слоя. В окне «слои» указываем, с каким именно слоем будем работать, выделяя его, и, передвигая ползунок «непрозрачность», добиваемся нужного эффекта. Можно это и не делать. Все на ваше усмотрение.

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

Сейчас описывать этот процесс не буду, иначе виртуальной бумаги точно не хватит. Предположим, что шрифты у нас есть.

Выбираем иконку «текст» (жирная буква А, не промахнетесь), выделяем область на баннере, где будет располагаться текст и в открытом диалоговом окошечке набираем нашу надпись:

Теперь выбираем шрифт, замирая от восторга. Не знаю , как вы, а я в школе страстно мечтала иметь такой почерк:

Добавляем себя, любимого, второй надписью, выделив новую область на баннере и опять же подкорректировав шрифт, размер и цвет:

Готово. Теперь сохраняем все, как есть, не меняя формат. Делаем это для того, чтобы потом, если вам вдруг разонравится какая-либо деталь в баннере, ее можно было бы легко заменить или поправить. После объединения слоев и смены формата баннер станет единой картинкой, с которой уже ничего нельзя будет сделать.

И заключительный этап- объединяем все слои в одно целое:

Получаем готовый баннер:

При сохранении баннера помните, что нужно поменять рабочий формат гимпа на .JPG. Здесь, на Ярмарке, другие картинки просто не загрузятся.
На примере этого баннера я показала вам разные приемы обработки картинок в гимпе. Пробуйте и экспериментируйте. Создание баннера, как и создание коллажей-не менее увлекательное занятие, нежели наш любимый handmade.
Удачи!

Рубрики: букет из конфет
генераторы

Процитировано 25 раз
Понравилось: 4 пользователям

Уроки по обучению работе с бесплатными программами

Страницы

Создание анимированного баннера для сайта в программе Gimp

Цель: создать анимированный баннер по заданной схеме в программе Gimp.

Перед началом работы необходимо загрузить из интернета и установить бесплатный графический редактор Gimp (URL: http://www.gimp.org/).

Все программы, необходимые для выполнения данного урока, бесплатны.

Необходимый начальный вид главного окна программы Gimp изображен на рисунке 1.

Порядок выполнения работы

1. Выбрать тему вашей работы (сфера деятельности компании, анимированный баннер товара или услуги которой нужно создать). Примеры тем приведены на странице http://freesofturoki.blogspot.ru/.
2. Запустить программу Gimp.
3. Если программа Gimp запущена первый раз, то в некоторых случаях она состоит из 3 окон, что не совсем удобно. Чтобы переключить программу в однооконный режим, нужно выбрать пункт меню Окна → Однооконный режим.
4. Руководство пользователя к программе Gimp на русском языке доступно через пункт меню Справка → Справка или на сайте программы Gimp (URL: http://gimp.org). Если справка не доступна через пункт меню Справка, то её можно загрузить отдельно с сайта программы и установить.
5. Создать новое изображение (пункт меню Файл → Создать… → ввести размер изображения (240 на 120 точек) → нажать кнопку OK).
6. Залить всё изображение любым светлым цветом. Для этого выбрать цвет, нажав двойным кликом на прямоугольнике выбора цвета, расположенном ниже панели инструментов, и залить им всё изображение, нажав на кнопке Плоская заливка на панели инструментов, а затем нажав на изображении.
7. Инструментом Текст с панели инструментов написать название товара или услуги согласно индивидуальному заданию в центре изображения. Размер, цвет и выравнивание (выключка) текста задаются на панели настройки текущего инструмента в левом нижнем углу экрана.
8. Создать новый прозрачный слой (пункт меню Слой → Создать слой. → тип заливки слоя «Прозрачный слой» → кнопка OK)
9. Скрыть все слои кроме нового созданного прозрачного слоя, нажав на все значки с изображением глаза слева от названия каждого слоя, кроме нового прозрачного, в окне слоёв (или удерживая клавишу Shift нажать на значке с изображением глаза слева от названия нового прозрачного слоя).
10. Сделать активным новый прозрачный слой, нажав на его названии.
11. Выбрать инструмент Карандаш с панели инструментов, задать красный цвет на панели выбора цвета, задать размер (толщину) карандаша равным 1 на панели настройки текущего инструмента и, удерживая клавишу Shift, нарисовать стрелку по 8 точкам, как указано на схеме анимации в кадре № 3.
12. Выделить внутреннюю часть стрелки. Для этого нужно выбрать инструмент Выделение смежных областей, задать режим «Заменить текущее выделение», порог «0,0» и нажать курсором мыши во внутреннюю часть стрелки.
13. Залить градиентной заливкой стрелку слева направо. Для этого выбрать инструмент Градиент, режим «Нормальный», градиент «Основной в фоновый (RGB)», форма «Линейная», указать цвет переднего плана «красный» и цвет фона «белый» на панели выбора цвета переднего плана и фона, нажать курсором мыши в левой части нарисованной стрелки и, не отпуская левой кнопки мыши, переместить курсор в правую часть стрелки и отпустить кнопку мыши.
14. Снять выделение со стрелки (пункт меню Выделение → Снять выделение).
15. Найти в интернете, например, через сервис для поиска изображений в интернете на сайте Яндекс-картинки (URL: http://images.yandex.ru/) или схематично нарисовать в редакторе Paint изображение товара или услуги и сохранить его в какую-нибудь папку на диске.
16. Вставить это изображение как новый слой (пункт меню Файл → Открыть как слои . → выбрать файл изображения → нажать кнопку Открыть).
17. Если вставленное изображение по ширине больше половины всего изображения, то выбрать инструмент Масштаб (не путать с инструментом Лупа), задать параметры: направление «Обычное (вперёд)», режим «Сохранять пропорции», нажать курсором мыши на изображении и, потянув за любой угол изображения, уменьшить его, а затем нажать кнопку Изменить в окне Масштаб.
18. Переместить вставленное изображение в правую часть всего изображения, выбрав инструмент Перемещение, режим «Переместить активный слой» и переместив курсором мыши вставленное изображение.
19. Удалить однотонный фон (белый или любой другой) со вставленного изображения, чтобы через него был виден наш слой «Фон». Для этого выбрать инструмент Выделение по цвету, задать режим «Заменить текущее выделение», порог «0,0» или больше, если выделяется не весь фон, например, «15,0», нажать курсором мыши в точку вставленного изображения, имеющую цвет фона, и очистить выделение (пункт меню Правка → Очистить).
20. Снять выделение (пункт меню Выделение → Снять выделение).
21. Скрыть все слои кроме фона, нажав на значке с изображением глаза слева от названия слоя «Фон» в окне слоёв, удерживая клавишу Shift.
22. Инструментом Текст с панели инструментов написать в 2-3 строки фразу «Только от» и придуманное название компании вместе с видом организации, например: «Только от магазина женской одежды Модная штучка», «Только от салона оптики Оптик-стиль». Размер и цвет текста задать так, чтобы текст хорошо читался и был контрастным по отношению к фону. Выравнивание (выключку) текста задать по правому краю на панели настройки текущего инструмента в левом нижнем углу экрана. После слов «Только от» нажать клавишу Пробел несколько раз, чтобы внешне надпись выглядела в 2-3 строки следующим образом: первая строка «Только от» – выровненной по левому краю, а вторая и последующие строки с названием компании – по правому краю, как в кадре № 7 схемы анимации.
23. Сохранить полученное изображение, состоящее из 5 слоёв, в формате Gimp с расширением .XCF (пункт меню Файл → Сохранить как . → выбрать папку и имя файла → нажать кнопку Сохранить).

24. Теперь нужно перейти к созданию анимации. Принцип создания анимации заключается в следующем: делаются видимыми только слои, которые должны присутствовать в первом кадре, остальные слои делаются не видимыми, создаётся слой из всех видимых слоёв (пункт меню Слой → Создать из видимого), и делается не видимым (это кадр для анимации), затем делаются видимыми только слои, которые должны присутствовать во втором кадре, и опять создаётся слой из всех видимых слоёв и т.д. Когда будут получены все кадры анимации, нужно удалить исходные 5 слоёв (нажать правой кнопкой мыши на названии слоя → Удалить слой), оставив только слои с названием «Видимое . » и сохранить анимацию в формате GIF.
25. Для создания кадра № 1 нужно сделать видимыми только слои: название товара или услуги и фон.
26. Для создания кадра № 2 нужно сделать видимыми только слои: фон и название товара или услуги, сделав его полупрозрачным (выделив слой и нажав курсором мыши на бегунке Непрозрачность в окне слоёв над списком слоёв, чтобы параметр Непрозрачность стал равен «30,0»).
27. Для создания кадра № 3 нужно сделать видимыми только слои: стрелка, изображение товара или услуги и фон.
28. Для создания кадра № 4 нужно сделать видимыми те же слои,
что и для кадра № 3, но слой со стрелкой нужно переместить немного правее инструментом Перемещение (режим «Переместить активный слой»).
29. Для создания кадра № 5 нужно сделать видимыми те же слои,
что и для кадра № 4, но слой со стрелкой нужно переместить ещё правее.
30. Для создания кадра № 6 нужно сделать видимыми только слои: фон и фразу «Только от . «, сделав её полупрозрачной (выделив слой и нажав курсором мыши на бегунке Непрозрачность в окне слоёв над списком слоёв, чтобы параметр Непрозрачность стал равен «30,0»).
31. Для создания кадра № 7 нужно сделать видимыми те же слои,
что и для кадра № 6, но слой с фразой «Только от . «, нужно сделать непрозрачным (параметр Непрозрачность равен «100,0»).
32. Для создания кадра № 8 нужно сделать видимыми те же слои,
что и для кадра № 7, но слой с фразой «Только от . «, нужно сделать полупрозрачным (параметр Непрозрачность равен «30,0»).
33. Итого должно получиться 13 слоёв (8 слоёв-кадров с названием «Видимое . » и 5 исходных слоёв).
34. Удалить 5 исходных слоёв. Для этого нажать правой кнопкой мыши на названии каждого слоя → Удалить слой.

35. Запустить просмотр анимации (вкладка меню Фильтры → Анимация → Воспроизведение. → скорость анимации 0,25x, 10 fps → нажать кнопку Начать воспроизведение).
36. Если при воспроизведении анимация идёт в не правильном порядке, то нужно изменить порядок слоёв, перетаскивая их курсором мыши в окне слоёв (анимация воспроизводится от нижнего слоя к верхнему).

37. Сохранить анимацию в файл, выбрав в меню пункт Файл → Экспортировать. → выбрать место сохранения файла и его имя → выбрать «Выберите тип файла (по расширению)» → Изображение GIF → нажать кнопку Экспортировать → если возникнет сообщение об ошибке, нажать кнопку Обрезать → указать «Сохранить как анимацию», задержка между кадрами 500 миллисекунд → нажать кнопку Экспорт.
38. Открыть сохранённый GIF файл и посмотреть анимацию. Если файл не открывается как анимация стандартной программой, то нужно открыть его с помощью браузера Internet Explorer, нажав на файле правой кнопкой мыши и выбрав пункт Открыть с помощью. Баннер готов!