Tuesday , September 26 2017
A huge collection of 3400+ free website templates JAR theme com WP themes and more at the biggest community-driven free web design site

Photoshop Quickies #2 – How to use Stroke in Adobe Photoshop


Stroke is one of the most popular layer style in Adobe Photoshop. Layer Style are effects added to layers in Photoshop. If you have had enough experience using layer styles, you can achieve different types of effect using these different types of layers.

The stroke layer style is used to add borders to shapes and layers. It is responsible for creating colored lines, colorful gradient and patterns. Strokes can be used hand in hand with other layer style to create an amazing effect.

The Stroke Dialog Box
Stroke is what you make of it because it gives you exactly the settings you apply to your layer. The settings are direct and easy to use, immediately the settings are changed, you will see the difference on the layer instantly. Below is the Stroke dialog box which can be seen under the Layer Palette



The Stroke Dialog Box as you can see above has a stroke structure which comprises of the Size, Position, Blend mode, Opacity and Fill Type.



The size simply set the width of your stroke. It gives a thick border around your layer or text.




The position drop down consists of outside, inside and center. These three settings controls the adjustment of your stroke to whatever shape it’s being applied.


The Outside settings creates border from the edge of your object that grows outwards away from the object. Example below:



The inside settings creates border from the edge of your shape, grows inwards and towards the centre of your object. Example below:



The Center creates border that starts from the shape and grows inwards and at the same time outwards as shown below:



The Blend Mode

You can also set your stroke in blend mode. The blend mode affects the stroke layer and the layer beneath it. From the example below, the stroke applied in the first place was a yellow colour, but when the blend mode was set at Overlay, it changes to take the background colour.






Opacity simply means the degree to which light is not allowed to travel through. The opacity on the Stroke Dialog Box controls the transparency of your stroke. 100% gives you an opaque feel while lesser percentage give you a transparent feel.

See example below:



Fill Type

The File Type consists of three drop-down menu settings vis: Colour, Gradient and Pattern. All these can be applied to your stroke.


This setting enables you to select the kind of colour you want by clicking on the colour bar which takes you directly to the Colour Picker dialog box.








Enables you to apply gradient to your stroke. See example below:






You can also apply texture pattern to your stroke as shown below:





Finally, we are closing it here today on another exciting topic on Photoshop Quickies. The only way you can assimilate this tutorial is by continuous practice.

I am your host Olabode Ojomo, a season designer and the founder of this website (olabodeskills.com). Enjoy.

About Olabode Skill

Olabodeskills is a creative portal that teaches, shares, showcases and features brilliant ideas, concepts and skills in the arts – from graphic/design, painting, sculpture, printmaking, photography, visual media, decorative arts, architecture, performing arts and interactive media. It is for everyone in the design world – graphic/web designers, web developers, programmers, illustrators, photographers, cartoonists, writers, architects, package designers, animation/multimedia pros, video editors, make-up artists and the design wannabes. We are devoted and dedicated to developing solid ties to our design community, advancing the eminence of design, and building an encouraging uniformity in our different world.

Check Also

Beautiful Afrocentric Throw Pillows designed by Akin Alabi

Akin Alabi Alabi is a Video Director, Photographer, Digital Artist, Culture Activitst and Producer of …


  1. This is the perfect site for anyone who wishes to find out about this topic. You realize so much its almost tough to argue with you (not that I personally will need to…HaHa). You definitely put a fresh spin on a topic which has been written about for a long time. Wonderful stuff, just excellent!

  2. It’s nearly impossible to find knowledgeable people on this subject, however, you seem like you know what you’re talking about! Thanks

  3. I simply had to appreciate you once more. I do not know the things I might have done without the techniques documented by you over that subject. This was a daunting circumstance in my circumstances, however , taking a look at a new skilled tactic you handled that took me to cry for contentment. Extremely happy for the work and even believe you realize what a great job that you’re undertaking teaching the others all through a blog. More than likely you’ve never encountered all of us.

  4. Hello. splendid job. I did not imagine this. This is a remarkable story. Thanks!

  5. I’m not sure where you are getting your info, but good topic. I needs to spend some time learning more or understanding more. Thanks for magnificent information I was looking for this info for my mission.

  6. I like what you guys are up too. Such intelligent work and reporting! Carry on the superb works guys I¡¦ve incorporated you guys to my blogroll. I think it’ll improve the value of my website 🙂

  7. I simply couldn’t go away your website before suggesting that I extremely enjoyed the standard info an individual provide for your guests? Is gonna be again frequently to check up on new posts

  8. Hiya, I am really glad I’ve found this information. Nowadays bloggers publish just about gossips and net and this is actually irritating. A good website with interesting content, that is what I need. Thank you for keeping this site, I’ll be visiting it. Do you do newsletters? Can not find it.

  9. It is the best time to make some plans for the future and it is time to be happy. I have read this post and if I could I desire to suggest you some interesting things or tips. Perhaps you could write next articles referring to this article. I desire to read even more things about it!

  10. Just desire to say your article is as astonishing. The clarity for your put up is simply excellent and that i could assume you are a professional on this subject. Well along with your permission allow me to grasp your feed to stay updated with drawing close post. Thanks 1,000,000 and please keep up the enjoyable work.

  11. I will immediately clutch your rss as I can not to find your email subscription link or newsletter service. Do you’ve any? Please allow me understand so that I may subscribe. Thanks.

  12. You made some decent points there. I looked on the internet to learn more about the issue and found most people will go along with your views on this website.

  13. Good day! This is my first comment here so I just wanted to give a quick shout out and say I truly enjoy reading through your posts. Can you recommend any other blogs/websites/forums that deal with the same topics? Thanks!

Leave a Reply