Friday, September 13, 2019

Design History resource

http://www.designishistory.com

Art of the title

https://www.artofthetitle.com/

Movie Posters and Their Typography

Movie Posters and Their Typography
Horror Movies
Movie posters are a crucial part of sales. Not only do they help persuade people into going to the theater, they also help movies stand out from one another. Without typography, a movie poster is just an image. Without a title there would be no movie. Typography is a wonderful tool; it helps further express the emotion, tone, feeling, and style in your image.

 Whether your movie is horror, drama, action, comedy, or a mix between these, each poster has the potential to have its own unique look and feel…or so I thought. Because movie sales are on the line, designers tend to do what’s trusted and proven rather than what would do the particular movie justice. Don’t get me wrong, there are many amazing examples of original typography in movie posters out there currently, but it’s disappointing to find out how many generic ones coexist among them. To prove my point, I’ve raked through the dark depths of Netflix to show how generic and uninspired movie poster typography really can be.
When it comes to horror, the poster can be enough on its own to entice someone to spend an hour and half with the movie. Among the thousands of typographic possibilities, the bold red sans serif title seems to be an industry favorite. Yes, red does attract people’s attention and insinuate horror, but Helvetica is everything but scary. 




Action Movies
Action movies are fun, fast, and full of adventure. To communicate this, it seems that the go-to is skewing the type to make thing look in motion. Maybe it wouldn’t seem so predictable if every poster that did this didn’t add a flame overlay behind it and make the font look like it came flying in from off the page. 

Romantic Movies
And then there are the romantic comedies. With one look at the poster, you know what you’re in for: a gentle ride with a few laughs and tears, complete with a storybook ending. A lot of these have really nice font choices and lock-ups, but when they’re sandwiched between colorful mosaics of the actors’ faces on a white background, nothing really stands out.

Indie Movies
Indie movies are no different either. It seems that the only way to make sure the public knows your movie will be quirky but soft spoken is to hand-letter the title. I’m a big fan of narrow hand-drawn text, but the more it’s used, the less I appreciate its whimsicality.
Looking ahead, I’d love to see the typography handled more carefully. Instead of immediately assuming that the type for a horror movie needs to be red and bloody, I’d like to see designers thinking about what style and lockup is appropriate for that individual movie based on the plot, the cinematography, and anything else that makes that movie different from other movies. Although the purpose of movie posters is to attract the broadest audience, I hope the industry can get back in touch with their design sense. 

Serif or Sans Serif ?

Serif or Sans Serif ?


Refer the image below to understand which is which.
serif vs sans as video fonts
One of the first determinations to be made when selecting a typeface for text is Serif or Sans Serif?
Many experts say that Sans Serif fonts are a better typeface recommendation in videos as they appear bold and neat while they transit.
Serif on the other hand is a font commonly used for the print media. The letters adorned in strokes gives an outlook of a classic style mixed with a modern imprint and it goes well with newspapers.
The other classifications of the font family consists of Scripts and decorative. Scripts are what we might think of as cursive or handwriting-style fonts. They generally have connected letters. You’ll find that script fonts come in many different styles, from elegant, to fun and casual, to hand-drawn.
When you hear a font categorized as decorative, display, or novelty, it all means the same thing — that font is meant to get your attention. They’re often more unusual than practical and should only be used in small doses and for a specific effect or purpose.

The personality of a font

Typography is a visual summary. You make the words convey the emotion. There is something in the way the tracking, the leading and the kerning of an alphabet moves. Together it defines the ‘mood’ and ‘personality’ of the fonts.
For instance, you want to choose a stylish font for the name of the website. You surely would not opt for a boring Arial, or a Calibri font for the font design. Instead, you would go for something snazzy and unique; something that conveys the site’s ambience by its very look and displays the zeal the name carries.
Yes. Fonts have a personality.
We have thus categorized fonts from our very own Animaker library to share our insights on which font would suit your video the best under different scenarios.

Being Formal in Presentations

When you are making a video for a presentation, you have to make sure that you choose a text that is plain, clear and loud. It can either be a Serif or a Sans Serif. The best fonts that work well with presentation videos are Arial, Arvo and Calibri.

1. Arvo


You can download the font here

2. Arial


3. Calibri


Make sure that there are no flourishes at the end of the strokes. Using a minimalistic font is the best option for a video presentations. It makes your data look more readable and elegant at the same time.

Ambience in Celebrations

Whenever you want to announce something big, I recommend you to use this class of fonts. The list includes

4. Oleo script


You can download the font here

5. Allerta Stencil.


You can download the font here.

6. Bevan


You can download the font here.
If you notice, there is something different in each font of this class and that is what makes them unique. The very look of the fonts induces a sense of celebration in us. You can use this font for promotional offers of your product during the holiday season.

Being bold and Loud

Be bold and stand up with confidence. This class of fonts have strong and thick strokes that exhibits a certainty and a confidence in the way it looks.
Let us say, that you are going to make a character deliver a powerful speech, you can use fonts of this class to make the character look strong with confidence. Paytone 1, Montserrat, Khand, Oswald, Bevan are the fonts enlisted in this category.

7. Paytone 1


You can download the font here

8. Montserrat


You can download the font here

9. Khand


You can download the font here

10. Oswald


You can download the font here
In addition, you can also use this font for headings or headlines.

Being simple and minimalistic

Fonts like Nixie One, raleway, Josefin sans can be used to convey an air of casualty in the video. With simple and minimalistic designs, these fonts can be most widely used in most of the video content.

11. Raleway


You can download the font here

12. Nixie One


You can download the font here

13. Josefin sans


You can download the font here

Speech monosyllables

There are certain comical fonts like loved by the king, Gochi Hand, Amatic and Sacromento that can be used extensively in storytelling. Since these fonts are mostly handwritten, it gives an element of a personal touch to your video.

14. Loved by the king


You can download the font here

15. Gochi hand


You can download the font here

16. Amatic


You can download the font here

17. Sacromento


You can download the font here

Add a techie touch

To add a bit of a techie touch to your video, the fonts mentioned below could be a great choice. Fonts like VT323, Special elite and text me one gives a typewriter feel to your video.

18. VT323


You can download the font here

19. Special Elite


You can download the font here

20. Text Me One


You can download the font here

Friday, May 17, 2019

Creating shadows

julianna kunstler logo
shadows

drawing the right way

by JuliannaKunstler.com
Complete tutorial to draw shadows. Both natural and artificial light sources.
Drawing shadows is an important part of a 3-D drawing. You need to understand the geometry behind this process to make your drawings most life-like. It is not as hard as it looks.
Drop shadow is a shape that is created by an object on a surface (or multiple surfaces) by blocking the light.
To see a drop shadow you need a light source.

in this tutorial:

shadow of a point
shadow of a point
shadow of a line
shadow of a line
shadow of a box
shadow of a box
shadow of a cylinder
shadow of a cylinder
shadow of a cone
shadow of a cone

natural light shadow

STEPS

light

There are two types of light sources: natural (sun, moon) and artificial (lamp, candle, flash-light, etc).

natural light

Our natural light sources ( Sun and Moon) are quite far away. Building a shadow will involve some of the linear perspective elements (horizon line).
natural light shadows

artificial (spot) light

Spot light is much closer to us. We can position it more accurately in our environment - we can tell exactly how far it is from the object and how high it is from a surface.
spot light shadows

you need to know:

shadow structure
1 - Light source (yellow dot)
2 - Object
3 - Light source ground mark - position of the light source on the surface or ground (green dot)
4 - Line, connecting the position of the light source and the bottom of the object (black line)
5 - Line connecting the light source (1), the top of the object (red dot), and Line 4 - defining the end point of the drop shadow (6)
6 - The end point of the drop shadow on the surface
shadow structure
This rule is applied for both types of the light source and for all forms and objects.
There is only one difference:

diffused light source

natural light shadow
The lines 4 are parallel as the light source is not defined (cloudy day, window, very large light source, etc) so we don't need to draw a yellow dot (1).
Lines 5 are also parallel for exactly the same reason.

spot light

spot light shadow
Each corner point follows the above rule to form an exact shape of the drop shadow.

spot light

shadow of a point

shadow of a point
Imagine that you need to draw a drop shadow of a very small round object, almost a dot. Let's draw one of a fly. Why not?
So here we have a room with one spot light and a fly. The ground surface is the brown floor - this is where we are going to place the shadow.
shadow of a point
The first thing you do is mark the position of the light source on the floor (light ground mark).
You do it by drawing a straight vertical line down to the floor and marking the point on the floor that is exactly below the light.
shadow of a point
Now you need to mark the position of the fly on the floor (object ground mark).
Please note the position of the light and the fly in respect to each other - in my case, the light is closer to me than the fly (you don't need to draw the brown horizontal lines - they are just for a reference).
shadow of a point
Now connect the light ground mark and the object ground mark on the floor with a line - it will define the direction of where the shadow will appear on the floor.
shadow of a point
Great!
One more construction line, and you're done!
Draw a line from the light through the fly - all the way to the ground.
The intersection will mark the position of the drop shadow!
Please note:
If you have a reference point for the light source in your drawing - then you do not need to guess or estimate your ground light mark.
For example: the light source is attached to a ceiling or a wall.
shadow of a point

shadow of a line

flat shadow

shadow of a line
Drawing a shadow of a line is, actually, a bit easier - you don't need to define the position of the object on the floor!
So, start, again, with defining the position of your light on the ground surface (floor) - place the light ground mark. Please note, that in this case my object (pencil) is closer to me that the light.
shadow of a line
Connect the light ground mark with the bottom of the line (pencil, in this case).
shadow of a line
Now draw a line (light ray) from the light through the tip of the line (pencil).
That will define the length of your drop shadow.

bent shadow

bent shadow of a line
In case you need to draw a shadow that falls on multiple surfaces (floor and walls) - use the same steps, just tweak them a little.
Let's say your line (another pencil) is close to the wall. The drop shadow will fall on both the floor and the wall. This is how you do it:
bent shadow of a line
Just bend the line when it hits the wall!
bent shadow of a line
Draw a line from the light through the top of the line (pencil) as shown:
shadow of a line
That's it!

shadow of a box

box shadow
Drawing a drop shadow of a cube (box) is a repeated use of the same technique as we did with drawing s shadow of a line.
You will have to repeat the steps with all corners that form a shadow.
box shadow
As you already know, the best way to draw 3-D forms is to draw them with "see-through sides" - as if the form is made of glass.
Connect the light ground mark with all bottom corners:
shadow of a box
Draw lines from the light through the top corners of the box.
The intersections are the points that form a shadow shape. All you have to do now is to connect the dots!

shadow of a cylinder

shadow cylinder
The same technique is used to draw a shadow of a cylinder, with a few minor adjustments.
cylinder shadow
Keep all construction lines (axis of symmetry, ovals):
cylinder shadow
Draw lines from the light ground mark through the widest parts of the bottom oval:
cylinder shadow
Also, draw a line through the bottom of the axis of symmetry.
shadow of a cylinder
Draw vertical lines from the bottom ovals to the top ovals as shown.
cylinder shadows
Draw lines from the light through the top oval's dimension points like this:
shadow
Time to trace the shadow. The two sides are straight lines that follow the ground lines. The middle (axis) projection is the furthest point of the shadow. Connect the three dots with a curve.
shadow of a cylinder
Drawing a shadow of a cylinder on multiple surfaces is like drawing a shadow of a line on multiple surfaces:

shadow of a cone

cone
Start with placing a cone on the floor.
shadow cone
Have all construction lines in place (axis of symmetry, bottom oval)
cone shadow
Draw a line from the light ground mark and the bottom of the axis of symmetry
cone shadow
Draw a line from the light through the top of the cone to the ground line.
shadows cone
Draw lines from he point of the top's shadow through the widest parts of the oval
shadow of a cone
The shadow is done!

natural light

shadow in perspective
Place an object on a ground.
Define HORIZON line.
shadow in perspective
Because the Sun is so far away - we mark its position reference point on the horizon line.
Just draw a straight line down.

From the Sun reference point draw a line through a bottom corner of the box.
natural light cast shadow
Then draw lines through each bottom corner.
natural light cast shadow
From the light source - draw a line through the top corner of the box until it reaches the ground line.
natural light cast shadow
That will start defining the area that is blocked from the light source.
natural light cast shadow
Draw the rest of the lines from the light source.
Mark the crossing points.
natural light cast shadow
Connecting all points will create a shadow outline.
natural light cast shadow
Shade the shadow.
It is usually getting lighter as it gets further away from the object.
...

Featured Post

Computers in Art Practice:Manfred Mohr

Artist Manfred Mohr Since 1969, Manfred Mohr has used computers and plotters as electronic and digital drawing aids, thus making inevita...