Blender Tutorial – How to Create a Marvel Intro in Eevee


hello everybody and welcome back to
another blender made easy tutorial today we’re going to be creating a Marvel
intro effect using blender 2.8 and the new render engine Eevee now how we’re
gonna do this is we’re going to be creating a big image full of lots of
different small images and then UV unwrapping that onto some text and
animating the texture coordinate now if you don’t know what exactly I’m talking
about don’t worry we’ll get into it now the first thing that we need to do is
find a bunch of images and save them to your hard drive now what you can do is
go over to google and type in comic pages and then just find a bunch of
images like this one looks pretty cool there’s some Iron Man there’s a Spider
Man one right here just grab a bunch of images and save them or you can do
something cool and use your own renders that you’ve previously done using
blender so right here I have 50 images that I’ve rendered out some of these are
from tutorials but most of them are original so I’m gonna be using my own
renders and animating those to go over the text so how we’re going to combine
all the images together is we’re gonna be using Photoshop or GIMP so GIMP is
link down in the description it’s a free editing software but if you have
Photoshop that works too so go ahead and open that if you want to skip the step
and jump right into blender there’s a link down in the description to download
a big image that we can use or if you want to create your own we can go ahead
and do that so go up to file and click on new we’re gonna be setting the size
of this to 2500 by 8500 once you do that just hit create and it will open up a
new image you can also make sure the background is set to black you can
unlock this layer by clicking on that little lock button and now let’s import
all of our images from the folder so here I have 50 images so what I’m gonna
do is press ctrl a to select everything and just drag them over now most of
these images are 1920 by 1080 but it doesn’t really matter the size you just
want everything on on this project right here so just press ENTER a bunch of
times until all of the images are placed once all the images are ready to go what
we’re gonna do is group them together so over in the layers
I’m gonna scroll down all the way to the bottom holding shift I’m going to click
on this bottom layer and then hit ctrl G so now all of the images that we just
placed are in this layer and we can turn off and on next let’s move it up to the
top and scale them down suppressive V for the move tool we’ll drag this up
right about there I’ll zoom in a little bit and then I’m going to scale this
down so press ctrl T and scale it down you want to make sure this is about a
third of the width across so probably around there maybe a little bit more and
we’ll fine-tune this in just a second once you do that press ENTER and it will
place the images and we’ll zoom in a little bit more then press V for the
move tool I’m gonna hold ctrl and click on this image and then I’m just gonna
move it over to the side right there looks good then I’m gonna hit ctrl again
click on this image and then move it over to this side so now that it’s
snapped over we can actually grab the entire group one more time and scale it
down so press ctrl T and scale it down until it’s right on that side right
there so it just touches that you’re gonna want three images across then
press Enter and then we’re good to go now that we’ve done that we can go ahead
and start placing our images and you’re going to want to stagger the images so
for example if I click on this image I’ll just drag it down to the bottom
right here in this corner then I’ll grab this image I’m gonna hold ctrl
left-click to select that one drag it down and place it here and just keep
doing this I’m gonna grab this one and place it down here and you’re gonna want
to stagger these so what I’ll do is I might go half way into the ground right
here and this one I might go up a little bit or somewhere around there just so
they’re not at an even plane this just makes it look a little bit better once
we do the rendering in blender so just stagger them and make them a
little bit random so go ahead and start placing the images just grab them place
them right in the right where you need to and then just work your way up now
this is a little bit tedious so what I’m gonna do is just fast forward this part
and you can watch how I place the images and once it’s done we’ll jump into
blender you once you’ve reached to the top right
here and you have some extra space what you can do is just find a random render
and then just duplicate it and put it up top here what I’m gonna do is select
this layer holding down alt I’m gonna left click and drag this up and just
place it in this corner so right about there looks good and there we go and I
might grab one more so let’s say this portal gun right here I’ll click on this
layer alt left click drag up and then I’ll place it in this top corner right
here and there we go so we have our big image and we can see all of the images
are right here now let’s save this image and then jump into blender so to save an
image just go up to file and click on save as I’m just gonna save it as a PNG
right here I’ll put it in tutorial and then I’ll just call it big image there
we go and then click OK now that we’ve done that let’s go ahead and jump into
blender and we can continue on with the tutorial over in blender let’s go ahead
and delete this default cube then press shift date and add in some text with
this text you can type in whatever you want so I’m just gonna type in the word
blender just to make it simple then press tab to go back into object mode
then let’s rotate it up so it’s standing so press our X 90 and then enter and
then what we can do is give this a font because right now the default font that
blender has is pretty bad and it does not look that good so go over to the
object data panel and then open up the font section and then click on this
little button and then navigate to where your fonts are and then pick one the one
that I’ll be using is called Marvel regular this one just looks similar to
the Marvel font link is down in the description if you want to go grab that
then hit open font and this is what it looks like now it’s pretty good and
let’s give this some depth though so what I’ll do is I’ll just go over to the
geometry section and extrude this up by maybe point one or so nothing too crazy
2.1 now that we’ve done that let’s go ahead and convert our text right here to
a mesh now there used to be a shortcut for this but they remove that and now
what you need to do is press f3 and type in the word can
and then you can click on convert to once you do that click on convert mass
from Metis or text and now if we go into edit mode we can see our text now has
vertices now let’s add in a new material so go ahead and make sure you have your
text selected go over to the material tab and then click mute let’s go ahead
and open up a new window so we can have the node editor go over here click on
this menu and click on shader editor press n to close off that panel and now
let’s import our image so press shift a go to texture and then image texture
take the color output and put it into the base color and then click open
navigate to where your you saved your image
let’s see mine is right here big image and then go open now if we go into look
dad we can see what this looks like it does not look that good so now we need
to UV unwrap this to do that I’m gonna go into front view
go into edit mode then click on you and go project from a view and that looks
pretty good so far but you might notice that on the sides of the text it’s
completely stretched out to fix that what we’re going to do is come over to
the B right here go into edit mode I’m going to select one of the edges right
here it doesn’t really matter we’re just one of the edges then click ctrl E and
go mark seam then go into face select mode
holding down alt will select that entire ring and then go you unwrap and there we
can go we can see our images on the side of our text so we need to do that exact
same thing over every single letter so I’ll do it one more time so you can see
it go into edit mode make sure you’re in verba C select mode click on one of
these vertices make sure you alt click so it selects that that ring right there
then press ctrl e and go mark seam go back into face select mode alt right or
left click depending on what you have your selection then go U and unwrap and
there we go we can see our images all right here now this is a little bit
small so what I’ll do is I’ll open up the UV image editor go into UV image
editor I’ll go into edit mode with this selected I’ll just scale it down so it
a little bit bigger and the images are bigger just like that so go ahead and do
that for all of these letters right here I’ll fast forward this part to speed it
up a little bit and then we can continue you okay all of the letters are properly UV
unwrapped and now what I’ll do is go into a front view go into edit mode
press a to deselect then be for box select and draw a box around this front
face and we can see the UV map is over on the right side I’ll scale this up
till it matches the edges just like that I’ll scale down a little bit
place it right in the middle so the R and the B are right on the edges of our
image just like that there we go and if we go back into object mode we can see
what it looks like not too bad okay the UV map is done let’s go ahead and jump
back over to the material editor so go to this menu shader editor and now we
can continue making our material floral do now is press shift a go to input and
then texture coordinate place that here then press shift a go to vector and then
mapping take the UV plug it into the vector and then the vector into the
vector of the image texture and now if we were to move the Y along the location
it’ll move the images so if I hold the shift we can see it’s scrolling down or
the the side of it is scrolling out and it’s looking pretty cool we’re gonna be
animating this value so to do that I’m gonna say the end frame to 400 and enter
and then hovering over the location I’m gonna hit the i key next hit this button
right here to snap all the way to the end frame 400 set the Y to negative 5
and then enter and then hit I one more time so over 400 frames this is gonna go
from 0 to negative 5 if we play this we can see what it looks like there we go
we can see our images are moving around just like that that’s looking pretty
cool but there’s a couple issues with this animation let’s come up to this
menu and go to the graph editor and if we select our actually first we have to
make sure we have our mapping node selected so make sure you select your
mapping node then go back to the graph editor and then open up the material
this one and then select the Y location this is currently our animation it
starts out slow it speeds up and then it slows down at the end the
is not what we want we want this to be a linear line so to fix that hit T and
then click on linear now if we play this it’s a constant rate but it still does
not look that good so what we’re going to do is press the N key and go over to
the modifiers if we click add modifier we can see
there’s a lot of different modifiers we can add noise we’ll just make it all
noisy and bumpy but the one that we’re gonna be adding is called step
interpolation if we click on this and then we zoom in onto our timeline right
here we can see that our line has now become a bunch of steps if we play this
it’s going to give it this effect we’re gonna be setting the step size to 4 and
then enter and then if we play this one more time now we’re starting to get that
marble effect of like the snapping images and then moving around just like
that and that’s looking pretty cool not too bad
now if we go back over to our material view we can continue modifying this and
tweaking it to our like the next thing I’ll do is add in a couple mix nodes and
change the color of our text right here and make every single image have like
orange hue to it because if we look at the marble logo or the marble intro I
mean it has a like an orange or reddish glow over all of the comics so we’re
going to replicate that surprise shift a go to color and then mix RGB place that
right here for this mix node we’re going to select the color and give it a hex
number if I come over here I’m gonna press control V of BC 6 e 0 0 and this
is just an orange color and we can see it over on the left side we’re gonna be
setting this to color so scroll down until you see color right here and this
will just give all of the images a like a hue of this orange color set the
factor all the way up to point 9 so we can see the effect that it’s going for
on the left right here that’s starting to look pretty cool but there’s a couple
more things I want to do so the next one that I’ll be adding is just an overall
color so come over here add it right there shift D it and set this to mix and
then set the factor of this to point 3 there we go and then one more note we’ll
shifty this and place it here we’re gonna be animating this mixed note we’re
gonna be setting the factor to zero and then over a course of time is gonna go
from zero all the way to one and then it’s just going to be a solid orange
color so make sure this is set to zero now let’s go to frame two thirty so come
over here and type in two thirty and then enter while hovering over the
factor value hit the I key and then let’s go to frame two ninety set the
factor all the way up to one and then hit the I key one more time so over the
course of sixty frames it’s gonna go from zero to one and we can see the
effect over on this left side and there we go so it slowly fades the images
start to fade out and then the orange comes through there we go that’s looking
pretty cool and then over in the principal shader we’re gonna be setting
the metallic all the way up to point seven the roughness we’re gonna be
setting all the way to zero and maybe a little bit of clear coat and there we go
we can see what it’s looking like not too bad next let’s add in a background
surprise shift a go to mesh and then plane rotate this plane 90 degrees so
hit our X 90 and then enter and then go into front of you
scale the plane them up pretty big until it reaches this side and then also make
sure that it’s not peeking through here so I’ll press G Y and drag it backwards
until it’s just barely touching the text just like that and there we go
for the material for the plane I’m also going to select that orange color except
this time I’m going to duplicate this material and then change the color over
here to a blue so the first thing that I’ll do is just select all of these
color mix nodes and get rid of them take the color and plug it into the top input
of this animated mix node we’ll place it there and then set the color to a blue
color so the hex value that we’ll be using if you want to just copy me is
zero six four nine seven nine and we can see what it’s looking like just like
that now we need to go over to frame 230 and
set the factor of this two point nine five and then hit the I key and so over
it at 60 frames it’s gonna go from point nine five all the way to just one was
just gonna be completely blue the reason why I’m using the blue color and the
orange color is because the blender logo has the orange and the blue and so I
think this will look pretty cool with those two colors and the text saying
blender okay we are done with the note editor let’s go ahead and close out this
window and then we’ll add in some lighting for the lighting in the scene I
grabbed the lamp that was already there and I changed it to a Sun lamp with a
strength of ten rotate it into place and make sure contact shadows is turned on
and then duplicate the lamp and then place it over on the left with a
strength of four also make sure contact shadows is on with that one as well
another thing that we can do is go over to the render settings underneath the
color management I’m gonna set the look to high contrast and this will just give
the overall look of our seen some nice contrast and I think that looks pretty
good okay to animate the camera what we’re going to do is going to camera
view by pressing 0 on our number pad and it will snap to camera view and then all
select it will zoom in right on the top left of our text right here not that
much right here we’ll go up a little bit rotate it this way and then just place
it so the the top half of the B right here is just in the frame just about
there looks pretty good make sure you’re on frame 1 and then hit the I key and go
location rotation next go to frame 100 so go to frame 100 down here and then
we’re going to be moving the camera down to the bottom of the L so right about
here we’ll rotate it this way a little bit
press G X and move it then hit the I key and go location rotation next let’s go
to frame 170 so type in 170 we’ll go right about here right into the middle
of the e and the N I’ll rotate it upwards so double tap our rotate it up
press G middle mouse button to drag it back a little bit so right about there
hit the I key location rotation go to frame 230 rotate it one more time bring
them back so all of the text is in the view rotate it I’ll bring it down a
little bit GZ rx rotate it up hit the I key location rotation then at frame 300
we’ll go back even further and so this is going to be like our final position
of the camera so right about here looks good you’re also going to want to go
into front view by pressing 1 on the number pad and then go ctrl alt 0 and
this will just snap the camera to be straight on we’ll move it up a little
bit place it here or so that looks good this is gonna be the full frame eye
location rotation and then finally at frame 400 the camera is just gonna
slowly be moving backwards so I’ll just drag it back just slightly then go eye
location rotation let’s go ahead and hit the backspace and then go spacebar to
see what our text and our animation looks like it’s looking pretty good so
far we can see it moving into place and then it slowly goes backwards just like
that not too bad ok our animation is ready to render what we’re gonna do now
is render this out and then we’ll jump back into blender will render another
short animation that’s only about 150 frames this is going to be just the flat
text because if we look at the marble logo one more time you’ll notice that
once the 3d once it has just become a solid color it slowly fades back and
then it becomes just 2d text so let’s go ahead and render this out and then we’ll
do another animation and render the the small the flat text so go ahead go over
to the output section click on the output and then select where you want
your animation to go to I’ll go here go to renders and then I’ll just type in 3d
text there we go and then accept and then I’m also going to change this to a
movie file and then I’ll go encoding and set this to mp4 make sure the output
quality is set to high and then go up to render and then
render animation normally I would change this to PNG and render it out but since
Eevee is very fast at rendering I don’t find a need to do that so I’m gonna
leave it at MPEG R mp4 and then go up to render render animation ok the render
has finished now to view the render we can exit out of that window go up to
render and then click on View animation and this window will pop up and we’ll be
able to see what our animation looks like okay so now let’s do the transition from
the 3d text over to just the flat text so what we’re gonna do is go to a new
collection so go ahead and right-click go to new collection and then we’ll call
this collection flat text there we go let’s go ahead and click – on our
keyboard to go to layer to our collection tube and then I’ll press
shift C to stop my cursor to the center press shift a and then add in some text
this text is going to be the exact same text that we added so rotate at 90
degrees then type in blender all caps over in the object data panel let’s give
this the same font Sousa font regular it should just be in this drop-down menu
and we can give this the same material that we gave the other text so go over
to the material tab click on this drop-down menu and select the orange
material next select your text and then shift D it and then bring it down scale
it down and this is going to be the subtitle so go into edit mode and you
can type in whatever you want I think I’ll just go with my name blender made
easy just like this and I’ll also give this a different font so go over to the
object data panel underneath the font section I’ll just pick a random font I
think this woman will look good it doesn’t need to be it can be the same
one but it doesn’t have to be I think it looks a little bit better if it’s a
different font now with this font what I’ll do is over in the alignment and the
paragraph I’ll set the spacing of the letters I’ll drag this up just slightly
so they’re a little bit further apart and then I’ll scale the whole thing down
go into front view and then place this right underneath your main text so right
about there looks pretty good and then this has the same material so we don’t
need to change that next if we go back to layer one so holding shift I’m going
to go shift 1 to bring back everything in the scene I’m going to select our our
3d text and hide that in the in the viewport so I’ll hide it here and then
I’ll hide it in the render as well select your plane shift D it and drag it
backwards and then scale it up even more this is going to be the background
because if we zoom in here you’ll notice that the text is actually casting a
shadow I don’t want it to cast any shadows so I’m going to shift either
plane drag it back select the smaller plane and then also
hide it from the viewport and hide it in the render now if we go into camera view
you’ll notice that it doesn’t show a shadow it just shows the text and
nothing else the next thing I’ll do is come down here underneath the start I’m
going to set this to 300 so we’re only going to be rendering a hundred frames
of the flat text and if we play this you’ll notice that the camera is going
backwards it’s showing the text and it’s very easy to align this later once we
composite everything together the reason why we’re adding in text this way rather
than doing it in the post process is because the camera motion if we were to
try to scale the camera or scale the text I mean and try to position it
accordingly it’ll just get annoying and it won’t be perfect doing it this way it
should make sure that the text is lined up exactly where the 3d text is and
that’s what we want so now that we’ve done that we’ve set the end frame we can
go ahead and render a new animation and then we’ll composite it once it’s
finished so go over to the output settings click on this menu and then
we’ll call this flat text there we go and then enter and so once the animation
finishes it’ll be in this folder and it’ll be called flat text so now that
we’ve done that go up to render and then render animation one more time okay our
second animation has finished let’s go ahead and start compositing all of our
animations together so go ahead and close that and then come over to this
tab and click on video editing and then video editing and this will bring us to
a new window which has a preview here a timeline and now we can start importing
our animations so let’s go ahead and do that go to add go to movie and then
navigate to where those two movie files are click on both of them and then go
add movie strip and we can see our animation right here we also need to set
the timeline back so hit the start frame all the way to 1 we’ll select this first
strip right here and drag it all the way to frame 1 it’ll go a little bit slow
right about there then drag this frame or the strip all the way to the end
right here so at frame 300 it’s gonna go from this frame all the way to here now
we’re going to be doing a quick transition effect so to add a transition
we’re going to go to the start of this strip now an easy way to do that is hit
the page up on your keyboard and your your your cursor right here will snap to
the beginning of that that strip so if I hit page up boom it snaps to right there
over on the right side we have the opacity I’m gonna be setting this to
zero then hit the I key on that value right here we’re gonna be animating this
opacity value next let’s go to frame three let’s go to 3:40 so over here
we’ll type in 3:40 and then enter and we’re gonna be setting the opacity all
the way up to 1 then hit the IQ one more time so over 40 frames it’s gonna go
slowly transition and there we go we can see the effect now that’s looking pretty
cool one more thing that I’ll do is add a fade in and a fade out effect to do
that I’m gonna bring my cursor all the way to the beginning of the timeline
then go add color and this is just gonna be a blank black color and you can come
over here and change the color if you want to but I’m gonna leave it at leave
it at black now since we’re on frame 1 I’m gonna come over to the opacity and
hit the I key next hit page up on your keyboard and then we’ll snap to the end
and I’m going to drag this down all the way to 0 and then hit the I key again so
over the course of this timeline it’s gonna go from black and then it’s gonna
bring in our our animation as we can see there it’s a black out fade in effect so
now let’s do that same thing for the end so come over here and hit this button to
snap our cursor to the end then go add color and let’s actually drag this to
the side so I’ll press G and then I’ll move it over to the side hit the page
down button on your keyboard and your cursor will snap to the beginning of
this color right here we’re gonna be setting the opacity to zero
hit the I key then go to the end of the animation drag this all the way up and
then hit the I key one more time so if we
play this animation we can see the effect it brings those in and then it
fades to black right there and that looks pretty cool okay we are done with
the sequencing let’s go ahead and render this out I’m gonna set an output and I’m
just gonna call it final and then enter now if we go up to render and click on
render animation it will grab all of those frames and all those sequencing
that we just created and then render it into a movie file so once this is done
we’ll take a look at it and that will be the end of the tutorial
okay the render has finished and this is our result I think it looks pretty good
we can see here that the camera zooms out once it reaches there the flat text
will come up and there we go normally there is a glare that pops up on the
bottom of the subtitle on the Marvel logo but you you can go ahead and do
that on your own this is already a pretty long tutorial I’ll show my final
scene that I created right here and as you can see what I did is I use Premiere
Pro to animate the glare and the text at the bottom and it looks pretty good you
can do the glare in blender but it’s a lot harder if you want a tutorial on
that go ahead and leave a comment down below but that’s gonna be it so thank
you for watching make sure you like comment and subscribe for more blender
tutorials and I’ll see you guys in the next one you

25 thoughts on “Blender Tutorial – How to Create a Marvel Intro in Eevee

Leave a Reply

Your email address will not be published. Required fields are marked *