Retro Style Geometric Lines Illustrator & Photoshop Tutorial

Поделиться
HTML-код
  • Опубликовано: 9 мар 2015
  • 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

Комментарии • 90

  • @spoongraphics
    @spoongraphics  7 лет назад +6

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

    • @adrianfalahdiratama5250
      @adrianfalahdiratama5250 5 лет назад

      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
      @pritampathak2174 4 года назад

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

  • @Fancylooks
    @Fancylooks 9 лет назад +5

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

  • @shan.tizzle
    @shan.tizzle 4 года назад +2

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

  • @desi9ns1
    @desi9ns1 9 лет назад +2

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

  • @elizabethcastillo4126
    @elizabethcastillo4126 5 лет назад

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

  • @vidupasamarasinghe8544
    @vidupasamarasinghe8544 3 года назад

    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.

  • @augustcelineiii946
    @augustcelineiii946 7 лет назад +16

    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...

  • @Jorip_pong
    @Jorip_pong 4 года назад +1

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

  • @MACH_SDQ
    @MACH_SDQ 9 лет назад +2

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

  • @alejandroprina2917
    @alejandroprina2917 9 лет назад +1

    Thank´s for everything Chris, great tutorial!

  • @aiilov322
    @aiilov322 2 года назад

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

  • @millieharrison9925
    @millieharrison9925 8 месяцев назад +1

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

  • @nam.truong
    @nam.truong 9 лет назад

    Great tutorial, thank you for sharing!

  • @dimitrisklonos6892
    @dimitrisklonos6892 9 лет назад

    Neat tutorial! loved this brush!

  • @cms4Lena
    @cms4Lena 2 года назад

    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.

  • @GregorysMode
    @GregorysMode 4 года назад

    Yet another brilliant tut Mr Spooner

  • @silvana9371
    @silvana9371 5 лет назад

    GREAT TUTORIAL! THANK YOU!

  • @onefromthetribe
    @onefromthetribe 7 лет назад

    Man, this is awesome!!!

  • @420blackbirds8
    @420blackbirds8 5 лет назад

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

  • @DreamDosage
    @DreamDosage 2 года назад

    Perfect vid… concise and informative. Thx!

  • @redmannSk
    @redmannSk 9 лет назад

    Great tutorial, thanks!

  • @dominicrobson3006
    @dominicrobson3006 8 лет назад

    Excellent, thank you.

  • @vividai5505
    @vividai5505 7 лет назад

    thanks for sharing! great!

  • @NoxiusPain
    @NoxiusPain Год назад

    Thanks a lot 🙏 I fond this prefect method

  • @ThePereiraBreno
    @ThePereiraBreno 7 лет назад +7

    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
      @theJuniverse 7 лет назад

      That was tremendously helpful. Thank you.

  • @mohsentowhidian3285
    @mohsentowhidian3285 7 лет назад

    Very Nice! Thanks.

  • @nusuntara4485
    @nusuntara4485 7 лет назад

    this is good tutorial simple and clear

  • @imtherealeddie8030
    @imtherealeddie8030 9 лет назад

    great job!!!

  • @doki0733
    @doki0733 9 лет назад

    thank you!! God Bless you

  • @lmlee9948
    @lmlee9948 9 лет назад

    wow, that is COOL.

  • @NadaJBfan
    @NadaJBfan 3 года назад

    Great tutorial! Subscribed

  • @luke_wiggs
    @luke_wiggs 9 лет назад

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

  • @merlitopabatao
    @merlitopabatao 7 лет назад

    Amazing! I love your voice too!

  • @karabang
    @karabang 3 месяца назад

    Fantastic. Just the information I need.

  • @shiva-wc6mz
    @shiva-wc6mz Год назад

    just amazing

  • @SteffanyaArtsTV
    @SteffanyaArtsTV 7 лет назад

    love it

  • @kshitijmehta6645
    @kshitijmehta6645 6 лет назад

    Amazing

  • @justagirlfromsoutha
    @justagirlfromsoutha 2 года назад

    super helpful

  • @creativemind8715
    @creativemind8715 6 лет назад

    Awesome.

  • @yttzz5388
    @yttzz5388 7 лет назад

    thank you

  • @asemmostafa1873
    @asemmostafa1873 4 года назад

    thanks a lot dude

  • @mariaaldao1017
    @mariaaldao1017 11 месяцев назад

    super!!!! gracias

  • @rabinkazieasin
    @rabinkazieasin 3 года назад

    Thank you

  • @ide2isti
    @ide2isti 8 лет назад

    thank you thank you thank you

  • @cezote
    @cezote 9 лет назад

    Muito bom!

  • @thelogicofthing8242
    @thelogicofthing8242 2 года назад

    wow ,,, perfect,,,!

  • @MM-oq1lb
    @MM-oq1lb Год назад

    Brilliant

  • @shin-haeseo9925
    @shin-haeseo9925 4 года назад

    u saved my life

  • @AbuHamzaArtStudio
    @AbuHamzaArtStudio 6 лет назад

    gr8 tutorial

  • @luanabelmiro7073
    @luanabelmiro7073 4 года назад

    thanks!! brazil :)

  • @ginaortiz7055
    @ginaortiz7055 7 лет назад

    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
    @iiiiieva 3 года назад +1

    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 ?

  • @bflymam
    @bflymam 4 года назад +1

    I have transparent white lines, what should I do?

  • @sonamdorjeesherpa8230
    @sonamdorjeesherpa8230 3 года назад

    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.

  • @NadaJBfan
    @NadaJBfan 3 года назад

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

  • @luanzejnullahu2124
    @luanzejnullahu2124 7 лет назад +5

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

    • @augustcelineiii946
      @augustcelineiii946 7 лет назад +2

      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
      @thewhirringreel8887 7 лет назад

      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.

  • @andreagonzalez8777
    @andreagonzalez8777 7 лет назад +3

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

  • @tanyarichards2
    @tanyarichards2 8 лет назад

    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
      @spoongraphics  8 лет назад

      +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?

  • @mycottageheart
    @mycottageheart 8 лет назад +4

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

    • @mycottageheart
      @mycottageheart 8 лет назад +2

      +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
      @TehNewShirral 5 лет назад +3

      ​@@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
      @mycottageheart 5 лет назад

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

  • @jeanma28
    @jeanma28 9 лет назад +6

    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
      @itouch197 7 лет назад

      Same...

    • @BlueBatRay2
      @BlueBatRay2 7 лет назад +4

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

  • @andycreatives
    @andycreatives Год назад +1

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

    • @danid8908
      @danid8908 4 месяца назад

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

  • @__Shade9__
    @__Shade9__ 7 месяцев назад

    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

  • @IanJones942
    @IanJones942 2 года назад +1

    Any chance of an update in 2022? :)

  • @felipeortega8217
    @felipeortega8217 6 лет назад +2

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

  • @dowellbegood
    @dowellbegood 4 года назад

    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
      @abigaillyj 4 года назад

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

    • @sakenarae6215
      @sakenarae6215 3 года назад

      I'm also having this issue :(

  • @PastryFanatic40789
    @PastryFanatic40789 7 лет назад

    How are you so design smart???

  • @timebot000
    @timebot000 6 лет назад

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

  • @BLITZftw
    @BLITZftw 7 лет назад

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

  • @prawiroharjo6363
    @prawiroharjo6363 7 лет назад +2

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

    • @dvu3020
      @dvu3020 4 года назад

      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

  • @beingdk9790
    @beingdk9790 3 года назад

    Can you please provide the png of this design🙂😕

  • @mmenmg
    @mmenmg 6 лет назад

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

  • @felipeferri5465
    @felipeferri5465 6 лет назад

    DOESN'T WORK PROPERLY...

  • @felipeortega8217
    @felipeortega8217 6 лет назад

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