Tutorials #3
TUTORIAL DAY!
Sorry for not posting new tutorials. I'm here for fix it now.
Today here are 2 new tutorials with Arrow and Emma Swan.
Arrow requested by kirtash_girl
Emma by kirtash_girl and hsapiens
→
Arrow
→
Let's start. Here is original screencap.
1. Crop the original cap to:
then duplicate it and set it to Screen 100%.
Next add a Curves layer and make icon a little lighter.
My settings are:
Output: 148
Input:119
2.Now create layer and paint bottom part of icon arounf Arrow with green #00cf08.And set it to Color (Opacity:82%, Fill:40%)
Next create one more layer and pain all space around Arrow with the same green color #00cf08. Set it to Soft Light(Opacity:100%, Fill:40%)
Layer have to looke like this
3.Time for gradient layers.
Take the gradient below and set it to Screen 100%. Then take a Eraser Tool choose a soft brush with Opacity 56% and erase gradient from left side of icon and Oliver.
Next thing you have to do is duplicate Screen gradiend layer and set it to Overlay (Opacity:59%, Fill:47%)
→
4. In this step we add a green texture(if someone know a maker let me know and I'll add a credit)
Make the texture a little blurer. Go to Filter→Blur→Gaussian Blur→Radius 3.5. Then set it to Soft Light with Fill: 50%:
→
5. So this step with gradients again. Now it's b&w gradients.
Make two gradients and set them to Overlay and erase with Soft Brash (O:56%) everything from right side of icon:
1st gradient with Opacity:100%, Fill: 78%
2nd gradient withOpacity:100%, Fill: 23%
→
6. And finally text step.
For main text I used Intro Inline font.
Text layers:
YOU HAVE color: #b1f482, size 11,2 pt
FAILED color: #50a63d, size 19,6 pt
THIS CITY color: #b1f482, size 11,2 pt
Then create duplicate each text layer and choose color #3a4636 for them and then and slide them down and to the right. It have to look like shodow from text.
And then add tiny text with the same phrase. For this tutorial I used Orator STD with color: #88e93a, size 4pt.
7. Now add a little light on the left side. Take the gradient below and set it to Screen
→
8. Last step. Stamp Visible (CTRL+SHIFT+ALT+E).
Go to Filter→Blur→Gaussian Blur→Radius 4.0. And set it to Soft Light (Opacity:100%, Fill:48%).
Last thing is add Brightness/Contrast layer:
Brightness: 0, Contrast:-2
It's done!
Emma.
This icon was made from 3 different icons.
Icon #1
→
Original screen cap is HERE.
1. Crop cap to
Use Auto Contrast and
add Curves layer.Settings:
Output: 155
Intput: 112
2. Paiting layers.
2.1Create new color fill layer with blue #1b6bb6. And set it to Color 100%. Erase color from Emma.
2.2. Create a new layer. Use the same blue color and paint Emma's shirt then set the layer to Overlay 100%.
2.3. New layer again. Choose yellow color # ffcc02 and paint her hair. Set this layer to Multiply 100%.
2.4 New layer, same yellow color. Paint Emma's face and hands then set the layer r to Multiply with opacity 37%.
3. Stamp Visible (CTRL+SHIFT+ALT+E).
I used Topaz here. (FlatStyle - Clean-Strength-0||Threshold-0.13||Radius-5) and set it to Normal with Fill: 50%.
!After that set 1st paint layer from Color to Normal.!
4. Add new color fill layer #0c172b. And set it to Screen 100%.
Now add cuople gradients.
→ to Screen 100%→
→to Soft Light 10%→
5. Last few things.
Add Hue/Saturation layer.
Hue: -4
Saturation: +10
Lightness: +10
And last layer is Brightness/Contrast layer with:
Brightness: 0
Contrast: +13
The 1st icon is done!
Icon #2
→
Original screencap.
1. Like always crop it to
Duplicate layer and set it to Screen 100%.
2. Painting. (♥)
2.1.Create new layer and paint Emma's hair with yellow color #fff002. Then set the layer to Multiply 100%.
2.2. Noe paint her face with the same yellow and also set set the layer to Multiply(Opacity:81%, Fill:39%)
3. Create Selective Color layer with Neutrals
Gyan: 0:
Magenta:0
Yellow: +27
Black 0
+Hue/Saturation layer with:
Hue: 0
Saturation: +2
Lightness: +12
4. Take the texture bellow ad set it to Screen 100%. After that erase right side of the texture.
Next duplicate hair paint layer (step 2.1) put it on the top and set to Multiply(Opacity:100%, Fill:48%).
+color fill layer #1f1e08(Screen 100%)=
5. Gradient layers.
→Overlay(O:43%, F:64)→
→Screen(100%)→
→Soft Light (100%)→
The 2nd icon is ready!
The 3rd and the last icon.
→
Screencap.
1. Sized it to
Add Curves layer.
Settings:
Output: 129
Intput: 106
and also create fill black layer and set it to Color 100%.
2. Couple gradients.
→Screen (O:100%, Fill:77%)→
→Overlay(O:100%,F:52%)→
3.Go to Filter→Blur→Gaussian Blur→Radius 9.5.
And set this to Soft Light Opacity:43%, Fill:100%.
.
Icon almost done.
When all 3 icons were made I just combine them in one.
The blue icon is left side of the icon. The yellow one is the right side.
And b&W I sized to 65x65 px and then cut it with elliptical marquee tool and put it on the center of icon.
Last step was to add borders.
Result:
There is also little gift for Heather (setentpet).
I have maden psd for Candice icon because there is almost only painting layers and few gradients.
→
DOWNLOAD
P.S: I leave for vacation at August 4th, so if I'll have time I make tutorial for one more Arrow icon.
And don't shy to ask me to do tutorials with other icons.
This is it for today. I hope it will be helpful for you guys.
(Went to watch F1)