How to Make Seamless Turing Pattern | Photoshop & Illustrator

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ค. 2024
  • Hello, Guys,
    This is probably the second part of the Turing Pattern tutorial, some of you ask how to change the color and how to make it seamless. So this is "How to Make Seamless Turing Pattern". I also included how to convert it into a vector pattern in Adobe Illustrator
    So that's it, hope this is useful and Thanks for watching.
    Intro: (0:00)
    Smart Object Preparation: (0:14)
    Create Turing Pattern & Change the color: (1:31)
    Define Pattern: (3:04)
    Turn it to vector pattern: (4:02)
    Outro: (8:03)
    Check the previous Turing pattern Tutorial
    • How to Make Turing (Re...
    Sketchbook Mockup
    graphicburger.com/sketchbook-...
    BG Music
    Morning Routine by Ghostrifter Official / ghostrifter-official
    Creative Commons - Attribution 3.0 Unported - CC BY 3.0
    Free Download / Stream: bit.ly/_morning-routine
    Music promoted by Audio Library • Morning Routine - Ghos...
    If you have any questions or suggestion, Please Contact Me via
    Instagram: @iwainobuyuki
    Facebook: / nobuyuki006
    Email: bakawai.nobu@gmail.com

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

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

    What a coincidence! I've just hit render on my video of the exact same topic, then I log into TH-cam and see your video suggested on my home page. Thankfully our techniques turned out to be slightly different.

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

      Wow Spoon Graphics here, I learned a lot from your channel. That's not my original technique, I learned the photoshop turing pattern technique from Andrew Werth's presentation th-cam.com/video/VnITjQ6VQVo/w-d-xo.html
      and also Skybase videos
      th-cam.com/video/ga1xt5zkmPI/w-d-xo.html

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

    This is so neat. Spent a while trying to figure out how these filters you apply are equivalent to the Turing diffusion model and finally realised it! Very cool!

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

    Your videos have been always so helpful and simple to understand. The best design youtube channel. Always appreciated.

  • @se2ndbrotha846
    @se2ndbrotha846 4 ปีที่แล้ว +9

    Lol, I just asked how to make this texture in vector form, and you made it. I don't regret subscribing to this channel. now, I've turned on bell notifications. I look forward to your best tutorial.

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

    WOW! Just as satisfying the second time around 😍😍😍 Thank youuuuuu!!!

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

    thank you for actually reading comments, i had been wondering how to do this!

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

    Love your tutorials!

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

    Love how lettering looks over this pattern. Great stuff.

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

      Can you explain how to get this effect with lettering?

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

    Waaaaaa! Amazing! Thank you so much for the tutorial! ^ ,^

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

    Beautiful. Thanks!

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

    thank you!! I was a fan of the other video and suscribed by that reason

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

    If anyone had a problem where the pattern wasn't coming out seamless, it may be because you used the Turing Pattern from the first tutorial and didn't do the layer copying in the photoshop file that this tutorial has.

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

    Love that so much .. tnx

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

    Flawless!!

  • @user-pw8qo3mn1p
    @user-pw8qo3mn1p 3 ปีที่แล้ว +1

    thanks sir!-from korea

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

    Very good tutorial. The 'Action' is from the previous tutorial. For Beginners and maybe higher I recommended .5 playback speed and muting music. What you can learn from this tutorial: Filter Offset, Save/Open From Library, Blending Options, Adjustment Layers, and more.

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

    Hi ✌ I watched a few of your vids today and thought I must sub - I already have... Doh ! 😂

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

    you deserve a lot of support this is so creative & you made it looks very simple

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

    Nice vid! How do you get the Turing Pattern to make a more geometric pattern like one of the pics you shown at the beginning and the end? it looks more rectangular. Anyone? Much appreciated!
    (Also I retried it many times step by step but for me it doesn't come out seemless?)

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

    Wah mantap bang 👍

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

      sip makasih ya

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

      Tutorial nya selalu satisfying, good job bang

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

    Wish this was in Affinity

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

    Does anyone know how to make these patterns concentric and or symmetrical? Like confined to a predefined circle and eminate from the center?

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

    What is for you the avantage to transform layers as smart objects ? Thanks, very helpful video to clearly understand patterns.

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

      Non-destructive editing, you can simply go back to the filter if you want to change the pattern (just double click on cloud filter, you can completely change the pattern looks)

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

    If you use a power of 2 canvas size (512, 1024, 2048...) you get seamless cloud render automatically.

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

      Yes, thank you.
      That really helpful.

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

      can you elaborate

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

      hogarth heathan if you use a canvas size of 1024x1024 (or any other combination of power of 2 numbers) the render clouds function produces a seamless image that can be used as a pattern on a larger canvas. Use Edit -> Define pattern to create a pattern that can be used in other documents.

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

      @@boyiscola Hmm, I can't seem to get this to work. I've created a Turing pattern on a 1024x1024 canvas and made it into a pattern, but when I apply the pattern it doesn't line up correctly. Am I misunderstanding the process?

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

      Bruno Wegelius The Turing pattern will mess up the seamlessness since the edges will react differently to the filters applied.
      To create a seamless turing pattern you need to do one more step.
      Start with a canvas of, say, 1024x1024. Render clouds on this.
      Convert background to layer (Click lock).
      Duplicate the 1024 layer into 4 layers (Ctrl + J x 3).
      With the crop tool (C), or canvas size, expand the canvas to fit a 2x2 grid of the cloud layer (2048x2048).
      Arrange the 4 cloud layers side by side as a 2x2 grid (pixel perfect).
      Crop to 2048x2048.
      Create a new layer with the 2x2 grid by copying and merging visible layers (Ctrl + Shift + Alt + E).
      Then follow the steps for Turing pattern on this new layer.
      After finishing Turing pattern, make a 1024x1024 selection anywhere (away from edges, Ctrl + Click on any of the older layer thumbnails) on the 2048 Turing layer select marquee tool (M) and crop (Image -> Crop).
      This crop should now be seamless. Test by applying offset filter (should show no edges) or define pattern and fill this pattern on a canvas larger than 1024x1024.
      (edited for clarity)

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

    Is it possible to change the colour of the pattern once it's been added to the swatch?
    Thank you for the great tutorial! It's been really helpful!!

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

      Just double click on pattern swatches, and you can edit the pattern

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

      @@nobudesign thank you!

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

    when i pressed F2 my document just turns black... Any thoughts on that?

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

    why not vectorise it in Photoshop. export to path

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

    you should have shown the last part where put text.

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

      Not where but how to blend in text

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

    After Image Tracing and defining as a pattern in Illustrator, my edges don't quite match up to make it seamless..how do I fix? I appreciate any help, thank you!

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

      sometimes after the tracing process, the size and position of the pattern changes,
      make sure you align it to the center again before you crop it.
      Or try uncheck the ignore white option

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

      @@nobudesign thank you for your reply! I've tried over and over again, unchecked ignore white and made sure it was aligned to artboard after image trace and unfortunately my pattern edges still just don't match up 😭 They're just slightly off. Would there be anything else I could be missing?

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

      Let me check your file (ai and ps)
      bakawai.nobu@gmail.com

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

      @@nobudesign Thank you! 🙇‍♀️

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

    Can you provide download link for action for repeating?

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

      Dude... Just make the action, it's easy to make.
      th-cam.com/video/hOMCDdwgRYk/w-d-xo.html

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

    How did you make the lettering color the pattern like that?

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

      Clipping mask the text to the pattern

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

      ​@@nobudesign Thanks so much! This is awesome!

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

    How do you do the 8:08 one?

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

      Use cloud + pixelate (mosaic) filter

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

      @@nobudesign Do you happen to remember what mosaic value you used? It seems somewhere around 20

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

    I'm so confused rn, I went to filter and then pressed on clouds and it didn't work :( plz help!

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

      Dont convert your layer to smart object, use regular layer

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

    ??? Some narrative would be beneficial in this 8+ minute video. It would be nice to know what you were trying to accomplish. ????

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

    Lho...bisa bahasa Indonesia tho.....?
    Saya kq gak bisa copy ke Libraries...ya ?
    Apa harus posisi online dengan CREATIVE CLOUD ?

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

      Iya sy emg indo bro 😅.
      Klo ditutorial posisi saya offline, coba di update creative cloudnya. Klo gk bisa juga coba smart objectnya di save aja (png/jpg) abis itu bru di buka di illustrator

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

      @@nobudesign Ow...pertama kali baca namanya...sepertinya orang Jepang...dan kalo tdk salah pernah lihat foto/video profil...kq orang barat (bule)...tp kalo habis lihat videonya di ahkir ada nama Iwan....Saya lihat dan ikuti semua video2xnya...gayanya seperti orang luar kalo jelaskan...bagus, jelas dan saya suka sekali...enak buat belajar.
      Terima kasih...untuk semua video di youtube...

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

    How did you added those texts???

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

      Duplicate the turing pattern, add the text, clipping mask or you can play with blending mode

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

      @@nobudesign hey, if you have free time, can u make a vid or show me how? Nice tutorial btw

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

    Mine didn't become seamless by any means. Great video tho. :)

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

    How did you make it look more like a maze? @ 8:08

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

      use Cloud + Pixelate (Mosaic)

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

      @@nobudesign you mean: right in the beginning before adding the noise?

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

      @@moreorlesslikeso You can do it either before or after adding the noise.

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

      @@brunowegelius Thanks a lot - this whole thing is positively interesting! Visually and regarding its scientific background - there's obviously more to Alan Turing's achievements than ingeniously cracking the Enigma code and phrasing the famous Turing Test...

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

    halo, untuk ngerubah warna pattern di illustratornya bagaimana ya?saya sudah klik swatch pattern dan ketika warna pattern saya ganti, malah ke block semua jadi warna solid bentuk kotak, tolong pencerahannya mas hehe. Nice tutorial btw

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

      Coba ungroup dulu sebelum ganti warna, karena biasanya ada kaya kotak dibelakang pattern. Abis itu hapus bagian kotak tsb, atau bisa juga seleksi bagian hitamnya saja pake select similar object. Nah abis itu coba ganti warna.
      Biasanya sih kalo udh ignore white di setting tracingnya yg tersisa cuman bagian hitam aj.

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

      Nobu Design ok berhasil terima kasih mas, sangat membantu tutorialnya

  • @rajeshkumar-kd5ix
    @rajeshkumar-kd5ix 4 ปีที่แล้ว

    Please send me the action link

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

      Just make it dude
      th-cam.com/video/NZNl6N7PnF4/w-d-xo.html

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

    Why does the pattern become seamless? like when you rasterize and define pattern there are part that arent repeating 🤔. Is it really that simple? and are the pattern non repeating?

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

      is it connected to the smart object? so you can make turing pattern for all sizes of artboard?

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

      btw good video 👍👍👍, im just curious on that part only

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

      the pattern becomes seamless because I use offset filter. This filter makes each side of the object repeat, and remember I duplicate it in each corner. So when I apply the Action, it blends seamlessly.

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

      it doesn't look like it's repeating because I just lowered the scale to 50%. if you decrease it to 10%, you will see the pattern

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

      smart object and smart filter work non-destructively, you can simply drag the smart object to any document size and Photoshop will render the new pattern for you. So you don't need a seamless pattern again :D.

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

    how many ads can you fit in one video...?