Illustration Superpowers with One Tool!
Photos used in this tutorial:
Woman in orange shirt:
https://www.pexels.com/photo/a-woman-in-orange-long-sleeve-shirt-7793237/
Woman with yellow background:
https://unsplash.com/photos/CGKYNN3uuVo
Girl on phone:
https://www.pexels.com/photo/light-black-and-white-fashion-man-16249331/
Advanced Animated Ink Bleed in After Effects
Preset linked below!
Download the CC Time Blend FX preset from Cycore FX here:
http://cycorefx.com/dloads_ccfxhd.php
(It’s the second-to-last download on the page)
Vintage Screenprint T-Shirts in Photoshop
Fonts used in this tutorial:
DK Blackminster
Classic
The Analog Monitor… in After Effects!
Analog Retro-Futuristic Monitor in Photoshop
Two Essential Photoshop Techniques!
PURE TERROR! Dripping Blood in After Effects
A Better Way to Create This Classic Graphic Style in Photoshop
How the Pros Use Difference Blending Mode
The Movie Poster in 9 Steps!
TipSquirrel Movie Poster Credits Block Template:
https://www.tipsquirrel.com/movie-poster-credit-template-for-photoshop/
Fonts used in this tutorial:
https://www.dafont.com/rodfat.font
https://www.dafont.com/sf-movie-poster.font
Moon Image:
https://moon.nasa.gov/resources/127/lunar-near-side/?category=images
Galaxy Image:
https://www.nasa.gov/image-feature/goddard/2021/hubble-watches-an-intergalactic-dance
Dragon Image:
https://stock.adobe.com/images/wyvern-or-dragon-fantasy-creature-flying-with-mouth-open-to-breath-fire-3d-illustration-isolated-on-white/416541152?prev_url=detail
Roman Warrior:
https://stock.adobe.com/images/male-athlete-in-the-armor-of-an-ancient-warrior/243869080?prev_url=detail
Masked Hero:
https://stock.adobe.com/images/shot-of-isolated-on-grey-black-woman-warrior-holding-axe-and-shield-dressed-in-ancient-armor/512256549?prev_url=detail
Helmet Warrior:
https://stock.adobe.com/images/epic-warrior-man-in-white-background-side-view/373016977?prev_url=detail
Pyramid:
https://stock.adobe.com/images/pyramids-of-giza-in-egypt/375305942?prev_url=detail
Procedural Fire in After Effects!
PROJECT SETUP
1920×1080, 24fps, 6 Seconds
PROJECT MAP
Layers and effects are arranged as they appear in the project. I recommend building the project starting at the bottom and building to the top.
"FIRE" (Main Comp):
IF "SOURCE" LAYER IS A TEXT LAYER
1) "SOURCE DISPLACE" (Black Solid)
Calculations Effect –
Second Layer: "SOURCE" / Effects & Masks,
Second Layer Opacity: 100,
Blending Mode: Copy
Gaussian Blur Effect –
Blurriness: 20
Fractal Noise Effect –
Offset Turbulence: KEYFRAME from 960 540 to 960 0
Levels Effect –
Output White: 127
IF "SOURCE" LAYER IS NOT A TEXT LAYER
1) "SOURCE DISPLACE": Duplicate of LAYER 6 (your SOURCE) with Displacement Map and Compound Blur Effects
Gaussian Blur Effect –
Blurriness: 20
Fractal Noise Effect –
Offset Turbulence: KEYFRAME from 960 540 to 960 0
Levels Effect –
Output White: 127
2) "COLORIZE" (Adjustment Layer)
Levels Effect –
Gamma: .8
Colorama Effect –
Output Cycle: Fire Preset,
Blend With Original: 30%
Glow Effect –
Glow Radius: 300,
Glow Intensity: 2,
Glow colors: A&B Colors,
Color A: FF6500, Color B: A91200
Unsharp Mask Effect –
Amount: 100
3) "OVERLAY" (Black Solid) Overlay Blending Mode
Gradient Ramp Effect –
Start and End Points adjusted to match subject
Fractal Noise Effect –
Fractal Type: Dynamic,
Invert: On,
Contrast: 150,
Scale: 200,
Offset Turbulence: KEYFRAME from 960 540 to 960 -1250,
Blending Mode: Multiply
Fractal Noise Effect –
Contrast: 50,
Brightness: -48,
Scale: 9,
Offset Turbulence: KEYFRAME from 960 540 to 960 -540,
Evolution: KEYFRAME 0 to 5.00,
Blending Mode: Add
Turbulent Displace Effect –
Size: 30,
Offset Turbulence: KEYFRAME from 960 540 to 960 -50
4) "FRACTAL FLAMES" (Instance of Precomp) Overlay Blending Mode
Displacement Map Effect –
Displacement Map Layer: "SOURCE DISPLACE" / Effects and Masks,
Max Horiz: 100,
Max Vert: 100
5) "INVERSION" (Adjustment Layer) Exclusion Blending Mode
Gaussian Blur Effect –
Blurriness: 50
CC Vector Blur Effect –
Type: Direction Fading,
Amount: 140,
Angle Offset: 180,
Vector Map: "BACKGROUND"
Displacement Map Effect –
Displacement Map Layer: "FRACTAL FLAMES",
Max Horiz: 15,
Max Vert: 75
Solid Composite Effect –
Color: Black
Fractal Noise Effect –
Contrast: 75,
Brightness: 40,
Offset Turbulence: KEYFRAME from 960 540 to 960 100,
Blending Mode: Color Burn
Turbulent Displace Effect –
Displacement: Twist Smoother,
Amount: 20,
Offset Turbulence: KEYFRAME from 960 540 to 960 -250,
Complexity: 7
Turbulent Displace Effect –
Amount: 20,
Evolution: KEYFRAME from 0 to 2.00
Offset Effect –
Shift Center To: 960 560
6) "SOURCE" (Text layer or any white shape with transparent background)
Displacement Map Effect –
Displacement Map Layer: "FRACTAL FLAMES",
Max Horiz: 6,
Max Vert: 6
Compound Blur Effect –
Blur Layer: "FRACTAL FLAMES",
Max Blur: 4
7) "BACKGROUND" (Black Solid)
"FRACTAL FLAMES" (Precomp)
1) "Fractal Flames" (Black Solid)
Fractal Noise Effect –
Fractal Type: Dynamic,
Invert: On,
Sub Scaling: 60,
Sub Offset: KEYFRAME from 960 540 to 960 -570,
Evolution: KEYFRAME from 0 to 3.00
Advanced Masking with Knockout Layers
Comic Book FX from Photos in Photoshop!
To download textures, scroll to the bottom!
QUICK INSTRUCTIONS (for advanced users)
Mask the subject and convert to Smart Object.
Shadows/Highlights with Shadows at 100%.
Camera Raw Filter – Noise Reduction 100, Detail 0.
Camera Raw Filter – Noise Reduction 100, Detail 0, Saturation -100.
Oil Paint – All the way up (lighting turned off).
Threshold – find darkest Shadows (about 90).
Make 2 copies – call top layer “Lines”, middle “Grey”, bottom “Black”.
“Grey” layer:
Adjust Threshold toward mid-tones (about 120).
Place Grungy Halftone texture on top set to Screen, create clipping mask.
Set “Grey” layer to Multiply.
“Lines” layer:
Trash the Oil Paint filter.
High Pass filter underneath Threshold filter set to 2 or 3.
Adjust threshold to pick up line-work (about 125).
New Group Folder on top, “Color”, set to Multiply.
Mask the Color Folder to match subject.
Solid Color layers inside the folder – invert mask, then paint in where you want color.
Drag and drop vector elements in background, grunge in foreground, etc!
DETAILED INSTRUCTIONS (for beginners)
1) Create a simple mask for your subject by tracing it with the Polygonal Lasso Tool (click and hold the lasso tool in the Tools panel to find the Polygonal Lasso Tool).
2) Use the “Create Mask” button at the bottom of the Layers panel.
3) Right click your layer in the Layers Panel and convert it to a Smart Object.
4) Use Image>Adjustments>Shadows/Highlights. Use default values, with the Shadows at 100%.
5) Use Filter>Camera RawFilter. In the Detail section, turn Noise Reduction to 100, and Detail to 0.
6) Use Filter>Camera RawFilter again. In the Detail section, turn Noise Reduction to 100, and Detail to 0. Also, in the Basic section, bring Saturation to -100.
7) Use Filter>Stylize>Oil Paint with Stylization at 10, Cleanliness at 10, and Lighting turned off.
8) Use Image>Adjustments>Threshold. Find a value that leaves only the darkest shadows (about 90).
9) Make two duplicates of the layer. Double click the layer name in the Layers panel and rename the top one to “Lines”, the middle one to “Grey”, and the bottom one to “Black”.
10) Turn off the “Lines” layer for now.
11) On the “Grey” layer, double click the Threshold filter in the Layers panel, and move the value toward the middle (about 120).
12) Drag in the Grungy Halftone Texture, which you can download below, and scale it to fit over the entire image.
13) Move the Grungy Halftone layer to be directly above the “Grey” layer in the Layers panel, then Alt-click (Windows) or Option-click (Mac) between the two layers to create a Clipping Mask.
14) In the Layers panel, set the Grungy Halftone layer to Screen mode. Set the “Grey” layer to Multiply mode.
15) Turn on the “Lines” layer by clicking the eyeball next to it in the Layers panel. In the Layers panel, turn off the Threshold filter for now. Drag the Oil Paint filter into the trash.
16) Use Filter>Other>High Pass with a Radius of 2 (for thicker lines, use a radius of 3 or 4).
17) Drag the High Pass filer underneath the Threshold in the Layers panel.
18) Turn Threshold back on. Double click the filter and adjust the value to pick up the lines, without getting too much noise (usually about 125).
19) If the image has eyes in it, create a new layer (plus button in the Layers panel) and drag it underneath the “Lines” layer. Using the Brush Tool with the color set to white, paint in where the whites of the eyes should be. Paint black dots to fit in the irises of the eyes.
20) Shift-select all the layers in the Layers panel and drag them into a Group Folder.
21) Apply the Stroke Effect to the folder (fx at the bottom of layers panel). Set the Stroke to black, with a Size of about 4px, and the Position at Center.
22) Also apply the Drop Shadow Effect to the folder. Set the Blending Mode to Normal, color to white, Opacity to 100%, Distance to about 6, and Size to 0.
23) Create a new, separate Folder called “Color”. Set the folder to Multiply mode.
24) Ctrl-click (Windows) or Cmd-click (Mac) the “Lines” layer thumbnail in the Layers panel to make a selection in the shape of the layer.
25) With the “Color” folder selected, use the Create Mask button (bottom of Layers panel) to add a mask to the folder.
26) Inside the “Color” folder, create a new Solid Color layer (bottom of Layers panel) with a color of your choosing.
27) Select the mask of the Solid Color layer and invert it (Image>Adjustments>Invert).
28) Using the Brush tool, paint white into the mask of the Solid Color layer to reveal color where you want it.
29) Create additional Solid Color layers with masks to add more colors.
30) Introduce any background elements – solid colors, vector elements, shape layers, gradient layers, etc.
31) Drag the additional grunge textures into the document, scale them to fit, and set them to Screen mode.
32) Adjust and refine – double click the threshold Filters on the “Black” and “Grey” layers to dial in your shadows.
Done!
Movie Trailer GFX in After Effects!
In this tutorial, we’ll check out a surprisingly simple setup in After Effects to create cinematic typography effects, complete with studio-style dramatic lighting! With the help of an effect that’s more versatile than it sounds – CC Plastic, we’ll create a professional looking graphic in a single comp with just a few layers. For an … Continued
Ultra-Realistic Sketches in Seconds!
Unreal Effects in AE with CC Time Blend FX
To “activate” CC Time Blend Effects, download the preset from Cycore FX here.
Collage Effect | Photoshop Tutorial
Hand Illustrated Effect – After Effects Tutorial
ADJUSTMENT LAYER SETUP
(Effects and layers are listed as they appear in the project)
1) HILIGHT Adjustment Layer
Fill- Color: Black
Bevel Alpha- Edge Thickness 15, Light Angle 50, Light Intensity 1
Simple Choker: Choke Matte 7
Solid Composite: Color Black
Fractal Noise: Complexity 3, Blending Mode Overlay
Fast Box Blur: Radius 2
Threshold: Level 110
Median: Radius 3
Fast Box Blur: Radius 1
Brightness & Contrast: Contrast 80, Use Legacy On
Set Matte: Default Settings
2) SMOOTH ALPHA Adjustment Layer
Turbulent Displace: Displacement Bulge, Amount 3, Size 40, Complexity 4, Evolution Expression “time*400”
Fast Box Blur: Radius 5
CC Threshold: Threshold 110, Channel Alpha
Roughen Edges: Fractal Influence 0
Turn Photos Into Stars and More in Photoshop
In this Photoshop tutorial, we’ll harness the power of blending modes to convert a photo into a multicolor star halftone! With the same principles, you’ll be able to create your own halftone patterns – especially if you have a working knowledge of Adobe Illustrator. Download the free Star Halftone Patterns below, and be sure to … Continued
Black and White to Transparent in Photoshop
Grungy Chrome in Photoshop OR After Effects
PHOTOSHOP 16 Bit Document (Layers are listed as they appear in the document, "➔" indicates layer 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
Stencil Spray v2.0 | Photoshop Action
Quick steps to get the action up and running:
1) Double click on the zip file, then move the SprayMap.psd file to your desired location.
2) Drag the Texturelabs_SprayAnything.atn file into Photoshop.
3) Create a temp throwaway layer.
4) In your Actions Panel, open the details of the Spray Anything action.
5) Double click on the first item – “Open”.
6) Point Photoshop to the SprayMap.psd file.
7) Close the SprayMap.psd file.
8) In the action details, scroll down about halfway to the Displace step of the action.
9) Double click on each instance of Displace – used six times.
10) Leave all values as they appear, click OK, then point Photoshop to the SprayMap.psd file.
11) Optional – double click on the Action and assign a keyboard shortcut.
12) All set! Apply the action to any layer.
Burn Transition | After Effects Tutorial
In this tutorial, we’ll check out an After effects setup for a high quality burning transition effect. Using only native effects in the program, we’ll generate glowing embers, trailing smoke, heat distortion, and more. For an easy-to-use template with custom effect controls and a ton of extra features, check out the “Burnout” Template below! Also … Continued
Extreme Blur Effect | Photoshop Tutorial
Eye-Popping Color Overlays in Photoshop
Animated Spiral Effect | Photoshop Tutorial
In this tutorial, we’ll check out a clever technique for creating a perfect spiral in Photoshop. Then we’ll apply it as a retro-style optical illusion and create a looping animated graphic! This project makes a nice introduction animation – in fact, the “Video Timeline” in Photoshop uses many of the same principles as Adobe After … Continued
Toy Camera Photos | Photoshop Tutorial
In this tutorial, we’ll check out a few techniques for creating the artistic look of a simple plastic analogue camera. Vignetting, light leaks, distortion and chromatic abberation – all the things which modern high end cameras have tried to minimize – will become our tools for creating unexpected, playful images. There’s nothing more fun than … Continued
Vector Style Treatment | Photoshop Tutorial
Retro Halftone Effects | Photoshop Tutorial
In this tutorial, I’ll run through a setup I use to create halftone effects in Photoshop. Great for posters, apparel, stickers, or just creating cool retro-lookin stuff! This approach will bypass the halftone filters and create the effect from scratch, with the added benefit of being live and adjustable. In the second half of the … Continued
Art History Brush | Photoshop Tutorial
In this photoshop tutorial, we’ll check out a fast, fun, and easy way to create digital oil paintings! We’ll focus on one specific tool – the art history brush. Once you’re up and running, this tool unlocks all kind of awesome possibilities…. but first, it does help to get a basic sense of how the … Continued
10 Tips for Layer Style Effects | Photoshop Tutorial
Fonts used in this tutorial: Mustardo.
Weathered Live Type | Photoshop Tutorial
This is one of my favorite techniques in Photoshop. In this tutorial, we’ll check out a method for distressing typography and shapes that is totally adjustable and non-destructive. You can weather any font or single-color logo in real time… awesome for apparel, print design, and more!
Stipple Illustration Effect | Photoshop Tutorial
BONUS: to create the Sun Rays at 01:05:
1) Create a new image, 2000px by 2000px, with a white background.
2) Use Filter Gallery→Halftone Pattern, with size set to 12, contrast set to 50, and pattern type set to Line.
3) Rotate the layer 90 degrees.
4) Use Filter – Distort→Polar Coordinates set to “Rectangular to Polar”.
Pixelated 3d Blockhead Effect | Photoshop Tutorial
Check out the work of Han Hsu-Tung here.
Realistic Glowing Text Effect
Fonts used in this tutorial: Neon 80’s, Rollingtime.
Epic 3d Text | Photoshop 3d Workspace and Compositing
Fonts used in this tutorial: American Captain, Copperplate Bold.
Engraved Money Effect | Photoshop Tutorial
Create this strange and simple texture in Photoshop to apply an engraved Illustrated look to your photos and artwork. In this tutorial, we’ll run through the basics of getting it set up, then take a look at a few techniques to give your image a more authentic dollar-bill style treatment. BONUS: to create the Sun … Continued
Color Bleed Watercolor Effect | Photoshop Tutorial
Learn to create an ultra-realistic bleeding ink or watercolor effect in Adobe Photoshop! In this tutorial, we’ll harness the power of Photoshop Actions to build a one-button effect that can be applied to photos, text, artwork and more. For an updated, ready-to-go action to create this effect, check out the “Ink Bleed” Photoshop Action below! … Continued
80s Ultra Chrome Effect | Photoshop Tutorial
Create hyper-stylized 1980’s chrome text and logos with a few versatile techniques in Adobe Photoshop! In this tutorial, we’ll cover the basic process of how to set up a chrome reflection that can be customized for infinite different looks, plus a few extra details to give the image some hyper-realistic radness.
Cinematic Light Rays | Photoshop Tutorial
Create advanced looking light beams or sun rays for text, artwork, and photography using a few simple steps in Adobe Photoshop. In this tutorial, we’ll use a free Photoshop action combined with a few techniques for a dramatic final look.
Fog and Text Portrait | Photoshop Tutorial
Font used in this tutorial: AF Camberwell One. Photo credit: Matt Hardy.
Dripping Paint Effect | Photoshop Tutorial for Text & Logos
Fonts used in this tutorial: Retrow Mentho, Classic, Haydes.
Create Automatic Long Shadows in Photoshop
In this tutorial, we’ll go through a few simple steps to set up an automatic cast shadow for text in Photoshop.
Magic Smoke Text Effect | Photoshop Tutorial
Learn how to create this swirling magic text look in Adobe Photoshop.
Distressed Text Edges | 4-Minute Photoshop Tip
For everything from a subtle worn-in effect effect to a heavily distressed text look, this quick and easy approach makes a great jumping off point.
Spray Painted Stencil Effect | Tutorial for Text & Logos
3D Wood Text Effect (without Photoshop 3D Workspace)
Learn a quick and easy technique for distressed 3D wood typography using just one texture and a few Photoshop tools and tricks.
Texture & Grunge Essential Tools | Tutorial for Text & Logos
Learn the basic tools for using texture in Adobe Photoshop to create distressed type or logos and use textured backgrounds.
Carved Stone Text Effect | Photoshop Tutorial
Create this cracked and weathered concrete stone text look with a few simple and versatile techniques in Adobe Photoshop.
Neon Sign Text Effect | Photoshop Tutorial
Create this realistic metal and glowing color neon sign with a few simple techniques in Adobe Photoshop.
The Super Easy Grunge Stamp Photoshop Typography Setup
Learn the easy way to create a versatile letterpress grunge effect with a few simple Adobe Photoshop tools used in just the right combination.
Ultimate Gold Text Effect | Photoshop Tutorial
Create realistic gold type and logos without any custom painting in Photoshop – scroll through fonts and turn them to gold in real time!
Cracked Paint Wood Text Effect | Photoshop Tutorial
Learn a few quick and easy techniques for using textures in Adobe Photoshop to create custom weathered paint for text or logos.
Embossed Paper Text & Logos | Photoshop Tutorial
Learn a quick and easy technique to get more realistic embossed type or logos on paper in Adobe Photoshop.