Як створити анімовану панель користувача за допомогою Gimp

Користувач таво виїхав сьогодні підручник на нашому форумі, підручник, який я публікую тут, бо він цього заслуговує 😀

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

Як обіцяли - це борг, вчора на IRC я ​​обіцяв KZKG ^ Гаара зробити цей підручник про те, як створити нашу анімовану панель користувача в тяганина.
Прошу вибачення за знімки екрана англійською мовою, оскільки я використовую їх цією мовою, оскільки це практично для мене під час підручників
Перше, що ми зробимо, це відкрити Gimp і вибрати колір переднього плану з таким значенням:

Як видно на скріншоті, значення має бути fcfdfe Таким чином, фон буде співзвучний естетиці форуму.

Потім переходимо на вкладку Файл> Новий  і у вікні, що з’явиться, вибираємо такі розміри:

Горизонтальне значення має бути 450 та 60 для вертикального (ви можете в будь-якому випадку відповідно до своїх уподобань). Також у Додаткові параметри вони повинні вибрати колір тла переднього плану.

Наступним кроком є ​​використання текстового інструменту для написання вмісту, який буде на панелі користувача, в моєму випадку я використовую фразу: <° Від користувача Linux .коли вони написали текст на тому самому шарі, який вони дають клацніть правою кнопкою миші> альфа до виділення. З виділеним текстом ми беремо інструмент змішування (градієнт), в моєму випадку я використовую синє світіння, але вони можуть використовувати те, що їм більше подобається. Вони заповнюють виділення градієнтом, залишаючи його таким:

Далі ми продублюємо текстовий шар 14 разів, щоб отримати 15 однакових шарів:

Маркер вказує, де слід натиснути, щоб продублювати вибраний шар

Відтепер ми будемо працювати з цими шарами, додаючи фільтри та прозорі плівки 

* Першим кроком є ​​робота від рівня 1 до 4 включно Фільтри> Розмиття> Розмиття за Гаусом а значення, які слід використовувати, такі для кожного шару:

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

* Як другий крок ми будемо працювати з шару 11 до 15 (включно), тобто з останніми п’ятьма шарами. Перш за все ми повинні вирівняти ці останні 5 шарів за розмірами зображення, це важливо для досягнення бажаний ефект, цей режим: вкладка Шари> Вирівняти за розміром зображення. Потім ми перейменовуємо шари цифрами по одному, двічі клацнувши шар, вони змінюють його назву на цифри

Фільтр, який ми будемо використовувати в шарах, є Фільтр> Розмиття> Розмиття в русі і ми застосуємо його наступним чином для кожного шару та дублікат, який створимо для кожного з них:

Дублікат шару 11.
Налаштування фільтра для дубліката та оригінального шару відповідно:
Copia
Довжина: 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 до 60%
Від 2 до 70%
Від 3 до 80%
Від 4 до 90%
Від 11 до 90%
Від 12 до 80%
Від 13 до 70%
Від 14 до 60%
Від 15 до 50%

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

Ми дублюємо ще раз і піднімаємо його поверх шару 2 і так далі, залишаючи фони впереміш між текстовими шарами так:

А тепер давайте файл> зберегти як  і назвіть файл із розширенням . Gif наприкінці, наприклад:userbar.gif .

У вікні, яке з’явиться, важливо позначити опцію:

Зберегти як анімацію

Потім ми натискаємо експорт, а потім приймаємо.

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

Сподіваюся, вам це буде корисно і це добре зрозуміло, будь-які питання не соромтеся звертатися до мене, я залишаю ще один приклад результатів, яких можна досягти:

Якщо ви помітили, що у другому банері я відредагував час перебування у фреймах .... Додам це пізніше, це не так складно.

Привіт!

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

Велике спасибі таво Для цього чудового підручника результат чудовий ха-ха ... і, дайте вам знати, що якщо ви хочете розмістити тут підручники на 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.    тарегон - сказав він

          Цікаво, що ти навчишся тут нового things

        2.    v3on - сказав він

          цікаво! Я не знав цієї інформації

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

          А вимова? »Полюс», «пуль», «пол»?

  2.   таво - сказав він

    Щиро дякую @ KZKG ^ Gaara за його розміщення, моя честь за мене за можливість розповсюдити інформацію про Gimp, чудовий інструмент, який часто несправедливо недооцінюють.

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

    Я ще раз вітаю вас за роботу, яку ви робите на цій сторінці.

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

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

      1.    таво - сказав він

        Дякую вам за коментар Карлос .... з практикою ви ознайомилися з програмою. Я думаю, що суть проти Gimp полягає в тому, що не так багато поширення програми та декілька навчальних посібників. Ви можете додати багато плагінів, які автоматизують завдання, які у Photoshop також можливі, але розширення, які насправді того варті, є дорогими
        .

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

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

  3.   Скоро - сказав він

    вау, я зроблю це прямо зараз привітання ОО

  4.   Габріель - сказав він

    Це вдячно, мені добре вправлятись у гімпі.

  5.   elip89 - сказав він

    Дякую за путівника таво мало вчиться, як щось робити GIMP

    привіт

  6.   AurosZx - сказав він

    Чудово 😀 Коли у мене є час, я пробую це.

  7.   Мерлін Дебіаніт - сказав він

    Чудово, коли мене цікавить графічний дизайн, я пробую це XD

  8.   Вони є Посиланням - сказав він

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

    1.    таво - сказав він

      Варто уточнити, це правда, що панель користувача, як правило, менша. Анімація може бути виконана з будь-яким розміром шаблону, що не впливає на кінцевий результат. Розмір більше підходить для банера або підпису

      1.    Віндузіко - сказав він

        Анімовані підписи на форумах, які хороші спогади ...

  9.   Максвелл - сказав він

    Хороший посібник, мені подобається досягнутий ефект. Я скажу Рену зробити мене одним із Trisquel xD

    Ну, можливо, і я зроблю це сам, щоб нічого не втратити, намагаючись 😉

    Привіт.

  10.   truko22 - сказав він

    Цей чудовий +1