Create A Line Distortion Effect with GIMPCreate A Line Distortion Effect with GIMP https://logosbynick.com/wp-content/uploads/2019/07/gimp-line-distortion-1024x602.jpg 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
- Nick Saporito
- no comments
In this tutorial I’ll be demonstrating how you can use GIMP to create a line distortion effect where the subject image is comprised of horizontal lines that flow in the shape of the depicted subject.
Learn How To Design Logos
If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.
The following is just a brief overview of the steps taken to achieve this effect. I recommend that you watch the video tutorial at the top of the page for complete step-by-step instructions.
Line Distortion Effect
The first thing we have to do is open our subject image with GIMP. For this tutorial, I used the following stock photo from Pixabay…
To follow along with this tutorial, please down the copy that is sized at 1,920 pixels wide.
Make sure the subject layer has an alpha channel, then add a new layer to the image, fill it in with black, then position behind the subject layer. Then use the Paths tool to crop the subject from the background of the photo, revealing the black later behind it.
150+ Logo Templates
Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.
Next, we will remove the color data from the image by going to Color > Saturation and bringing the saturation down to 0.
Now we will use the Curves feature to manually add some contrast to the image.
Then we will give the image a Gaussian Blur of 3%.
Now we will add a new layer above the subject layer, fill it in with black, and we will add some stripes to this layer by going to Filters > Render > Pattern > Grid. Make sure your presets match those depicted in the screenshot below.
Once applied, you should have a series of alternating black and white horizontal lines…
With the stripes layer activated, go to Filters > Map > Displace and match your presets to those depicted below. Make sure you choose the subject layer for both Aux inputs.
Manually adjust the horizontal and vertical displacement until your image looks something like this…
As you can see, the lines have now flowed into the shape of the subject.
Copy the striped layer, then go to the subject layer and add a black layer mask. Paste in the copied stripe layer, anchor the layer, then apply the layer mask.
One final tweak we’ll make to the design is to go back to the Curves and manually adjust the contrast some more so that the designs blends into the black background a little better.
If you’d like to add a hint of color as I’ve done in the thumbnail design, simply add a new layer on top of the image, fill it in completely with your desired color, then set the blend mode to Soft Light.
And with that, we have completed our line distortion effect! If you have any questions or run into any problems, simply leave a comment below. As always, thanks for watching!
Get Started with GIMP!
Want to learn more about how GIMP works? Check out The GIMP Series – a comprehensive collection of over 60 videos where I go over all of the major tools, features and function in GIMP and explain what they do, how they work, and why they’re useful.
You might also like
12 Simple Text Effects for GIMP Users | Video Tutorials12 Simple Text Effects for GIMP Users | Video Tutorials https://logosbynick.com/wp-content/uploads/2018/04/light-burst-gimp-tutorial-1024x602.jpg 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Quick Fix: Why Your Text Along Path Is Upside Down In GIMPQuick Fix: Why Your Text Along Path Is Upside Down In GIMP https://logosbynick.com/wp-content/uploads/2019/10/gimp-text-along-path-upside-down.png 850 500 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g