How to Create Superb Separators For Steemit with Pixlr.com

Words
454
Reading
3 min
Listen
Play
9y


^^Click on the above thumbnail to watch the tutorial as a video.^^

Today’s tutorial is about creating superb separators with Pixlr, as a free alternative to Photoshop.

I have recreated them from the design and information shared in valorforfreedom@valorforfreedom’s STEEM School Photoshop Tutorials.

So I am going to talk you through how I made this separator, with Pixlr…

Separator.png

(Please feel free to use it)

SETTING UP

Step 1: Open Pixlr
SepScreenshot1.png

Step 2: Create a new image
SepScreenshot2.png

Step 3: Name your file, select width 800 and Height 50 and tick the transparent option as separators need to be saved as PNG files, to look good in Steemit posts.
SepScreenshot3.png

PerfectSeparator.png

THE LINE ACROSS

Step 4: Select the Drawing Tool
SEpScreenshot4.png

Step 5: Select either the rounded rectangle tool, or rectangle tool, Border size 2, make sure fill shape is ticked...
SepScreenshot5.png

And select your colour
SepScreenshot6.png

Step 6: Create a rectangle on the canvas, all the way across and use the move tool if need be to centre it.
SepScreenshot7.png

PerfectSeparator.png

THE CENTRE CIRCLE

Step 7: Next we need the drawing tool again to create an circle centre with the ellipse tool (I may have called this the eclipse tool in the video), using the same process as the rectangle above.
SEPScreenshot8.png

Step 8: create the ellipse shape in the middle of your separator, to centre it, you might need the help of an extra ruler app, or ruler to put on the screen, or by painfully counting pixel squares. (I used an additional ruler app in conjunction with Pixlr)
SepScreenshot9.png

PerfectSeparator.png

THE CENTRE PICTURE

Step 9: Go to Pixabay or somewhere you can get copyright free pictures and search for an image that you would like to put in the centre. (Bear in mind, it will end up quite small). It is easier to find something to that is simple to insert, if you select transparent as the search options, as this will make it easier to place in the separator.
sepScreenshotpixabay.jpg

Step 10: Download the picture you choose.
sepscreenshot10.png

Step 11: Open it in Pixlr. Select image and image size and make it a size that will fit on your separator (I chose 50 px width and 34 px height).
sepscreenshot11.jpg

Step 12: Press Crtl A to select all and then Crtl C to copy and close the picture to get back to your Separator.
SepScreenshot12.jpg

Step 13: Paste the picture in the middle of the separator and centre it.
SEPScreenshot13.jpg

PerfectSeparator.png

FINISHED PRODUCT

Step 14: Save it as a PNG file and it is ready to use as your separator in your own posts.
SepScreenshot14.jpg

I hope you found this tutorial helpful. I kind of enjoy creating them.

PerfectSeparator.png

More FREE Upvotes: Steemfollower
Free daily crypto: Swift Coins
My STEEM Success Strategy (not free):Post 2 Profit

PerfectSeparator.png


▶️ DTube
▶️ IPFS
How to Create Superb Separators For Steemit with Pixlr.com | Ecency