• About
  • Write For Us
  • Contact
  • Top 50 Photography Blogs
  • Resources
  • Forum

IndustryDev

  • Design
    • Photoshop
    • Lightroom
    • Camera Raw
    • Bridge
  • Development
    • HTML
    • CSS
    • Javascript
    • PHP
    • Dev Tools
    • WordPress
  • Photography
  • Blogging
  • Technology
  • Inspiration
You are here: Home / Photoshop / Working With the Tree Filter in Adobe Photoshop

Working With the Tree Filter in Adobe Photoshop

June 25, 2018

Did you know that you can make really good looking trees right inside of Adobe Photoshop? I’m not talking about lousy one dimensional trees either. I’m talking about trees that actually look real; ones that you can change and customize in about a million different ways. That’s right, this is one of those virtually unknown features of an application many of us use almost every day of our lives. It’s a good feature too, so read on below.

In today’s post, I’d like to introduce you to the Tree filter in Adobe Photoshop. I’ll create a blank document and then enter the filter area where I’ll explore many of the customization options available to us. I’ll also walk through the process of creating a custom tree and then applying it to the document at hand. It’s such an easy process and I’m sure you’ll love it.

Pine Tree Created in Adobe Photoshop

The Tree Palette

Okay, let’s get right into it. I’ve gone ahead and created a new document inside of Photoshop. The document is 700 pixels wide, but that doesn’t matter. The only reason I used that dimension is because it fits well on the pages of this blog. I also made the background white, so each tree I create is clearly visible. If you’re following along, feel free to use any dimensions you wish and any color you wish.

I also created a new, transparent, layer that sits directly on top of the white background layer. The reason I did this is because I’d like to have control over any tree or trees I create. I’ll make a new layer for each tree. That way, I’ll be able to move all the trees around independently of one another. If I were to simply place them on the background layer, they’d all be stuck together and I’d ultimately have very little flexibility.

To get to the Tree palette, I’ll head up to the top of the application and select the Filter > Render > Tree menu item.

Filter > Render > Tree Menu Item in Adobe Photoshop

Once the Tree palette opens, I’ll see something that looks like this:

Tree Palette in Adobe Photoshop

Now, just to let you know, there’s already a tree created inside of this palette. You can see it in the previous screenshot. If I wanted to keep that tree and use it, all I’d need to do is to click on the OK button inside this palette and that tree would end up in my workspace. Since most people have a certain tree in mind before entering this palette, I’ll discuss some of the options available to us next.


The palette currently has two tabs; one is called the Basic tab and the other is the Advanced tab. In previous versions of Photoshop, the options contained in these tabs were merged into just one. Adobe has since split some things apart though.

The most important option in the entire palette has to do with what type of tree you’d like to end up with. If I were to click on the Base Tree Type drop-down, I’d have a fair number of types of trees to choose from.

Base Tree Type Option

Once I click on one of the tree varieties, that type of tree will appear in the preview area to the left. Currently, there are 34 varieties of trees available to choose from.

As you may have noticed there are quite a few different adjustments someone could make to any tree they’re working on. I’ll list those adjustments and offer some words of explanation below.


Basic Panel

The most widely used options are contained in this panel.

Light Direction: Picture having a large light in your hands and shining that light at the tree you’re creating. You can walk from the left side of the tree all the way to the right side. That’s pretty much what this option controls; the lighting that’s illuminating the tree. This option offers 180 degrees to choose from, therefore, the available slider values are anything between 0 and 180. The lower values shine the light on the left side of the tree and the higher values move around to the right.

Leaves Amount: Do you want a sparse looking tree or a very bushy one? You can control the amount of foliage your tree contains by moving this slider to the left or to the right. The available values range from 0 to 100, with 0 being completely bald and 100 being completely full.

Leaves Size: This option goes hand-in-hand with the previous one. Not only do we have control over how many leaves are on a tree, but we can also control how large those leaves are. The available values for this slider range between 0 and 200, with 0 being the smallest leaves available and 200 being the largest.

Semi-Bald Oak Tree

Branches Height: At what distance from the ground would you like the branches on your tree to begin stemming from the trunk? You can select from rather low branches to ones that begin almost all the way at the top of the tree. This slider offers values that range from 70 to 300. Here are some examples for you. This is a Zelkova Serrata tree. The first image has the Branches Height value set to 70 (lowest) and the second image has it set to 300 (highest).

Zelkova Serrata Branches Low to Ground

Zelkova Serrata Branches High From Ground

Branches Thickness: This option controls how thick the wood is on your tree. It controls the thickness of not only the branches, but of the trunk as well. The range of values for this slider span from 0 to 200. Here’s an Ash Tree with a Branch Thickness of 20. The lower numbers show less wood.

Ash Tree with Thin Branches

And here’s the same Ash Tree with a Branch Thickness of 200. The higher numbers show more wood.

Ash Tree with Thick Branches

Default Leaves: If I’d like Photoshop to keep the default style leaf for the selected tree, I’d check this box.

Leaves Type: If I uncheck the above box, I can choose my own style of leaf, no matter what type of tree I’d like. Currently, there are 16 available different leaf types to choose from.

Leaf Type Options in Tree Palette in Photoshop


Randomize Shapes: If I’d like Photoshop to choose the shapes and positions of the branches on the tree for me, I can check this box.

Arrangement: If I’d like to choose my own branch arrangement, I can move this slider. The values fall from 1 to 100 and appear to make no sense at all. Continue to move the slider until you find a look that appeals to you.

Advanced Panel

For more advanced, but less used, options, click into this panel.

Camera Tilt: Let’s say you wanted to view your tree from a different angle. You can do that with this setting. The values of this option span the range of 0 through 24, with 0 being as if you were standing on the ground in front of the tree. As you increase this value, it would be as if you were levitating up, off the ground and hovering over the tree.

Use Custom Color For Leaves: We’re also able to change the color of the leaves on all of the available trees. If you were going for an early spring look, you could change the color to a lighter green and if you were going for a late fall look, you could change the leaves to either orange, yellow, red or brown.

Oak Tree in Autumn

Use Custom Color For Branches: Along the same lines as the option above, we can also change the color of the branches. So, if you wanted a lighter wood, you could change the default color to a light brown. The same is true with a darker wood, but you’d go with a darker brown.

Flat Shading – Leaves: The default leaves include a lot of gradient for the sake of interest. To remove this interest, you could give the leaves a flat color.

Enhance Contrast – Leaves: In contrast to the option just above, you can also add even more contrast than the default offers. To increase the contrast in the leaves, simply check this box.

Flat Shading – Branches: To remove any gradient from the wood and to make the color flat in the trunk and the branches of any tree you create, check this box.


Leaves Rotation Lock: If you check this box, you can stop the leaves from rotating three dimensionally. Doing this will create a result that’s much more like an illustration.

Converting to Smart Objects

Remember, after creating your trees, you’ll likely resize them quite a bit in an effort to get the look you’re going for just right. If you convert each individual tree layer to a Smart Object, you’ll save yourself a lot of time by not having to create new trees when you lose resolution from scaling down and then scaling back up again. Smart Objects are key when it comes to this sort of thing.

Variety of Trees Created in Adobe Photoshop

——

I hope I clearly explained how to create a tree in Adobe Photoshop by using the Tree filter. If you have any questions regarding this post, please let me know in the comment section below. Thanks for reading!

Related posts:

  1. How Can I Take Super Sharp Landscape Photos?
  2. Using the Reduce Noise Filter in Adobe Photoshop
  3. Using the Adaptive Wide Angle Filter in Adobe Photoshop
  4. Using the Original Refine Mask Dialog for Rugged Edges in Adobe Photoshop
  5. How to Use the Face-Aware Liquify Filter in Adobe Photoshop

Filed Under: Photoshop

What’s Next? Email Updates!

If you enjoyed reading this post, why not consider signing up to receive others like it by email? It's so easy and you can unsubscribe at any time.

Comments

  1. Harry Shulman says

    February 8, 2020 at 5:39 pm

    Very useful…but cannot figure out how to re-size the tree. Help?

    Reply
    • Jay Gaulard says

      February 8, 2020 at 6:04 pm

      Hi Harry,

      Is the tree on its own layer? If so, can you press Ctrl+T to free transform it? To accomplish the same thing, try going to Edit > Free Transform up in the menu at the top of Photoshop. Let me know if this works.

      Jay

      Reply
  2. Harry Shulman says

    February 8, 2020 at 6:03 pm

    Nevermind….figured out how to use free transform to decrease the size (which I should have known!)

    Reply
    • Jay Gaulard says

      February 8, 2020 at 6:05 pm

      Excellent.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Connect With Me

  • Facebook
  • Instagram
  • Pinterest
  • RSS
  • Twitter

Copyright © 2021 · IndustryDev.com Web Design & Photography Blog · About · Write For Us · Contact · Privacy / Terms · Sitemap