How To Make Animated Stickers Line Chat

This tutorial by illustrator Okayama introduces how to create LINE stickers.

She volition also explain how to create animated stickers using Prune Studio Paint!

▼ Beneath is the final analogy. The phrase means "Got it! (了解しました)" in Japanese.

・Creative person Contour: Okayama

I've started working every bit an illustrator after selling my get-go LINE sticker.

I besides draw four-frame one-act comics as a hobby.

one.i The benefits of designing LINE stickers in Prune Studio Pigment

Those who want to create LINE stickers
I call up "cartoon a ready of stickers" is the hardest role in making LINE stickers.

Stickers: 8, 16, 24, 32, 40

Animated stickers: 8, 16, 24

In gild to sell stickers, you lot accept to ready diverse images that comply with LINE's sticker regulations.

Those who are familiar with drawing illustrations may exist able to fulfill the requirements easily. However, you lot might cease up consuming too much fourth dimension creating new stickers trying to meet those regulations or worse, run out of ideas.

Nevertheless, once you get permission to sell stickers, you lot can continue selling them equally long as no other serious problems pop up.

Even if initial sales are low at that place are many chances for sales to increase such as people purchasing by keyword search, articles and Television programs featuring the product, and prominent people using the production on their official business relationship.

Just endeavor your all-time to create a good mix of everything yous need for a set.

Increasing efficiency is of import when preparing many images then I utilize many of the useful features of Prune Studio Paint to create stickers.

I volition explain each step below in detail in later parts.

■ Clip Studio Paint'south useful features

・Drawing with vectors allow you lot to edit line fine art in depth

(Introduced in function 2)

・Decorations and a wide range of materials increases sticker variation

(Introduced in part iii)

The phrase means "Thank you very much (ありがとうございます)" in Japanese.

・Create animated stickers using the moving illustration feature

(Introduced in part 4)

Notation: The consign format of this prototype is Animated GIF, suitable for websites.

i.2 Creating a new canvas/Template settings

First, I select [File] carte du jour > [New] to create a new canvas.

Then, I set the unit of measurement to [px]. ①

For a standard LINE sticker the maximum resolution is 370 x 320 pixels and for an blithe sticker 320 x 270 pixels. I create a canvas that meets this requirement (I often create a perfect square canvas for standard stickers).

The guideline specifies the resolution as 72 dpi ③ or more.

Besides, I want the background to be transparent png and then I uncheck Paper color. ④

At this time, you tin can register size settings into the preset by pressing the [Register to preset] button ⑤ on the right of the [Preset] column. Register the preset name to something similar "LINE sticker" or "moving sticker," etc. and so you lot practice not have to enter the size each time you create a new sticker.

Notation:

When creating animation stickers, you can employ the preregistered [Animated sticker (APNG)x1 (bodily size)] or [Blithe sticker (APNG)x2 (double size)] presets.

If you lot select these presets, the paper color volition automatically become transparent.

The specified sticker size is small, so I recommend creating a larger sticker and resizing it later.

Also, if you are considering using your sticker images later for things like advertisement leaflets and appurtenances, you lot should increase the canvas size and resolution to 300 - 350 dpi. Afterwards, y'all can lower the resolution to submit it equally a LINE sticker.

Note: Please look through the creation guidelines on the LINE Creators Market website before creating/submitting a LINE sticker.

i.3 Layer mask settings

LINE Creators Market place's cosmos guideline states that "There should be a margin of around 10 pixels betwixt the trimmed image and the content around information technology. Please consider the balance of the stickers when creating your designs."

If you set a layer mask on the sheet beforehand, it volition help you to draw inside the borders of this margin.

■ How to set up a Layer mask

(i) Outset I select [Layer] carte du jour > [New Layer Folder] to create a new layer folder.

(ii) Then, I select the whole canvas from [Selection] > [Select All].

(3) Then, I select [Selection] bill of fare > [Shrink selected area].

(iv) In the [Shrink selected area] dialog box, set the [Shrinking width] to 10px and click OK.

(v) Next, I select [Layer] menu > [Layer mask] > [Mask Outside Selection].

(six) This creates a mask for the layer folder. If you create a layer mask in this folder, any parts drawn outside the margin will exist hidden.

In addition, if y'all right click the layer palette'southward mask icon and select [Show Mask Area], you lot tin visualize the margin.

Notation: The imperial expanse of the post-obit figure represents the masked area.

Note:

If you desire to employ a large sized canvas, I recommend creating a standard size, set the mask so zoom in from [Edit] carte du jour > [Change Image Resolution]. This increases the mask width according to the new sail size.

One time you accept prepared the canvas and mask, its time to draw your sticker analogy. I will introduce some useful features when working on your line art and coloring in parts 2 and three, respectively.

one.4 Exporting images

(i) I export the illustrations from [File] > [Salve Duplicate] > [.png(PNG)].

When doing this, if you set the file names equally "01" to "40" (or "24" for animation stickers) depending on the number of stickers, it volition make submitting them easier.

Make sure you shrink the size of any stickers created on a large sized sheet.

・ Standard stickers: 370 x 320 pixels

・Animated stickers: 320 x 270 pixels

Besides, be aware that overly detailed images reduced from large size drawings are subject area to rejection due to excessive details.

(two) Afterward finishing all my stickers, I prepare the chief epitome and chat thumbnail icon.

Yous can but upload images in the following sizes:

・Main paradigm: 240 x 240 pixels (apng format available for animation stickers)

・Chat thumbnail icon: 96 ten 74 pixels

You can alter the size of the canvas using the post-obit procedure.

■ If you created the sticker for a 320 x 270 pixels conversation thumbnail icon

(1) Quadruple the width and meridian of the canvas to 384 x 296 pixels from [Edit] menu > [Modify Canvas Size]

(2) [Alter Image Resolution] to 96 x 74px

(iii) [Consign (Single Layer)] or [Export Animation]

* For the principal image, prepare the sail size to a perfect square in [Change Sheet Size] (one) and change the resolution to 240 x 240 using [Change prototype resolution], and and then export the work.

Annotation:

If you use the same image size, I recommend registering it equally an export setting in Auto Action.

If you use the sticker epitome every bit the main epitome and the chat thumbnail icon, registering it one time will allow y'all to immediately export it.

The main image is the image displayed in the store'southward sticker overview.

Utilize a sticker that is impressive, or gives an idea of the sticker as the principal image. This will attract buyers.

The chat thumbnail icon appears on the sticker selection screen, so choosing a sticker that summarizes the overall theme will make your set easier to find.

(iii) Later preparing all stickers ("01.png -"), master image ("main.png"), and conversation thumbnail image ("tab.png"), place them in one folder and right click > compress > .zip to create a null file.

To finish the submission, access the LINE Creator Market's My Folio and register the sticker.

Note:

Before exporting the sticker images as a png, re-check the entire sticker to make sure there aren't whatever mistakes such equally non-transparent marks and spelling mistakes.

It may take time to review your next submission later on receiving a rejection, so be conscientious not to miss the release date due to a uncomplicated fault.

Additionally, any unnoticed mistakes may outcome in its removal from the shop until you edit the sticker. Therefore, I recommend checking it carefully several times before submitting information technology.

In the next function, I will innovate how to input text and draw lines with vector layers.

Source: https://tips.clip-studio.com/en-us/articles/1579

Posted by: bridgesshen1994.blogspot.com