#typography

“ill-ocano” — An Adobe Illustrator Warmup

· Comment

I’ve been doing some exper­i­men­ta­tion with Adobe Edge this past week since it’s pre­view release on Mon­day. I fig­ure to have a break, and do some exer­cises with Adobe Illus­tra­tor. Hence, the above: “ill-ocano”.

The Ilo­cano or Ilokano peo­ple are the third largest Fil­ipino eth­no­lin­guis­tic group. Aside from being referred to as Ilo­canos, from “i”-from, and “looc”-bay, they also refer to them­selves as Sam­toy, from the Ilo­cano phrase “sao mi ditoy”, mean­ing ‘our lan­guage here.’ The word “Ilo­cano” came from the word “Iloco” or “Yloco.“1

Yes, it looks like the spelling is off, but the expla­na­tion of why it is so and the exer­cise is right after the jump.

Con­tinue read­ing →

  1. Source via Wikipedia [↩]

Buck 65 Music Video Treatment by Travis Hopkins

· Comment

Check out this video with dope typographic-motion treat­ment by Travis Hop­kins, BUCK 65 “Super­stars Don’t Love”.

This is a spec­u­la­tive music video I made for The Leg­endary Buck 65. It is com­prised of over 60 fic­tional movie title cards inspired by the lyrics of the track “Super­stars Don’t Love” off Buck’s 2011 release “20 Odd Years”.

Elements of Typographic Design

· 1 Comment
mark-boulton-elements-of-typographic-design

Lan­guage
Lan­guage is entwined with typo­graphy. Type can be defined as the dis­play and arrange­ment of lan­guage. As design­ers, we should care about this.

Type­set­ting
Type­set­ting is the pro­cess of tak­ing raw text and mark­ing it up. Mak­ing head­ings, lists, emphas­ised text etc.

Grid
The typo­graphic grid is a found­a­tion upon which lay­outs can be built.

Hier­archy
Con­cep­tu­ally, con­tent has lev­els of import­ance. Typo­graph­ic­ally, Hier­archy visu­al­ises this.

Font
The font used to dis­play the content.

Rhythm
How the arrange­ment and lay­out of the type aids reading.

Lay­out
Com­bin­ing type with other graphic ele­ments such as pho­to­graphs, illus­tra­tions, video or other UI elements.

Col­our
Col­our, when dis­cussed in typo­graphic terms, can mean two things: red, green, blue etc. or dark or light typo­graphic col­our. Dark typo­graphic col­our is dense type–tight lead­ing or line height, tight white­space. Light typo­graphic col­our is the opposite.

Con­tent
One of the unfor­tu­nate things on the web is that, gen­er­ally, we’re design­ing not know­ing what the con­tent is. We have an idea of what the con­tent might be, but when deal­ing with con­tent man­age­ment sys­tems and the flow of data, it’s very dif­fi­cult to know. But con­tent is an import­ant part of typo­graphic design and this con­nec­tion is one of the cas­u­al­ties of the web stand­ards man­tra of sep­ar­at­ing con­tent and present­a­tion. When we do that, it’s very dif­fi­cult to tell stor­ies with design.

Source via Mark Boul­ton.

Photobooth

· Comment
photobooth-logotype
photobooth

These have been get­ting more and more pop­u­lar with today’s events; espe­cially wed­dings. But lately, this is prob­a­bly one of the nicest look­ing ones I’ve seen (though online). It was pro­duced by Mar­ija Ivkovic & Lach­lan Moore.

This is the worlds first fully portable, high res­o­lu­tion, dig­i­tal, archi­tec­turally designed part inflat­able pho­to­booth. Devel­oped by two com­mer­cial pho­tog­ra­phers from Mel­bourne, the con­cept was stum­bled upon when we turned a tiny room into a dig­i­tal pho­to­booth for a stu­dio lunch party. It was an instant hit, with queues of peo­ple and around 800 shots taken by the end of the night!

The fol­low­ing day we thought ‘let’s build one’. So we did!

Though based in Mel­bourne, they ser­vice most parts of Aus­tralia. It also seems that they are open to the pos­si­bil­ity of events out­side of the coun­try as they have it as an option on their site’s esti­mate form. For more info, you may check them out at photobooth.com.au

123