04 Trendy 80s Neon Graphics with Sapphire and After Effects – Text Design Secrets

04 Trendy 80s Neon Graphics with Sapphire and After Effects – Text Design Secrets


– Hello and welcome to part four of Creating Trendy Neon
80’s Graphics with Sapphire. My name is Ben Brownlee from Boris FX. In part four our focus
is going to be on text. So we’re gonna be taking
our straight forward text and turning it into
something a lot more stylized using just a couple of Sapphire filters. I’ll also be showing you
how we can recycle some of the work as we start
to animate things in to get something that slick and on brand. So let’s look at text. (logo ringing) And this is the current
state of play we’ve got from exercise three. So I think it’s time we
step away from our grid now and we start looking at the text. Which is gonna be sort
of the meat and potatoes of what we’re trying to get done here. So I’m gonna turn off my
animated floor background so that we’ve got everything
rendering a little bit faster, and I’m gonna turn off the glow as well. So we’re left with our clouds and our sun. All right, so let’s find
some text that works for us. And I’m gonna come in here, add new text layer and we’ll
find a font that works. In fact I’ve got one right at the top here which is called Neon Club
Music, which I really like, and I’m just gonna type in neon. And let’s come into align and align this into the center, and bring this up a little bit. We can figure out where it goes shortly. And let’s give this a
little bit of color now. And I could colorize it just
with a character colors here but we’ll do something a
little bit more fun with it, And I’m going to come into
Sapphire Render instead and go to GradientMulti. And this gives us some points
that we can move around that correspond to the
colors that we have here. All right, so let’s now
come and find those colors. Now I want some big,
neony style of colors, so I’m gonna go with cyan again, gonna go with a nice bright
magenta up here somewhere, and this bottom one is going to be, what should we have this
for another magenta, but maybe not quite as bright, something towards a blue maybe. That’s cool, and then I can move to sort of separate out these colors a little bit more. And that’s definitely
looking a lot more fun than just like a plain
straight color would be. Let’s bring that over there. All right so lets animate this up. Now I am gonna use 3D
in the text file here, so I’m gonna turn on 3D in the layer and about five seconds in, I
think we’ll have this resting around about here and come to the start and then just push this back in 3D space, maybe not too far, push
it up a little bit. Yeah, simply animation forward, and then I’m gonna right click on the last Keyframe and go Easy Ease. There we are, just so that
it lands a little bit softer. Great, now I want to do as
little work as possible here. So I’m gonna come back
into my Electric tile, the one that I originally created, and I’m gonna copy the
EmbossGlass and WarpPuff from one of our triangles. It doesn’t matter really which one. They’re all gonna be similar enough when we start to change them up. So copy and paste, and
let’s just solo that and see how that looks. See, looking kinda nice. I like that already. We haven’t really done anything with it, and it’s looking pretty good. You see it changes a little
bit when we hit the Keyframe, so I can see that I need
to change at least one of the keyframes there,
so that bump is smooth. Probably keyframe that up
to something a lot smaller, bring those– Whoops, and then just
select those two keyframes and bring those to the back here. I’ll bring those to the
front, but let’s see how that looks. Yeah, it’s nice. I’m liking that. Maybe I’ll just tweak up the
brightness a little bit there, especially when we get
closer towards the end. Okay, let’s start to fill
that in a little bit more. Let’s duplicate up our Text. So our neon 2, and I’m
gonna turn off EmbossGlass and WarpPuff, and just keep
this with the outlines there. Let’s rename these a little bit. I’m gonna call this one
Neon Fill and Neon Outline, so we actually know what these are doing. And now I can come in
here and tweak this up, so we can see what these things are doing, so tweaking up the EmbossGlass, and tweaking up the Puff amount as well. Oh yeah, so that’s really
looking very sort of wet. Oh yeah, yeah, that’s cool. I think that the fill is a
little bit too harsh now. We chose bright colors for the outline because those show up
better with the highlights, but I think we can easily come
into the individual colors on the fill and just
take the brightness down on each of these, so where
the brightness was 100, let’s take that down to 50. So we keep everything
else the same about it. We’re just taking the brightness down. The brightness here was 91. Let’s take that to 45. It feels glossy in 3D
without really touching any sort of 3D stuff at all. I’m liking that a lot. Okay, so that’s my neon. Let’s come over here and
we’ll add in our second bit. I’m gonna call this, get
another text layer in here, and this is gonna be my dreams, and I’m gonna find
another font for this one. I do have another cool 80’s style of font which is called Wintersoul. Oh yeah. Bring that round about
there, sort of centeredish and over the top. Yeah, that’ll do. We’ll have a look at the
final placement later. I think that’s gonna look all right. Let’s see how else can
I look now with the glow over the top of everything. And that’s fine, but I
think we sort of need to do something else with the dreams here. I don’t want that one glow that we’ve got over everything else to effect my dreams, so I’m gonna bring that underneath and do some individual treatment to the dreams layer itself
just to sort of roughen it up just a little bit, make it
look a little bit less clean. And the first thing I’m gonna
do, I always sort of head into these with Sapphire
Stylize and sort of see if there’s anything here
that I might want to use, possibly, or let’s go
to the Distort again, and we’ll go, yeah we’ll go WarpChroma, and it’s quite a big
effect at its default. Now as with all of the Sapphire filters, if we go into Load Preset, we can pop into the Preset Browser, and we can see if there’s
another little preset we want to use as a starting off point instead. So we’ve got a little bit
of Chromatic Aberration which is subtle, not as subtle as it gets. I think the Subtle Warp
is also probably the one for us there. Yeah, just a little bit,
just knocking that out. I still think that’s probably
just a little bit too much as well. I might crank the number of steps up to get that nice and smooth and then take my From distance close to one but not actually being one. And that just gives me a
little bit of distortion around the edges there and mainly actually at the left and right
edges, happy with that. I can even take the Warp amount
down overall to about .75 so it’s even more
subtle, just kinda taking that sharp edge off. And then I’m going to give
it its own individual glow. We don’t need anything quite as extreme as the BiggerBetter glow,
so I’m just gonna use the regular SapphireLighting sGlow. Bring that over that top. Let’s make the glow width a lot bigger and take the brightness down. There we go, to about one or .95, .96. That should be fine, and
now let’s slowly start turning background on
and see how that looks in the context of the other layers. So I can imagine that when
that hits the purple background that’s gonna start to
look a wee bit different. So I can take my brightness
really quite far down there, maybe bring the glow
width up to about 250, and take the brightness
down to about 1.15, just so it sits out a little bit. So just with this in
context now, I can see that I’m gonna need to
come into my animated cloud and just set my color a
little bit closer to the blue just so that harmonizes a
bit more with the background. I’m trying to have it stand
out just a little bit. So probably about 30 degrees
different in the hue, and that should stand out
a bit more, a bit better. Turn the brightness back up on it. Yeah, that’s looking good. All right, let’s turn the
solo off on everything, with animated floor background on as well. Here I can see that I
need to make a little bit of change to the animated floor background just to get that sitting in there, and that’s a simple case of coming in with a bit of Color Correction, going to my levels and maybe
just tweaking up the gamma. I can even come up and
go to SapphireAdjust, add a little bit of
either a Tint or TriTone. Let’s go TriTone and take our middle gray into the cloud color and turn
our Mix with Source back up almost to a hundred again. I’m sorry, almost to one again, so .9, just really want to get everything sitting in a little bit better. And things are starting to
get nice and shiny and glowy, and they’re starting to, starting to piece things together now. I’m liking where this is going. We need to do a little bit
more, but this is going to do us for part four I think. And part four has been
focused entirely on the text, coming in, recycling some of the effects that we had before to
get this sort of wet look on the neon text and then
just sort of knock back some of that cleanness on the white text that we brought in as well afterwards. In part five we’re going
to start animating in some transitions bringing
this all together and adding the final touches. So that’ll do us for part four of our Trendy Neon 80’s Graphics project. My name is Ben Brownlee from Boris FX, and I will see you again in part five. Remember you can download the project with the link in the description below, and down below is also where you can add in any comements or
questions that you have. Don’t forget to hit that like button if you found this enjoyable or useful. It really helps out. For more information about Sapphire and to download a free trial,
then visit borisfx.com.

Leave a Reply

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