awmp
in
awmpdotnet
A Vintage Icon Walkthrough
Because I keep getting asked about this vintage effect on the Doctor Who Hello? icon, I decided to write a very quick walkthrough, because I'm too lazy to answer it again and again *g*
it's actually fairly easy, and it doesn't require a lot of work, just some basics and a little imagination ;)
This is not a tutorial, but a walkthrough. You quite definitely need to adjust steps and settings to make them work for your own choice of screencap.
A vintage icon walkthrough
*~*~*~*+++*~*~*~*+++*~*~*~*+++*~*~*~*+++*~*~*~*
Background
I filled the Background of the canvas with a light beige (#EBE2D7)
I added some Filter - Noise - Add noise (very, very subtly though, and monochromatic) to give it a little structure.
with an orangey, darker beige (#DBB980), I painted the inner part of the background.
I used one of Photoshop's default Wet Media brushes for this (Brush with Thick Flow, 28 pt, lowered the opacity to around 60%, and with Wet Edges on) and painted in several strokes over the canvas but spared the edges.
It's important to do it in several strokes to get the painted look and not an even blob of color.
Screencap
I used one of my own Doctor Who screencaps, because I was in love with that phone on first sight :)
as I wanted that painted vintagey feel, I used the Filter - Sketch - Photocopy filter, with a low detail setting, but medium darkness.
You don't wanna lose too many details in this step (therefore we're still working on the big cap, if you do this after resizing, you're losing too much of them)
Try to find a balance between details and sketchy looking...
Mine looked like this after this step
of course that's not our final result, so we wanna fade the effect (ctrl+shift+f).
I wanted to keep at least a bit of color and shading, so I faded it to Color Dodge and lowered the opacity.
You need to tag the preview box, and watch your screencaps to find the suitable settings...
I was happy when mine looked similar to that (I recreated the effect for this walkthrough, who the hell knows with which settings I was working the first time *g*)
Composition
I added the altered pic and a version of the original screencap on my vintage background, resized (if you group them in advance they'll be of the same size) and sharpened them.
I put the original on top and set it on Color Burn with an opacity of 20% just to make it a little darker and more intense.
(I'm sometimes a little over the top. heeee.)
then I added a Layer mask to cut out the doctor on both Layers, the altered and the original one.
and the result was this
which was too white for my taste so I added a new layer on top, filled it with a dark beige (#C4AA89), put it on Multiply and lowered the opacity to 60%.
tadaah.
Text/Font
Time to add some text.
Behind the Doctor I added a new Text layer.
The font is MetropolitainesD, 12pt, in a dark red (#AA271C).
I added a Drop Shadow and warped the text.
the smaller text is still MetropolitainesD, but in 4 pt and black.
and we're finished.
as always have fun! :)
it's actually fairly easy, and it doesn't require a lot of work, just some basics and a little imagination ;)
This is not a tutorial, but a walkthrough. You quite definitely need to adjust steps and settings to make them work for your own choice of screencap.
A vintage icon walkthrough
*~*~*~*+++*~*~*~*+++*~*~*~*+++*~*~*~*+++*~*~*~*
Background
I filled the Background of the canvas with a light beige (#EBE2D7)
I added some Filter - Noise - Add noise (very, very subtly though, and monochromatic) to give it a little structure.
with an orangey, darker beige (#DBB980), I painted the inner part of the background.
I used one of Photoshop's default Wet Media brushes for this (Brush with Thick Flow, 28 pt, lowered the opacity to around 60%, and with Wet Edges on) and painted in several strokes over the canvas but spared the edges.
It's important to do it in several strokes to get the painted look and not an even blob of color.
Screencap
I used one of my own Doctor Who screencaps, because I was in love with that phone on first sight :)
as I wanted that painted vintagey feel, I used the Filter - Sketch - Photocopy filter, with a low detail setting, but medium darkness.
You don't wanna lose too many details in this step (therefore we're still working on the big cap, if you do this after resizing, you're losing too much of them)
Try to find a balance between details and sketchy looking...
Mine looked like this after this step
of course that's not our final result, so we wanna fade the effect (ctrl+shift+f).
I wanted to keep at least a bit of color and shading, so I faded it to Color Dodge and lowered the opacity.
You need to tag the preview box, and watch your screencaps to find the suitable settings...
I was happy when mine looked similar to that (I recreated the effect for this walkthrough, who the hell knows with which settings I was working the first time *g*)
Composition
I added the altered pic and a version of the original screencap on my vintage background, resized (if you group them in advance they'll be of the same size) and sharpened them.
I put the original on top and set it on Color Burn with an opacity of 20% just to make it a little darker and more intense.
(I'm sometimes a little over the top. heeee.)
then I added a Layer mask to cut out the doctor on both Layers, the altered and the original one.
and the result was this
which was too white for my taste so I added a new layer on top, filled it with a dark beige (#C4AA89), put it on Multiply and lowered the opacity to 60%.
tadaah.
Text/Font
Time to add some text.
Behind the Doctor I added a new Text layer.
The font is MetropolitainesD, 12pt, in a dark red (#AA271C).
I added a Drop Shadow and warped the text.
the smaller text is still MetropolitainesD, but in 4 pt and black.
and we're finished.
as always have fun! :)