Honnum Graphic Art

Art and Design Resource Designer

[alexanderblackday]

Screentones Collection 4 - Stripes - Download

Apply these screentones to create a manga style or stripe pattern on your illustrations, photos, designs and videos. This technique is mainly used in manga and comics to apply patterns.

This method was implemented to reduce costs by printing only with black ink; when the stripes are small enough, an optical illusion is created in which the eye interprets the patterned areas as a smooth grayscale.

This collection of screentones was made so that mangakas and digital illustrators could work freely in any software of their choice.

Screentones Stripes

16 Brushes

16 Patterns

Format: PNG / Transparent Background

Size: 9 x 12 Inch / 22.86  x 30.48 cm

Size: 5400 x 7200 px / 2700 x 3600 px

Resolution: 600 DPI & 300 DPI

Color Mode: RGB

Included: 32 PNG Files / High Quality / 600 DPI / 5400 x 7200 px

Download on:

Creative Market

ArtStation

Gumroad

Blogger

Payhip

Etsy

[alexanderblackday]

Screentones Collection 3 - Gradients - Download

Apply these screentones to create a manga style or dot pattern on your illustrations, photos, designs and videos. This technique is mainly used in manga and comics to apply patterns.

This method was implemented to reduce costs by printing only with black ink; when the dots are small enough, an optical illusion is created in which the eye interprets the patterned areas as a smooth grayscale.

This collection of screentones was made so that mangakas and digital illustrators could work freely in any software of their choice.

Screentones - Vertical Gradients 1 - Black

Screentones - Vertical Gradients 2 - Gray 50%

Screentones - Vertical Gradients 3 - Gray 25%

Screentones - Horizontal Gradients 1 - Black

Screentones - Horizontal Gradients 2 - Gray 50%

Screentones - Horizontal Gradients 3 - Gray 25%

Screentones - Radial Gradients 1 - Black

Screentones - Radial Gradients 2 - Gray 50%

Screentones - Radial Gradients 3 - Gray 25%

Screentones - Vertical Gradients 4 - Black

Screentones - Vertical Gradients 5 - Gray 50%

Screentones - Vertical Gradients 6 - Gray 25%

Screentones - Horizontal Gradients 4 - Black

Screentones - Horizontal Gradients 5 - Gray 50%

Screentones - Horizontal Gradients 6 - Gray 25%

Screentones - Radial Gradients 4 - Extra

Format: PNG / Transparent Background

Size: 9 x 12 Inch / 22.86  x 30.48 cm

Size: 5400 x 7200 px / 2700 x 3600 px

Resolution: 600 DPI & 300 DPI

Color Mode: RGB

Included: 360 PNG Files / High Quality / 600 DPI / 5400 x 7200 px

Download on:

Creative Market

ArtStation

Gumroad

Blogger

Payhip

Etsy

[alexanderblackday]

Screentones Collection 2 - Dots - Download

Apply these screentones to create a manga style or dot pattern on your illustrations, photos, designs and videos. This technique is mainly used in manga and comics to apply patterns.

The number of lines corresponds to the number of dots in each row or column, this method was implemented to reduce costs by printing only with black ink; when the dots are small enough, an optical illusion is created in which the eye interprets the patterned areas as a smooth grayscale.

This collection of screentones was made so that mangakas and digital illustrators could work freely in any software of their choice.

Screentones - Dots - 1 Line

Screentones - Dots - 2 Lines

Screentones - Dots - 3 Lines

Screentones - Dots - 4 Lines

Screentones - Dots - 5 Lines

Screentones - Dots - 10 Lines

Screentones - Dots - 15 Lines

Screentones - Dots - 20 Lines

Screentones - Dots - 25 Lines

Screentones - Dots - 30 Lines

Screentones - Dots - 35 Lines

Screentones - Dots - 40 Lines

Screentones - Dots - 45 Lines

Screentones - Dots - 50 Lines

252 Brushes

252 Patterns

Format: PNG / Transparent Background

Size: 9 x 12 Inch / 22.86  x 30.48 cm

Size: 5400 x 7200 px / 2700 x 3600 px

Resolution: 600 DPI & 300 DPI

Color Mode: RGB

Included: 504 PNG Files / High Quality / 600 DPI / 5400 x 7200 px

Download on:

Creative Market

ArtStation

Gumroad

Blogger

Payhip

Etsy

[alexanderblackday]

Screentones Collection 1 - Halftones - Download

Apply these screentones to create a manga style or dot pattern on your illustrations, photos, designs and videos. This technique is mainly used in manga and comics to apply tones, shadows and patterns.

The number of lines corresponds to the number of dots in each row or column, the percentage is the amount of ink injected per inch equivalent to the grayscale. This method was implemented to reduce costs by printing only with black ink; when the dots are small enough, an optical illusion is created in which the eye interprets the patterned areas as a smooth grayscale.

This collection of screentones was made so that mangakas and digital illustrators could work freely in any software of their choice.

Screentones - Halftones - 1 Line

Screentones - Halftones - 2 Lines

Screentones - Halftones - 3 Lines

Screentones - Halftones - 4 Lines

Screentones - Halftones - 5 Lines

Screentones - Halftones - 10 Lines

Screentones - Halftones - 15 Lines

Screentones - Halftones - 20 Lines

Screentones - Halftones - 25 Lines

Screentones - Halftones - 30 Lines

Screentones - Halftones - 35 Lines

Screentones - Halftones - 40 Lines

Screentones - Halftones - 45 Lines

Screentones - Halftones - 50 Lines

266 Brushes

266 Patterns

Format: PNG / Transparent Background

Size: 9 x 12 Inch / 22.86  x 30.48 cm

Size: 5400 x 7200 px / 2700 x 3600 px

Resolution: 600 DPI & 300 DPI

Color Mode: RGB

Included: 532 PNG Files / High Quality / 600 DPI / 5400 x 7200 px

Download on:

Creative Market

ArtStation

Gumroad

Blogger

Payhip

Etsy

[alexanderblackday]

Display Resolution / CinemaScope Template - Free Download

CinemaScope / Aspect Ratio 2.39:1 (12:5) / Templates to make videos

-

Is currently the format used in cinema, modern  cinema projections  are 2.39.1 (12:5) but they often refer to them  as 2.35:1 due to the old conversion.

Video editing software gives us the options to set the resolution and aspect ratio when creating a new project, I have created these templates to facilitate the work from other software such as Photoshop, PaintTool SAI, Adobe Animate CC, etc., where drawing, painting and animating is necessary, ideal for animation projects.

-

Included:

CinemaScope Template 720p / Aspect Ratio (12:5) / JPG 1280 x 533 px

CinemaScope Template 1080p / Aspect Ratio (12:5) / JPG 1920 x 800 px 

CinemaScope Template 2K / Aspect Ratio (12:5) / JPG 2560 x 1067px 

CinemaScope Template 4K UHD / Aspect Ratio (12:5) / JPG 3840 x 1600 px 

CinemaScope Template DCI 4K / Aspect Ratio (12:5) / JPG 4096 x 1600 px

CinemaScope Templates / Version with Black Bars PNG

-

Download on:

ArtStation

Gumroad

Blogger

Payhip

[alexanderblackday]

Display Resolution / Panoramic Template - Free Download

Panoramic / Aspect Ratio 1.77:1 (16:9) / Templates to make videos

-

It is used by high definition television  (HDTV) and internet videos.

Video editing software gives us the options to set the resolution and aspect ratio when creating a new project, I have created these templates to facilitate the work from other software such as Photoshop, PaintTool SAI, Adobe Animate CC, etc., where drawing, painting and animating is necessary, ideal for animation projects.

Included:

Panoramic Template 720p / Aspect Ratio (16:9) / JPG 1280 x 720 px

Panoramic Template 1080p / Aspect Ratio (16:9) / JPG 1920 x 1080 px

Panoramic Template 2K / Aspect Ratio (16:9) / JPG 2560 x 1440px

Panoramic Template 4K UHD / Aspect Ratio (16:9) / JPG 3840 x 2160 px

Panoramic Template DCI 4K / Aspect Ratio (16:9) / JPG 4096 x 2160 px

Download on:

ArtStation

Gumroad

Blogger

Payhip

[alexanderblackday]

Display Resolution / Standard Template - Free Download

Standard / Aspect Ratio 1.33:1 (4:3) / Templates to make videos

-

It was the standard used in television until  2009.

Video editing software gives us the options to set the resolution and aspect ratio when creating a new project, I have created these templates to facilitate the work from other software such as Photoshop, PaintTool SAI, Adobe Animate CC, etc., where drawing, painting and animating is necessary, ideal for animation projects.

Included:

Standard Template 720p / Aspect Ratio (4:3) / JPG 960 x 720 px 

Standard Template 1080p / Aspect Ratio (4:3) / JPG 1440 x 1080 px 

Standard Template 2K / Aspect Ratio (4:3) / JPG 1920 x 1440px

Standard Template 4K / Aspect Ratio (4:3) / JPG 2880 x 2160 px

Download on:

ArtStation

Gumroad

Blogger

Payhip

[alexanderblackday]

Shot Film List Template - Free Download

List to have control of shots of the scenes of your films and videos.

Shot Film List Template

Format: JPG, PSD & EXCEL

Size: 8.3 x 11.7 in / 21 x 29.7 cm / A4

Size: 2480 x 3508 px 

Resolution: 300 DPI

Color Mode: RGB

Customizable

Printable

Included: 4 Files / High Quality / 300 DPI / 2480 x 3508 px

Download on:

ArtStation

Gumroad

Blogger

Payhip

[alexanderblackday]

Scene List Template - Free Download

List to control and plan the duration of each scene in film projects, TV shows, animations, videos, and plays.

Scene List Template

Format: JPG, PSD & EXCEL

Size: 8.3 x 11.7 in / 21 x 29.7 cm / A4

Size: 2480 x 3508 px

Resolution: 300 DPI

Color Mode: RGB

Customizable

Printable

Included: 4 Files / High Quality / 300 DPI / 2480 x 3508 px

Download on:

ArtStation

Gumroad

Blogger

Payhip

[alexanderblackday]

TV Episode List Template - Free Download

List to have control of episodes, films and chapters of your projects.

TV Episode List Template

Film List Template

Manga Chapter List Template

Comic Chapter List Template

Format: JPG, PSD & EXCEL

Size: 8.3 x 11.7 in / 21 x 29.7 cm / A4

Size: 2480 x 3508 px

Resolution: 300 DPI

Color Mode: RGB

Customizable

Printable

Included: 16 Files / High Quality / 300 DPI / 2480 x 3508 px

Download on:

ArtStation

Gumroad

Blogger

Payhip

[alexanderblackday]

Animation Time Sheet Template - Download

Exposure Sheet / Animation Time Sheet: They are used by animators to keep track of all the frames to be animated in a shot.

Animation time sheets look complex, but they are actually very easy to use. They are divided in sections of 6 FPS, in sections of one second if you use 24 FPS and two seconds if you use 12 FPS.

The letters of the alphabet indicate the different animations that take place in the same shot.

A - Primary

B - Secondary

C - Tertiary

D - Quartiary

Etc.

Complement them with timing charts.

Animation Time Sheet 12 FPS

Animation Time Sheet 24 FPS

Format: JPG & PSD

Size: 8.3 x 11.7 in / 21 x 29.7 cm / A4

Size: 2480 x 3508 px

Resolution: 300 DPI

Color Mode: RGB

Customizable

Printable

Included: 19 Files / High Quality / 300 DPI / 2480 x 3508 px

Time

1 Day = 24 Hours

1 Hour = 60 Minutes

1 Minute = 60 Seconds

1 Second = 10 Deciseconds

1 Decisecond = 10 Centisecond

Video

12 FPS = 0.08333...s x Frame

24 FPS = 0.04166...s x Frame

30 FPS = 0.03333...s x Frame

60 FPS = 0.01666...s x Frame

GIF

12 FPS = 0.08s x Frame

24 FPS = 0.04s x Frame

30 FPS = 0.03s x Frame

60 FPS = 0.01...s x Frame

Download on:

ArtStation

Gumroad

Blogger

Payhip

[alexanderblackday]

Storyboard Template - Download

A set of illustrations in sequence that form a visual guide through which the structure of each shot of the scenes of an audiovisual work can be previewed.

It is used by the director to explain precisely what happens in a film, short film, television program, video, etc.

You can edit it directly from the PSD file in case you need to add the  name of your project or change the language of the texts, you can also  print it or work digitally.

Storyboard Template

Classic Version

Format: JPG & PSD

Size: 8.3 x 11.7 in / 21 x 29.7 cm / A4

Size: 2480 x 3508 px

Resolution: 300 DPI

Color Mode: RGB

Customizable

Printable

Included: 19 Files / High Quality / 300 DPI / 2480 x 3508 px

Download on:

ArtStation

Gumroad

Blogger

Payhip

[alexanderblackday]

Animation Paper Acme Holes - Download

These sheets are used to make keyframes in animation, templates for print or digital work.

Animation Paper Acme Holes - Standard / Aspect Ratio 1.33:1 (4:3) It was the standard used in television until 2009.

Animation Paper Acme Holes - Panoramic / Aspect Ratio 1.77:1 (16:9) It is used in high-definition television (HDTV) and Internet video.

Animation Paper Acme Holes - CinemaScope / Aspect Ratio 2.39:1 (12:5) This is the format currently used in cinema, modern anamorphic projections are 2.39.1 (12:5), but are often referred to as 2.35:1 because of the old conversion.

Animation Paper Acme Holes - Standard / Aspect Ratio 1.33:1 (4:3)

Animation Paper Acme Holes - Panoramic / Aspect Ratio 1.77:1 (16:9)

Animation Paper Acme Holes - CinemaScope / Aspect Ratio 2.39:1 (12:5)

Animation Paper Acme Holes - White

Format: PSD, JPG & PNG / Transparent Background

Size: 11.7 x 8.3 in / 29.7 x 21 cm / A4

Size: 3508 x 2480 px

Resolution: 300 DPI

Color Mode: RGB

Customizable

Printable

Included: 42 Files / High Quality / 300 DPI / 3508 x 2480 px

Download on:

ArtStation

Gumroad

Blogger

Payhip

[honnum-graphic-art]

Here we will also experiment with animation.

[alexanderblackday]

Animation - Timing Charts / 24 FPS

For this example I have put together 4 timing charts of 24 FPS equivalent to one second to clearly see how they work.

The dot indicates the beginning of each frame, the space between each line has a duration of 0.0466... seconds.

-

Animation - Timing Charts / 12 FPS

The dot indicates the beginning of each frame, the space between each line has a duration of 0.08333... seconds.

2 timing charts of 12 FPS equivalent to one second.

-

Animation Time Video

12 FPS = 0.08333...s x frame

24 FPS = 0.04166...s x frame

30 FPS = 0.03333...s x frame

60 FPS = 0.01666...s x frame

-

Animation Time GIF

12 FPS = 0.08s x frame

24 FPS = 0.04s x frame

30 FPS = 0.03s x frame

60 FPS = 0.01s x frame

-

Download

Timing Charts 24 FPS / Gumroad

Timing Charts 12 FPS / Gumroad

[alexanderblackday]

Animation - Timing Charts / 12 FPS

Most animations typically use 12 FPS in a 24 FPS video format, which causes each frame of the animation to repeat.

1 Second = 12 frames 

1 Frame = 0.08333... seconds 

1 Keyframe every 6 frames 

2 Timing charts = 1 second

-

I prepared a second example to notice that although the timing charts have different effects, the time that the animation takes place is exactly the same.

-

Download on:

Gumroad

Blogger

Payhip

[alexanderblackday]

Animation - Timing Charts / 24 FPS

I spent a couple of days experimenting with animation and created this little GIF to show the different timing charts.

1 Second = 24 frames

1 Frame = 0.04166... seconds

1 Keyframe every 6 frames

4 Timing charts = 1 second

-

I prepared a second example to notice that although the timing charts have different effects, the time that the animation takes place is exactly the same.

-

Download on:

Gumroad

Blogger

Payhip