Как создать анимированный юзербар с GIMP

Пользователь Tavo ушел сегодня учебник на нашем форуме, руководство, которое я публикую здесь, потому что оно того заслуживает 😀

-------------------------------

Как и обещал, долг, вчера на IRC я ​​обещал КЗКГ ^ Гаара сделайте это руководство о том, как создать нашу анимированную панель пользователя в Gimp.
Прошу прощения за скриншоты на английском языке, так как я использую его на этом языке, потому что это практично для меня, когда я следую руководствам
Первое, что мы сделаем, это откроем GIMP и выберем цвет переднего плана со следующим значением:

Как видно на скриншоте, значение должно быть ФКФДФЕ Таким образом, фон будет гармонировать с эстетикой форума.

Затем переходим во вкладку Файл> Создать  и в появившемся окне выбираем эти размеры:

Значение по горизонтали должно быть 450 и 60 по вертикали (в любом случае можете по своему усмотрению). Также в Дополнительные параметры они должны выбрать цвет переднего плана в качестве фона.

Следующим шагом является использование текстового инструмента для написания содержимого, которое будет иметь панель пользователя, в моем случае я использую фразу: <° DesdeLinux Информация о пользователе . когда они написали текст на том же слое, они дают щелкните правой кнопкой мыши> альфа для выбора. С выделенным текстом берем инструмент наложения (градиент), в моем случае использую голубое свечение, но они могут использовать то, что им больше нравится. Они заполняют выделение градиентом, оставляя его так:

Затем мы продублируем текстовый слой 14 раз, чтобы получить 15 одинаковых слоев:

Маркер указывает, где вы должны щелкнуть, чтобы дублировать выбранный слой

С этого момента мы будем работать с этими слоями, добавляя фильтры и прозрачности. 

* Первый шаг - работать с 1 по 4 слой включительно, переходя к Фильтры> Размытие> Размытие по Гауссу и для каждого слоя используются следующие значения:

В настройках фильтра уровня 1:
По горизонтали: 12 пикселей
По вертикали: 12 пикселей
В настройках фильтра уровня 2:
По горизонтали: 9 пикселей
По вертикали: 9 пикселей
В настройках фильтра уровня 3:
По горизонтали: 6 пикселей
По вертикали: 6 пикселей
Для настроек фильтра уровня 4:
По горизонтали: 3 пикселей
По вертикали: 3 пикселей

* На втором этапе мы будем работать со слоями с 11 по 15 (включительно), то есть с последними пятью слоями. Прежде всего, мы должны выровнять эти последние 5 слоев по размерам изображения, это важно для достижения желаемый эффект, этот режим: вкладка Слои> Выровнять по размеру изображения. Затем мы переименовываем слои с номерами один за другим, дважды щелкая по слою, они меняют его имя на номера.

Фильтр, который мы будем использовать в слоях, это Фильтр> Размытие> Размытие в движении и мы применим его следующим образом для каждого слоя и дубликат, который мы создадим для каждого из них:

Дублируйте слой 11.
Настройки фильтра для дублированного и исходного слоя соответственно:
Скопируйте
Продольный: 10
Угол: 0

Исходный слой
Продольный: 10
Угол: 180
Объедините слой 11 и копию (щелкните правой кнопкой мыши копию слоя 11 и выберите объединение)
Дублируйте слой 12.
Настройки фильтра:
Исходный слой
Продольный: 20
Угол: 0
дублировать
Продольный: 20
Угол обзора: 180
Слой 12 и копия объединены.
Дублируйте слой 13.
Настройки фильтра:
Исходный слой
Продольный: 30
Угол: 0
дублировать
Продольный: 30
Угол обзора: 180
Слой 13 и копия объединены.
Дублируйте слой 14.
Настройки фильтра:

Исходный слой
Продольный: 40
Угол: 0
дублировать
Продольный: 40
Угол обзора: 180
Слой 14 и копия объединены.
Дублируйте слой 15.
Настройки фильтра:

Исходный слой
Продольный: 50
Угол: 0
дублировать
Продольный: 50
Угол обзора: 180
Слой 15 копии объединяется.

Что мы сейчас сделаем, так это изменим непрозрачность слоев с помощью следующих настроек:

1 a 60%
2 a 70%
3 a 80%
4 a 90%
11 a 90%
12 a 80%
13 a 70%
14 a 60%
15 a 50%

Мы собираемся выбрать наш фоновый слой, чтобы продублировать его четыре раза, оставив пять одинаковых слоев. Поднимаем последний дубликат фона над нашим слоем 1 (со стрелкой вверх в навигаторе слоев рядом с маркером A).

Мы дублируем снова и поднимаем его поверх слоя 2 и так далее, оставляя фоны между текстовыми слоями следующим образом:

Теперь мы будем файл> сохранить как  и назовите файл с расширением . Gif в конце например:юзербар.gif .

В появившемся окне важно отметить опцию:

Сохранить как анимацию

Затем нажимаем экспорт и принимаем.

Мы переходим к нашему файлу, и он должен выглядеть так:

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

Если вы заметили, что во втором баннере я редактировал время задержки в кадрах ... Я добавлю это позже, это не так сложно.

Привет!

-------------------------------

Спасибо вам большое, чтобы Tavo Для этого отличного урока результат супер крутой, ха-ха ... и, позвольте вам знать, что если вы хотите разместить здесь уроки из GIMP, статьи или что-то еще, что вы считаете интересным, для нас будет честью 😀


21 комментариев, оставьте свой

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.

  1.   Йойо Фернандес сказал

    Полюс !!!!

    Я должен сделать то же самое с GIMP !!!

    Посмотрим, смогу ли я на этой неделе 😉

    1.    Карлос-Xfce сказал

      Что означает "столб" и в какой стране (странах) вы его используете?

    2.    Карлос-Xfce сказал

      Ой, и как они это произносят?

      1.    hypersayan_x сказал

        pole = soyez le premier = первый комментатор

        Полюс приходит из поула.

        https://es.wikipedia.org/wiki/Pole_position

        1.    тарегон сказал

          Интересный объектно-ориентированный дизайн, здесь вы узнаете новое 🙂

        2.    v3on сказал

          интересно! Я не знал этих данных

        3.    Карлос-Xfce сказал

          А произношение? «Полюс», «пул», «пол»?

  2.   Tavo сказал

    Большое спасибо @ KZKG ^ Gaara за его публикацию, для меня большая честь иметь возможность рассказать о GIMP, отличном инструменте, который часто несправедливо недооценивают.

    По выходным я постараюсь периодически проводить обучающие программы, это меньшее, что я могу сделать в знак благодарности этой замечательной программе.Я пришел из Photoshop, и сначала было сложно адаптироваться к изменениям, но это того стоило.
    Я тоже кое-что делаю в Blender, но я все еще немного зеленый… Отсутствие практики хе-хе

    Я еще раз поздравляю вас с работой, которую вы проделываете на этой странице.

    1.    Карлос-Xfce сказал

      Спасибо Таво, отличный учебник. Хотя я ничего не знаю о графическом дизайне, GIMP - очень практичный инструмент, который помог мне во многих ситуациях. Благодаря ей я научился создавать простые, но очень красивые логотипы; имеет множество шаблонов и эффектов для логотипов. Я хочу узнать больше об этом инструменте. Надеюсь, вы сможете и дальше делиться знаниями в этом блоге. С уважением.

      1.    Tavo сказал

        Спасибо за комментарий, Карлос… .практиковавшись, вы познакомитесь с программой. Я думаю, что недостаток GIMP в том, что о программе не так много распространений и мало обучающих программ. У вас есть возможность добавить множество плагинов, которые автоматизируют задачи. , что в Photoshop также возможно, но действительно стоящие расширения стоят дорого.
        .

        1.    Карлос-Xfce сказал

          Ой, я даже не знал, что существуют расширения для Photoshop, и не предполагал, что такие расширения могут быть дорогими. Надеюсь, нам понравится еще один ваш урок, большое вам спасибо.

  3.   Скоро сказал

    вау я сделаю это прямо сейчас ОО привет

  4.   Габриель сказал

    Это ценится, мне полезно тренироваться с канителью.

  5.   элип89 сказал

    Спасибо за руководство Tavo мало что учится делать с GIMP

    привет

  6.   АуросZx сказал

    Отлично 😀 Когда есть время, пробую.

  7.   Мерлин Дебианит сказал

    Отлично, когда меня интересует графический дизайн, я пробую XD

  8.   Они ссылка сказал

    Хорошее туто, но есть одно но:
    Юзербары (по крайней мере, подавляющее большинство) имеют размер 350 × 19, что превышает размер. Будьте осторожны, я не против размеров пользовательской панели в этом руководстве, я просто хотел прояснить этот момент (что я также делаю пользовательские панели).

    1.    Tavo сказал

      Стоит уточнить, правда, что юзербар обычно меньше. Анимация может быть сделана с любым размером шаблона, что не влияет на конечный результат. Размер подойдет больше для баннера или подписи

      1.    Виндусико сказал

        Анимированные подписи для форумов, какие хорошие воспоминания ...

  9.   Максвелл сказал

    Хороший мануал, нравится полученный эффект. Я скажу Рену сделать мне один из Trisquel xD

    Ну, может и сделаю сам, что ничего не потеряю, попробовав

    Привет.

  10.   Truko22 сказал

    Это здорово +1