# Just A Purple Tree

**URL:** https://community.aseprite.org/t/just-a-purple-tree/13562
**Category:** Artwork
**Created:** [March 23, 2022, 2:46am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562 "2022-03-23T02:46:56Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 23, 2022, 2:46am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/1 "2022-03-23T02:46:56Z")

</div>

For now, I’m just making the leaves/bushes(?)of the tree

This is what I made so far by following Mr Medeiros’ tutorials

 ![Modular Tree Leaf Spheres](https://community.aseprite.org/uploads/default/original/2X/d/dd29e0f7e3fec79a4f2041dfe32290e1f858bbbf.png)

Yeah, I think they’re a little too obviously ugly and deformed upon closer inspection

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 23, 2022, 8:42am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/2 "2022-03-23T08:42:13Z")

</div>

![Modular Tree Leaf Spheres](https://community.aseprite.org/uploads/default/original/2X/d/dff4ac0426c57fd97783b00dbebc13295de80f1c.png)

Thoughts?

---

<div class="post-metadata">

### Author: ![Phantom](https://community.aseprite.org/user_avatar/community.aseprite.org/phantom/32/14871_2.png) [@Phantom](https://community.aseprite.org/u/Phantom)
#### Post date: [March 23, 2022, 9:35pm UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/3 "2022-03-23T21:35:46Z")

</div>

First off, I like how the leaf/flower textures look. I see some greys in the lighter purples are throwing me off. How far away do you want us to view the tree? I think the depth feels off because of the desaturated colors for the darks. I really like the colors and if you made the leaves combine in less uniform sphere shapes you might end up with a better shape. Here’s an example of what it could look like with just a palatte change.(don’t know if the tree being desaturated green was important)

 ![image](https://community.aseprite.org/uploads/default/original/2X/a/aeb12cd934d377ce5beead4ddc160084ff69a924.png)

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 23, 2022, 10:16pm UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/4 "2022-03-23T22:16:30Z")

</div>

The green was a sort of stylistic choice, tbh

I was mostly using the tool to change all the HVS at the same time

Also, less uniform sphere shapes, I kinda tried keeping em close because I wasn’t sure how far away they could be and only figured out recently how Medeiros made his sphere uneven specifically

Thanks

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 27, 2022, 7:01am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/5 "2022-03-27T07:01:14Z")

</div>

Sorry, been awhile, kinda got back to things one by one

Question, how did you get those colors? Because frankly, this is what I am doing

 ![Screen Shot 2022-03-27 at 3.00.02 PM](https://community.aseprite.org/uploads/default/original/2X/7/76df184ed7c399dfb0ded013f9e6461d770da660.jpeg)

I am using Mr Medeiros’ way, and I am not sure how exactly I can get those brighter yet still similar colors

 ![Palette_Scales_3-03](https://community.aseprite.org/uploads/default/original/2X/6/64d39dd6df68a7819935a7e381c7bd26ba695e79.png)

---

<div class="post-metadata">

### Author: ![Phantom](https://community.aseprite.org/user_avatar/community.aseprite.org/phantom/32/14871_2.png) [@Phantom](https://community.aseprite.org/u/Phantom)
#### Post date: [March 27, 2022, 2:44pm UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/6 "2022-03-27T14:44:52Z")

</div>

![image](https://community.aseprite.org/uploads/default/original/2X/1/15f67ecfd8c71af2976dbda03e4f03a76f45cb6f.png)  
What you do depends on what you want. I didn’t use as many de-saturated colors because I thought it looked out of place. If you make a new layer and fill it with black, then right-click and change its property color mode to saturation you can see the values in your art. What you can then do is find your base color(red or blue in the picture) and then adjust the lightness by enough to create contrast. ![image](https://community.aseprite.org/uploads/default/original/2X/4/44caddfada092d8bf4cc20765d2ffa316d11acf5.png)  
Whenever you want more of an effect, say a fire, you can add more yellow to the brighter colors. For water, you don’t need as much hue shift but both fire and water get more desaturated as they reach the highest value making a smooth transition.

---

<div class="post-metadata">

### Author: ![behreandtjeremy](https://community.aseprite.org/user_avatar/community.aseprite.org/behreandtjeremy/32/6606_2.png) [@behreandtjeremy](https://community.aseprite.org/u/behreandtjeremy)
#### Post date: [March 27, 2022, 5:09pm UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/7 "2022-03-27T17:09:40Z")

</div>

Hi @SwordSorcery2020,

I recommend not using numeric increments in HSV and HSL for color shades – neither the Hue/Saturation Adjustment nor the color sliders. A lot of pixel tutorials talk about ‘hue shifting.’ Imo it is a rule of thumb, not a strict math formula. If you’re interested, here is an older thread:

> [@Designing a Palatte Advice Needed](https://community.aseprite.org/t/designing-a-palatte-advice-needed/11637):
>
> So im aiming to make a small game for personal play and i want to design my own sprites for it. I am no pro at sprite art but im not terrible either. A issue ive run into alot is i feel limited for by existing color palattes for the scope of my project. I want the theme of the game to revolve around nature gardening plants and id love to have many different colors for woods and the plants themselves. Now this being said in a guide i watched on skillshare i was told that as a general basic ru…

If you _need_ hue adjustment, I’d use perceptual color. To see why, imagine I start with these colors:

![manifest2](https://community.aseprite.org/uploads/default/original/2X/4/4f567b67461a188438433698296cbfcf5304198e.png)

Then I try Aseprite’s Hue/Saturation adjustment. I increase the hue shift by 30 degrees each time. This is the result:

 ![purpleTreeStripHsvDefault](https://community.aseprite.org/uploads/default/original/2X/9/9d749db1820abf3a8c9def1917a060de4b8dedb3.png)

Especially in the range orange to green, the shadows on the canopy’s bottom left don’t look right. The brightness of highlights can be too bright. Compare with this result, made using a [script](https://github.com/behreajj/asepriteokhsl):

 ![purpleTreeStripOkhsl](https://community.aseprite.org/uploads/default/original/2X/d/d73c0d8e055acddcb71e45d381dd7915bab12ef8.png)

It’s not my opinion that this is a great result, btw, just better. There are still cases where the artist would need to choose how to improve.

I second what Phantom said about looking at your artwork in grayscale as you practice. You have choices for how to do that. I go to `Sprite > Color Mode > More Options`, then select `Grayscale`. That shows the options `Luminance`, `HSL` and `HSV`. I then convert from grayscale back to RGB.

![gradMapTree](https://community.aseprite.org/uploads/default/original/2X/0/0ad61eae6e60b91ada91f2e5cceaf03914f4aff7.png)

A technique you might find useful is called ‘gradient mapping.’ Grayscale brightness is used to select colors from a gradient. Above, the colors for the blue (left) and orange (right) are from Phantom’s example.

Cheers,  
Jeremy

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 29, 2022, 10:57am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/8 "2022-03-29T10:57:09Z")

</div>

I kinda want what you’re doing right now, that said, even with explanations I am still not sure exactly how to do things

Or how to do it in a way I can do a similar Color Ramp as to Mr Medeiros

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 29, 2022, 10:59am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/9 "2022-03-29T10:59:15Z")

</div>

Thanks, I’ll try em out, I never saw “gradient mapping” or “luminance” amongst the tutorials i’ve seen

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 29, 2022, 12:14pm UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/10 "2022-03-29T12:14:34Z")

</div>

I can only see HSL & HSV

And for some reason, everything’s stuck in gray…kinda confused

---

<div class="post-metadata">

### Author: ![behreandtjeremy](https://community.aseprite.org/user_avatar/community.aseprite.org/behreandtjeremy/32/6606_2.png) [@behreandtjeremy](https://community.aseprite.org/u/behreandtjeremy)
#### Post date: [March 29, 2022, 1:50pm UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/11 "2022-03-29T13:50:58Z")

</div>

I took these screen shots from Aseprite version 1.2.34:

![moreOptions](https://community.aseprite.org/uploads/default/original/2X/9/95c3d66042d92377711ed66d7e7f65c70a123770.png)

![luminanceOption](https://community.aseprite.org/uploads/default/original/2X/0/0e16e7e088ceeb071f980cda41b046582ed5f293.png)

Once you convert to gray scale, you will only have gray colors to work with. Go to `Sprite > Color Mode > RGB Color` to convert back to RGB color.

If you find that isn’t convenient, try Phantom’s approach to see if that’s easier for you.

Jeremy

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 29, 2022, 11:35pm UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/12 "2022-03-29T23:35:30Z")

</div>

Sorry, I don’t think it works with my current version of Aseprite

I think I’ll try updating via steam, I only open via a file on desktop these days

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 29, 2022, 11:38pm UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/13 "2022-03-29T23:38:43Z")

</div>

Was able to do it, but still kinda confused on how to approach next

 ![Screen Shot 2022-03-30 at 7.39.47 AM](https://community.aseprite.org/uploads/default/original/2X/b/bd28f2d76198aae4816d4e3f241ba7f15402cb70.jpeg)

---

<div class="post-metadata">

### Author: ![behreandtjeremy](https://community.aseprite.org/user_avatar/community.aseprite.org/behreandtjeremy/32/6606_2.png) [@behreandtjeremy](https://community.aseprite.org/u/behreandtjeremy)
#### Post date: [March 30, 2022, 12:46am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/14 "2022-03-30T00:46:57Z")

</div>

The idea behind a gradient map is that you focus on drawing shapes out of light and shadow _first_. Then you make color decisions in a _second_, separate stage of working on your image. I see some artists remind themselves of where the light source is by drawing an imaginary lightbulb on its own layer with rays of light shooting out of it.

Now, suppose I have a picture of a ball and a box, that I drew with gray colors only: `#000000`, `#222222`, `#636363`, `#AEAEAE`, `#FFFFFF`.

 ![gm01](https://community.aseprite.org/uploads/default/original/2X/7/7b4d5d673dac1c0f0633fb11817bb7e146b5fdf9.png)

My background is on its own layer, and each shape is on its own layer.

![gm02](https://community.aseprite.org/uploads/default/original/2X/4/4b44bc74cafb75c5243076631fc89fbfc10eb88c.png)

I right click on a grayscale layer in the timeline then duplicate it.

 ![gm03](https://community.aseprite.org/uploads/default/original/2X/6/64f48fcebea9867694301e480e9f96ea723478d1.png)

I create a color gradient with the same length as my gray colors. In this case, `#347C98`, `#3AA3A6`, `#44CCA1`, `#7CF355`, `#FEFE33`. When I create my color gradient, I’m not worried about the shapes.

I’ve selected my first gray color as my foreground color; I’ve selected my first gradient color as my background color.

 ![gm04](https://community.aseprite.org/uploads/default/original/2X/4/4b8583fdade5456027f7ffdc5e349679dcd1954c.png)

Then I go to `Edit > Replace Color`. I can also hold down `Shift` and press `R` as a shortcut.

![gm05](https://community.aseprite.org/uploads/default/original/2X/8/8a0d5c41c399b0718cc24c3015132e2cf0cc9920.png)

This little menu pops up. Also there’s a preview of black being replaced with blue.

![gm06](https://community.aseprite.org/uploads/default/original/2X/c/c188723061007052e680ce3a02fdbc85c1c7cef5.png)

I go through one by one, replacing my grayscale colors with my gradient. If I don’t like the result, I still have my original grayscale shapes on their own layers.

There’s a way to automate this process, but I think it’s better try by hand at this point.

[![](https://img.youtube.com/vi/v-E_OQThV6w/maxresdefault.jpg "Flower Shop Timelapse (Let's Discuss Concept + Color)") ](https://www.youtube.com/watch?v=v-E_OQThV6w)

Brandon James Greer has videos where he employs this technique. He uses Photoshop, but it’s important to learn how concepts and techniques go beyond the specific software you’re using.

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 30, 2022, 1:01am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/15 "2022-03-30T01:01:31Z")

</div>

Thanks, was wondering what you meant

This vid shows it all step by step? Also, never figured out how to do color replacement, never saw a vid on how to do it

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 30, 2022, 1:45am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/16 "2022-03-30T01:45:38Z")

</div>

Something is wrong, it seems to permanently stay on grayscale

 ![Screen Shot 2022-03-30 at 9.44.29 AM](https://community.aseprite.org/uploads/default/original/2X/1/1cedd71520b8697026c2fb221d5e622ac1ae1b7e.jpeg)  
 ![Screen Shot 2022-03-30 at 9.44.51 AM](https://community.aseprite.org/uploads/default/original/2X/b/b35226427baf5f1ef39791406ea7551d614b611e.jpeg)  
 ![Screen Shot 2022-03-30 at 9.45.04 AM](https://community.aseprite.org/uploads/default/original/2X/4/484670b1b3242fab8f5a9030ef7b50d9c4bacf1b.jpeg)

---

<div class="post-metadata">

### Author: ![SwordSorcery2020](https://community.aseprite.org/user_avatar/community.aseprite.org/swordsorcery2020/32/17360_2.png) [@SwordSorcery2020](https://community.aseprite.org/u/SwordSorcery2020)
#### Post date: [March 30, 2022, 2:15am UTC](https://community.aseprite.org/t/just-a-purple-tree/13562/17 "2022-03-30T02:15:31Z")

</div>

Also, not sure how to do this

![Screen Shot 2022-03-30 at 10.15.00 AM](https://community.aseprite.org/uploads/default/original/2X/3/34e2d81818dc057bc08282895d81fdde36aa75b5.png)

There’s no Grayscale appearing

Also, when you replace colors, how much do you change?

 ![Screen Shot 2022-03-30 at 10.30.09 AM](https://community.aseprite.org/uploads/default/original/2X/a/af8a2b546e17f8842b6a7ce867f1006e626e98ff.jpeg)  
 ![Screen Shot 2022-03-30 at 10.30.19 AM](https://community.aseprite.org/uploads/default/original/2X/2/2f25c0bde3aa4ed0b9a5f5784668e1d17084cf21.jpeg)  
 ![Screen Shot 2022-03-30 at 10.30.25 AM](https://community.aseprite.org/uploads/default/original/2X/5/51b0fbcd29c96cc59465c3434212b485e5b11d48.jpeg)  
 ![Screen Shot 2022-03-30 at 10.30.32 AM](https://community.aseprite.org/uploads/default/original/2X/e/e4a3e1d03429e0f935ddae7384924f8d0e95373d.jpeg)

Because I found changing the Hue & Saturation makes it so that it’s all still mainly grays and blacks

Also, what do you mean by Length?

 ![gm03](https://community.aseprite.org/uploads/default/original/2X/6/64f48fcebea9867694301e480e9f96ea723478d1.png)

You mean this? Because it’s more or less what I want to make for my own color ramps…just not sure how you did it and the vids’ not that helpful or I can’t follow and can’t find one that works
