banner



How To Outline Pen Tool In Black Photoshop

Wondering what an outline stroke is in Illustrator and what it'south used for?

Well, outline stroke is a simple way to convert a path with a thick stroke into an object and then employ information technology as a building cake in your designs. Adobe Illustrator turns your object'southward stroke value into the dimensions of a new shape.

In this tutorial, you'll learn more virtually outline stroke and how you can utilise it for various purposes in your designs like creating decorative borders, masking specific elements in your design, or creating shadows. You lot volition as well larn how to brand new Illustrator brushes that we will then use to create a beautiful winter holiday text effect. Learning how to install brushes in Illustrator is an of import step, and I will show you how to successfully do this for besprinkle and pattern brushes in society to obtain a swell final upshot of the text pattern.

Expand your castor library past going to GraphicRiver , where you'll find a slap-up selection of Illustrator brushes in diverse styles, shapes, and themes. Also, cheque out the text effects section, where you'll find plenty of inspiration and resources for your projects.

Follow along with us over on our Envato Tuts+ YouTube channel:

Tutorial Avails

To complete the tutorial, y'all will need the post-obit assets:

  • Comfortaa Font

1. How to Open a New Document

Launch Illustrator and go to File > New to open up a bare certificate. Type a name for your file, gear up the dimensions, and then select Pixels every bit the Units and RGB every bit the Colour Mode .

Side by side, go to Edit > Preferences > Full general and set the Keyboard Increase to 1 px and, while there, go to Units to make certain they are set as in the following image. I commonly work with these settings, and they volition help you throughout the drawing process.

how to open a new Illustrator document how to open a new Illustrator document how to open a new Illustrator document

two. How to Create the Text

Step ane

Let's obtain the letters that nosotros need to create this text issue. Catch the Type Tool (T) and write " N O EL " on your artboard using the Comfortaa Font, Bold, Size of 190 pt. Under Tracking, choose a value of 75 or 100 in order to get more infinite between the letters (1).

While the text stays selected, apply a 12 pt Stroke using any colour (2); then drag the bounding box upwards a little to make the text taller (3).

how to write and adjust the text in Illustrator how to write and adjust the text in Illustrator how to write and adjust the text in Illustrator

Step two

Keep the text selected and go to Object > Path > Outline Stroke to convert the stroke into a shape and to get the alphabetic character shapes (ane). Now, select only the ii shapes that make up the first letter, and press Unite in the Pathfinder panel to merge them into a new shape. Proceed to do the aforementioned thing for the other messages (2).

This is a good instance of how to apply outline stroke to obtain thicker and bolder text when this version is not available for your preferred font or when you lot need a bigger surface to employ textures and details to your Illustrator effects.

how to bold the text in Illustrator how to bold the text in Illustrator how to bold the text in Illustrator

Step 3

Fill the newly obtained letters with the color indicated; and so grab the Ellipse Tool (Fifty) and draw 2 35 x 37 px ellipses above the letter of the alphabet "E" as the umlaut. At this point, we are ready to create the text design.

how to color the text in Illustrator how to color the text in Illustrator how to color the text in Illustrator

3. How to Create the Colored Stripes Design on the Text

Step 1

Grab the Line Segment Tool (\) and employ it to draw a 400 px line at a 135-degree Bending. Requite it a 16 px red Stroke and identify it on the bottom left side of the first letter of the alphabet. Make a copy of information technology and motion it to the upper right side of the last letter of the alphabet of the text (i). Nosotros are focusing on the letters for now and will take care of the umlaut after.

With both paths still selected, go to Object > Blend > Alloy Options and choose 13 Specified Steps. Hit OK and then get dorsum to Object > Blend > Make (Alt-Command-B). As a result, your text will be covered with red stripes at an equal distance (2).

how to create the red stripes on the text effect how to create the red stripes on the text effect how to create the red stripes on the text effect

Footstep 2

We will apply the aforementioned technique to create the green lines in our text design. Use the Line Segment Tool (\) to draw some other 400 px line at a 135-degree Angle. Give it a 2 pt dark-green Stroke and and so place it in front end of the first red line. Make a re-create of it and move it after the last red line (1).

Blend these two lines using 14 Specified Steps, and you volition become the residue of the greenish stripes between the reds (2).

Note: Increase the number of steps used to blend the cerise and green stripes if your word is longer and you have more letters to piece of work with.

how to create the green stripes on the text effect how to create the green stripes on the text effect how to create the green stripes on the text effect

Step 3

Select the four letters and and then Copy and Paste in Place (Shift-Control-V) to make copies of them in front of everything. Set the copies to stroke-none and fill-none; so go to Object > Compound Path > Make (Command-8) to obtain the "Noel chemical compound path" (i).

Now, select the ii blend groups along with the "Noel compound path" and go to Object > Clipping Mask > Brand (Control-seven) (2).

how to mask stripes on the text effect how to mask stripes on the text effect how to mask stripes on the text effect

Step 4

Select the "Noel compound path" once again, and Copy and Paste in Place (Shift-Control-V) to make a re-create of information technology. Requite it a 5 pt Stroke in green, and press the Align Stroke to Outside selection in the Stroke panel. This will create a green border around the text.

how to create a border around the text effect how to create a border around the text effect how to create a border around the text effect

Step 5

Re-create and Paste in Forepart (Command-F) the "Noel compound path" once more, and color it with white. Go to Outcome > Stylize > Inner Glow and apply the settings shown to create a shadow inside the edges of the letters. Fix the Blending Mode to Multiply to make the white fill transparent while the shadow remains visible.

how to create inner shadow on the text effect how to create inner shadow on the text effect how to create inner shadow on the text effect

4. How to Create the Stripes Border Around the Text

Step one

Let's learn how to make a brush in Illustrator that will help us add together more stripes to the design, but more chop-chop and hands. Grab the Line Segment Tool (\) and draw a forty px line on your artboard at a 45-degree Angle. Give it an 8 pt black Stroke and and so elevate it into the Brushes panel to save information technology equally a New Pattern Brush.

In the Pattern Brush Options window, blazon "Stripes Border Pattern Brush" as the name, and choose Auto-Betwixt for the Outer Corner Tile (i) and Inner Corner Tile (two) in order to ascertain the way the castor will act in the corners. Also, choose Tints as the Colorization Method so the brush will change color each time nosotros change the stroke color. Hit OK.

how to create a simple stripes pattern brush in Illustrator how to create a simple stripes pattern brush in Illustrator how to create a simple stripes pattern brush in Illustrator

Step 2

Select the "Noel compound path" and and so Copy and Paste in Place (Shift-Control-V) to make a copy of it in front of everything. Stroke it with the Stripes Border Pattern Brush, alter the stroke color to red so the stripes become red, and and then reduce the Stroke Weight to 0.v pt. You lot now take short stripes all around the letters.

how to apply a stripes pattern brush on the text how to apply a stripes pattern brush on the text how to apply a stripes pattern brush on the text

Footstep iii

Select the green border made earlier in the tutorial, and then Copy and Paste in Place (Shift-Control-5) to make a copy of information technology in front of everything. Go to Object > Path > Outline Stroke to covert it to a border shape (1).

We are going to use this border shape to mask the brusque red stripes around the letters, and this is some other good example of how you can apply an outline stroke to mask edges or specific elements in your design, especially when it comes to Illustrator effects.

Keep the border shape selected along with the stroked path, and go to Object > Clipping Mask > Make (Control-seven). Now, the brusque carmine stripes are but visible on the outer dark-green edge as an actress item in our text effect (2).

how to create the stripes border around the text effect how to create the stripes border around the text effect how to create the stripes border around the text effect

Step 4

Re-create and Paste in Place (Shift-Control-V) the "Noel compound path" once again and give it a 1 pt white Stroke. Adjacent, go to Object > Path > Starting time Path and use an Outset of 2.5 pt to motion the white stroke to the center of the green edge (i). Ready the Blending Mode to Overlay, and this will highlight the striped edge (2).

how to create highlight on the stripes border around text how to create highlight on the stripes border around text how to create highlight on the stripes border around text

five. How to Create and Apply a Holly Foliage Pattern Brush

Step 1

Let's acquire how to make a brush in Illustrator. The first 1 is a holly leaf turned into a simple pattern brush.

First, use the Pen Tool (P) to draw the shape of the leaf, equally shown in the image below, and colour information technology with dark green (one). Proceed to describe a similar just smaller shape inside, and color it with lite greenish (2). Proceed these 2 shapes selected, and get to Object > Blend > Blend Options. Choose Smoothen Color and hitting OK; then go back to Object > Blend > Make (Alt-Command-B) (3).

Now, grab a re-create of the kickoff leaf shape; move information technology a little to the right, and change the fill colour to a darker shade of green. This will create a pocket-size shadow on the right side (four).

Finally, draw the shape of the main vein going through the middle of the leafage, followed by iii thinner veins on each side. Use the colour indicated to fill up them (5).

how to create the holly leaf in Adobe Illustrator how to create the holly leaf in Adobe Illustrator how to create the holly leaf in Adobe Illustrator

Stride ii

Learning how to salvage a brush in Illustrator is the adjacent important affair.

Group (Control-G) all the shapes that make upwardly the holly leaf and Rotate -25 degrees in the Transform panel. Now, elevate information technology into the Brushes panel to salve it as a New Pattern Brush.

In the Pattern Brush Options window, type "Holly Leaf Pattern Brush" equally the name and choose Car-Between for the Outer Corner Tile (1) and Inner Corner Tile (2) from the drop-down bill of fare. Hit OK.

how to save a leaf pattern brush in Adobe Illustrator how to save a leaf pattern brush in Adobe Illustrator how to save a leaf pattern brush in Adobe Illustrator

Step 3

You have learned how to install a brush in Illustrator successfully, and so now allow's contain information technology into our text pattern.

Select the alphabetic character "Northward" and then Re-create and Paste in Dorsum (Control-B) to make a copy of it. Stroke it with the newly saved Holly Foliage Pattern Brush; then go to the Appearance panel and open the Stroke Options window. Scale the brush 40%, and likewise set the Spacing to 20%. Hit OK.

At this point, the holly leaves are non entirely visible, so we need to ready this. With the alphabetic character still selected, go to Object > Path > Offset Path and apply an Offset of vii px to move the stroke more towards the outside.

how to apply a leaf pattern brush in Adobe Illustrator how to apply a leaf pattern brush in Adobe Illustrator how to apply a leaf pattern brush in Adobe Illustrator

Pace 4

Repeat the same process and apply the Illustrator castor to the other letters. If you go an empty infinite in a corner, just grab a copy of the holly leafage that you drew earlier and arrange it in that place. Transport it to the dorsum.

how to apply a leaf pattern brush to text how to apply a leaf pattern brush to text how to apply a leaf pattern brush to text

6. How to Create and Utilise a Holly Berry Scatter Castor

Step 1

Grab a copy of the holly leafage that you drew earlier and rotate information technology as shown in the image below. Select the veins and change the fill color to light green (i). With the leafage nevertheless selected, go to Object > Transform > Reflect, check Vertical, and striking Copy to get a copy. Move the 2nd leaf to the right; then select just the shadow shape from inside the grouping and modify the fill colour to light green (two).

Now, let'due south create the berry. Use the Ellipse Tool (L) to draw a circle filled with nighttime blood-red followed by a smaller circumvolve filled with lighter red on meridian. Keeping both circles selected, go to Object > Blend > Blend Options, and choose six Specified Steps. Hitting OK and then go back to Object > Blend > Make (Alt-Control-B) (3). Finalize the berry by drawing another minor circle on top, filled with burgundy (4).

Draw two more berries in the same way, or just make copies of the one we merely finished, and arrange them as shown beneath (5).

how to create a holly berry in Adobe Illustrator how to create a holly berry in Adobe Illustrator how to create a holly berry in Adobe Illustrator

Step ii

Group (Control-G) all the shapes that make up the holly berry and elevate it into the Brushes console to save it as a New Besprinkle Brush. In the Scatter Brush Options window, just type "Holly Drupe Scatter Brush" as the proper noun and leave the other settings as they are for the moment. Hit OK.

how to save a new Illustrator scatter brush how to save a new Illustrator scatter brush how to save a new Illustrator scatter brush

Step iii

Yous have saved the castor in Illustrator, and information technology's ready to be used. Select the letter "Due north" and then Re-create and Paste in Place (Shift-Control-Five) to make a copy of it in front end of everything. Stroke it with the Holly Berry Scatter Brush; then go to the Appearance console and open the Stroke Options window. Change the settings as shown beneath, and set up the Rotation relative to Path. Hit OK.

We need to move these leaves towards the outside a trivial to make them more visible. We did this earlier for the other brush. With the stroked path all the same selected, go to Object > Path > Offset Path and utilise an First of 10 px.

how to apply a scatter brush in Adobe Illustrator how to apply a scatter brush in Adobe Illustrator how to apply a scatter brush in Adobe Illustrator

Step 4

Echo the aforementioned process and use the Holly Berry Scatter Brush to the other letters to consummate the Illustrator event.

how to apply a holly berry scatter brush to text how to apply a holly berry scatter brush to text how to apply a holly berry scatter brush to text

7. How to Create Highlights on the Text Issue

Step 1

Use the Pen Tool (P) or the Line Segment Tool (\) to draw a straight path on the letter "N", as shown in the image beneath. Give information technology a ten pt Stroke and select Width Profile 4 in the Stroke panel, with the tip going downwards. Employ a transparent white to white linear gradient at a 90-degree Angle for the stroke; then go to Result > Blur > Gaussian Mistiness and use a Radius of 3 px to brand it smoother.

how to create highlight on the letter in Adobe Illustrator how to create highlight on the letter in Adobe Illustrator how to create highlight on the letter in Adobe Illustrator

Step 2

Utilise the technique explained above to create more highlights on the letters. This will make them shinier.

how to create highlight on the text effect how to create highlight on the text effect how to create highlight on the text effect

8. How to Create a Shadow Under the Text Effect

Step 1

In the next steps, we are going to utilise an outline stroke to obtain a shadow. But applying the Drop Shadow effect to the letters will not work well in this case considering of our complex edges.

Select the re-create of the letter "N" that was stroked with the Holly Leafage Design Brush, and and so Copy and Paste in Place (Shift-Control-V) to make a copy of it. Go to Object > Path > Outline Stroke to get the individual leaves (1).

With the grouping of leaves still selected, press Unite in the Pathfinder panel, followed by Object > Chemical compound Path > Make (Control-8). Equally a result, y'all will get the orangish compound path shown in the image below (2).

how to create a leaf compound path around text effect how to create a leaf compound path around text effect how to create a leaf compound path around text effect

Step 2

Now, select the copy of the alphabetic character "N" that was stroked with the Holly Berry Scatter Brush, then Copy and Paste in Place (Shift-Control-V) to make a copy of it. Go to Object > Path > Outline Stroke to get the private holly berry groups. In each of these groups, there is a rectangle with no stroke and no fill at the bottom. Y'all demand to remove all of them earlier you continue (ane).

With the group of holly berry leaves nonetheless selected, press Unite in the Pathfinder panel, followed past Object > Compound Path > Brand (Control-8). Y'all volition go the bluish chemical compound path from the prototype below (2).

how to create a holly berry leaf compound path around text effect how to create a holly berry leaf compound path around text effect how to create a holly berry leaf compound path around text effect

Step 3

Keep the orange and blue compound paths that yous obtained in the previous footstep selected, and press Unite in the Pathfinder panel followed by Object > Compound Path > Make (Control-8) (1).

The newly obtained shape is exactly what we need to create the shadow for this text effect. Send it to the back by going to Object > Accommodate > Send to Back (Shift-Command-[); and then go to Upshot > Stylize > Driblet Shadow and apply this effect twice (2).

how to create a shadow compound path around text how to create a shadow compound path around text how to create a shadow compound path around text

These are the settings for the Drop Shadow effects:

drop shadow settings for the text effect shadow drop shadow settings for the text effect shadow drop shadow settings for the text effect shadow

Step 4

Use the technique explained above to obtain the shadow compound path for the other letters and, in one case done, apply the Drib Shadow effect with the aforementioned settings.

how to create shadow for the Illustrator text effect how to create shadow for the Illustrator text effect how to create shadow for the Illustrator text effect

Step 5

Let's get back to the umlaut and so we tin finalize the text result. Apply all the techniques that you've learned so far to the two ellipses, and you will get the same look.

how to finalize the Illustrator text effect how to finalize the Illustrator text effect how to finalize the Illustrator text effect

Congratulations! You're Done

Here is the terminal paradigm of the wintertime holiday text effect. I hope this tutorial was fun for you lot and that you learned some new things today. Now you know how to employ outline stroke for diverse purposes in your designs and how to create and install brushes in Adobe Illustrator.

Illustrator text effect with stripes and holly berry final image Illustrator text effect with stripes and holly berry final image Illustrator text effect with stripes and holly berry final image

Expand Your Text-Effect Designing Skills!

Keep drawing and learning with these recommended tutorials:

Source: https://design.tutsplus.com/tutorials/how-to-use-outline-stroke-in-adobe-illustrator--cms-34160

Posted by: boydvividem.blogspot.com

0 Response to "How To Outline Pen Tool In Black Photoshop"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel