Retro Style Geometric Lines Illustrator & Photoshop Tutorial

Follow this Adobe Illustrator & Adobe Photoshop tutorial to learn how to create a series of retro style geometric lines that loop and weave to form an interesting composition.
📦 Join my mailing list and get a FREE design resources bundle! spoon.graphics/freebundle
🙏 I don’t have a Patreon, but if you want to support my work, consider becoming an Access All Areas member on Spoon Graphics - spoon.graphics/membership
⭐️ Get Millions of Creative Asset Downloads from Envato Elements - spoon.graphics/envato
► Download the paper background texture: spoon.graphics/1AZpBz0
► Download my free Dust & Scratches textures: spoon.graphics/1C9Lvdx
► Love this design? Get the t-shirt! www.designbyhumans.com/shop/t...
Deals & Discounts:
⭐ Get 20% off ANYTHING in my Spoon Graphics Shop with the code: 20OFF - spoon.graphics/shop
⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics/10freeimages
⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics/vintagefontsbu...
⭐️ Download this Month's FREE Files from Envato - spoon.graphics/free-files
Tools & Resources I Use:
⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics/getadobe
🛠️ Where I download the creative assets I need - spoon.graphics/envato
✍️ The graphics tablet I use: amzn.to/2GYNYEc
🎙️ The microphone I use: amzn.to/3AdkJsp
📢 The email newsletter service I use: spoon.graphics/aweber
📈 The tool I use to help grow my channel: spoon.graphics/tubebuddy
Watch more of my content:
📺 See all my Photoshop tutorials - spoon.graphics/photoshoptutor...
📺 See all my Illustrator tutorials - spoon.graphics/illustratortut...
📺 Watch my most popular videos - spoon.graphics/popular
#Photoshop #PhotoshopTutorial #AdobePhotoshop #AdobeIllustrator #IllustratorTutorial
Adobe Photoshop & Adobe Illustrator design tutorials from Chris Spooner of Spoon Graphics. Subscribe to learn how to create stunning artwork as I share my tips and tricks in video format.
Join my mailing list: blog.spoongraphics.co.uk/subsc...
Visit my design blog: blog.spoongraphics.co.uk
Follow me on Twitter: / chrisspooner
Join me on Facebook: / spoongraphics

[@spoongraphics]

Love this design? Get the t-shirt! www.designbyhumans.com/shop/t-shirt/men/retro-style-geometric-lines/687888/

[@adrianfalahdiratama5250]

Just figured out when I try to learn this, I saw that the white rectangle has a border, a black border on its up and bottom. So whenever I want to mix it with other shapes like circle, quarter, etc, the borders still appear as a divider between two shapes. Just wondering, is there a good way to solve this issue?

[@pritampathak2174]

Hey in my case the patterns are not merging inside the circle

[@Fancylooks]

This reminds me of Franco Grignani, amazing way of using all the resources from Illustrator an photoshop, very good!

[@shan.tizzle]

quick and to the point. thank you! i'm so proud of what i was able to create using your tutorial.

[@desi9ns1]

Great tutorial, very simple and easy to follow. Thanks Chris!

[@elizabethcastillo4126]

This was perfect for what I needed - and worked as expected! Thank you so much for posting!

[@MACH_SDQ]

Good as always !!! I've been following your blog since the beginning !!! Best regards from Dominican Republic !!?

[@Jorip_pong]

This was perfect for what I needed !! Thank you 😊

[@alejandroprina2917]

Thank´s for everything Chris, great tutorial!

[@millieharrison9925]

Super easy to follow and straight to the point, thank you!!

[@aiilov322]

omg this was exactly what i needed!! i was worried i wouldn’t be able to find a tutorial, you’re a lifesaver!

[@vidupasamarasinghe8544]

I'm gonna start learning photoshop and you've given how a pro thinks and how fast you work and (in your other videos) how much Planning it takes (which shocked me, even though I have taught college level math) . thank you. thank you and thank you again.

[@nam.truong]

Great tutorial, thank you for sharing!

[@silvana9371]

GREAT TUTORIAL! THANK YOU!

[@dimitrisklonos6892]

Neat tutorial! loved this brush!

[@DreamDosage]

Perfect vid… concise and informative. Thx!

[@GregorysMode]

Yet another brilliant tut Mr Spooner

[@dominicrobson3006]

Excellent, thank you.

[@onefromthetribe]

Man, this is awesome!!!

[@NoxiusPain]

Thanks a lot 🙏 I fond this prefect method

[@redmannSk]

Great tutorial, thanks!

[@420blackbirds8]

This is a great idea for the bottoms of a sneaker!

[@vividai5505]

thanks for sharing! great!

[@mohsentowhidian3285]

Very Nice! Thanks.

[@karabang]

Fantastic. Just the information I need.

[@nusuntara4485]

this is good tutorial simple and clear

[@imtherealeddie8030]

great job!!!

[@doki0733]

thank you!! God Bless you

[@augustcelineiii946]

At first I found it difficult to learn from your videos, because it can sometimes be really hard to follow along with how fast you're going. However, by pausing every once in a while to catch up, I'm able to learn so much from you. This tutorial is OP! If y'all want a real challenge, change the speed of the video to 1.25 or higher...

[@NadaJBfan]

Great tutorial! Subscribed

[@lmlee9948]

wow, that is COOL.

[@shiva-wc6mz]

just amazing

[@luke_wiggs]

Great Video, Learnt so much just from this! ;-)

[@merlitopabatao]

Amazing! I love your voice too!

[@mariaaldao1017]

super!!!! gracias

[@cms4Lena]

Fantastic! I add gradient map on top and used blend mode to color the whole composition. I can see uneven surface with color tints. Thanks a lot! How can dare someone give thumb down and shame upon oneself.

[@justagirlfromsoutha]

super helpful

[@SteffanyaArtsTV]

love it

[@ThePereiraBreno]

I was having the same problems as many other users so I decided to copy exactly as show in the video. You'll need 16 black rectangles and 15 white rectangles with the dimensions of W: 17.778 px and H: 873.333 px. The circle will have the dimensions of W/H: 636.064 px. Also, expanding the rectangle shapes is not required.

[@theJuniverse]

That was tremendously helpful. Thank you.

[@asemmostafa1873]

thanks a lot dude

[@kshitijmehta6645]

Amazing

[@creativemind8715]

Awesome.

[@rabinkazieasin]

Thank you

[@yttzz5388]

thank you

[@cezote]

Muito bom!

[@ide2isti]

thank you thank you thank you

[@thelogicofthing8242]

wow ,,, perfect,,,!

[@MM-oq1lb]

Brilliant

[@shin-haeseo9925]

u saved my life

[@AbuHamzaArtStudio]

gr8 tutorial

[@luanabelmiro7073]

thanks!! brazil :)

[@sonamdorjeesherpa8230]

hello sir can you please teach me how to make same design like the way you make but not through circle but by using oval shapes.

[@bflymam]

I have transparent white lines, what should I do?

[@ginaortiz7055]

Hi, I can't get to do the circle, it looks like a half circle. Im drawing a circle no fill and applying the brush and it doesn't cover the whole circle

[@iiiiieva]

i can't get manage to accurately light up the lines of the circle and the straight lines like at 2.55, can someone help me ?

[@luanzejnullahu2124]

I can't make the second circle it don't cut like is in video :( Can you help me ?! Thnx a lot

[@augustcelineiii946]

Same here. When I try to make the single quarter circle by deleting two points, it makes a quarter that is less than 90 degrees.... I'll just wait here for an expert answer.

[@thewhirringreel8887]

If you want to sort that out, I think you should expand until there is an empty space (it will appear as your background colour) in the center. Bob's your uncle.

[@mycottageheart]

When I delete and anchor point instead of a half circle I get a flat tire (rounded top) shape

[@mycottageheart]

+Tanya Felsheim I can produce similar effects with the scissors tool and then delete anchor point tool so I can make it work...but would love to know what I am doing wrong with the initial delete anchor point idea

[@TehNewShirral]

​@@mycottageheart It's a rather late answer, but since other people might be wondering about it, too - you need to pick the Direct Selection Tool, then select the anchor with it, and press the Delete button. If you use the Remove selected anchor point option, you end up with the flat tire; if you use Delete - you get the perfect half of the circle. I had no idea what I was doing wrong, too, until I tried that. I hope this helps someone!

[@mycottageheart]

Love that you took time to answer I think I figured it out but now need to go play with it again

[@andreagonzalez8777]

I tried this following step by step but my brush keeps making horizontal lines, anybody knows a possible solution??

[@felipeortega8217]

same! horizontal instead of vertical brush

[@NadaJBfan]

When i create an ellipse it doesn't connect at the both ends. not sure why is that

[@IanJones942]

Any chance of an update in 2022? :)

[@tanyarichards2]

After dragging the circle tool and pressing the brush preference to create those lined circles, i just keep getting blacked out ones with two thin lines around the outside. Everything is checked as white with no stroke, my artboard looks like yours but its not working. Whats wrong?

[@spoongraphics]

+Tanya Richards The first thing that springs to mind is to make sure the shape doesn't have a Fill set. Does that help at all?

[@felipeortega8217]

If your brush is coming out horizontal what worked for me was rotate the lines horizontally & instead of Creating Art Brush Create "Pattern brush"

[@thelord8190]

ty

[@PastryFanatic40789]

How are you so design smart???

[@jeanma28]

I follow all the instructions here, but when I overlap the lines they show through each other... It doesn't look like on the video, that "over / under" sensation... it looks like a hatch for me... :( What's happening?

[@itouch197]

Same...

[@BlueBatRay2]

I did the same thing...you have to have white rectangles...not just space. He turns them white, he doesn't delete them.

[@andycreatives]

the shapes create can't seems to line up properly even with smart guide, it was jaggedly attached. any suggestions?

[@danid8908]

i had this problem too. did you end up fixing it? if so pls help!

[@__Shade9__]

I followed this in Illustrator and it works great but now I'm trying to do this in Photoshop it doesn't work the same. I can't work out how to make the rectangles repeat. CMD+D doesn't work. Can anyone tell me what the equivalent is please

[@timebot000]

To Lola Migas! I'm looking for your dad Stanley..please pass this on if he wants to respond .Thanks..!

[@dowellbegood]

I have done this tutorial 5 times! I love it BUT I cannot get anything to line up. I put on the smart guides, took them off, you name it. But it doesn't line up like yours. PLEASE HELP. Thanks

[@abigaillyj]

When making rectangles, make sure it has no stroke; only fill. It should work.

[@sakenarae6215]

I'm also having this issue :(

[@BLITZftw]

the tutorial was too fast paced for a noob like me in future videos pleae slow down the pace thank awesome work tho

[@prawiroharjo6363]

2:22 - 2:35 iam confused make it, i cannot

[@dvu3020]

Create a circle. Along this circle there are 4 anchor points, choose Scissor tool (C) t cut the circle at these anchor points: - To create half circle use Scissor tool to click on the opposite points - To create a quarter/ three quarter click on the adjacent points In the first circle I believe he used the delete anchor point tool (-) to erase one point and got that effect, but the Scissor tool will work for all the mentioned shapes Is this what you need? Hope it helps anyways

[@mmenmg]

What is the purpose of the music in the background...? very distracting and loud

[@beingdk9790]

Can you please provide the png of this design🙂😕

[@felipeferri5465]

DOESN'T WORK PROPERLY...

[@felipeortega8217]

If your brush is coming out horizontal what worked for me was rotate the lines horizontally & instead of Creating Art Brush Create "Pattern brush"