In Photoshop when you add a stroke to a font using the layer styles, the stroke is rounded and forms nicely around the letters, however it is pixelated.
In illustrator when you add a stroke to a font the stroke is pointy and rigid, and eventually takes over the letters of the font to where you cannot see them.
Does anyone know a way to replicate the Photoshop layer style stroke in Illustrator? Or a way in Photoshop that if I were to add a stroke above 30, it would not be so pixelated?
I donāt know what you mean by the stroke being pixelated. Unlike Illustrator, a Photoshop image is composed of pixels, so your stroke will be composed of pixels at whatever resolution your image happens to be.
As for your other questions, Iām not totally sure what youāre asking. In Illustrator and Photoshop, there are options for positioning the stroke inside the outline of the object, centered on the outline or outside the outline of the object being stroked. In Illustrator, thereās also a rounded corner option, if thatās what you want. Again though, Iām not totally sure what youāre asking.
Like B, Iām not sure I fully understand all your problems with Illustratorās stroke application, compared to Photoshopās Layer Style method (which isnāt āobject based,ā but rather just surrounds all non-transparent pixels on the target layer with the stroke color and width you choose).
In case youāve never encountered this, one thing that improves the look of an Illustrator stroke applied to text is the present-day equivalent of an old trick. The old trick is to apply the stroke to your text, then paste a copy of the text directly in front, un-stroked, visually preserving the integrity of the font by covering up the encroaching portion of the stroke. These days you can do effectively the same thing just by rearranging the fill and stroke in the Appearance panel so that the fill is on top. (On top in the panel = in front on the artboard.) The benefit is that you donāt have to manage or future-edit 2 text objects.
Thanks @Just-B and @HotButton
I have tried the copy trick but it hasnāt worked because I am making the stroke too large. What I am going for is I want the text to look similar to a dye-cut (I think thatās the term?) sticker, where there is a thick white outline forming around the text.
When adding a stroke to a text layer in Photoshop using layer styles, this effect can be achieved, however it has the aforementioned pixelated problem.
I was able to get something close to what I am looking for in Illustrator by using effect > path > offset path. And then placing a copy of the text over the offset path. So far that is the only way I can quickly get that āsticker dye-cut lookā Iām looking for.
If youāre working with type, stokes, and outlines; Illustrator is the tool you want to be using. One tip that might help you is to keep the original set of letters in tact, duplicate that original set, send to back and edit the newly created set. If you want to post screen captures of your problem, that is helpful.
@calebninja I know what you are describing, hereās how to do it. First, you need to do it in illustrator, not photoshop. Once youāve made it in illy, you can change it to outlines and copy/paste into your PS document.
2 a. Editable text
2 b. Outlined Text - This method results in only one object, but you wonāt be able to edit the text once you outline it.
Here are the results you should see. Before is with the sharp edges and jaggies. After is option 2a and then option 2b.
Not to be a jerk about this, but I would not use the method Crow Pebble mentions above. Iāve posted in several threads here on GDF about this already, but use the Appearance Palette in Illustrator. Everything will be live and editable in the future. You can change the font, change the text, et.c and the effect will remain.
This is another GDF thread on the appearance palette, but its not directly related to text effects, but it easily can be.
I did a quick google search and this blog post explains how to create ācomplexā text effects using the appearance palette.
I cannot stress how useful the appearance palette is and most designers seem to not even realize it exists or realize its potential. The other nice route with the appearance palette is if you create an effect that you lie, you can save it as a graphic style and apply it to other text or other shapes moving forward.
You can also offset individual strokes, transform individual strokes and fills, etc. This thread explains that aspect in a little more detail.
Cool! Learn something new every day.
Iām one of those who have ignored it because itās just not immediately intuitive, and Iāve always found another way to do what Iāve wanted. After some of your previous posts about its usefulness, however, I decided to dive into it. That decision was at least two months ago, and I still havenāt done it. Thanks for reminding us (especially me). 
I think once you use it a little you realize how intuitive it is. And the beauty is, since itās all in the appearance palette if you donāt like how it looks, you can go back and modify it.
The art and design in this blog is a little hokey, but it also gives a lot of advice and walks you through what it can do for you.
Try it B, you wonāt be disappointed!
Another way to wrap your head around it and familiarize yourself with it, is any of the default graphic styles in Illustrator have used the appearance palette. Apply any graphic style and look at how itās ābuiltā in the appearance palette.
Thank you, CraigB. Being AI-challenged, I have not been aware of this tool, but it sounds very useful!
As with all the tools in Illustrator that create āliveā effects, if your end use is a logo or some other form of identity mark that will be handed off to printers/sign makers, please expand and clean up the artwork. You donāt want to be sending live fonts for such things and you donāt want to be paying the sign guy to clean up the artwork.
A BIG +1
My first infatuation with it came about after reading a forum thread about making realistic looking roads on a map/directory of some park or campusāthe kind that looks like an illustrated aerial view. A respondent demonstrated how it could be done by using the Appearance panel to stack up strokes of varied color and weight on a single path.
Thanks for all the advice everyone!
Hereās an image of what I am achieving using offset path in Illustrator. Again, Iām going for s dye-cut sticker look.
I am pretty satisfied with these results but if anyone has any tips on how this would look better i.e. more like a sticker, then that would be great.
Yep, no worries PD the text will be expanded. Thanks for the reminder.
I would suggest straight edges along the top and bottom, instead of having the ādivotsā from the letters repeated in that outline. And he S is throwing me off a bit because the tail almost touches the 'E" at an odd angle.
Is that rectangular rusty red (or whatever) the outside dimension of the sticker?
Thanks for the suggestion. Iāll keep it in mind about the shape following the letters. This was simply a test to demonstrate the look I was going for so it will look different based on what combination of letters I use.
I made the background red so that you could see the white outline. This was just a test to demonstrate the sticker look I am trying to achieve.
OK thanks, I thought as much. Looks good perhaps a more aggressive gesture but that all depends on itās targeted audience.
I too have a graphic that is going to die-cut but with a ton more gesture which is a lot tighter to the cursive lettering. With mine I want the letter strokes to be more prominent so to accomplish that the outline is of less āweightā than most of the letter strokes thicknesses.
Tuff to know when to say when ā¦ depends on target audience and personal style.
Ā©2026 Graphic Design Forum | Contact | Legal | X | Facebook
