How To Create Topographic Map Patterns in Photoshop

Рет қаралды 59,311

4 жыл бұрын

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 4 жыл бұрын

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

@siomaiethan 3 жыл бұрын

1:27 vid starts

@Aprendizzz2009 4 жыл бұрын

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

@colour9631 11 ай бұрын

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!

@Ziaddkhaledd 4 жыл бұрын

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

@mertcanurcan 4 жыл бұрын

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

@ukaszbachur8374 4 жыл бұрын

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

@rafajacobs1130 4 жыл бұрын

Thank you man! Great video

@joetowsey2898 4 жыл бұрын

Well done Chris! Very Slick!

@sashomedia 2 жыл бұрын

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

@giorgitibiashvili1421 4 жыл бұрын

Great tutorial

@StenX 4 жыл бұрын

Thanks dude 👏🔥

@Crist_ 4 жыл бұрын

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 4 жыл бұрын

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_ 4 жыл бұрын

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

@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_ 2 жыл бұрын

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

@tp7495 2 жыл бұрын

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

@danirabinowitz5049 3 жыл бұрын

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?

@Jamesbaxter33 4 жыл бұрын

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)

@frankie__xo 3 жыл бұрын

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

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

@rufius1953 2 жыл бұрын

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

@giveawayhub1652 2 жыл бұрын

use transparent

@thomaswalker5787 Жыл бұрын

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

@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 2 жыл бұрын

crop it in and add another blank layer behind

@MTN_Bird_Media Жыл бұрын

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?

@SalvadorAndradeHN Жыл бұрын

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

@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 Жыл бұрын

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

@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

@Arne_52413 3 жыл бұрын

OMG

@aaronescobido 4 жыл бұрын

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

@Jamesbaxter33 4 жыл бұрын

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