UI Discussion: Grease Pencil Layer and Layer Group icons

With Grease Pencil 3.0 we’re going to have Layer Groups by default. This raises some questions for how layer groups should be shown in the UI as well as how layers are presented. I’d like to address this in this thread and collect some feedback.

What are Layer Groups ?

First, let me clear up what layer groups are and how they are currently used.

A layer group contains zero or more grease pencil layers or layer groups (layer groups can be nested). Apart from a flag (used e.g. for selection, visibility, locking, etc.) and a color tag, this is the only data it contains. A layer (or a layer group for that matter) can only be in one layer group (contrary to how objects can be in multiple collections at a time).

Example: A user can put layers that logically belong together into a group. This allows them to easily collapse the layers, toggle the visibility, and lock all the layers and groups inside it.

In short, it’s a way to better organize the layers when there are lots of them.

There might be some more ways we want to utilize layer groups in the future, like allowing a modifier to accept a layer group for filtering, etc.

How do Layer Groups currently look like in the UI?

(some of these screenshots are from PRs that are not in main yet)

In the outliner:


In the properties panel:
image

In the dopesheet:
image

Issues / Questions

There are a few things that need to be addressed:

  1. We need an icon for layer groups (we are currently using ICON_FILE_FOLDER). One suggestion from @pablovazquez was to use the folder icon with a pencil on the side. Also, the default theme color (e.g. in the outliner) should be the grey like for collections. The plan is to also have color tags for layer groups at some point.
  2. Should the layer icon be revisited? Layers didn’t really have an icon before. It’s almost the same as the “Draw Mode” icon, but maybe it should be different? A canvas maybe?
  3. We shouldn’t use the term “Group” on it’s own in the UI. Layer Groups should always be referred to as Layer Groups. E.g. right now the default name for a layer group is “GP_Group”. This might be confusing in the outliner if we ever have something else that uses groups. I’m proposing to make the default names be “Layer” and “Layer_Group” (or “Layer Group” with a space).
5 Likes
  1. For the groups I think the folder with a pencil on the side works just fine.
  2. For the layers I always thought the icon should look like a paper sheet, and that would play nice with the folder icon for the groups.
  3. Layer_Group sounds like the best choice to me.

a group can be viewed as ordered set (structured set mathematically) IMHO we may change E.g vertex group to be renamed as vertex set and and i’m with keeping the group name as ‘layer group’.

about the icone we can put above the icone the number of layers that contains in the layers list 'not in outliner like this

I would like to try to design some icons for it, I dont know where I start, I know it is probably in SVG or PNG, but I dont know the size, where I can find the current icons in image format to me to open it and check the style, gray ton, line thickness, etc.

it would be great, if we could do the same drag&drop, nesting, rearranging in the outliner as we can in the GP Layers section
The icon is cool

1 Like

The following should give you information on the formats, styles, feature sizes, etc for the UI icons: Source/Interface/Icons - Blender Developer Wiki

image

This is quite annoying :smiley:

I quite like new draggable UI list menus with folders/groups. I would owe you one @Harleya if you could add that to Vertex Groups and Shape Keys. Organization of those is impossible at the moment.

Question: Is it possible that in the future layers have previews like Photoshop layers?

I think the Pencil icon is a good choice. It represents the idea of the feature (drawing lines), and does not have the same “square box” shape as the folder. I think the default Outliner color should perhaps be a separate listing for GP groups, than existing groups. (So, not both grey).

I’m not sure the name “Group”_Anything is ideal name, unless the top-most parent in the hierarchy truly treats all children as a group. In something like PS, this sort of thing is indeed called a Group. But in 3D, “grouping” is a different concept - one that Blender doesn’t currently have, of course, but I feel like the term maybe shouldn’t be taken over and reapplied.

Perhaps something like “Stack” or “Comp”? I don’t love those so much either, just thinking out loud here.

folder with a pencil is fine

and layer is a layer, right? that kind of thing:

no need to overthink imo


this is a group of layers and should be named as such imo


Harley left blender development.

Well that is a shock to me. Did that happen today? Because he was making PR’s yesterday


Some Ideas, I dont have the original folder and pencil svg files, it could help

5 Likes

I like the top two for GP groups, and the bottom two for GP layers. I don’t care for the middle two.

@Daniel_Correa_Flores - Note the icons should work well in the 14x14 px size. https://projects.blender.org/blender/blender/src/branch/main/release/datafiles/blender_icons.svg

1 Like


As I saw, icons need to be pretty small.

2 Likes

These are great! I really like the ones with the pegbar slots. Maybe another idea is to put the slots horizontal at the bottom, without something on the page but have the fold in the corner?
Something else we discussed: The folder icon for a group might not be the best idea. Another approach could be to have three of the layer icons stacked (without the fold).

1 Like

Whatever you will come up with, I think that rigging also needs collections or layers at some point. Would be great to have the UI consistent if this makes sense :heart_hands:

GP_pack
more tiny icons

8 Likes

For me, the top row is most identifiable at the tiny size.

IMO right now, adding a layer group is a little hidden on a dropdown. For such useful feature, I propose to use the same folder icon that we’ll use for layer groups with a plus sign on a single button.

Quick mockup using already existing icons

image

7 Likes

image
For me personally these two are the most clear and readable icons on their smaller size