Vell
Vell
  • 26
  • 726 567
Wallpaper Engine - Adding a better audio visualizer to a scene wallpaper
Edit You can find this asset and many other audio visualizers prebuilt on the wallpaper asset workshop
updated the pastebin link to have the parallax code as well, set the parallax of the bar image layer to 0
Hi Long time since i made a video, i've mostly stopped making wallpapers so my desire to make videos about wallpapers has also mostly come to an end. I already have a video covering how to manually build a scene audio visualizer but its super annoying and i don't know if anyone would actually take the 30 or some minutes it would take to build it. Using a guide by Tealsword and biohazard and with the help of members of the wallpaper engine discord i've modified the base script and made a 2 step process to add a visualizer into any scene wallpaper.
ps my microphone is still probably very quiet. :(
audio visualizer guide by tealsword & biohazard
steamcommunity.com/sharedfiles/filedetails/?id=1760471017
Scene script to create the visualizer in the video
pastebin.com/9yFFuChw
Circular visualizer
pastebin.com/z49eWFcd
The tiny 4x4 pixel texture
**IMPORTANT** Rename this file to bar.png before importing into wallpaper engine
If you want the bars to be another color you must change the color of this image in paint or any other image editor, you cannot change the bar color inside wallpaper engine.**
i.imgur.com/gkEAs8m.png
Music used was
Vibe Tracks - Beat Your Competition (No Copyright Music)
Music from UA-cam Audio Library [Aka YAL]
Music provided by RFM: ua-cam.com/video/AZQgWKAQz2M/v-deo.html
Переглядів: 71 842

Відео

Wallpaper Engine - Easy animated RGB effect
Переглядів 19 тис.4 роки тому
2 easy to use animated RGB effects you can apply to almost any wallpaper. Here is the rainbow gradient i.imgur.com/okS6q41.png
Wallpaper engine - Rain Effects (screen and splash)
Переглядів 39 тис.4 роки тому
This video ended up way longer then i expected, i probably should have split it in half, but its too late for that now. This video covers creating simple screen distorting rain effects using the scene editor. These particle systems are not as advanced as real rain simulations but can be easily added into any scene type wallpaper. rain drop i.imgur.com/fRKyPAu.png Rain drop normalmap i.imgur.com...
Wallpaper engine - Creating a Planet and space scene
Переглядів 5 тис.4 роки тому
If the sound is still quiet i give up, first section is creating the art assets we need in photoshop 7:34 - starts the wallpaper engine part A walk though for creating semi realistic Space scene that can be used as a base to add other things into. My earth wallpaper is slightly more complex, merging 2 layers (the day and night sides) which isn't covered in this video. If you dont want to create...
Wallpaper engine - Adding a clock to a scene type wallpaper (edited)
Переглядів 103 тис.4 роки тому
Wallpaper engine comes with a prebuilt clock that i missed! Im going to leave this video up for people searching for it but its really not helpful, just use the prebuilt clock its awesome. Adding a simple digital clock to a scene type wallpaper using a text layer. Here is my script if you for some reason want to use it pastebin.com/a2tVCxv4
Wallpaper engine - Audio responsive bars for scene wallpapers
Переглядів 14 тис.4 роки тому
The Scene Shake audio responsive settings are limited to 16 channels and are not entirely accurate, you will not be able to make a "high resolution waveform visualizer" with this method, this is only to add a basic visualizer into a scene type wallpaper. Higher resolution visualizers are possible with scenescripting, that is far more advanced and not covered in this video. This video only cover...
Wallpaper engine - How to make a mouse tracking object
Переглядів 29 тис.4 роки тому
long time no post! this mouse tracking script was new to me and kinda useful so its a great thing to share. Here is the script used in the video 'use strict'; / * @param {Vec3} value (for property 'origin') */ export function update(value) { return input.cursorWorldPosition; }
[Photoshop / wallpaper engine] What im doing making an animation
Переглядів 22 тис.5 років тому
My process for Animating a requested image of this Draenai Meileo The artist is owly www.deviantart.com/lowly-owly This is another making of video, but this time i try to go over what im doing both with prepping the image layers in photoshop and then animating everything in wallpaper engine
Making of Avuni the Light of Dawn - Wallpaper engine animation
Переглядів 2,6 тис.5 років тому
This time its a timelaps instead of a raw vod! the first section didn't get recorded but it was just the rest the background. total time was around 4.5hours Artist nephiam Music Day One by Declan DP Music soundcloud.com/declandp Creative Commons - Attribution 3.0 Unported - CC BY 3.0 creativecommons.org/licenses/by/3.0/ Music promoted by Audio Library ua-cam.com/video/W3_fiilYMCs/v-...
Wallpaper engine - Creating custom user properties
Переглядів 11 тис.5 років тому
Demo of a few different custom user properties you can setup for wallpapers.
Wallpaper engine - Leaves and forced depth of field
Переглядів 9 тис.5 років тому
This isn't really a guide, just my personal opinion and some tips on how to make the default leaves effect look a bit better and add some depth to a wallpaper scene. I think i said forced perspective in the video which is different i meant forced depth of field.
Making of neptunia purple heart animated wallpaper
Переглядів 6 тис.5 років тому
Twitch vod of the making of this wallpaper. I accidentally had my bit rate cranked way up which i think made parts of the video extremely laggy. 1:30 starting layout 4:00 making sparkle particles 12:40 making sparkles in wallpaper engine 15:20 adding the magic circle 27:20 starting background particles 31:10 background light effects 45:20 setting up character layers for animation 53:20 starting...
Wallpaper engine - Basics of animating hair
Переглядів 132 тис.5 років тому
How to use the water waves and shake effects to create hair animation. I wont be covering how to create motion with puppet warping as i do not use after effects. All of my wallpapers are created using the wallpaper engine editor and photoshop.
Wallpaper engine / Photoshop - Image cutout and fixing white outline
Переглядів 10 тис.5 років тому
Im a little sick so sorry about the raspy voice and random muted sections. I wanted to show how to fix two very common things i see in quite a few wallpapers and has to do with how you cut out your images. Getting rid of the white halo around a cutout is fairly easy, the jagged edge is just the result of either using the wrong tool or going too fast. If anyone has ideas or questions on thing yo...
Wallpaper engine - Make Xray go outside your cutout
Переглядів 7 тис.5 років тому
Normally the xray effect is bound to the outline of your character (if you use a cutout) you can use composition layers to get around this and add things outside your character if using an xray.
Wallpaper engine - adding a delay to a particle system
Переглядів 2,4 тис.5 років тому
Wallpaper engine - adding a delay to a particle system
Wallpaper engine - Particle system demo, Falling cards
Переглядів 5 тис.5 років тому
Wallpaper engine - Particle system demo, Falling cards
Wallpaper engine - Making of "Mystra" wallpaper
Переглядів 10 тис.5 років тому
Wallpaper engine - Making of "Mystra" wallpaper
Wallpaper engine - Swapping duplicated layers texture path
Переглядів 1,6 тис.5 років тому
Wallpaper engine - Swapping duplicated layers texture path
Wallpaper engine - How to Animated x-ray layers
Переглядів 22 тис.5 років тому
Wallpaper engine - How to Animated x-ray layers
Wallpaper engine - How to add blinking with shake tool
Переглядів 122 тис.5 років тому
Wallpaper engine - How to add blinking with shake tool
Wallpaper engine - Jill Valentine animated wallpaper (full vod uncut)
Переглядів 4,1 тис.5 років тому
Wallpaper engine - Jill Valentine animated wallpaper (full vod uncut)
Wallpaper Engine - shake tool, circular and offset movement
Переглядів 4,7 тис.5 років тому
Wallpaper Engine - shake tool, circular and offset movement
Wallpaper engine - Short particle system demo
Переглядів 11 тис.5 років тому
Wallpaper engine - Short particle system demo
Wallpaper engine - How to shake and Shakephase
Переглядів 60 тис.5 років тому
Wallpaper engine - How to shake and Shakephase
interactive divination card wallpaper
Переглядів 4,6 тис.6 років тому
interactive divination card wallpaper

КОМЕНТАРІ

  • @aggressivepug2544
    @aggressivepug2544 21 день тому

    i know this tutorial is old but does anyone know how i can modify the script so that the visualizer bar becomes invisible when theres no audio detected? i managed to make it flow in just one direction but im struggeling with the invisible part

  • @car_fanz_
    @car_fanz_ Місяць тому

    what app/softwear is it

  • @peterdroland8472
    @peterdroland8472 Місяць тому

    thank you! useful

  • @FalseNihil
    @FalseNihil Місяць тому

    W tutorial.

  • @YouCanDoItTootorials
    @YouCanDoItTootorials 2 місяці тому

    nice, very fun. thanks for this vid.

  • @YouCanDoItTootorials
    @YouCanDoItTootorials 2 місяці тому

    Thank you for this. this app looks really interesting and fun, welcome more tutorial vids you do a good job at it!

  • @LiddellBlacksouls
    @LiddellBlacksouls 2 місяці тому

    Your process of explaining stuff is really to understand and follow through. Thank you very much.

  • @Katejsej
    @Katejsej 3 місяці тому

    This helped me a lot. Thanks my friend!

  • @coldkawaii1895
    @coldkawaii1895 3 місяці тому

    El video es de algunos años pero aun así millones de gracias, sin necesidad de hablar el idioma entendí todo a la perfección <3

  • @capncack
    @capncack 4 місяці тому

    How do you do the red pixel highlight

  • @-Deturn
    @-Deturn 4 місяці тому

    It is impossible to find similar lessons in Russian. Translation of AI subtitles is just nightmarish. How hard it is when you don't know English....

  • @jason_kekw
    @jason_kekw 5 місяців тому

    I cannot see the area that I'm masking unlike yours.

  • @riananimations7102
    @riananimations7102 6 місяців тому

    its possible to do that with videos?

  • @SpookyKaede
    @SpookyKaede 6 місяців тому

    thank you so much, my project looks as gorgeus as imagined in my head before starting!

  • @TienNguyen-di1ry
    @TienNguyen-di1ry 6 місяців тому

    ?????

  • @kleeb5742
    @kleeb5742 6 місяців тому

    I have this issue where when I use puppet warp or any sort of movement effect on a transparent cutout I make it makes the parts of the character that move outside of where the original pixels were invisible and sort of cuts it off. Even putting things like godrays on something doesn't allow them to travel outside of where the character is into the transparent space around them. Have not been able to find the reason for why that's happening yet.

  • @Kirusei
    @Kirusei 6 місяців тому

    Is there a way to invert this? Or make parts of the layer that don't match with the blend texture dissappear? I have a layer that's slightly bigger than the blend texture so when the x-ray sprite goes over part of the layer, regularly it just shows the blend texture as well as part of the layer that overlaps the blend texture. But I need the part of the texture that's overlapping to disappear with the rest of the layer when the x-ray sprite goes over it

  • @laurencericardo1386
    @laurencericardo1386 7 місяців тому

    thanks

  • @fe4rins4nity57
    @fe4rins4nity57 7 місяців тому

    i was about to finish the last part of the video but the raindrop texture is missing and giving a 404 :( Too bad the normal map works and the texture that I actually need doesnt.

  • @Rebinde
    @Rebinde 7 місяців тому

    do you know how i can make that smailler

  • @AmityBlight17
    @AmityBlight17 7 місяців тому

    so long

  • @djdemonic666
    @djdemonic666 8 місяців тому

    FOR ANYONE WHO IS ASKING "How do I change the color on the waveform?" The easiest way to do this is to open the "bar.png" file on an editor program (MS paint never fails in this situation) and then paint onto the square whatever color you would like. Note that this only will allow for solid colors, I have yet to try to have it be multi colored.

  • @Ramita_Kun
    @Ramita_Kun 9 місяців тому

    tutorial basico para animar cabello, acto seguido, me ponen al avatar pelado xdd

  • @101Licious
    @101Licious 11 місяців тому

    Thanks man ! Can I add this to a mp4 video in the editor ? Or how ?

  • @RyIuth
    @RyIuth 11 місяців тому

    Thanks for the tutorial, it was a lot simpler than I thought lol.

  • @Mawliina
    @Mawliina Рік тому

    i'm surprised this is a real tutorial because of this wallpaper 🪦

  • @True-Apollyon
    @True-Apollyon Рік тому

    can you speak any louder??????

  • @bink84
    @bink84 Рік тому

    Thanks for video. Is this with the same effect that on some wallpaper we see the legs move entirely ? I Didn't sucess to make them move like that...

  • @Crazey
    @Crazey Рік тому

    I literally knew how I wanted to do this, I just can't find the eraser in this new version I have right now. Cool video.

  • @OfficialPandajk
    @OfficialPandajk Рік тому

    I don’t need to waste 3 hours on a manga edit now 😂

  • @mridiot8430
    @mridiot8430 Рік тому

    how do u pause the editing preview? mine is always on and it is hard to edit while it is moving. also how do u zoom if ur mouse scroll wheel is not working? xd someone help pls

  • @ninjaoffcialyt4845
    @ninjaoffcialyt4845 Рік тому

    Does she actually sound like this?

  • @asiasjsbsh
    @asiasjsbsh Рік тому

    My wallpaper engine isn’t layed out like this is there a different app

    • @VellAnimations
      @VellAnimations Рік тому

      not sure, this video is 4 years old theres a good chance they've updated it.

  • @MaDmanex100
    @MaDmanex100 Рік тому

    I usually do the blinking in photoshop and aftereffects and that takes a load of time, this seems quite fast in comparison. is the any downsides to using this system?

    • @VellAnimations
      @VellAnimations Рік тому

      everything in wallpaper engine is contained within wallpaper engine, if your making videos its not a good option, its only for creating looping wallpapers to run in the app

  • @ItzMeNike
    @ItzMeNike Рік тому

    Can you send a link to the program used in this video/ Really appreciate it

  • @com.passionatebitch
    @com.passionatebitch Рік тому

    *mtg and poe in one !!?!>!? how dare you?!*

  • @neozoid7009
    @neozoid7009 Рік тому

    Awesome thanks

  • @edubox9816
    @edubox9816 Рік тому

    hey, is there a way i can save the final result as a video or Gif?

    • @VellAnimations
      @VellAnimations Рік тому

      there wasnt back when i was doing this, but i havnt actually used wallpaper engine for 2-3 years so im not sure if its possible now

    • @Braveindian4
      @Braveindian4 Рік тому

      ​@Vell, what do you use now? New program or just haven't worked on wallpapers in awhile?

    • @VellAnimations
      @VellAnimations Рік тому

      @@Braveindian4 i taught myself blender when i moved from wallpaper engine.

    • @sussyamogus6951
      @sussyamogus6951 Рік тому

      Hey there! Technically you can actually, though Wallpaper Engine doesn't support it as a video, but if you manage to hide icons on your desktop and hide the taskbar, then use a recording system to record your desktop, you then have a .mp4 of your wallpaper! From there, you can convert it to .gif and do as you please, hope it helps!

  • @TGzBOSS_
    @TGzBOSS_ Рік тому

    you still alive dude?

    • @VellAnimations
      @VellAnimations Рік тому

      ya, i just stopped working with wallpaper engine like 3 years ago when i started learning blender, i wasn't going to remove any of the tutorial videos i made but i also have no plans on making any more.

  • @zzzen.
    @zzzen. Рік тому

    How to change the font?

  • @Haze2b
    @Haze2b Рік тому

    Thxxx, Nice video

  • @derboehsevincent3791
    @derboehsevincent3791 Рік тому

    still a great, straight to the point, tutorial. thx man.

  • @coachashishlathar
    @coachashishlathar Рік тому

    great 👍

  • @queenofwrath7823
    @queenofwrath7823 Рік тому

    It's fantastic I tested it and it looks awesome, thank you so much that was the last point to perfection of my wallpapers. :D

  • @justarandomguy245
    @justarandomguy245 Рік тому

    THANK YOU

  • @sonatinagroh
    @sonatinagroh Рік тому

    How to blur the particle? I cant add effect to particle so I used composition layer, the problem is its also blur the background behind.. i just want to blur particle not background

  • @amorrious
    @amorrious Рік тому

    Flow Phase is Time offset now.

  • @sauluoifansub
    @sauluoifansub Рік тому

    can i export it to video/gif or oly apply to the wallpaper?

  • @heymaemae23
    @heymaemae23 Рік тому

    How can you animate the eyes to follow the cursor? thank you!

  • @indy2l
    @indy2l Рік тому

    How to make the picture change when day and night change?