We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Lightning streaks – Blender

Home Forums Graphics / Blender Lightning streaks – Blender

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • #64184
    c4cc
    Participant

    I’m copying lightning streaks as per attachment, in Verge3d.

    Here is my blender file:
    https://blend-exchange.com/b/gzWXP30A/

    What post-processing or materials settings in Verge3d app do I use to achieve similar lightning streaks? Do I need Blender as well for this? Thanks

    • This topic was modified 10 months, 3 weeks ago by c4cc.
    Attachments:
    You must be logged in to view attached files.
    #64189

    You need to convert all splines to mesh, apply emition material to them and enable bloom with puzzles. Or render all effects to an image and apply them on a plane with transparent material.

    Co-founder and lead graphics specialist at Soft8Soft.

    #64190
    kdv
    Participant

    deleted…

    Puzzles and JS. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of meaning at all.

    #64191
    xeon
    Customer

    Given your latest image as a reference. You may want to try a combined set of appraches.

    Render the shaft of the blade or lighting bolt with an emission shader and use the post process effect – bloom to. To achieve the firey transparent areas you are better off creating an animated sprite sheet with transparency. It will allow you to get the result based on the images you have provided.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    #64193
    c4cc
    Participant

    unfortunately, notice the elec streaks had no white glow in the middle, what I need is a white glow in center, with colored glowing outline on the sides, as per the examples here I uploaded

    #64214
    c4cc
    Participant

    Delete

    • This reply was modified 10 months, 3 weeks ago by c4cc.
    #64215
    c4cc
    Participant

    Given your latest image as a reference. You may want to try a combined set of appraches.

    Render the shaft of the blade or lighting bolt with an emission shader and use the post process effect – bloom to. To achieve the firey transparent areas you are better off creating an animated sprite sheet with transparency. It will allow you to get the result based on the images you have provided.

    Do I do this in Blender, or Verge3d? If the latter, post processing bloom to has no means of making material transparent. If the latter, post processing bloom to has no means of making material transparent? For Verge3d, how do I get color in bloom? Blender does: https://ibb.co/rt8LkX3

    • This reply was modified 10 months, 3 weeks ago by c4cc.
    • This reply was modified 10 months, 3 weeks ago by c4cc.
    #64231
    xeon
    Customer

    You will use, a photo editor (Photoshop, Affinity Photo, etc.) or a motion graphics package (Premier, Apple Motion, Houdini…etc.) to create the “flames” and the “bolts” . You would use blender to create a plane and the necessary constraints, and the UV coordinates that will cycle your animation. You will then use verge3d and control the UV coordinates to animate the object or use the play animation puzzle to make it come to life.

    Sprite sheets are great ways to create the alpha looking transparency of the flame you are wanting while retaining the white opaque center via the model of the bolt itself.

    If you are not familiar with sprite sheets … let me know.

    To test the approach. Create a simple polygon lighting bolt. Place a white emission shader on it. Do not use bloom in blender or V3D. This approach doesn’t require it.

    Create a single flame graphic that has an alpha channel and glow the way you want to see it.

    Create a plane mesh and map the new graphic to the plane. Be sure to set the blend mode to Alpha Blend and be sure to the graphic when rendered is transparent.

    overlap these two elements in blender and align the plane so that looks correct over the bolt.
    Attach these two objects to an empty and then place a constraint on the empty to always look at the camera.

    Render it out and see if you get the effect you want. You should end up with something that looks like the firey light sabers. White opaque emissive bolt, transparent flames with glow in the right color.

    A crude example is shown here:

    • This reply was modified 10 months, 3 weeks ago by xeon.
    • This reply was modified 10 months, 3 weeks ago by xeon.
    Attachments:
    You must be logged in to view attached files.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    #64238
    c4cc
    Participant

    You will use, a photo editor (Photoshop, Affinity Photo, etc.) or a motion graphics package (Premier, Apple Motion, Houdini…etc.) to create the “flames” and the “bolts” . You would use blender to create a plane and the necessary constraints, and the UV coordinates that will cycle your animation. You will then use verge3d and control the UV coordinates to animate the object or use the play animation puzzle to make it come to life.

    Sprite sheets are great ways to create the alpha looking transparency of the flame you are wanting while retaining the white opaque center via the model of the bolt itself.

    If you are not familiar with sprite sheets … let me know.

    Thanks for your tip, but sadly, I’m not familiar with sprite sheets, nor do I use photo editors (currently)

    #64245
    c4cc
    Participant

    I found an interesting lightning creation method:

    Directing lighting using emission

    I did follow your methods
    render

    material

    Sadly, this is what I got:

    png-transparent-erza-scarlet-natsu-dragneel-wendy-marvell-gray-fullbuster-fairy-tail-fairy-tail-comp

    png-transparent-erza-scarlet-natsu-dragneel-wendy-marvell-gray-fullbuster-fairy-tail-fairy-tail-comp

    Where did I go wrong? I wanna copy your method. Thanks

    • This reply was modified 10 months, 3 weeks ago by c4cc.
    • This reply was modified 10 months, 3 weeks ago by c4cc.
    • This reply was modified 10 months, 3 weeks ago by c4cc.
    #64253

    Try to decrease emission from 100 to 55 for example as on the first screenshot.

    Co-founder and lead graphics specialist at Soft8Soft.

    #64264
    c4cc
    Participant

    Try to decrease emission from 100 to 55 for example as on the first screenshot.

    I did, sadly, no difference:

    png-transparent-erza-scarlet-natsu-dragneel-wendy-marvell-gray-fullbuster-fairy-tail-fairy-tail-comp

    png-transparent-erza-scarlet-natsu-dragneel-wendy-marvell-gray-fullbuster-fairy-tail-fairy-tail-comp

    #64297
    c4cc
    Participant

    Here is my Blend File:
    https://blend-exchange.com/b/VdygGAYo

    The emission result I want for my electric/lightning:
    render

    • This reply was modified 10 months, 3 weeks ago by c4cc.
    #64299
    kdv
    Participant

    Strength 3.8 makes your model shine like an electric bulb. Reduce it a little…

    Puzzles and JS. Fast and expensive.

    If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of meaning at all.

    #64303
    c4cc
    Participant

    Or render all effects to an image and apply them on a plane with transparent material.

    If I use this, basically effects like emission and especially bloom can vary, despite them being in the same Blender file or Verge3d app?

    Meaning that lights and explosions with different effects, especially for Bloom intensity and radius, can be in the same Blender or Verge3d file/scene without getting messed up, due to how a Blender’s bloom affects all material with emission colors in that same Blender scene/file.

Viewing 15 posts - 1 through 15 (of 23 total)
  • You must be logged in to reply to this topic.