How To Create Topographic Map Patterns in Photoshop

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 มิ.ย. 2020
  • Follow along with today's Photoshop tutorial to create a topographic map effect. I'll show you how you can quickly create a detailed pattern with a combination of Photoshop Filters, then show you how the parameters of those filters can be adjusted to customise the effect. This new technique provides some really useful advantages over my previous Contour Map tutorial, such as infinite scalability and a super-fast way to process unique pattern styles.
    ⭐️ Get Millions of Creative Asset Downloads from Envato Elements - spoon.graphics/envato
    📦 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 Topographic Map Patterns from 2014 - spoon.graphics/1VmT7be
    ► Follow my original Topographic Map Pattern tutorial from 2015 - spoon.graphics/1JCox1f
    ► Watch my Contour Map Effect tutorial from 2016 - spoon.graphics/2rBYfMD
    ► Download my Free Duotone Gradient Presets - spoon.graphics/2vR5owo
    Check out these great related products:
    ► Topographic Maps Patterns - spoon.graphics/307iMih
    ► Topographic Map Backgrounds - spoon.graphics/3C5rJ8l
    ► Topographic Map Seamless Patterns - spoon.graphics/30eSDxU
    ► Topographic Elevation Maps - spoon.graphics/3oecwgr
    ► Authentic Topographic Design Collection - spoon.graphics/30dEi4M
    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

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

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

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

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

    1:27 vid starts

  • @colour9631
    @colour9631 11 หลายเดือนก่อน +1

    Absolutely amazing video, I had been searching for weeks to find a website or something to make topographic designs and this is exactly what I was looking for! Great job on the video!

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

    Such a brilliant solution exec!
    Anyone who came across with gradient problem; it is not gradient - it is gradient map.

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

    amazing one I've been using smart filters and thats a great trick thank you

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

    Thank you! Useful tutorial... I watched a similar tutorial for the Paper Cut Out effect... and it is a great effect... 👍

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

    Well done Chris! Very Slick!

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

    Thank you man! Great video

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

    After this tutorial I have no need to watch any other. Awesome technic and nice describing

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

    2:27 - my jaw has dropped ;) Thanks for this, Chris!

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

    Great tutorial

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

    Thanks dude 👏🔥

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

    Check out these great related products for creating topographic map patterns:
    ► Topographic Maps Patterns - spoon.graphics/307iMih
    ► Topographic Map Backgrounds - spoon.graphics/3C5rJ8l
    ► Topographic Map Seamless Patterns - spoon.graphics/30eSDxU
    ► Topographic Elevation Maps - spoon.graphics/3oecwgr
    ► Authentic Topographic Design Collection - spoon.graphics/30dEi4M

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

    A quick tip, if you start with a canvas with dimension of power of 2, you can make a seamless pattern. Thanks for the tutorial!

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

      Brilliant tip! I can't believe how long I've spent making seamless patterns in the past when I could have just started with a 1024px, 2048px, or 4096px document

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

      @@spoongraphics I had the same feeling when I discovered it XD

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

      Unfortunately this tip didn't work. Once the blur is applied to the clouds it isn't seamless anymore. But thank anyways! :)

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

      ​@@tp7495 If you work with Pattern Preview ON, you can create seamless pattern every time you apply an effect (View/Pattern Preview)

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

      @@Crist_ Thank you so much for your help! I really applicatie it! 😊

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

    Great tutorial however it will only give me access to posterize if I rasterise my layer, meaning I loose all of those smart filter controls :( (CS5 user here)

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

    I'm trying to create a topographical map, but instead of stroked lines creating the pattern, every level of relief would be separated by shading. Any advice on how you'd accomplish this?

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

    Hi, is there a way of retrieving the repeat tile?

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

    how do you get the clouds rendered to be so "soft" looking. when i render all i get is what looks like static

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

    I'm having a problem with coloured contours (each level of the contours is a different colour). Is there a way to fix it?

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

    OMG

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

    Thanks for the Video. Is there any way to remove the Background?

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

    Every time I create oneI am getting certain lines that come in as blue, yellow, or even purple. Has anyone found solution for this or might know what I could be missing to get colors like that?

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

    I want to use that for laser cutting. I get the drawing from PS to AI. Trace it. But all the paths are open at the top. Do you have any idea how can I solve it?
    Thanks. Good video

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

      crop it in and add another blank layer behind

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

    How about creating one from an actual map location? Not from clouds rendering?

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

    When I increase the Gaussian blur it just makes it a gray canvas

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

    And how do I apply this pattern only on only certain parts of the image, where it suppose to be mountains? Because I want to make a map of which only a part is mountaineous. When I apply the filter, it covers the whole image, and when I try to select only the areas on which Ii want to apply this (or even when I make a layer with them), it still covers my whole image/layer.
    Can you help me? Thanks.

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

      If you found a way to do this, can you tell me how please?

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

    Posterize tool is not available after I apply Clouds, Difference Clouds, and Gaussian Blur.

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

      I had this issue too, are you on an older version of Photoshop by any chance? I think the CC versions automatically apply adjustments as non-distructive adjustment layers where as CS5 doesn't give you that option.
      I tried adding posterize as an adjustment layer but then it conflicts with clouds, differentce clouds and gaussian blur stopping you from applying 'find edges'

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

      Same for me on CS6. I found if you flatten the image after you apply the Gaussian Blur filter, it allows you to posterize the image.

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

    this isn't a pattern :/

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

    Great tutorial