This is an update of the First Simple Comic Book Effect (here). The update is that this effect gives the photo a more vintage poster look. We’ve worked with a comic book effect and with gradients in other tutorials, so I came with this after experimenting and trying some combinations. This effect creates soe interesting results.
Step 1: Effects on the Photo.
First thing to do is to make sure the Photo is a Smart Object. This is important for fine tuning the effect afterwards. After that go to:
Filter -> Stylize -> Oil Paint. Set every setting to 10.
Add a Brightness/Contrast Adjustment Layer: settings will be different for every photo.
Add a Posterize Adjustment Layer: the setting will depent on your photo, try to keep the values between 5-10. Set the Blend Mode to Soft Light and opacity around 60%.
I find that the Brightness/Contrast Layer, in many cases, needs some work after the Posterize effect. Or with some photo’s I used the Brightness/Contrast Layer above the Posterize Layer
Step 2: Experiment with Colors.
The give it a Poster feel we can add a Gradient. Experiment with different colors and blending modes. Like I did:
Step 3: Combine Effetcs.
Sometimes the Simple Comic Book Effect doesn’t give a clean result. This is mostly when the photo has a lot af detail, like in the facial area. Any imperfection shows on the effect. You can render the filters, but I found the combination of these two effects interesting.
Save your Comic/Poster Effect photo and open it as a new document.
Almost any font will work with this text effect. But for the sake of the effect name choose a fantasy style font. The font I used is Witchic Blackletter (you can buy it from a font store). And I used my own name as text. For the k in my surname, I typed it with a capital K, because the font doesn’t have a good small k (and not a very good capital R by the way. So if you want to buy a font, check every glyph.
Step 2: Text Effect.
Now it is time to build the effect. For this we’ll need two copies of the text. Each copy will have a different set of Layer Styles.
Copy 1 Layer Styles:
The first Tthing to do is the Bevel & Emboss. The contour is showed in the photo left.
Second style of the first copy: Innes Shadow:
Next is: Color Overlay:
Last one: Pattern Overlay:
The pattern I used is a black-white photo of a damaged wall structure. You can use different textures, like paper, of anything grainy.
The last thing to do with this first copy is a Gaussian blur of 0,5 px.
Copy 2 Layer Styles:
Again go to Bevel & Emboss:
The contour needs a bit work (see photo right).
And we’ll also add a Gaussian blur of 0,5 px on this copy.
This is the effect.
What I did extra is:
A background with clouds.
Add a layer filled with solid black. Then go to Filter -> Render -> Lens flare. Set the Blend Mode to Screen.
Paint some clouds on a New Layer in front of the text. This will give a sense of depth.
I also painted some flares in orange, yellow and white. Set the Blend Mode to Screen and the Opacity between 85 – 100%. I created 5 flares and placed them random on the text.
The Adjustment Layers I used on top of everything are:
Today I’ll show you how to create a quick Halftone Effect in Photoshop. I found this effect after trying different ways to (re)create an effect that makes your photo looks like an old engraved picture or like a picture on money. This is the most easy way to create this effect. Even when this is a quick way, the possibilities are close to limitless.
Step 1: The Photo.
The first you’ll have to do is add a Black-White Adjustment Layer on top of the photo. The effect wil be created on a black-white photo.
Step 2: Halftone Layer.
Create a New Layer and fill with 50% Grey. Now make this layer into a Smart Object. A Smart Object lets us adjust the effect afterwards.
Now go to Filter => Filter Gallery: under the tab Sketch => Halftone Pattern. Set the values to: Size 2, Contrast 0. Pattern Type: Dot.
Under the same tab: Torn Edges. Set the values to: Image Balance 25, Smoothness 13, Contrast 1.
Set the Blend Mode of the Halftone Layer on Hard Mix and the Fill around 80%.
Step 3: Apply a Gradient Adjustment Layer.
Choose a gradient with different colors. Every photo will need a different gradient. Sometimes you’ll have to adjust the values of the halftone to fine tune the look with a gradient. Gradient in First photo: 924663 -> d5dbd3.
Step 4: Experiment.
The values in Step 2 are values that work with most pictures, but not with all. So you’ll have to play with the values in order to get the best result.
In this Illustrator tutorial we’re going to create a swirling vector circle.
Step 1: Basic Shape.
This is the basic shape: to create it follow the next steps:
Create two circles: a large one and in the center a smaller one.
Copy the smaller one and align it to the left so that the left side touch the left side of the big circle.
Copy the left circle so that it touches the right side of the bigger circle.
Now copy the two circles and rotate them so that they stand horizontally.
Step 2: Shape Builder Tool.
The Shape Builder Tool lets you create any shape out of basic outlinings. First we need to turn off the stroke and fill. Press CTRL + Y to enter the Outline Mode.
Now select everything and hold the Shape Builder to select the shape you want.
Step 3: Adding more swirls.
Copy the new created shape 3 times and rotate it so you get this result:
Step 4: Giving Color.
Now we’re going to give color to the shape. Select the Live Paint Bucket (behind the Shape Builder), select a color and paint the segments in that color. Tap CTRL + y to exit the Outline Mode.
Now we have a complete solid color shape. We have to make every segment in a separate object. To do this select the shape and go to Object -> Expand. Then ungroup the object several times until every segment is a separate object.
Step 5: Gradient Color.
Select 1 object and give it a gradient fill. Then select everything and with the color picker select the gradient fill segment.
Now you can experiment with the gradient and its angle, different colors…
With this Illustrator tutorial I’m going to show you how to create Isometric Numbers. You can use these for a modern New Years card or Social Media banner. The first thing to do is to create an isometric grid. I’m going to ease the process by giving one to you.
When you have opened the isometric grid file, take the Pen tool with a stroke and no fill. Snap the Pen to a, Anchor Point to start. We’re going to make the numbers 3 squares wide and 5 high. When drawing in Illustrator you’re creating vectors so we can scale them infinitely.
Now we’re creating the 0 with the same size.
Step 2: Filling the numbers.
The numbers have strokes but we need them with a fill and no stroke. I filled the numbers with a light grey color. The middle part of the 0 is filled with white.
Step 3: Creating Depth.
Now we have a light grey flat numbers. To give them a sense of depth we need to draw with the Pen tool again. Set the stroke on and the fill off. Start drawing like this:
Now we’re going to fill the stroke elements. I used a darker grey.
Step 4: Making 2020
Now we have a Isomectric 20, to create the Year we just need to duplicate the first two numbers. Make sure every elemet of the numbers is grouped together.
An easy way to create Isometric Numbers with a drawing:
Draw the numbers:
Then apply the 3D-effect: Extrude and Bevel:
An easy way to create Isometric Numbers with a Font:
Type the numbers and apply the 3D-effect: Extrude and Bevel: