Grungy LIVE-TYPE Chrome in Photoshop OR After Effects!
Вставка
- Опубліковано 23 лис 2024
- In this tutorial, we’ll check out a grungy chrome text effect, side by side in both Photoshop and After Effects! Along the way, we'll create a high end effect while highlighting some interesting similarities, differences, and unique features of both programs. Written project descriptions below…
Free downloads of the assets used in these projects:
texturelabs.or...
Check out the Texturelabs Channel for more content:
/ texturelabs
Connect:
texturelabs.org/
Instagram: @texturelabs
PHOTOSHOP 16 Bit Document (Layers are listed as they appear in the document, "➔" represents elements in Clipping Mask)
1) Curves Adjustment Layer for extra contrast
2) Texturelabs_LensFX_155: Screen mode, Opacity 50%
3) Texturelabs_LensFX_139: Screen mode, Hue/Saturation with Hue at -180
4) Texturelabs_LensFX_139: Screen mode, Hue/Saturation with Hue at -180
➔ 5) Texturelabs_Grunge_122: Overlay mode, 40% Opacity
➔ 6) Texturelabs_Sky132: Blend-if underlying layer white sliders at 16 and 84, Hue/Saturation with Saturation at -50
➔ 7) Gradient Map Adjustment Layer: Grungy Chrome preset
➔ 8) Texturelabs_Grunge_155: Overlay mode, 10% Opacity
➔ 9) Layer with Black to White Gradient: Overlay mode, 60% Opacity
10) GROUP FOLDER
10a) Text Layer: 50% Grey text, Bevel and Emboss with Depth 200% Size 10px Global Light Angle 80, Inner Shadow Effect with Opacity 50% Distance 0px Size 35px
11) Black Background Layer
AFTER EFFECTS (Layers are listed as they appear in the composition)
1) Overall Adjustment Layer: Noise Effect 7%, Gaussian Blur Effect 2, Unsharp Mask Effect Amount 100, Curves Effect for extra contrast
2) Glow Adjustment Layer: Screen mode, Levels Effect with Input Black 18500 and Input White 31500, Fast Box Blur 30, Solid Composite set to black
3) Texturelabs_LensFX_155: Screen mode, Opacity 50%
4) Texturelabs_LensFX_139: Screen mode, Hue/Saturation with Hue at -180
5) Texturelabs_LensFX_139: Screen mode, Hue/Saturation with Hue at -180
6) KNOCKOUT Solid Color Layer: Stencil Alpha Blending Mode, Set Matte Effect with Take Matte From TEXT LAYER
7) Texturelabs_Grunge_122: Overlay mode, 40% Opacity
8) SkyBlend Photoshop Layer: Exported from Photoshop with Blend-if settings listed in Photoshop instructions above, or download the PSD using the Texturelabs link above
9) Adjustment Layer: Apply Color LUT Effect with GrungyChrome LUT (download link above)
10) Texturelabs_Grunge_155: Overlay mode, 10% Opacity
11) GRADIENT Solid Color Layer: Gradient Ramp Effect with swap colors and start/end points matching top and bottom of underlying text, Turbulent Displace Effect with Amount 100 Size 50 and Evolution keyframes from 0 to 360 degrees over a few seconds
12) TEXT LAYER: 50% Grey text, Bevel and Emboss with Depth 200% Size 10px Global Light Angle keyed from 80 degrees to 40 degrees over a few seconds, Inner Shadow Effect with Opacity 50% Distance 0px Size 35px
"Loosely inspired by my teapot" Strap in boys, we're in for another banger
Haha, think I'll also try that opener next time I pitch something to a client
Wow, I'm just floored by how much you can replicate Photoshop specific things in After Effects using some crafty methods and tricks. These tutorials are amongst the best on all of UA-cam. Love it!
Shout out to the amount of work that goes into a double utility tutorial like this one! Thank you!
Appreciate that Stephen! I figured it's pretty similar to a few other reflective-ish PS videos I've posted, so it might be a nice way to put a spin on it. Thanks!
Absolutely agreed. 🤘🏼
"blend if" in After Effects would be a game changer. Love this!!
You're a life saver! Thank you for showing the After Effects process! I have tried to translate your previous Photoshop tutorials for use in After Effects, so it's nice that you've tailored this video for both.
Thats great to hear! I was hoping this one might be relevant to some of the other tutorials, hitting a few of those place where the approach is kind of the same and kind of different
to do a "blend if" in after effects you can use a effect called "extract" (inside Keying). use the dots like the arrows of photoshop, separate the lower/upper dots to do a fade transition. If you are having a hard time controlling the "colorama" effect you can change the "user preset palette" to a more friendly option like alpha ramp, take the alpha arrow tint black and made it opaque, start to build from there, it will be easier. Awesome tut!
can you please elaborate ? When I did this it looked really horrible no matter what :/ Going between photoshop and aftereffects is a really unfortunate workflow so being able to do these things in AE is crucial
@@TheABSRDST I wasn't sure what OP meant either but after messing around I ended up with something that looks fine, in my opinion. I know this is an old comment and you may have figured things out already, but just in case you come back or anybody else comes along, here's what I did:
Brought the sky image into the comp, rotated it 180° and scaled it to fit.
Set the layer's blending mode to Overlay.
Added the Extract effect and gave it the following settings:
• Channel: Luminance
• Black Point: 0
• White Point: 87
• Black Softness: 0
• White Softness: 169
• Invert: Off
Added the Hue/Saturation effect and changed the Master Saturation to -40. (The tutorial suggests -50, but I wanted a bit more color.)
I also added a random Layer Style and deleted the style itself while keeping the Blending Options, then set the Global Light Angle to 90° to match the tutorial. I'm not sure if this does anything, to be honest. Changing the Fill Opacity (under Advanced Blending) does make a noticeable difference, though.
Good luck out there.
That LUT trick... Brilliant! AE users have been asking for gradient maps since forever.
Fantastic tutorial! I work with Photoshop and After Effects on a daily basis and still discovered new things by watching this. The fact that you give us a two for one tutorial, AND include the assets is just awesome and much appreciated. Keep it up!
I'm always blown away by all these nifty tricks you pull out of the hat to bring these amazing ideas to life.
That's awesome, thank you!
This video is extremely well done! I like the overall effect a lot but for me the real gem here are all those little bits and pieces of fantastic tips, tricks and workarounds. You are insanely knowledgeable. Keep up the great work!
Great tutorial! I like seeing the setup in both AE and PS. One thing to note about the gradient map in AE. You can sort of simulate the one that's in PS by using the gradient ramp effect that you've already added in AE on the text layer. On an adjustment layer add colorama and in Input Phase, use the text layer that has the Gradient Ramp already. Make sure to pick Effects and Masks instead of Source to drive the ramp. It's not exactly like in PS, but you can come close. I use Ramp Grey to start with in the Output Cycle and then just start adding the colors that you want. Make sure to uncheck Modify Alpha if you're getting aliased edges as well. Thanks again for the great tutorials!
Nice! Alright, I'm making a point to really dig into Colorama... something tells me I've just gotta find the right approach with that effect. I'll definitely try this out, thanks!
Never knew what adding phase from a layer could do. Nice trick, thanks!
Very quickly becoming the best digital graphics channel on youtube
Can we just appreciate the fact that texturelab is here! Compete lesson and resources in front of you! Much respect to this channel! ❤
This is awesome! I only have photoshop, but not having the program never stopped me before I had PS, so I’m more than happy to learn after effects too! I think I went about 7 years watching Bert Monroy’s Pixel Perfect show before I ever got my hands on the program.
Haha I hear ya... like Photoshop, even if you can get an old version loaded up, you'll have 95% of the features!
This gradient mapping technique blows my mind. It looks so good!
So awesome that you are showing it in both AE and PS!
I really like the comparisons and work arounds used... You continue to enlighten me with these glorious secrets with every one of your videos... Very Cool...
Thanks for the great tutorial! Loved the side by side explanations in AE and PS. One small tip: there actually is something really similar to BlendIf in AE: The effect 'Gradient Wipe'. You would just have to precomp the layers beneath the sky-image and target that precomp as a map for the gradient.
Best Effects Channel on the interwebs! This is real Pro shizzle.
Your problem is that you are too damn good at this.... NEVER STOP!
Wake up babe, texture labs uploaded!
The smooth blend-if trick was the gem in this for me. Great work!
How you offer this level of instruction for free puts all paid tutorials to shame. Kudos.
4 dislike, seriously?? Why you don't like it?? This one is the best useful tutorial 🏵
This is the best UA-cam channel for learning photoshop effects, I always watch all videos Texture labs. Great thanks !
This concept is GOLD! Please make more of themm
I am in love with your style.
EXCELLENT VIDEO!! The way you replicate actions between the programs is amazing! THANKS!!!!
Just a heads up you can do a complex gradient ramp in After Effects. If you use the shape tool, and set the fill to gradient, you get the nice complex gradients like you would in PS ;)! Thanks for the great tutorials! :)
Best tutorial channel on the planet.
A beauty once again Mr. Labs.
I think he is revealing secrets that you are huding guys 😄😄 just joking i like u both
Using a picture of the sky to express a metallic feeling is too genius.
This is SOOO COOL!!
Moving docs with embedded values between programs is a neat trick, thanks.
omg what a masterclass, i'm learning stuff every 2sec it's just crazy, thanks a bunch man !
Wow, you deserve a top spot on an adobe Adobe Max session! You're such a pro.
This has to be one of the Best tut ever sensei... Thank it's Fire💥💥💥
this was amazing - need more AE tutorials this is so high quality
again, mind blowing, love seeing techniques and effects i've never seen before
Wow good video. This is the first time I see tutorial video creating design with different software in the same time.
Just WOW! DAMN you totally nailed it! t
Transferring knowledge this way, from Photoshop to AfterEffects is a real game changer!
Please keep this formula! I can't wait for another tutorial more than ever!
PS I could be wrong but AE Colorama effect can do the same thing that GradientMap in PS does.
You my friend will become a legend !!
Amazing video finally been able to copy my ps text into ae after days learned so much brilliant
YOUUU'REE SOOO TALENTEEED
Thank you for After Effects content!
So much of knowledge. Brilliant. Thanks for this.
Bro your the teacher I’ve always been wanting to help with PS. Thanks for your hard work on these videos.
I just found this channel today, but i already fell in love with it! Great content!!!
I have never seen those two techniques for Gradient Map to LUT and importing the PS layer with baked in layer style. Very helpful to know that's possible.
Just stunning. Incredible work and fantastic tutorial. Thank you!!
My god they are super useful. You should do this type of tutorial moreeeee!!!
waooo!! amazing project!! incredible!! congrats!! and thanks for show us how to do it!
I like this text effect.
I like the blur-sharpen adjustment, as I use that since many years as well, especially on cgi images. Simulates the in camera sharpening in my opinion.
You never fail to impress and inspire me! Love the content! :)
That's really awesome, thank you!
Amazing tutorial! Just to clarify, the layer styles works differently from the effects from the effects menu. For example, the gradient overlay in the layer styles will follow the layer in wherever position you put it. The grandient ramp (similar effect) doesn't do that. Also, layer styles will always overwrite any effect you had added to your layer.
If you precompose the layer. Then can you add affects to it. Then dont the layer style not overwrite the effect
Amazing!
For the Gradient Map in After Effects, I believe that you could use a Shape Layer with a Gradient Fill, there you can edit the gradient as you edited it in Photoshop.
Since I've always wanted motion(or the option to add it) added to any of my art I've been using AE more and more and PS less and less. I just needed to learn a few more techniques to parallel stuff from PS to AE. And it's win-win since I don't lose my touch with PS but now I don't have to recreate tons of PS art in AE from scratch. I can build it start to finish in AE. Great tut.
Excellent tutorial friend, Thanks for share
ALERT! ALERT! After Effects does have blend-if, it's called the gradient wipe effect. May be slightly more of a hassle to use than the "blend-if passed through advanced blending" workaround (because your layers have to be the same dimensions, so you have to pre-comp, etc, but at least it's adjustable).
awesome video
That is crazy good!🔥🔥 So advanced, yet simple and flexible
This is really a great format - I'm always wondering how to recreate photoshop effects directly within AE and it's helpful to see them lined up in this way
Awesome! I haven't used After Effects before, but it was interesting to see the differences from Photoshop!
What a way to flex, doing two tutorials in one! As a Photoshop veteran that feels completely out of his depth in After Effects, this is incredibly helpful! Great techniques as always, especially loved the simple gradient + complex gradient map combination to create the chrome look
Awesome tutorial mate, really opened my eyes for the possibility with the Gradient Map as a chrome source...
As for the after effects solution for Gradientp Map, you could be using the native effect "Colorama", is a bit pain in the *** to figure out and set the proper values of colors on to the color wheel, because it's After Effects and the things are as it is hahahahah, but worth the try, and you can set different channels, you can rotate the color wheel, add more loops. Etc.
I am definitely going to try replicate it with Colorama to have more possibilities with the color phases! Thanks again!
You have great skills and high level of program understanding. Thank you so much for sharing your method. :D
What a cool effect. Thank you for this!
This is awesome! I'm so inspired to create something with this technique! Becoming your patreon supporter was such a great decision! Top quality professional education man!
You´re a hero!
Just a small tip, because this looks sick as f***! When you drag in the lens flare in after effects, the black square of the object can be seen on brighter screens. I say this because I have said screen and it is a problem that often occures with movie titles being made on a mac computer. You can probably see it if you change the exposure with the "adjust exposure" function.
So. Much. Knowledge.
So cool to see this software comparison. Love it :)
You could use an inverted luminance key as your "Blend-if" in AE. Then you have flexibility with your adjustments.
Beautiful. Thank you!
Dude! I can't thank you enough for the amount of stuff I just learned from you today. Wow!
Amazing! Thank you so much..
You are a genius 🙌🏻🙌🏻🙌🏻🤗
Amazing! I'll try it later :)
Awesome. just found ur channel new subscriber now great content. love anything 3D. lol
LUT into AE, great tip, thank you :D
Your tutorial is so great!!!
goat in photoshop tuts
is there a reason by gradient is giving a blueish tint? I double checked and didn't have any blues selected in the colour swatches
Great job man u just opened my mind to new world 😂
Amazing stuff as always. I'm going to try making something with this over the weekend!
Thanksss you are the best channel!!!
thank you maaan 💗💗💗💗
INSANEEEEEE
Really COOL! Thank You!
My pleasure!
Amazing video! Thanks man :D
Great video as always. The link to the X-Large version of the texture used in this video is not working for me?
YOU ARE THE BEST BRO!
very nice ! thank you.
Superb video ! Very usefull !
This guy is amazing
Awesome tutorial!
Appreciate that!
Max's name in the original script was Schluber? Haha, that's news to me :) Great job I'll make use of this technique for my next video and I used the watercolor bleed text in my latest video, so thanks a bunch for your tutorials!
Haha, ya Mad Schluber Bible doesn't quite have the same ring to it... That's awesome though, glad you can put some of the stuff to use! Checking out your channel now!
PRESERVE TRANSPARENCY CHECK BOX WTF! I MISSED THAT ONE FOR FAAAAR TO LONG!!!!
you are so helpful tysm for the vid
Wow love it Brady! I use more ps because the art I use I print to stickers and shirts so Af won’t work but still ove the work!! Keep ‘em coming !!