Christa Icon for creating template v 1.1 (クリスタアイコン作成用テンプレート v1.1) クリスタアイコン作成用テンプレート v1.1

Content ID：1946077

- Report to administrator

Free

ほたゆき

Translated by

A convenient template for creating original icons with standard icon shades
With sample data

Production environment: PC version (Windows) FHD 標準のアイコンの色合いでオリジナルアイコンを作成するのに便利なテンプレート
サンプルデータ付き

制作環境：PC版(Windows)　FHD

How to use ■ template

On the menu, click File > New... In the New dialog box.

[Use of work] Select illustration
[Width] and [height] is "120" x "120". [Unit] "px"
[Resolution] is "72"
Select Color basic expression color
Please uncheck paper color.
In [template], this material is specified template v 1.1 for creating Christa Icon
(The search tag makes it easier to find "icons" and "layer template".)

Before you press OK, it is useful to register to preset, since you do not have to enter the next time

After register to preset, you can choose from the preset pull-down menu.

If you press OK with this setting, you are ready to work

■ Layer Configuration

You don't have to worry about the first folder.

2 (3) The purple layer changes its final color.

(4) Please do the drawing work in this Green folder.
layer mask is not normally disabled
It can be used to sharpen the outside a little when a feeling of size increases when I use it to the outside full.

5 (6). Sample Data
A sample image of a thick marker

(7) The orange layer is the background to use at work.
~~Hide when saving IN png~~ as an icon (no longer needed in v 1.1)

Set as draft layer is on.
Excluded when running export merge layers

(8). Background image when background color of icon is specified for settings of sub tool
It is divided into three types depending on the size of the icon used.

(12). The environment color when the theme of color combination is dark and the slider is moved to the left to make it darker.

(13). Displays a false transparent background pattern
When drawing in pixels, it is prepared for the purpose that it is difficult to understand it mixed with the pattern of the transparent color depending on the magnification ratio of the display.

Save as ■ icon

The icon image is a good PNG format that can make the background transparent

On the menu, click file → merge layers export → [. png]. To save the selection
The size can be 120x120 as it is.
(Automatically reduced and used)

Set the ■ icon

Right-click sub tool you want to change the icon from sub tool palette

In the settings of sub tool dialog, under tool icon, click Customize... Choose
Specifies the PNG file saved as a dialog to select a file.

■ Result Example

← 20x20 Example (data 120x120)
(Changing background color of icon)

■ In the end

You can also customize the command bar icon in addition to the tool system.

■ Supplement: To show the icon dots clearly

The image you use for the icon will be automatically shrunk.
Basically, you don't have to worry about the size.
Then, when you want to make a sharp line, what size is good?

The size of the icons displayed on the screen depends on the scaling interface setting

If adjust interface for touch interaction is not valid

20x20

If adjust interface for touch interaction is enabled

20x20: Small
30x30: "Standard"
40x40: Big

So, 120x120 (px) or several times it looks like a good drawing.

If you use it in 30x30 size, it seems to be blurred if you save it in 120x120.
Saving with 30x30 might be a good

It is convenient to use a grid when you are working with dots consciously.
(If you're working with 120x120, follow the grid of 3 pixels if you're 20 6, 30, 4, 40)

■ Update history

V 1.1
Changed set as draft layer in background folder to ON
I reworked the explanatory text when I posted it again.
Explained I stopped to shrink the image

■テンプレートの使い方

メニューの[ファイル]→[新規...]を選択し、[新規]ダイアログで設定を入れていきます

[作品の用途]はイラストを選択
[幅]と[高さ]は「120」x「120」。[単位]は「px」
[解像度]は「72」
[基本表現色]は「カラー」を選択
[用紙色]はチェックを外して
[テンプレート]でこの素材「クリスタアイコン作成用テンプレート v1.1」を指定
(この時検索タグで「アイコン」や「レイヤーテンプレート」に絞ると見つけやすくなります)

[OK]を押す前に、プリセットに登録しておくと、次回以降入力しなくて済むので便利です

プリセットに登録した後は[プリセット]のプルダウンメニューから選べます

この設定で[OK]を押したら、作業開始です

■レイヤー構成

(1).一番上のフォルダは特に気にしなくていいです

(2)(3).紫のレイヤは最終的な色を変更します

(4).この緑のフォルダの中で作画作業を行ってください
レイヤーマスクは通常は無効のままで使いません
外側いっぱいまで使うとサイズ感が大きくなるような場合、外側を少し削るのに使えます

(5)(6).サンプルデータ
太いマーカーをイメージしたサンプル

(7).オレンジのレイヤーは作業時に利用する背景です
~~アイコンとしてPNGで保存する際には非表示にします~~(v1.1で必要なくなりました)

[下描きレイヤーに設定]が「ON」になっています
[画像を統合して書き出し]を実行する際に除外されます

(8).[サブツールの設定]で[アイコンの背景色]を指定した場合の背景イメージ
アイコン使用時の大きさによって3種類に分かれています

(12).[配色テーマ]を「濃色」にして、さらにスライダーを左に動かして暗めにした場合の環境色