How To Create Seamless Turing Patterns (Photoshop & Illustrator Tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ก.ค. 2024
  • Today I'm going to show you how to create a series of detailed, organic patterns, which have become generally known as 'Turing Patterns'. Based on the research into reaction-diffusion patterns in nature by mathematician Alan Turing, these graphics are made up of intricate stripes, spots, and spirals. I'll show you how a clever 3-step process in Photoshop can be used to create the effect, then I'll explain how you can convert the patterns into seamlessly repeating patterns for use in Photoshop and Illustrator.
    📦 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
    ► Download my FREE Duotone Gradients - spoon.graphics/2vR5owo
    ► Download my FREE Turing Patterns - spoon.graphics/2VCKX2L
    Check out these great related products:
    Organic Turing Patterns - spoon.graphics/3EXyI5l
    Photoshop Turing Patterns - spoon.graphics/3H6HyQ5
    Organic Patterns For Illustrator - spoon.graphics/3BUJc3q
    Organic Patterns Photoshop Brushes - spoon.graphics/3084oWi
    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
    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/subs...
    Visit my design blog: blog.spoongraphics.co.uk
    Follow me on Twitter: / chrisspooner
    Join me on Facebook: / spoongraphics

ความคิดเห็น • 76

  • @spoongraphics
    @spoongraphics  4 ปีที่แล้ว +7

    Everyone who subscribes to my mailing list gets a FREE design resources bundle. 📦 Get yours here: spoon.graphics/freebundle

  • @ZmashedIndustries
    @ZmashedIndustries 4 ปีที่แล้ว +10

    Thanks for showing us how to make the 'CHORIN' pattern

  • @coltonmoritz2296
    @coltonmoritz2296 3 ปีที่แล้ว +3

    Thanks for the great tutorial! Clear, quick, and shows multiple variations. Awesome.

  • @moviemaker1986
    @moviemaker1986 ปีที่แล้ว +1

    You have one of the best tutorials for turing patterns I've seen! I appreciate the mix of auditory explanations rather than just captions, and you go slow enough for me to absorb it. Already subscribed awhile back, or else I would again. :)

  • @Red_Rebel
    @Red_Rebel ปีที่แล้ว +3

    I love generative art! This was fun to experiment with! Thank you!

  • @mikeparker3865
    @mikeparker3865 3 ปีที่แล้ว +1

    what a great video. I love it! Keep them coming.

  • @photobackflip
    @photobackflip 4 ปีที่แล้ว +23

    Hey Chris, apply the x10 action to a small black circle on white background and watch it grow in an organic pattern. Like burning wood with electricity.

    • @toomuchtime5050
      @toomuchtime5050 2 ปีที่แล้ว

      can u explain this more?

    • @photobackflip
      @photobackflip 2 ปีที่แล้ว +2

      @@toomuchtime5050 Not really much more to explain? Do the tutorial. When finished use the "Repeat x10" action on a white layer that has a small black circle circle.
      Play around with the size of the circle to get different effects. Try having no fill and a black stroke too. So just a black ring. Then change the stroke width to tweak effect.
      Have fun!

    • @Red_Rebel
      @Red_Rebel ปีที่แล้ว

      Love the results it’s like a cut half of a brain or a leaf microscopic texture

  • @brendangoodenough173
    @brendangoodenough173 4 ปีที่แล้ว

    Excellent once again Chris!

  • @AndrewScottQUT
    @AndrewScottQUT 4 ปีที่แล้ว

    Brilliant, just brilliant. Love your work.

  • @janthummler3548
    @janthummler3548 ปีที่แล้ว

    This is an awesome technique I never knew I needed! THanks a lot for sharing!

  • @PunmasterSTP
    @PunmasterSTP 2 ปีที่แล้ว

    This was really fun to watch. Thank you for sharing!

  • @bookworm8815
    @bookworm8815 2 ปีที่แล้ว

    Wow, was super helpful! Thank you!

  • @Eternity4Evil
    @Eternity4Evil 4 ปีที่แล้ว

    Very cool, thanks for sharing!

  • @simonwilkosz7562
    @simonwilkosz7562 4 ปีที่แล้ว

    never disappointed by your videos

  • @jospargo8417
    @jospargo8417 4 ปีที่แล้ว +6

    Great tute - reminds me of Keith Haring's work!

  • @rahmadwidiantoro3369
    @rahmadwidiantoro3369 3 ปีที่แล้ว +1

    Wow... nice tutorial 👍👍👍

  • @andzelikaniklewicz1621
    @andzelikaniklewicz1621 ปีที่แล้ว +1

    fantastic !!

  • @cms4Lena
    @cms4Lena 2 ปีที่แล้ว

    Thank you for such a brilliant methods to make this organic pattern. No need to draw by hand, just Ps does all and actions you taught. You are the most outstanding human being to share your knowledge. I did them for Ai and modified colors as well. I will give this link to my friends.

  • @PuenteDorado
    @PuenteDorado 3 ปีที่แล้ว +1

    Gracias Maestro saludos desde Bolivia

  • @user-vn3dg9lp2g
    @user-vn3dg9lp2g 4 ปีที่แล้ว

    great
    you are genius
    I like the way you explain

  • @cirquan
    @cirquan ปีที่แล้ว

    Thanks for the video! Just finished building my new pc so I got newer Photoshop and kinda have to learn everything again as a lot of has changed. Well, not everything but there a lot of new features... Thanks.

  • @krishnakadapa9337
    @krishnakadapa9337 3 ปีที่แล้ว

    Wow.........nice .......Thank you......

  • @cookie_ninja5004
    @cookie_ninja5004 4 ปีที่แล้ว

    Good to hear ur voice 😊

  • @mefisbautas8041
    @mefisbautas8041 4 ปีที่แล้ว +1

    You are a magician :)

  • @tonyblack1981
    @tonyblack1981 2 ปีที่แล้ว

    Fantastic

  • @BouncingDande
    @BouncingDande หลายเดือนก่อน

    brilliant sir. works with Affinity Photo as well

  • @tp7495
    @tp7495 2 ปีที่แล้ว +1

    Great tutorial, thank you! When using the motion blur, ripple effect, mosaic version it isn't seamless anymore. What could be the problem?

  • @samprimada
    @samprimada 3 ปีที่แล้ว

    brilliant

  • @pixelbd07
    @pixelbd07 4 ปีที่แล้ว

    Very good

  • @Congphongmedia5555
    @Congphongmedia5555 4 ปีที่แล้ว

    Verry good

  • @DanielSamulewiczXXI
    @DanielSamulewiczXXI ปีที่แล้ว +1

    Amazing pattern and tutorial too! Can anyone explain how it comes the pattern is seamless in every 1024x1024px segment?

  • @cellexvovo
    @cellexvovo 4 ปีที่แล้ว +1

    Hello Cris. Thanks for sharing this great tutorial. Please, can you help me? I am with struggles. When i do the "zoom out and crop the image", ( at 4:13 ) my image doesn't appears like a small object, on the center of the thumbnail of each layer. Can you please tell me why this occurs?

  • @Onkarr
    @Onkarr 3 ปีที่แล้ว

    Top tutorial! Turing is featured on new £50

  • @MatthewFaustini
    @MatthewFaustini 4 ปีที่แล้ว +2

    Finding that I'm getting a pretty noticeable seam when I do any additional filtering to the pattern (e.g. Wave/Twirl etc.) Not that it's terribly noticeable depending on scale, but do you have any pointers?

  • @donbao
    @donbao ปีที่แล้ว

    cool! I got it

  • @shahzadansari76
    @shahzadansari76 3 ปีที่แล้ว

    WOW! really very good tutorial. Thanks it is very helpful. Dear can you learn me that how can i make frost texture in PS then convert in vector in AI?

  • @hertzdesigns9166
    @hertzdesigns9166 4 ปีที่แล้ว

    Nice

  • @saidrambarran3974
    @saidrambarran3974 3 ปีที่แล้ว

    HI DO YOU HAVE VIDEO TUTORIAL ON HOW TO CARTOONING A PHOTO OR AN IMAGE? THX

  • @Tsukikao
    @Tsukikao 3 ปีที่แล้ว

    Does the filters (like wave) alter the ability to make a seamless pattern ?

  • @spoongraphics
    @spoongraphics  ปีที่แล้ว

    Check out these great related products for creating organic turing patterns:
    ► Organic Turing Patterns - spoon.graphics/3EXyI5l
    ► Photoshop Turing Patterns - spoon.graphics/3H6HyQ5
    ► Organic Patterns For Illustrator - spoon.graphics/3BUJc3q
    ► Organic Patterns Photoshop Brushes - spoon.graphics/3084oWi

  • @deafdogdesign
    @deafdogdesign 4 ปีที่แล้ว

    After copying the final pattern again to PS and applying the pattern I notice pixelization (using 300dpi). Can that be fixed?

  • @ArturJBCosta
    @ArturJBCosta 4 ปีที่แล้ว

    Like and Fav.

  • @drewdettra1862
    @drewdettra1862 4 ปีที่แล้ว

    I can't get the wave one to repeat seemlessly

  • @Flitzpiepe
    @Flitzpiepe 4 ปีที่แล้ว +3

    I am stumped. I have just done this tutorial 4 times in a row but i get a clearly visible seam, every time. I get the impression that my image trace nudges the images ever so slightly but i can't get a repeating pattern done. V frustrating.

  • @josueornelas3347
    @josueornelas3347 2 ปีที่แล้ว

    do you still have the turning patters for free?

  •  4 ปีที่แล้ว

    I have a black drawing and some white letters on top but i want to cut the letters from the drawing, but i cant select them and then erase them from the drawing using the selection like in Photoshop, does someone knows how to select things in ilustrador like in photoshop, like you actually make a selection and not just selecting the object???

  • @tdhterrell
    @tdhterrell 4 ปีที่แล้ว

    Can you please tell me how to export my pattern so that I can put it on a t shirt? Thanks

    • @apeshitclothing
      @apeshitclothing 4 ปีที่แล้ว

      You should save it/export it as an Adobe Illustrator file or .EPS file.

  • @j3y3k70
    @j3y3k70 2 ปีที่แล้ว +1

    Thanks for the Vid but when I copy from Ps to Ai, the rectangle is not exactly 1024 which makes it impossible to make a Perfectly seamless pattern even after adjustments. Anyone knows why? Thanks!
    (The issue is even after adjusting the copy to 1024px when click on Object>Pattern>Make there's always some decimals after 1024. I resize it to 1024x1024 but there's a space on the edges - Adobe is giving me pains for simple pattern making smh)

    • @SPKBLUE
      @SPKBLUE 2 ปีที่แล้ว

      me pasa lo mismo. No es perfecto, crea bordes que no coinciden

  • @nachofuentes6085
    @nachofuentes6085 2 ปีที่แล้ว

    Imposible to make the pattern 😞 when i put the design near the original.. It doesn't fix. What can i do? Can I create a pattern in other size like 138x100?

  • @betodilello
    @betodilello 2 ปีที่แล้ว

    Hi, Chris. I followed your directions 3x but the pattern didn't turn out seamless. What am I doing wrong?

  • @augustgast
    @augustgast 4 ปีที่แล้ว +5

    Nobu Design just made a tutorial for this. Still a great tutorial tho!

    • @spoongraphics
      @spoongraphics  4 ปีที่แล้ว +2

      I had just exported my video and opened TH-cam to upload it to see Nobu's video right at the top of my homepage! 😆 I just had to leave a comment so it doesn't look like a total rip! At least we both came up with different techniques to create the same effect.

    • @David-wi1ou
      @David-wi1ou 4 ปีที่แล้ว +4

      I mean Nobu didn't invent the pattern lol...

    • @augustgast
      @augustgast 4 ปีที่แล้ว

      Spoon Graphics Tbh I like your tutorials better :)

  • @jakeellis4969
    @jakeellis4969 4 ปีที่แล้ว +3

    I've tried this multiple times now and I can't create a seamless pattern in Illustrator. It's like the copies are just slightly misaligned.

    • @jakeellis4969
      @jakeellis4969 4 ปีที่แล้ว +1

      The problem seems to occur when tracing, if I tile the pattern manually in PhotoShop it repeats, but when I apply the trace function in Illustrator all the elements in the pattern appear to shift position out of the bounding box

    • @charliesvisuals9855
      @charliesvisuals9855 3 ปีที่แล้ว

      @@jakeellis4969 I am having the same issue

    • @josiahbrown9615
      @josiahbrown9615 2 ปีที่แล้ว

      @@jakeellis4969 Mine doesn't even repeat in photoshop, did you ever get this figured out?

    • @jakeellis4969
      @jakeellis4969 2 ปีที่แล้ว

      @@josiahbrown9615 Nope

  • @thangasaravanan
    @thangasaravanan 4 ปีที่แล้ว

    Hi Spoon Graphics, are you watching Skillshare Original Videos.

  • @azizbekpolatov583
    @azizbekpolatov583 4 ปีที่แล้ว +1

    Please show the hot keys on the screen next time! He said Alt+Shift+E in 4:35 but it didn`t work, please help. I found out, this was Ctrl+Alt+Shift+E

    • @Flitzpiepe
      @Flitzpiepe 4 ปีที่แล้ว

      he says Command Alt Shift and E.

  • @user-kv4ro3lx7k
    @user-kv4ro3lx7k 3 หลายเดือนก่อน

    At first i thought Pitbull was talking 😳

  • @Tidges01
    @Tidges01 3 ปีที่แล้ว

    Any one who can make this guide but for the Affinity counterparts? :D

    • @salarshafiee7409
      @salarshafiee7409 2 ปีที่แล้ว

      Take a picture, then apply Gausian blur, then sharpen it, keep doing this and you'll get the same results. In the end sharpen it and save it.

  • @SeamlessTeam
    @SeamlessTeam 3 ปีที่แล้ว

    The other effects(wave, mosaic etc) aren't seamless :'(

  • @friendsfriends6013
    @friendsfriends6013 2 ปีที่แล้ว

    you save my ass
    i love you

  • @azisso
    @azisso 7 หลายเดือนก่อน

    🎯 Key Takeaways for quick navigation:
    00:40 🖌️ *Create a new document in Adobe Photoshop with a size of 1024 by 1024 pixels for the reaction diffusion process.*
    01:34 🔄 *Use Photoshop actions to quickly apply the reaction diffusion effect multiple times, creating a Turing pattern.*
    03:14 🧩 *Duplicate and arrange cloud layers in Photoshop to seamlessly repeat the Turing pattern, then convert it to a vector pattern in Illustrator.*
    04:30 🔄 *Copy the vector pattern from Illustrator back to Photoshop for a smoother raster version, and save it as a pattern for future use.*
    06:15 🌈 *Enhance the pattern by experimenting with additional effects like motion blur, ripple, and mosaic filters in Photoshop.*
    Made with HARPA AI

  • @sniffsnort
    @sniffsnort 10 หลายเดือนก่อน

    wicked