How to Get Rid of the Black Border on the Art Board on Illustrator

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

Well, outline stroke is a simple way to convert a path with a thick stroke into an object and then apply it every bit a building cake in your designs. Adobe Illustrator turns your object's stroke value into the dimensions of a new shape.

In this tutorial, you'll larn more than about 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 will also larn how to make 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 important step, and I will evidence you how to successfully exercise this for scatter and pattern brushes in order to obtain a great concluding result of the text design.

Expand your castor library past going to GraphicRiver , where y'all'll find a great pick of Illustrator brushes in various styles, shapes, and themes. Also, check out the text furnishings department, 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 consummate the tutorial, yous volition need the post-obit avails:

• Comfortaa Font

1. How to Open up a New Document

Launch Illustrator and go to File > New to open a blank document. Type a proper name for your file, fix the dimensions, so select Pixels as the Units and RGB as the Colour Mode .

Next, go to Edit > Preferences > Full general and set up the Keyboard Increment to ane px and, while there, go to Units to make sure they are set as in the following image. I normally work with these settings, and they volition help yous throughout the drawing process.

2. How to Create the Text

Step one

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

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

Step 2

Keep the text selected and go to Object > Path > Outline Stroke to convert the stroke into a shape and to go the letter shapes (one). Now, select only the 2 shapes that make up the first letter, and press Unite in the Pathfinder panel to merge them into a new shape. Continue to practise the same matter for the other letters (ii).

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

Stride 3

Fill up the newly obtained letters with the color indicated; then grab the Ellipse Tool (L) and draw two 35 ten 37 px ellipses above the letter "E" as the umlaut. At this point, we are gear up to create the text design.

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

Pace 1

Catch the Line Segment Tool (\) and use it to describe a 400 px line at a 135-degree Bending. Requite it a 16 px ruby Stroke and identify information technology on the bottom left side of the first letter. Make a copy of information technology and motion it to the upper right side of the terminal alphabetic character of the text (i). Nosotros are focusing on the letters for now and will accept care of the umlaut subsequently.

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

Step ii

We will use the same technique to create the green lines in our text design. Use the Line Segment Tool (\) to depict some other 400 px line at a 135-degree Angle. Requite it a 2 pt green Stroke so place it in front of the first reddish line. Brand a copy of it and motility it afterwards the concluding scarlet line (1).

Alloy these two lines using 14 Specified Steps, and you volition become the balance of the green stripes between the reds (2).

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

Step 3

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

At present, select the two alloy groups along with the "Noel compound path" and go to Object > Clipping Mask > Brand (Control-7) (ii).

Step 4

Select the "Noel chemical compound path" once more, and Copy and Paste in Place (Shift-Control-V) to make a copy of it. Requite it a 5 pt Stroke in greenish, and press the Align Stroke to Outside choice in the Stroke console. This will create a light-green border around the text.

Pace 5

Copy and Paste in Forepart (Control-F) the "Noel compound path" again, and colour it with white. Go to Issue > Stylize > Inner Glow and apply the settings shown to create a shadow inside the edges of the messages. Ready the Blending Mode to Multiply to brand the white fill transparent while the shadow remains visible.

4. How to Create the Stripes Edge Around the Text

Footstep 1

Allow's acquire how to brand a brush in Illustrator that will aid u.s. add more than stripes to the pattern, merely more speedily and easily. Take hold of the Line Segment Tool (\) and draw a 40 px line on your artboard at a 45-caste Angle. Give information technology an 8 pt black Stroke and then drag it into the Brushes console to salvage it every bit a New Pattern Brush.

In the Pattern Castor Options window, type "Stripes Edge Pattern Brush" as the proper name, and cull Auto-Between for the Outer Corner Tile (1) and Inner Corner Tile (2) in social club to define the way the brush volition deed in the corners. Also, choose Tints equally the Colorization Method then the brush will alter color each fourth dimension we change the stroke color. Striking OK.

Step two

Select the "Noel compound path" and and so Re-create and Paste in Place (Shift-Control-V) to brand a copy of it in front of everything. Stroke information technology with the Stripes Border Pattern Castor, change the stroke colour to ruby-red so the stripes get cherry-red, and so reduce the Stroke Weight to 0.5 pt. You now have short stripes all effectually the letters.

Step 3

Select the light-green border made earlier in the tutorial, and then Copy and Paste in Place (Shift-Command-V) to make a re-create of it in front of everything. Get to Object > Path > Outline Stroke to covert it to a border shape (1).

Nosotros are going to apply this edge shape to mask the short red stripes around the messages, and this is some other good example of how you can use an outline stroke to mask edges or specific elements in your design, peculiarly when it comes to Illustrator effects.

Continue the border shape selected along with the stroked path, and get to Object > Clipping Mask > Brand (Control-vii). Now, the short red stripes are only visible on the outer light-green border every bit an extra detail in our text effect (2).

Step 4

Copy and Paste in Place (Shift-Command-V) the "Noel compound path" again and give it a 1 pt white Stroke. Side by side, get to Object > Path > Showtime Path and apply an Outset of 2.5 pt to motility the white stroke to the centre of the green border (1). Gear up the Blending Mode to Overlay, and this volition highlight the striped border (2).

5. How to Create and Use a Holly Leaf Blueprint Brush

Step 1

Allow's learn how to make a brush in Illustrator. The kickoff one is a holly leaf turned into a uncomplicated pattern brush.

Beginning, use the Pen Tool (P) to describe the shape of the leaf, as shown in the epitome beneath, and color it with night green (ane). Continue to draw a like but smaller shape inside, and colour it with light green (two). Go on these two shapes selected, and go to Object > Blend > Blend Options. Cull Smooth Colour and hit OK; then become back to Object > Blend > Brand (Alt-Command-B) (3).

Now, grab a copy of the kickoff leaf shape; movement information technology a little to the correct, and change the fill color to a darker shade of green. This will create a modest shadow on the right side (4).

Finally, draw the shape of the primary vein going through the eye of the leaf, followed by three thinner veins on each side. Use the color indicated to fill up them (v).

Step ii

Learning how to save a castor in Illustrator is the next of import thing.

Grouping (Control-G) all the shapes that make up the holly leaf and Rotate -25 degrees in the Transform panel. Now, drag information technology into the Brushes panel to relieve it as a New Pattern Castor.

In the Blueprint Brush Options window, type "Holly Leafage Design Brush" as the proper name and choose Auto-Between for the Outer Corner Tile (1) and Inner Corner Tile (2) from the drop-downward bill of fare. Hit OK.

Pace three

You have learned how to install a brush in Illustrator successfully, so at present let's incorporate it into our text blueprint.

Select the letter "N" and then Copy and Paste in Dorsum (Control-B) to brand a copy of it. Stroke it with the newly saved Holly Leafage Design Brush; then become to the Appearance panel and open the Stroke Options window. Calibration the castor forty%, and likewise ready the Spacing to 20%. Hit OK.

At this point, the holly leaves are not entirely visible, then we need to fix this. With the letter nonetheless selected, get to Object > Path > Offset Path and use an Offset of vii px to motion the stroke more towards the outside.

Step iv

Repeat the same process and apply the Illustrator brush to the other letters. If you get an empty space in a corner, just catch a re-create of the holly foliage that you drew before and arrange it in that place. Transport it to the back.

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

Step 1

Grab a copy of the holly leaf that yous drew before and rotate it equally shown in the prototype below. Select the veins and modify the fill color to lite green (1). With the leaf however selected, get to Object > Transform > Reflect, check Vertical, and hit Re-create to get a copy. Movement the 2d leaf to the right; then select only the shadow shape from inside the group and change the make full color to light light-green (two).

Now, let's create the drupe. Use the Ellipse Tool (50) to draw a circumvolve filled with dark ruby followed past a smaller circumvolve filled with lighter ruddy on top. Keeping both circles selected, go to Object > Blend > Alloy Options, and cull half-dozen Specified Steps. Hit OK and then go back to Object > Alloy > Make (Alt-Control-B) (3). Finalize the berry past drawing another small circumvolve on top, filled with burgundy (four).

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

Step ii

Grouping (Command-Thou) all the shapes that brand upwardly the holly berry and drag it into the Brushes console to salvage it as a New Scatter Castor. In the Scatter Castor Options window, just type "Holly Berry Scatter Brush" as the proper name and leave the other settings as they are for the moment. Striking OK.

Step iii

Y'all have saved the brush in Illustrator, and information technology's ready to be used. Select the letter "N" and then Copy and Paste in Place (Shift-Control-V) to make a copy of it in front of everything. Stroke it with the Holly Berry Besprinkle Brush; then go to the Appearance panel and open the Stroke Options window. Change the settings as shown below, and set up the Rotation relative to Path. Hitting OK.

We demand to motility these leaves towards the outside a little to make them more than visible. We did this earlier for the other brush. With the stroked path still selected, become to Object > Path > Offset Path and apply an Offset of x px.

Step iv

Repeat the same process and apply the Holly Berry Scatter Brush to the other messages to complete the Illustrator effect.

vii. How to Create Highlights on the Text Issue

Step 1

Utilise the Pen Tool (P) or the Line Segment Tool (\) to draw a straight path on the letter of the alphabet "Northward", equally shown in the image below. Requite information technology a x pt Stroke and select Width Profile 4 in the Stroke console, with the tip going downward. Use a transparent white to white linear slope at a 90-degree Angle for the stroke; then go to Effect > Blur > Gaussian Mistiness and utilize a Radius of 3 px to brand it smoother.

Step 2

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

8. How to Create a Shadow Under the Text Issue

Step i

In the next steps, we are going to employ an outline stroke to obtain a shadow. Just applying the Drop Shadow effect to the messages will not work well in this case because of our complex edges.

Select the re-create of the letter of the alphabet "N" that was stroked with the Holly Leaf Pattern Castor, and so Copy and Paste in Place (Shift-Command-V) to make a copy of it. Go to Object > Path > Outline Stroke to get the private leaves (ane).

With the group of leaves still selected, printing Unite in the Pathfinder panel, followed by Object > Compound Path > Brand (Command-8). As a result, y'all will get the orange compound path shown in the paradigm beneath (2).

Step 2

Now, select the copy of the letter of the alphabet "N" that was stroked with the Holly Berry Scatter Brush, and and then Re-create and Paste in Place (Shift-Control-V) to brand a copy of it. Go to Object > Path > Outline Stroke to get the individual holly berry groups. In each of these groups, there is a rectangle with no stroke and no fill at the bottom. You need to remove all of them before you go on (1).

With the grouping of holly berry leaves nevertheless selected, press Unite in the Pathfinder panel, followed by Object > Compound Path > Make (Control-8). Yous will get the bluish compound path from the image below (2).

Step three

Keep the orange and blue compound paths that you lot obtained in the previous step 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 > Arrange > Ship to Back (Shift-Control-[); then go to Outcome > Stylize > Drop Shadow and apply this issue twice (2).

These are the settings for the Drop Shadow effects:

Step 4

Use the technique explained in a higher place to obtain the shadow compound path for the other messages and, once done, use the Driblet Shadow upshot with the same settings.

Step 5

Let'southward get back to the umlaut and then nosotros can finalize the text effect. Apply all the techniques that you've learned so far to the ii ellipses, and you will get the aforementioned wait.

Congratulations! You're Done

Here is the concluding image of the winter holiday text effect. I hope this tutorial was fun for you and that you learned some new things today. At present you know how to use outline stroke for various purposes in your designs and how to create and install brushes in Adobe Illustrator.

Aggrandize Your Text-Effect Designing Skills!

Keep drawing and learning with these recommended tutorials:

reynoldstwok1976.blogspot.com

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

Share this post