Skip to main content

How to Add a Line Around the Outside of Type in Photoshop

Lesson 21 from: Adobe Photoshop Fundamentals

Daniel Walter Scott

How to Add a Line Around the Outside of Type in Photoshop

Lesson 21 from: Adobe Photoshop Fundamentals

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

21. How to Add a Line Around the Outside of Type in Photoshop

Lessons

Class Trailer

Getting Started

1

Class Introduction to Adobe Photoshop CC

02:36
2

Before you Start this Adobe Photoshop CC Tutorial

01:20

Layers

3

How to Use Layers in Adobe Photoshop CC

09:56
4

Basic Navigation & How to Combine Images in Photoshop

07:37
5

Layers - Quiz

Color & Adjustment Layers

6

How to Fix an Image Using Levels in Photoshop CC

04:03
7

How to Enhance Colors in Photoshop Using Vibrance

03:28
8

How to Change the Color of Something in Photoshop Using Hue

02:52
9

How to Change Just One Color in Adobe Photoshop CC

01:57
10

How to Make an Image Black & White in Photoshop CC

04:35
11

How to Add a Gradient to an Image & Text in Photoshop

10:57
12

Color & Adjustment Layers - Quiz

Shapes

13

Creating a Specific Sized Document Adobe Photoshop CC

04:10
14

How to Draw Star Square Circle Shape in Photoshop CC

12:01
15

Stealing Colors & Adobe Color Themes

06:39
16

Shapes - Quiz

Text

17

How to Create Text in Adobe Photoshop CC

08:09
18

How to Warp Text in Adobe Photoshop CC

01:57
19

How to Get Text to Follow a Line or Circle in Photoshop

13:04
20

Text - Quiz

Layer Styles

21

How to Add a Line Around the Outside of Type in Photoshop

08:17
22

How to a Bevel or Emboss to Text in Photoshop CC

02:19
23

How to Add a Drop Shadow to Text in Photoshop CC

03:02
24

Presenting your Photoshop Work for your Portfolio

06:35
25

Project 1 - Creating your own Postcard

04:29

Cropping

26

How to Crop an Image in Adobe Photoshop CC

03:40
27

How to Crop an Image for a Frame in Adobe Photoshop CC

06:11
28

How to Straighten the Horizon Line Using Photoshop CC

01:55

Selections & Masking

29

How to Copy from One Image to Another in Photoshop CC

06:20
30

How to Crop Images Inside of Text

09:35
31

How to Remove the Background in Adobe Photoshop CC

10:11
32

Class Project - Quick Select Tool

00:37
33

How to put Text Behind a Person in Adobe Photoshop CC

07:01
34

How to Create a Layer Mask in Adobe Photoshop CC

04:47
35

Class Project - Cut a Person out & put them into Another Image in Photoshop

08:57
36

How to Blend Fade one Image into Another in Photoshop CC

04:36
37

How to Weave Text in and out of a Photoshop Image

03:18
38

How to Select Hair in Adobe Photoshop CC

16:24
39

Class Project - Selecting Hair

01:21
40

How to Select Things with Straight Edges in Adobe Photoshop CC

03:41
41

How to get Text to Interact with Ink & Plants in Photoshop CC

13:15
42

Class Project - Text & Image Interaction

01:41
43

Selection & Masking - Quiz

Filters

44

How to Add Filters & Effects in Adobe Photoshop

04:14
45

How to Turn an Image into a Painting in Adobe Photoshop

03:12
46

Class Project – Oil Painting

00:31
47

How to Create the Dotted Halftone Poster Effect in Photoshop

06:42
48

Class exercise - Halftone

00:23
49

How to fake Realistic Motion Blur in Adobe Photoshop CC

04:28
50

The Lens Flare Right of Passage in Adobe Photoshop

03:31
51

Filters - Quiz

Smart Objects

52

What is a Smart Object in Adobe Photoshop CC

09:03

Transform & Distort

53

How to Bend a Logo onto an Image Realistically in Photoshop

07:49
54

How to make a Sky Peeling like Fabric Revealing Background in Photoshop

03:13
55

Class Project - Peeling Sky

00:49
56

How to Shrink Body Parts in Adobe Photoshop CC Using Liquify

05:44
57

How to Create Dripping Paint Text Effect in Photoshop CC

09:17
58

Class Project - Drippy Paint Text

00:52

Retouching

59

How to Remove People & Text from a Picture in Photoshop

06:56
60

Use Google Images to find your Image Before Retouching

02:38
61

How to Remove Red Eye from Photographs in Photoshop

00:53
62

How to Retouch Skin in Adobe Photoshop CC

05:22
63

Class Project - Retouching

00:47
64

Enhancing Eyes in Adobe Photoshop CC

06:46
65

How to Fix Teeth in Adobe Photoshop CC

04:33
66

Retouching

Blending Modes

67

How to Instantly Remove the White Background of a Logo in Photoshop

04:15
68

Using Blending Modes as Color Accents in Photoshop

07:10
69

How to put Images Inside a Bottle Using Photoshop

15:14
70

Class Project - Boat in a Bottle

02:15

Visual Styles

71

How to Create the Spotify Duotone Effect in Adobe Photoshop

05:43
72

Class Project - Duotones

00:20
73

How to Create the 3D Glasses Anaglyph Effect in Adobe Photoshop

06:14
74

Class Project - Anaglyph Effect

00:36
75

How to Create a Vintage Instagram Matte Photo in Photoshop

08:40
76

Class Project - Vintage Matte Photo

00:49
77

How to Create the Paper Cut Effect in Adobe Photoshop CC

12:07
78

Class Project - Paper Cut Effect

00:31

Artboards

79

How to Use an Artboard in Adobe Photoshop CC

20:14

Color Modes & Resolution

80

What is the Difference Between RGB and CMYK in Adobe Photoshop CC

07:12
81

How do you Change the Resolution to 300dpi in Photoshop CC

10:38
82

Color Modes & Resulotion - Quiz

Brushes

83

Basic Introduction to Using a Wacom Tablet with Photoshop

12:22
84

How to Create Splatter Paint Effects in Adobe Photoshop CC

08:11
85

77. Class Project - Ink Splats

00:54
86

How to Create Dripping Paint Ink Effect in Photoshop

06:46
87

Class Project - Dripping Paint Brush

00:55
88

How to Create Smoke with an Image Inside it using Photoshop CC

05:50
89

Class Project - Smoke Effect

01:03

Shadows

90

How to Make a Long Vector Hard Shadow in Photoshop

05:26
91

How to Cast a Realistic Shadow on the Ground in Photoshop

07:16
92

Bending or Curved Shadow Under an Image in Photoshop

03:33

Export

93

How to Export Images from Photoshop for Print Web & Social Media

10:18

What Next

94

What Next after your Photoshop Essentials Class

01:15

Final Quiz

95

Final Quiz

Lesson Info

How to Add a Line Around the Outside of Type in Photoshop

Hi everyone in this video we are going to add stroke around texts and objects and even we're going to get a bit fancy with double strokes that have patterns in them. Alright let's go and do that now in Photoshop. Hi there to get started. You can use the file that we've been working on or just work with any file. We'll start with adding stroke to the text and then an object and doing multiple strokes. All very exciting. So start with the all stars text. So I've got it selected here in my layers, make sure it's the slight gray and adding a Stroker on the outside. Use this little effects the like on down the bottom, click on them and go to stroke. It's that easy now yours is probably not gonna look nothing like mine, mine remembers the last thing I did. Yours is probably gonna be I'm using through it. They're black and like one point. So you might be looking at and going okay you can see it's a little bit hard to see, right? So grab the size, crank it up and you can see in my case it depe...

nds on what position yours is set to. I think it's probably by default set to center I think so. So inside, okay is the inside of the text and you can kind of see when I get to this size, It's all on the inside of the font. Outside and center. Okay it straddles both sides of the outside of the text. In my case on outside, I'm gonna lower it down a little bit and I'm gonna pick a color. Okay now you can pick a color from in here. And what I'm gonna do is I'm not gonna hold anything down, I can just click out here anywhere and it picks colors from the document. Ok, so find something you like that. Maybe ties in with the background that's gonna work for me and I click OK. And that's adding stroke to text click Ok, so you really like it and you want to do the same thing to the c taylor here. What you can do is you can right click the layer so I'm right clicking the word not the icon or anything else. Just the word, all stars. Right click it. And there's one here that says copy layer style. So that's what these things are called. This little button down the bottom here, it's called a layer style. Okay, All of these layer styles. So right clicking it and saying copy layer style, okay, is copied it. I can find the sea layer. Um see taylor layer. Okay. And right click him and say paced lifestyle and along he comes for the ride. I don't like that. So I'm going to go to edit undo but that's the way to do that. Now you can add strokes to anything. We've done it for text but you can do the same thing for objects. Okay, so this little rectangle here, I can right click and go to stroke and there's nothing different. Okay, I just had a stroke around it. The only thing you might notice is that it's kind of faded out there, like like it should be exactly the same sort of color as this and the capacity is right up and it's not the same. It's because we actually lowered the capacity of this rectangle. Okay, earlier on in the previous course, you might not be following along in order, but all that's happened is let's say I'm gonna just this to be really big and pick up another color. Okay, what's happening is serious capacity here on this layer. So the layers selected the capacity was set to 50 but turn it back to its pure black colour. That stroke comes back to life and both of those things I hate. So I'm going to go to edit step backwards, edit step backwards to get rid of the stroke. A better example would have been earlier on in the course. Remember we made the circles here, there's this one. Okay, and I made a second one and expanded it out just so that I could probably do that with an extra stroke around the outside. Earlier on in the course, I guess we just I want to stick to your current skill set but now if I was redoing this, I would do a circle with the pink stroke around now let's go a little bit more advanced. Okay, so this all stars lay here um I want to I'm going to show you how to add more than one stroke. Okay, it's it's a handy trick and I'm gonna show you some patterns and things. So with all stars layers selected, I want to edit the stroke. Let's just say I want to edit it. No, double strokes just yet. All you do is double click on this word here called stroke. Not effects double click on stroke and I can go in here and just edit it if I like. Okay, so that's editing it. Also in here is the chance where I get to add more than one stroke. So there's a few of these layer styles that allow for an extra version of itself as many as you like actually, so strokes in a shadow, there's a few of them you can have doubles of. So in this case stroke I wanna hit this little plus button. Now I have two strokes now. The trouble is is that they're the same size and the same color. So I they don't they don't show over here. Um And what happens is it's a layer order, like your layers over here. So the one on top gets seen first and covers this one underneath. So if I change the one underneath, watch this and pick a different color, I was going to pick random color. Nothing happens because it's hiding underneath this top one which is this more peachy color. Okay, but there's one underneath where you make it a bit bigger. Go away kind of pokes out the sights. That's how to add double strokes. Now I'd probably pick something. It's so bad. Yeah. Okay. I'm gonna go a little bit further. Okay. Double strokes is kind of advanced, but this next, but I don't, I don't want to blow your brain, but I want to give you like there's some cool, easy enough tricks to do while you're here. If you've made it this far in the video, let's go a bit further. So where is this fill type? Okay, we've done color and that's the normal one, gradient is as you imagined it gradient. We looked at that in an earlier video. You click on this here to change the colors, but let's look at this one called pattern. It's quite cool. It's quite cool for this particular style here. That's kind of like seventies basketball kind of thing. And you can see I'm gonna zoom in over here. I've got this kind of like lines that run around the outside and that's coming from this pattern. So you can change this pattern. There's some cool options in here. Straight lines. Political lines, horizontal squares, dots. Okay. There's lots of things in here. Those top ones are quite cool. All the rest of them are a little bit, I wouldn't say lame, lame is a bad word. These are lame. Anything still down here. They get like usable. Mm hmm. Whoa. Anyway, so I'm going to go to this one here because I quite like it. You can play around the scale of, I'm going to make it a bit smaller. And what you'll notice is that remember we had this was actually a pink um what was it? I can't remember. So go back to color. Yeah, it was pink. So it was pink. And then I applied this pattern. It goes white. And you're like, what happened? It's basically where the pattern. See this pattern here. Has got a black line with the white outside. Now we're not going to go through how to make your own patterns in this video. Okay. But basically yeah, it's getting the white from this little square here. There's nothing we can do to get around that. We can go into the blend modes. We've looked at blend modes a little bit in the past. We haven't really gone into them hardcore. We'll do that later in the course. But it's just the way that this pattern is blending with the background in this case. Behind it, is this green circle. So at the moment it's not doing anything just sitting on top. Normally never does anything. But then when you start getting into darkened and multiply, can you see the different effects that are playing here. Okay, so I have a little look through which one's gonna work for you in this case. I'm probably just gonna go to multiply. It is really hard to know what they're gonna do in these cases because you know, it's not you it's basically the top pattern, texture and color mixing with the bottom pattern texture and color. And because those are always different, well normally always different. Every time you use something like soft light you'll be like it's different from the last time I used it and that's not you. That's just part of Photoshop. Even me, I have to go through and go this painful kind of like let's see what all these do. Okay, It is painful. Whoa, difference. It's kind of cool. And so I'm going to go back to multiply because that's what I kind of liked. And I'm going to scale it down just a tiny bit up a big bit. I'm just messing around now. Yeah, it's okay for me. Alright everyone. So that is how to create a layer style. Using the stroke, we've added multiple strokes. And we got even fancy with the pattern stroke. And remember you can copy and paste them by right clicking the layer, going copy, not paste, going to copy and then pasting it on a different text document or across documents. Say it's a different completely document. Open it up, pasted across and it's a way of keeping consistent strokes and swishy lines that you've spent some time making. All right. Let's get into the next video now where we look at bevel and emboss my absolute worst of the layer styles, but loads of people like them, so we're going to do them together anyway, let's go.

Class Materials

Bonus Materials with Purchase

Exercise Files
Completed Files Part 2
Completed Files Part 1

Ratings and Reviews

JEWEL KHAN
 

Adobe Photoshop Fundamentals is very useful for a photo editor. I learned very important tricks from this course.

user-2cc3b5
 

andrea silva
 

Student Work

RELATED ARTICLES

RELATED ARTICLES