SlideShare a Scribd company logo
1 of 16
The Steps Titling Hanan Mohamed
FONTS I used dafont.com to look for a font for the title ‘The Steps’. I searched under the categories of Eroded, Distorted, Destroy, Horror and Halloween.  I wanted something which would fit with the horror genre, a font that looked a little bloody or reminded people of the forest. I made a list of possible fonts: Wild Wood, Bosque Encantado, Face Your Fears, Double Feature, Nightbird, Bloody, Friday 13th, and Pulse Sans Virgin. Eventually, I settled on Face Your Fears.
I started a new blank psd file and filled it with black. I then switched the foreground colour to red bf0000
I selected the font ‘Face Your Fears’ and put it to size 60, then in the centre of the black box on screen I typed the title ‘The Steps’.
I created a new layer and filled it with the same red I had used for the text.
I copied the first text layer of ‘The Steps’ and moved it above the red layer. I then highlighted all of the text and changed the colour from red to black so that it would show.
I went to the animation (frames) bar on the bottom and duplicated the first frame, with red text on a black background, eight times. Then I selected the last four frames, and unclicked the small ‘eye’ icon in the layers bar next to the red layer and the 2nd ‘The Steps’ layer – so the black text on red would show instead.
Next, I moved the frames with black text on red, in between the original red text on black frames – then highlighting all of the frames, set the speed to 0 seconds so that it would play without delay and become ‘flashing’..
To imitate American Psycho’s beginning with the off white colouring, I created a new layer and with the colour picked chose a similarly off-white colour to fill the layer with.
I copied the text layer again, and went to Filter > Blur > Motion Blur. I then set the angle to 20 degrees at a distance of 10 pixels and clicked OK.
I copied ‘The Steps’ layer again, copy 3, and set the layer to ‘Darken’ right underneath the blurred copy – this would make this frame of text blurred, darker, heavier and thicker.
Using the ‘smudge’ tool, I smudged the bottom of each letter downwards as if blood running down a window pane, or glass, or perhaps a cinema screen.
I copied this layer and then repeated the step, smudging the smudges further down the screen till they got near the end. I then selected all of the frames where there was an off white coloured background and changed the timing to 0.5 seconds so it would be a little slower near the end, after all the red and black flashing.
I went back to the very first frame and set the timing to 2.0 seconds so that the original, normal red on black background would be still for a couple of moments before the clashing would begin.
My final step was to save it as a gif file. I went to File > Save for Web & Devices > I checked that it would only loop once and then saved it as ‘the steps titling’ > OK. I then opened it in Adobe ImageReady as mentioned in the presentation where the New Line Cinema logo was edited, and saved it there as a QuickTime movie so that it could then be imported into iMovie HD.
THE END

More Related Content

What's hot

Adding scores to your movie
Adding scores to your movieAdding scores to your movie
Adding scores to your moviewallis8689
 
Adobe premier elements
Adobe premier elementsAdobe premier elements
Adobe premier elementsbaggyster
 
ANNA Movie Maker
ANNA Movie MakerANNA Movie Maker
ANNA Movie MakerRECSAM
 
How to use jing - jonathan garong
How to use jing - jonathan garongHow to use jing - jonathan garong
How to use jing - jonathan garongJo Garong
 
Completed storyboard
Completed storyboardCompleted storyboard
Completed storyboardC-Dawgg
 
Web accessibility testing 2 - colour contrast
Web accessibility testing 2 - colour contrastWeb accessibility testing 2 - colour contrast
Web accessibility testing 2 - colour contrastJohn McNabb
 
Ig2 task 4 audio sequencing evidence
Ig2 task 4 audio sequencing evidenceIg2 task 4 audio sequencing evidence
Ig2 task 4 audio sequencing evidencejs1productionstmuk
 
Filming flashback scene
Filming flashback sceneFilming flashback scene
Filming flashback sceneDamita D
 
Final editing log upload
Final editing log uploadFinal editing log upload
Final editing log uploadhaverstockmedia
 
Edtech 2 (powerpoint animation)
Edtech 2 (powerpoint animation)Edtech 2 (powerpoint animation)
Edtech 2 (powerpoint animation)franzhiska
 
Improving your shell usage - 2009
Improving your shell usage - 2009Improving your shell usage - 2009
Improving your shell usage - 2009Chris Sinjakli
 
Evidence of Editing
Evidence of EditingEvidence of Editing
Evidence of EditingMathewb98
 
Premiere Elements 13
Premiere Elements 13Premiere Elements 13
Premiere Elements 13amydedman1
 

What's hot (19)

Presentation
PresentationPresentation
Presentation
 
Adding scores to your movie
Adding scores to your movieAdding scores to your movie
Adding scores to your movie
 
Adobe premier elements
Adobe premier elementsAdobe premier elements
Adobe premier elements
 
Digital story photo_story
Digital story photo_storyDigital story photo_story
Digital story photo_story
 
ANNA Movie Maker
ANNA Movie MakerANNA Movie Maker
ANNA Movie Maker
 
How to use jing - jonathan garong
How to use jing - jonathan garongHow to use jing - jonathan garong
How to use jing - jonathan garong
 
Firstly
FirstlyFirstly
Firstly
 
Completed storyboard
Completed storyboardCompleted storyboard
Completed storyboard
 
Web accessibility testing 2 - colour contrast
Web accessibility testing 2 - colour contrastWeb accessibility testing 2 - colour contrast
Web accessibility testing 2 - colour contrast
 
Hot technologies unit 7
Hot technologies unit 7Hot technologies unit 7
Hot technologies unit 7
 
Ig2 task 4 audio sequencing evidence
Ig2 task 4 audio sequencing evidenceIg2 task 4 audio sequencing evidence
Ig2 task 4 audio sequencing evidence
 
Filming flashback scene
Filming flashback sceneFilming flashback scene
Filming flashback scene
 
Final editing log upload
Final editing log uploadFinal editing log upload
Final editing log upload
 
Edtech 2 (powerpoint animation)
Edtech 2 (powerpoint animation)Edtech 2 (powerpoint animation)
Edtech 2 (powerpoint animation)
 
Evidence photos
Evidence photosEvidence photos
Evidence photos
 
Improving your shell usage - 2009
Improving your shell usage - 2009Improving your shell usage - 2009
Improving your shell usage - 2009
 
Tutorial in GIMP
Tutorial in GIMPTutorial in GIMP
Tutorial in GIMP
 
Evidence of Editing
Evidence of EditingEvidence of Editing
Evidence of Editing
 
Premiere Elements 13
Premiere Elements 13Premiere Elements 13
Premiere Elements 13
 

Similar to The steps titling

01.) Production experiments
01.) Production experiments01.) Production experiments
01.) Production experimentsgeorgewetton1
 
Production process of film poster
Production process of film posterProduction process of film poster
Production process of film posterEmzzino
 
Fanzine evaluation
Fanzine evaluationFanzine evaluation
Fanzine evaluationBen Harris
 
Process of animating company ident “Planetary Quarantine”
Process of animating company ident “Planetary Quarantine”Process of animating company ident “Planetary Quarantine”
Process of animating company ident “Planetary Quarantine”MarianD
 
Production reflection - video game project
Production reflection - video game projectProduction reflection - video game project
Production reflection - video game projectJoyLucyBuck
 
Video game production reflection
Video game production reflectionVideo game production reflection
Video game production reflectionbronparsons
 
Use of technology.
Use of technology.Use of technology.
Use of technology.MFJ
 
Photoshop Tutorial Displacement Maps
Photoshop Tutorial  Displacement MapsPhotoshop Tutorial  Displacement Maps
Photoshop Tutorial Displacement Mapstvawler
 
Making of ident
Making of identMaking of ident
Making of identshaybulms
 
Fmp2 production reflectionss
Fmp2 production reflectionssFmp2 production reflectionss
Fmp2 production reflectionssbronparsons
 
Fmp2 production reflection
Fmp2 production reflectionFmp2 production reflection
Fmp2 production reflectionbronparsons
 
New line cinema
New line cinemaNew line cinema
New line cinemahma1
 
Fmp2 production reflection
Fmp2 production reflectionFmp2 production reflection
Fmp2 production reflectionbronparsons
 
Creating and Adding a Title on Premier Pro
Creating and Adding a Title on Premier ProCreating and Adding a Title on Premier Pro
Creating and Adding a Title on Premier ProBethSager
 

Similar to The steps titling (20)

01.) Production experiments
01.) Production experiments01.) Production experiments
01.) Production experiments
 
Production process of film poster
Production process of film posterProduction process of film poster
Production process of film poster
 
Fanzine evaluation
Fanzine evaluationFanzine evaluation
Fanzine evaluation
 
Process of animating company ident “Planetary Quarantine”
Process of animating company ident “Planetary Quarantine”Process of animating company ident “Planetary Quarantine”
Process of animating company ident “Planetary Quarantine”
 
Photoshop Guide
Photoshop GuidePhotoshop Guide
Photoshop Guide
 
Production reflection - video game project
Production reflection - video game projectProduction reflection - video game project
Production reflection - video game project
 
Editing blog
Editing blogEditing blog
Editing blog
 
Video game production reflection
Video game production reflectionVideo game production reflection
Video game production reflection
 
Evidence
EvidenceEvidence
Evidence
 
Use of technology.
Use of technology.Use of technology.
Use of technology.
 
Diary for promotional film
Diary for promotional filmDiary for promotional film
Diary for promotional film
 
Photoshop Tutorial Displacement Maps
Photoshop Tutorial  Displacement MapsPhotoshop Tutorial  Displacement Maps
Photoshop Tutorial Displacement Maps
 
Diary 2nd part.docx
Diary 2nd part.docxDiary 2nd part.docx
Diary 2nd part.docx
 
Making of ident
Making of identMaking of ident
Making of ident
 
Fmp2 production reflectionss
Fmp2 production reflectionssFmp2 production reflectionss
Fmp2 production reflectionss
 
Fmp2 production reflection
Fmp2 production reflectionFmp2 production reflection
Fmp2 production reflection
 
Media study.
Media study.Media study.
Media study.
 
New line cinema
New line cinemaNew line cinema
New line cinema
 
Fmp2 production reflection
Fmp2 production reflectionFmp2 production reflection
Fmp2 production reflection
 
Creating and Adding a Title on Premier Pro
Creating and Adding a Title on Premier ProCreating and Adding a Title on Premier Pro
Creating and Adding a Title on Premier Pro
 

More from hma1

Evaluation question one final
Evaluation question one finalEvaluation question one final
Evaluation question one finalhma1
 
Evalquestiononepp080212
Evalquestiononepp080212Evalquestiononepp080212
Evalquestiononepp080212hma1
 
Eval question one pp 070212
Eval question one pp 070212Eval question one pp 070212
Eval question one pp 070212hma1
 
Ev question one 020212
Ev question one 020212Ev question one 020212
Ev question one 020212hma1
 
Evaluation tasks hanan
Evaluation tasks hananEvaluation tasks hanan
Evaluation tasks hananhma1
 
Audience feedback questions
Audience feedback questionsAudience feedback questions
Audience feedback questionshma1
 
Audience feedback questions
Audience feedback questionsAudience feedback questions
Audience feedback questionshma1
 
Audience feedback questions
Audience feedback questionsAudience feedback questions
Audience feedback questionshma1
 
Ev question one pp
Ev question one ppEv question one pp
Ev question one pphma1
 
Evaluation tasks
Evaluation tasksEvaluation tasks
Evaluation taskshma1
 
Evaluation tasks
Evaluation tasksEvaluation tasks
Evaluation taskshma1
 
Hanan media evaluation 2
Hanan media evaluation 2Hanan media evaluation 2
Hanan media evaluation 2hma1
 
A2media evaluation task one table
A2media evaluation task one tableA2media evaluation task one table
A2media evaluation task one tablehma1
 
A2 media evaluative task one table 2
A2 media evaluative task one table 2A2 media evaluative task one table 2
A2 media evaluative task one table 2hma1
 
A2 media evaluative task one table
A2 media evaluative task one tableA2 media evaluative task one table
A2 media evaluative task one tablehma1
 
Ta pie charts3
Ta pie charts3Ta pie charts3
Ta pie charts3hma1
 
Digipak research last 2
Digipak research last 2Digipak research last 2
Digipak research last 2hma1
 
Digipak research last
Digipak research lastDigipak research last
Digipak research lasthma1
 
Ta pie charts
Ta pie chartsTa pie charts
Ta pie chartshma1
 
Band script 3
Band script 3Band script 3
Band script 3hma1
 

More from hma1 (20)

Evaluation question one final
Evaluation question one finalEvaluation question one final
Evaluation question one final
 
Evalquestiononepp080212
Evalquestiononepp080212Evalquestiononepp080212
Evalquestiononepp080212
 
Eval question one pp 070212
Eval question one pp 070212Eval question one pp 070212
Eval question one pp 070212
 
Ev question one 020212
Ev question one 020212Ev question one 020212
Ev question one 020212
 
Evaluation tasks hanan
Evaluation tasks hananEvaluation tasks hanan
Evaluation tasks hanan
 
Audience feedback questions
Audience feedback questionsAudience feedback questions
Audience feedback questions
 
Audience feedback questions
Audience feedback questionsAudience feedback questions
Audience feedback questions
 
Audience feedback questions
Audience feedback questionsAudience feedback questions
Audience feedback questions
 
Ev question one pp
Ev question one ppEv question one pp
Ev question one pp
 
Evaluation tasks
Evaluation tasksEvaluation tasks
Evaluation tasks
 
Evaluation tasks
Evaluation tasksEvaluation tasks
Evaluation tasks
 
Hanan media evaluation 2
Hanan media evaluation 2Hanan media evaluation 2
Hanan media evaluation 2
 
A2media evaluation task one table
A2media evaluation task one tableA2media evaluation task one table
A2media evaluation task one table
 
A2 media evaluative task one table 2
A2 media evaluative task one table 2A2 media evaluative task one table 2
A2 media evaluative task one table 2
 
A2 media evaluative task one table
A2 media evaluative task one tableA2 media evaluative task one table
A2 media evaluative task one table
 
Ta pie charts3
Ta pie charts3Ta pie charts3
Ta pie charts3
 
Digipak research last 2
Digipak research last 2Digipak research last 2
Digipak research last 2
 
Digipak research last
Digipak research lastDigipak research last
Digipak research last
 
Ta pie charts
Ta pie chartsTa pie charts
Ta pie charts
 
Band script 3
Band script 3Band script 3
Band script 3
 

The steps titling

  • 1. The Steps Titling Hanan Mohamed
  • 2. FONTS I used dafont.com to look for a font for the title ‘The Steps’. I searched under the categories of Eroded, Distorted, Destroy, Horror and Halloween.  I wanted something which would fit with the horror genre, a font that looked a little bloody or reminded people of the forest. I made a list of possible fonts: Wild Wood, Bosque Encantado, Face Your Fears, Double Feature, Nightbird, Bloody, Friday 13th, and Pulse Sans Virgin. Eventually, I settled on Face Your Fears.
  • 3. I started a new blank psd file and filled it with black. I then switched the foreground colour to red bf0000
  • 4. I selected the font ‘Face Your Fears’ and put it to size 60, then in the centre of the black box on screen I typed the title ‘The Steps’.
  • 5. I created a new layer and filled it with the same red I had used for the text.
  • 6. I copied the first text layer of ‘The Steps’ and moved it above the red layer. I then highlighted all of the text and changed the colour from red to black so that it would show.
  • 7. I went to the animation (frames) bar on the bottom and duplicated the first frame, with red text on a black background, eight times. Then I selected the last four frames, and unclicked the small ‘eye’ icon in the layers bar next to the red layer and the 2nd ‘The Steps’ layer – so the black text on red would show instead.
  • 8. Next, I moved the frames with black text on red, in between the original red text on black frames – then highlighting all of the frames, set the speed to 0 seconds so that it would play without delay and become ‘flashing’..
  • 9. To imitate American Psycho’s beginning with the off white colouring, I created a new layer and with the colour picked chose a similarly off-white colour to fill the layer with.
  • 10. I copied the text layer again, and went to Filter > Blur > Motion Blur. I then set the angle to 20 degrees at a distance of 10 pixels and clicked OK.
  • 11. I copied ‘The Steps’ layer again, copy 3, and set the layer to ‘Darken’ right underneath the blurred copy – this would make this frame of text blurred, darker, heavier and thicker.
  • 12. Using the ‘smudge’ tool, I smudged the bottom of each letter downwards as if blood running down a window pane, or glass, or perhaps a cinema screen.
  • 13. I copied this layer and then repeated the step, smudging the smudges further down the screen till they got near the end. I then selected all of the frames where there was an off white coloured background and changed the timing to 0.5 seconds so it would be a little slower near the end, after all the red and black flashing.
  • 14. I went back to the very first frame and set the timing to 2.0 seconds so that the original, normal red on black background would be still for a couple of moments before the clashing would begin.
  • 15. My final step was to save it as a gif file. I went to File > Save for Web & Devices > I checked that it would only loop once and then saved it as ‘the steps titling’ > OK. I then opened it in Adobe ImageReady as mentioned in the presentation where the New Line Cinema logo was edited, and saved it there as a QuickTime movie so that it could then be imported into iMovie HD.