Watercolor text
-
Upload
aiu-erlienndazevabee -
Category
Documents
-
view
237 -
download
0
Transcript of Watercolor text
-
7/30/2019 Watercolor text
1/11
Step 1
Watercolor is one of those mediums that can be difficult to replicate digitally, but with a little
practice and experimentation I think youll find it can be rather fun. This tutorial will be basedaround creating a text effect, but this technique works just as well when creating paintings in
Photoshop.
Lets begin with a new document, mine is 540300 at 72ppi for those of you playing along athome. Since by default Photoshop locks the original Background layer in any new document,
lets start by double clicking on the layer to bring up the New Layer dialog. Change the name in
the dialog from Layer 0 to Background and click OK. This will effectively unlock the
Background layer and make it a normal, workable layer.
Step 2
The reason we had to unlock the Background layer is because we need to add a Layer Style to
it, which isnt possible if the layer is locked. This Background layer is going to be the watercolorpaper which well be painting on later in the tutorial.
To add the layer style, lets go ahead and double click to the right of the layers name in the layers
palette to bring up the Layer Styles dialog window (you can also access this dialog byCommand-Clicking (PC: Right-Clicking) on the layer and choosing Blending Options from themenu). Inside the Layer Styles dialog box choose the Pattern Overlay option from the list on the
left. Be sure to click on the words and not just the checkbox. Just clicking the checkbox will
apply default Pattern Overlay settings, but clicking on the text will open the Pattern Overlay
options section of the Layer Styles window.
-
7/30/2019 Watercolor text
2/11
Click on the pattern swatch to bring up the Pattern Picker. We want to load the Artists Surfaces
pattern set, so click on the little circle with the arrow in the upper right hand corner of the Pattern
Picker and choose Artists Surfaces from the drop down menu. The pattern well be using here is"Wax Crayon on Sketchpad (150150 pixels, grayscale mode)", if you place your mouse over
each swatch, the tool tip will appear to tell you what the swatch is called.
Use an Opacity setting of around 10% and a Scale of 50% then click OK to apply the layer style.
Step 3
The Background layer should now have a slight texture visible. Be careful not to overstate theeffect here, watercolor paper has a very subtle texture.
-
7/30/2019 Watercolor text
3/11
Step 4
Now lets place some text on the stage. Press the D key to reset the foreground color to black andthen press T to invoke the Type tool. Click on the stage and create your lettering. Choose a large
bold font so youll have the most room to paint within. Using the text tool creates a new layer
above the previous layer.
Step 5
For the moment were done with the text layer we just created so lets temporarily turn it off byclicking the little eye icon to the left of the layer thumbnail in the Layers palette.
-
7/30/2019 Watercolor text
4/11
Next create a new layer by clicking the Create New Layer icon at the bottom of the layers
palette. Double click on the new layers name and rename it Paint.
Step 6
Its now time to prepare our paint brush to create the watercolor effect. Start by pressing the Bkey to invoke the Brush tool. From the Brush Options bar at the top of Photoshop choose a brush
that youd like to paint with. For this tutorial Im going to use a 35 pixel round soft edged brush
which I chose from the default brushes in the Brush picker. Set the brushes Blend mode toMultiply, the Opacity to 10-20% and the Flow to 50%.
-
7/30/2019 Watercolor text
5/11
Step 7
We need to set some additional properties for our brush, so lets open the Brushes palette bychoosing Window>Brushes from the main menu. In the Brush Tip area, set the Spacing to 1%
(for this brush that seems to be the most cohesive setting, if youve chosen a different brush this
may vary).
Step 8
Choose Texture from the list and use the same settings and texture that we used to create our
Backgroundlayers texture.
-
7/30/2019 Watercolor text
6/11
Step 9
Choose Other Dynamics and set the Opacity Jitter to around 100%, again this one is brush
dependant. Then check the Wet Edges option (this option has no additional settings). Now thebrush is ready to use and you can close the Brushes palette if youd like.
-
7/30/2019 Watercolor text
7/11
Step 10
Since we really want to constrain the painting to the lettering we created on the text layer, lets
load that layer as a selection by Command-Clicking (PC: Ctrl-Clicking) on the Text layersthumbnail in the layers palette. Notice that the Paint layer is still the selected working layer.
-
7/30/2019 Watercolor text
8/11
Step 11
Pick a nice dark color for your foreground color in the Tools palette and begin painting. Noticethat the paint is constrained to the selection and if you release your mouse and begin painting
again it will add dimension to the watercolor by showing overlapping brush strokes.
(*note: If the "marching ants" around the selection bother you, simply press Command-H (PC:
Ctrl-H) to hide them. The selection will still be active and you can bring it back by pressing thesame keyboard shortcut again.)
Step 12
Try switching colors and overlapping your brush strokes until youre happy with the result.
When youre done, release the selection by pressing Command-D (PC: Ctrl-D) to deselect.
-
7/30/2019 Watercolor text
9/11
Step 13
If youve ever looked at a watercolor painting up close, youve noticed that often the artist willhave lightly sketched a basic line drawing directly onto the paper before they began to paint.
This little line art makes for a neat effect and its the reason weve kept our original text layer.
Lets click on that original text layer in the layers palette to make it our working layer and clickon the little empty box where the eye icon used to be to turn the layer back on.
Obviously we dont need the black color of the text, so lower the layers Fill opacity to 0%.
Step 14
-
7/30/2019 Watercolor text
10/11
Now lets open the Layer Styles dialog box for this layer (just like we did in Step 2) and this time
were just going to add a 1 pixel Stroke (outline) to the text as shown below. Once youveapplied the stroke, click OK to commit the Layer Style.
Step 15
Usually the artist wont have painted exactly within their pencil lines, so press V to invoke the
Move tool and then using the arrow keys on your keyboard (or by dragging with your mouse),
move the outline just a touch so that its just offset from the painting. If you feel that the outline
isnt dark enough for your tastes, you can always go back and darken it by applying a darker
gray in the Stroke layer style.
-
7/30/2019 Watercolor text
11/11
Step 16
And there you have it, a nice little text effect using watercolors. Like I said in the beginning, thisis one of those techniques that requires a little practice to get good at, and by experimenting with
different brushes and varied settings, you can get some really great results.
When I got finished I decided that my colors needed a little more pop so I added a
Hue/Saturation adjustment layer to the top of the stack. If you download the .PSD file at the end
of the lesson you can see exactly how that works.