Additionally, hit songs employ what Penn calls “clever WOW factors” that accentuate the melody and make the song more memorable. In the A section, rhythmic and melodic repetition abounds, with each independent melodic segment being short enough (4 to 5 notes) to encourage immediate impact and memorability. Principal (Keep It Simple and Singable) that works in pop choruses applies to the Star Wars main title’s A section (only in this case “keep it hummable” is more appropriate). This is similar to how mainstream hits increasingly forgo a verse before the first chorus. According to Penn, the K.I.S.S. After the 20th Century Fox Fanfare, Star Wars opens with orchestral fanfare of its own that - even in 8 seconds - previews the film’s central storyline of this heroic (Luke), adventurous (Han) and regal (Leia) battle against a military foe.įollowing the opening fanfare of the intro, the Star Wars main title heads directly into the A section, its equivalent of a chorus. Like a mainstream hit, the intro clocks in close to 10 seconds. Under that, via some lightsaber action, there’s a graphic showing how the various sections of the Star Wars main title correspond to a hit pop song’s parts.įor a deeper dive on the various sections of the song, read on. Using a breakdown of the Star Wars theme provided by Hit Songs Deconstructed, we’re digging into what makes Williams’ “Main Title” so readily identifiable and unforgettable.īelow is a graphic showing how Hit Songs Deconstructed broke the song into five parts for us (set against the Death Star).
#Star wars intro font movie#
Comparing the main title to the top 10 of the Billboard Hot 100 during the third quarter of 2015 (when this interview was conducted), Penn discovered the theme shares many structural characteristics of a mainstream hit.Īnd while the same can be said of a few other movie themes in the post-George Lucas landscape (Williams’ film compositions in particular), the Star Wars main title is especially built to “reinforce the theme’s primary hook/payoff in the listener’s head.” We can also give the styles for the text in here.According to Penn, the theme is “arguably the most recognizable and iconic theme in cinema history.” And that’s not simply a function of the film’s popularity bolstering the music. We need to apply flex display, relative positioning and a perspective of '400px'. We'll give it an absolute position, place it at '-25px' from the top, and on the background we'll apply a linear gradient to create some sort of transparency. Now, for the CSS, we first style that 'fade' div.
Now, inside this div, we have a div where we'll have our intro text and then another div where we'll have the main text. Then, we have a 'section' and inside it a 'div' with a class 'text-container'. The Supreme Chancellor has secretly dispatched two Jedi Knights, the guardians of peaceĪnd justice in the galaxy, to settle the conflict.įor our markup, we'll first need a div with the class 'fade' that we'll use to create a semi transparent area were the text will start to fade.
While the Congress of the Republic endlessly debates this alarming chain of events, The greedy Trade Federation has stopped all shipping to the small planet of Naboo. Hoping to resolve the matter with a blockade of deadly battleships, Routes to outlying star systems is in dispute. Turmoil has engulfed the Galactic Republic. Today we'll be looking at how we can easily create the classic intro text effect displayed on the start of every Star Wars movie, only with some CSS.