Mise en Scene
In this image, high-key lighting is used. The lamp is the keylight in this example. The subject seems hurt and the lamp is mainly focussing on his face and in the mirror we can see there is blood on his face.
In this image, high key lighting is used. The street lamps are the fill lights and the headlight is the back light. There is also a keylight which is facing the subject on the left hand side of the image. The mood here seems like the subject is in fear because he is standing very rigid and is looking at something in front of him.
This image uses low key lighting because there is no key light shining on any of the subjects. However, there is a backlight coming from inside of the building and supposedly moonlight from above. The lighting creates a mysterious mood and also the man in the middle has his hand behind his back which means something shady is going on in this scene.
This image uses low key lighting because there is no key light bouncing on the subjects. This implies that they are both arguing and their facial expressions also imply this.
The 5 Elements of Mise en Scene
- Settings and Props
- Costume, Hair and Make-Up
- Facial Expressions and Body Language
- Lighting and Colour
- Positioning of Characters/Objects within the Frame
Looking at this image, I can tell this is an action film because of the props that are being used. For example, in the background of the image, there is an erupting volcano and its also snowing. The two characters are in a very busy environment and they both have shocked facial expressions. The man on the right has a worried expression too. Something that also tells me this is an action film is that the grown man is wearing a suit which isn't a type of outfit you'd usually wear in a snowy environment which means he is either rescuing the child or the building he was in had an emergency causing him to flee. The temperature of the image is more on the blue/cold side and there is a keylight lighting up both of their faces. They are positioned on the right hand side making sure that the viewer sees the action of the volcano in the background.
I can tell from this image that the subject is outdoors probably camping because of the props being used. He is sitting on a compact chair and there is a foldable table in the background suggesting he is on the move. He is also using a laptop looking at a map which backs up this statement. His expression doesn't look too startled/worried; he looks like he's relaxing even though he is looking up. His eyebrows are raised and his mouth is frowning showing that he has either heard/seen something which doesn't pose a threat to him. The background of the scene looks quite foggy and he's wearing a jumper and jeans showing the area he's in isn't very warm. He's face is positioned at the top left corner of the frame allowing the viewer to see the rest of the scene.
In this image, both subjects are positioned in the middle very close together showing that the two are in some kind of romantic relationship. The frame is extremely blue tinted showing that its cold in the scene. I can also tell it is very cold because their hair is clumped together with small pieces of ice/snow and the boy on the left's clothes are soaking. Both their expressions are sad showing that they are both suffering from the cold, especially the girl on the right because her face is so blue tinted which shows they might be freezing to death.
We can't see what's in the background very well because the camera is only focussed on the subjects in the middle (low depth of field). This makes sure that the viewer is focussing on the characters only and not diverting their focus to the background.
In this image, the girl in the middle is probably being told off by the two older characters on the far left and right sides of the frame. There is a keylight shining on the girl in the middle and there are filler lights coming from the candles and the wall lantern. The woman's facial expression is her talking but not in a happy manner bceause of how her eyes are frowning. The man on the right looks disappointed/sad as he is frowning and looking down at his food not talking. The girl in the middle's face is not talking and is looking down at her food as if the woman on the left is her mother telling her off for something she has done.
Typographic Rules for Magazine Design
Readability
To ensure that the text is very readable, the length of each line should be around 45-90 characters.
Entry Points
Including easy to read/clear entry points makes the viewer read the rest of the article rather than if you have confusing entry points.
Alignment
Good typography needs good alignment. Aligning the text to the left is the most popular and one of the best types of alignment because readers typically read from left to the right.
Paragraphs
To make it easier for the reader to take in information from large blocks of text, put visual breaks between each paragraphs.
Pairing Fonts
To have good typography, you should pair fonts together because it adds contrasts and makes the content more interesting. However, when pairing fonts, make sure you align their heights properly.
Capitals
Using all capitals is very bad in editorial design so its best to avoid all caps on the body because it can make reading very uncomfortable. However,
Magazine Analysis
Cover 1 (Money - Make Your Money Safer)
I don't like this magazine cover because its very basic and looks like most of the other magazine covers out there; it doesn't have any unique attributes, lots of colours are used, there's too much text and a lot of fonts are used. However, their magazine cover still gets the message across to the readers.
Cover 2 (Giselle)
This is a different type of magazine which I much prefer to the one above because its less packed with information. It is a Swiss-designed magazine cover; these tend to be better layed out than normal magazine covers which have no negative space.
Spread 1 (Swiss Design Booklet - Pg.3-4)
I really like this magazine spread because of its simplicity and its use of negative space. Most magazines are packed with information all over the page but this spread allows the reader to read the information easily.
National Art Gallery Trip (Oct '23)
The following pictures are the photos I took on the national art gallery trip:
The Marquise de Seignelay and Two of her Sons
I like the positioning of the subjects in this painting and the intricate detail of the clothing. The drapery and colours are painted very well.
The Adoration of the Shepherds
The Adoration of the Shepherds is an altarpiece (a painting or other work of art designed to be set above and behind an altar) made by Guido Reni.
It's one of the largest paintings in the National Gallery’s (almost 5 metres high without the frame). The painting shows the shepherds around baby Jesus in Bethlehem. The Christ Child is surrounded with a glow that illuminates the faces around him.
I like how the background of this painting is so dark as it makes Jesus and the other people in the painting stand out a lot.
Whistlejacket
Whistlejacket (by George Stubbs) is the most well-known portrait of a horse. The horse in the painting won a famous victory at York in 1759, but in 1762 he retired from racing. The owner of the horse (2nd Marquess of Rockingham) commissioned Stubbs to paint this masterpiece.
I really like this painting because of the simplicity - Stubbs doesn't include a rider or any riding equipment. This also makes the horse seem free and unrestrained.
Dutch Boats in a Gale
Joseph Mallord William Turner shows Dutch boats that are about to get consumed by stormy weather at sea. The painting was commissioned by the 3rd Duke of Bridgewater as a companion piece to a 17th-century Dutch seascape in his possession.
I like this painting because of how sinister the artist makes the clouds look which shows how dangerous it is for the boat.
The Marquise de Seignelay and Two of her Sons
The Marquise de Seignelay and Two of her Sons
The Marquise de Seignelay and Two of her Sons
Auter Theory
Director François Truffaut developed the concept of the auteur in the essay “Une certaine tendance du cinéma français” (“A certain trend in French cinema”) that he wrote in 1954.
Auter Theory says that the director who oversees all audio visuals, is to be considered as the "author" of the movie rather than the writer of the screenplay.
The 3 Components of Auteur Theory:
- Technical competence: Auteurs must be at the top of their technical filmmaking abilities. They should always have a hand in multiple components of filmmaking and should be operating at a high level across the board.
- Distinguishable personality: Auters have an unmistakable personality and style. When looking at an auteur’s work, you can always tell its theirs. Standard studio directors simply translate script to screen with little interrogation of the source material or editorial input.
- Interior meaning: Auteurs make films that have layers of meaning.
Some examples of auteurs include:
Wes Anderson
Wes Anderson is a Director-screenwriter, actor, and producer of features, short films, and commercials from America. Anderson has been called an auteur, because he's involved in every aspect of his films' production. All of them have a similar aesthetic - they have methodical cinematography, with mostly primary color. His soundtracks feature early folk and rock music, especially classic British rock. He wrote/made the films Fantastic Mr fox, Moonrise Kingdom, and Isle of Dogs. He was titled as the best original screenplay for the Royal Tenenbaums.
Steven Spielberg
Steven Spielberg is an American film director, screenwriter, producer, and studio entrepreneur. His career has lasted more than 4 decades and his films have covered many different themes and genres. In later years, his films began addressing issues such as the Holocaust, the Transatlantic slave trade, war, and terrorism. He's known as one of the most popular and influential filmmakers in the history of cinema. He's also one of the co-founders of DreamWorks movie studio. He won the Academy Award for Best Director for Schindler's List (1993) and Saving Private Ryan (1998). Some films he made were Jaws (1975), E.T. the Extra-Terrestrial (1982), and Jurassic Park (1993).
Indesign Exercises
To learn about how to use InDesign, I made example magazine pages. Whilst doing this, I learnt how to make paragraph styles, character styles, linking text boxes, guides and rulers etc. I will use these things in my final magazine project.
In this exercise, I used 3 columns on each page with the image on the right taking up two columns, the headline taking up 3 and the quote taking up 2. On the first word of the first column I used a 3 line dropped cap which a lot of magazines do.
These are examples of using shapes in InDesign and putting images in those shapes. In each shape, I added a gradient with different colours.
Website Critique
Good Websites
Website 1: stockx.com
StockX is a worldwide resale platform for sneakers, streetwear, watches, electronics and much more. The demographic is mostly a young audience (Generation Z) with an interest in fashion/culture.
The design is quite modern. I like how they avoid using basic gradients to give the website a sleeker look and they also use 3 main colours, light grey, dark grey and their signature dark green colour. This is very effective because when someone sees these colours again they'll remember StockX's website.
The website's layout is very well designed as its very easy to navigate and understand how it works. The logo is at the top left which takes you back to the homepage, there is a large advertisement of a set of items in the top of the page and there are recommended items below. One part of the website that I think is very good is the way they present the items they sell - every image is well cut out with no jagged edges which makes each item seem more authentic compared to a lot of other reselling websites which have sloppy images. For example, Depop allows resellers to upload any image to the website which makes the website less clean (image below).
The options to buy items is also very effective because they keep the design very simple. A clear image of the item on the left, size options on the right with an option to buy or bid and information about past sales.
In conclusion, this website is one of the best reselling sites of all time due to their distinct branding, easy to navigate website and clean images.
Website 2: paypal.com
PayPal is an online payment platform (it has a website and a phone app). Their target audience is people who conduct online transactions regularly (E.G. e-commerce shoppers, freelancers etc). PayPal is quite popular among millennials and Gen Z.
PayPal uses very distinct branding on their website using 2 shades of blue (dark and light blue) which is again very effective because it makes them more memorable. Their homepage is very well thought out because of the "Shop. Send. Manage." title - instantly the viewer understands what Paypal is about. There is a button to log in at the top right which gives returning users an easy way to use the service. Not much text is used here to make sure that the viewer isn't bombarded with too much information.
PayPal uses very distinct branding on their website using 2 shades of blue (dark and light blue) which is again very effective because it makes them more memorable. Their homepage is very well thought out because of the "Shop. Send. Manage." title - instantly the viewer understands what Paypal is about. There is a button to log in at the top right which gives returning users an easy way to use the service. Not much text is used here to make sure that the viewer isn't bombarded with too much information.
PayPal utilises rounded corners on shapes to create a modern friendly feel to the website. They also use a rounded font in their logo. Personally, I'm a big fan of rounded corners in design.
For brand new users, there is an option to scroll down to find out more details about the service.
PayPal includes a footer at the bottom of the website which provides extra information which is very reliable. They also have a Legal section.
In conclusion, I think PayPal does a great job at appealing to new and old users and has established a very good unique brand.
Website 3: kick.com
Kick is a live streaming website owned by the stake.com co-founders Bijan Tehrani, Ed Craven and streaming personality Trainwreckstv. Its a competitor for the website "Twitch". What makes Kick different is that it has looser moderation and higher revenue shares for streamers which is a big reason why lots of Twitch streamers decide to leave and come to Kick instead. Kick has a 5% revenue charge which is the lowest among streaming platforms. This information is valid because all streamers on the platform have backed up this information showing that Kick is a reliable platform.
Kick's demographic is mostly 18-34 year olds (73%) and mostly male according to "similarweb".
The design of the website is very clean and easily recognisable. They use two main colours, dark grey and a highly saturated lime green. For their main logo, they use a pixelated font, which implies they have a retro video game theme.
Their website is very easy to navigate - when you sign in it shows which following streamers are live and if you are not logged in it shows recommended streamers. There is an easy to see "sign up" button which is highlighted green for new users and there is a search bar at the top to find streamers. The content on the website includes audio so users need a speaker or headphones. Kick does a good job of presenting the current top live categories in a row with their logos. However, I do not like how they have "featured streams" at the very top of the website because there's a high chance they don't relate to new users. Instead, I think they should put "top live categories" at the top because new users will have more of a chance finding a stream they like because of the variety of different categories on that list.
There is an option to see extra information next to the browse.
Bad Websites
Website 1: arngren.net
This website has terrible design; it has a very bad user experience because there is no spacing and all the information is cluttered around the screen. It also has no compatibility with non computer devices because when you resize the window, the information doesn't move with it.
There is also no consistent colour scheme and the colours are all over the place. The website is for sellling vehicles but the sections on the left are not clear because they are all sized the same and have random colours. There is too much text on the screen and they clearly haven't utilised character styles. I think that if they moved their menu to the top of the screen, added a clear search bar, made some different character styles for different parts of the website and layed out the vehicles in a more uniform manner the website would be a lot better. They could take inspiration from "Kick.com" and have a "featured vehicles" section and a lot of other vehicles beneath it.
Website 2: bellads.info
This website also has awful design; the moment you open the website they prompt you to download multiple files which ruins their trustworthiness.
Also, this website has no consistent colour scheme and uses a basic font throughout the whole website. There is no spacing between anything and all the information is overlayed. 
Their index isn't in a good spot and is surrounded by lots of information. There is also no clear navigation which isn't good for users who are trying to find specific information.
The website is for despisers of Bush policy. There is too much text and too much colour. If they spread out their information and put their index and title in a different spot like a bar at the top, this would be a good start to improving the website.
Website 3: berkshirehathaway.com
This website isn't as bad as the last 2 websites but it is bad in other aspects. This website has no colour at all and no images, just hyperlinks. Its not easy to navigate for new users, only for users that know things about Berkshire Hathaway already.
They could improve this website by adding some images and more colour. The website is for shareholders of Berkshire Hathaway. "The official website is built for the shareholders of Berkshire Hathaway. It’s not built to convert customers. It’s not built for you or me. Shareholders are really only concerned with very specific things: news releases, reports and letters from Warren Buffett to name a few."
Coding Terminology
WWW: an information system on the internet which allows documents to be connected to other documents by hypertext links, enabling the user to search for information by moving from one document to another. The WWW is not the same as the Internet: the Web is one of many applications built on top of the Internet.
HTML: HTML is a markup language for the web that defines the structure of web pages.
Hypertext: text (often with embeds such as images, too) that is organized in order to connect related items
Markup: a style guide for typesetting anything to be printed in hardcopy or soft copy format
Language: a language that a computer system understands and uses to interpret commands.
HTTP: The Hypertext Transfer Protocol is an application protocol for distributed, collaborative, hypermedia information systems that allows users to communicate data on the World Wide Web.
Hyperlinks: A hyperlink is an element in an HTML document that links to either another portion of the document or to another document altogether. On web pages, hyperlinks are usually colored purple or blue and are sometimes underlined.
CSS: CSS stands for Cascading Style Sheets language and is used to stylize elements written in a markup language such as HTML. It separates the content from the visual representation of the site. The relation between HTML and CSS is strongly tied together since HTML is the very foundation of a site and CSS is all of the aesthetics of an entire website.
WWW Timeline
.jpg)
1989-1993
Tim Berners-Lee who worked at CERN, laid the foundations of the modern-day WWW at the end of 1990. He made the first web browser, which was called WorldWideWeb.
1992-1995
The first graphical browser that could handle images was made in 1992 by young programmers in Finland. It was called Erwise and it never took off because the developers didn't want to commercialize it.
In 1993, NCSA released "Mosaic", the first graphical browser that could display images, videos, sound and text. This browser soon became the biggest browser, with a user base above the one-million mark.
However, when Microsoft released Internet Explorer in 1995 it beat Mosaic in users and had a user base share reaching 90%.
1995-2000
Websites during the World Wide Web’s early years were really basic but when Brandan Eich developed the scripting language, JavaScript in 1995 he made it possible for web designers to add interactive elements to pages and make more dynamic sites. JavaScript became one of the core languages for website development alongside HTML and CSS.
In 1995, Jeff Bezos released amazon.com. Amazon started as a website selling books but expanded to sell much more as it became the world’s largest online retailer.
During 1997-1998, computer scientists Sergey Brin and Larry Page founded the search engine/company, Google. It was supposed to be called Googol, but a typo made the Google domain name. It rapidly became one of the most popular tools for finding webpages, and Sergey and Larry established the Google company in 1998.
1999-2003
Blogs (online journals) became a trend during 1999-2003. Blogger (the website you're on right now) was one of the first blogging platforms (established in 1999) that let users to set up blogs from templates without needing to design and upload websites with software.
In 2003, another big blogging platform called WordPress was founded. It started as a blog-publishing platform, but it became a broader web-publishing platform that allowed users to set up websites based on WordPress templates. Those websites also included comment sections.
2004-2006
Mark Zuckerberg founded Facebook in 2004. Facebook was one of the websites that popularized social media. Because of Zuckerberg's red-green color-blinded vision, he designed Facebook to be a blue site. The sharing of content, opinions, and information became known as social media.
In 2006, Jack Dorsey founded Twitter and it became one of Facebook’s biggest rivals, with explosive growth from 2009. The users really liked Twitter’s tweet messaging.
In 2006, Google launched the online Docs, Sheets, and Slides productivity apps. These allowed people to produce documents, spreadsheets, and presentation slideshows in their web browsers without installing any software.
2008-2015
Google released Chrome in 2008, which overtook Internet Explorer’s users in 2012 to become the world’s favorite web browser.
As an attempt to beat Chrome, in 2015 Microsoft released the Edge browser. However, Chrome still has a considerably bigger user base than Edge to this day.
2020-2023
Adobe Flash was used for adding animations and videos to websites. A lot of website games were also based on Adobe Flash. However, when HTML came around in 2008 it largely replaced Adobe Flash due to it being the most advanced HyperText Markup Language. Steve Jobs ignored Flash on Apple’s iPhones and instead used HTML 5. Flash also had security vulnerabilities. Adobe discontinued Flash support in 2020.
Web 3.0 is the next iteration of the World Wide Web, which Tim Berners-Lee has spoken about with news channels in recent years. AI is a big part of the web’s future evolution, with more AI assistants like ChatGPT supporting browsing.
Mind Map - Commerce
Planning for Magazine Cover
Possible Names for Magazine
M'nopoly
Earnins'
Broker
Bargain Broker
Broker's Bounty
Bountiful
Illustrator Cover Sketches
1. In this cover all of the contents are aligned to the center apart from the page number and author. Although it looks neat it's a bit boring and isn't very interesting.
I later found out I couldn't use this as a magazine cover because the heading needs to be in the top third of the image.
The font used for the title on this one is "Tw Cen MT Condensed Extra Bold"
2. In this version of the cover, I used a bit of a different alignment; the title is using a different font that's thicker and has more of a full look, the small information is closer to the center and the piggy bank is at the bottom right. I prefer this a lot more to the first version because it's more interesting. However, on this version, the whole piggy bank can't be seen meaning I will have to add some money inside of it to make it more clear to the reader that it's a piggy bank on the final cover.
I later found out I couldn't use this as a magazine cover because the heading needs to be in the top third of the image.
The font used for the title on this one is "Oswald" on Adobe Fonts
3. This version of the cover has a new name "Cash Cow" which I much prefer to "earnins" because it stands out a lot more because of its alliteration. To make the text go behind the horns I cut out the cow in Photoshop and then laid it over in the exact position in Illustrator over the text. However, I didn't end up using this version because there is no space for other information.
4. This is another version of the cover above which allows more information to be fit in at the sides. I prefer this to the top one.
After looking at the "Cash Cow" title for a while I realized the alignment was not good at all; the "C"s on both lines were not the same size and the "W" didn't look right. So to fix this, I started redesigning it.
The first step I took was to make both lines the same font size but with a capital "C" on each word. I then aligned it so that the "C" was below to the right of the top "C" and so that the "w" aligned with the "h" at the top which worked quite well. It was already looking better than the top version because there was stroke continuity between both lines, however, I felt like it was missing one more thing; the gap between the two "C"s was smaller than the gap between the "h" and the "w" so I expanded the text so that I could increase the length of the "h" so that it had the same gap as the 2 "C"s.
Magazine Spread Contents
Magazine Evaluation
My audience for the magazine is mostly teenagers/middle-aged males who want to go to the next level with their business.
My final items were influenced by Swiss magazine design which is usually very simple whilst using the margins very carefully.
I made a plan in my head with what images I wanted and how I wanted the pages to look. On the cover, I made multiple versions and ended up choosing one which was the best one. I used Adobe Illustrator to make the cover and Adobe Indesign to make the spreads.
The research I did was secondary research which took inspiration from other magazines such as Forbes, Bloomberg BusinessWeek, etc.
There were some problems such as the paragraph and character styles breaking a bit but to fix it I found solutions on forums online. Overall, the magazine came out very well.
The text is overlapping over the fold, and I am aware that if it was a printed magazine it would be hard to read, but this would be printed as a center spread. If it wasn't printed as a centre spread I would redo it so that the readers can read it.
Commerce Magazine Research
Primary Research
Interview of business owners.
Secondary Research
According to similarweb.com, the demographic of a very big credible business magazine website, "bloomberg.com" is mostly male at ages 25-34.
After looking at 3 magazine websites, I noticed most of them don't have the same magazine contents - they have the information layed out as just text with no pages. This made me think that most people prefer reading digital magazines rather than physical magazines but after doing some research I found out that the majority of people still prefer reading physical magazines.
"In the UK, just 10% of those aged 55+ preferred reading a digital magazine, which only increased to 32% for those aged 18-24. The figures for respondents stating they preferred print were 70% and 39% respectively. In the US, those aged 18-24 showed a slightly larger preference for digital (39% vs 32% for print), while those aged 55+ reflected the views of the British (61% preferring print compared to 16% preferring digital)." - twosides.info
A PR Outreach Specialist, Jasbir Singh stated that the main topics business magazines usually cover are:
- Economic Analysis: Coverage of national and global economic trends, monetary policy, interest rates, inflation, and economic indicators.
- Market Trends: Analysis of stock markets and investment opportunities.
- Industry Insights: Articles about specific industries like technology, healthcare, etc.
- Entrepreneurship: successful entrepreneurs and startup stories
- Finance and Investment: Finance, retirement, investing strategies, etc.
- Leadership and Management: Tips for leading a team.
- Business Strategy: Strategic planning, business models, competitive analysis, market entry strategies, and risk management.
- Marketing and Branding: Insights into marketing trends, digital marketing strategies, branding techniques, customer engagement, and social media marketing.
- Technology and Innovation: Coverage of technological advancements, digital transformation, disruptive technologies, and their impact on industries.
- Corporate Governance: Discussions about corporate ethics, social responsibility, sustainability, and governance practices.
- Mergers and Acquisitions: Coverage of mergers, acquisitions, joint ventures, and partnerships in the business world.
- International Business: Insights into global trade, international markets, cross-border investments, and geopolitical impacts on business.
- Workplace Dynamics: Articles about workplace culture, employee engagement, diversity and inclusion, remote work trends, and work-life balance.
- Case Studies: Real-life business case studies that provide valuable lessons and insights from successful and unsuccessful ventures.
- Legal and Regulatory Issues: Updates on business regulations, legal challenges, intellectual property, and compliance issues.
- Interviews: Q&A sessions with industry leaders, CEOs, economists, and experts to share their insights and perspectives.
- Personal Development: Articles on career advancement, networking, negotiation skills, time management, and professional growth.
- Small Business: Resources and advice for small business owners and startups, covering topics such as funding, scaling, and managing operations.
- Real Estate and Property: Coverage of real estate market trends, property investment, commercial real estate, and housing markets.
- Green Business: Focus on sustainable practices, environmental impact, green technologies, and eco-friendly business strategies.
For my magazine, I am going to solely focus on interviews because I have multiple connections with business owners who can talk about their experiences.
Binary Opposites
Opening Scene Analysis
Magazine Designer Research
Emory Douglas
Emory Douglas is an American graphic designer who was born in Michigan on May 24, 1943. He was a member of the Black Panther Party. Their purpose was to protect African American neighborhoods from police brutality and end racial injustice. They had a 10-point program (similar to a wishlist) that demanded better housing, jobs, and better education.
His images were printed on the covers and spreads of the Black Panther magazine/newspaper. He portrayed African Americans as revolutionary fighters in these artworks instead of victims, and instead of police, he drew pigs. Politicians made Douglas a hero to his community.
These are some examples of Douglas' work on magazine covers. In each example, he uses only around 2 shades which makes each cover very effective and bold.
My favourite one is the green and grey one on the middle on the right because of the stroke continuity between the text and the actual illustration. As I mentioned earlier, he portrays the police in the magazine as a pig if you look at the bottom left.
I will take inspiration from this in my magazine and try to keep as little colours as possible because I like this bold style a lot.
I also like the title at the top with the same head figure at the top right each time. This gives the magazine a lot of consistency.
Opening Scene
To access all of the documents for my opening scene, click this Google Drive link.
- Eyes Opening
- Alarm going off and slamming it down
- Buttoning up the shirt (mirror)
- Cooking tea - turning on the kettle, putting tea in the filter, pouring the water into the cup, take the tea into the living room and drink it with a newspaper
- brush teeth
- leave the house
Script the radio station talking about how the UK's first business day is coming and that entrepreneurs from all over the island can come to pitch their ideas.
This is my final opening scene.
Opening Scene Feedback
Dylan:
The opening scene was very well shot and edited, I really like the music and the pace of the video, I felt engaged all the time and like the background and places that it was shot, The different camera angles were very well thought through.
Oceane:
I liked the different angles, soundtrack because it matched with the setting of the video: calm and slow pace. the transitions were also simple but effective.
Opening Scene Evaluation
This is my timeline for my opening scene. As you can see, I added sound effects to the whole video and also added music. For some sound effects in certain locations, I added effects like lowpass and reverb. For the sound effects in the bathroom, I added reverb and for the alarm at the start, I added reverb so that it would sound real. I also panned the audio to the left or right in certain parts of the video to match where the sound effects were.
I used After Effects to make some transitions. For example, I masked the main character to seamlessly transition to the scene where he is sitting on a chair. I also did this for the end where the CashCow logo shows up.
I used a Sony A5100 camera in 1080p to record all the footage. I also set up small lights in each scene I recorded.
If I were to change anything, I would've recorded the last clip for a bit longer so I could keep the logo on the screen for longer.
The quality of the audio was very good, but if I were to change anything, I would have used a different mic.
Using HTML and CSS
Using TextEdit, I made this webpage with HTML and CSS files. I used a hex code to change the background and used my own image for the main image. I also changed the font to Arial from Verdana. At first, the website didn't load because the HTML file was saved as a rich text document so I had to format it to be plain text which made it work.
Dialogue Recording and Syncing Audio
In this video, I synced audio from 4 different .mov recordings of people speaking in Premiere Pro. This was the process:
Firstly, we recorded each person speaking in the recording room. One person would click record on the mic, one person would record on the camera and the other would use the clapboard. To make it easier for us to sync on Premiere Pro later, each person who was being recorded would clap once before they started their dialogue.
The files were transferred to my computer using an SD card. After listening to the microphone recordings, I realized that the dialogue was too quiet and the claps and clapboard sounds were too loud. To fix this, I opened each recording in Adobe Audition and increased the gain by around 15DB. After doing this, the dialogue was loud enough but the claps and clapboard sounds were too loud so I applied a hard limiter effect to the recordings with -8DB.
Once the .wav recordings were fixed, I synced the audio up with the .mov recordings in Premiere Pro and cut the clips using L cuts and normal cuts. To show the difference between the mic audio and camera audio, I added titles showing which was which before each one started which you will be able to see in the video linked above.
After Effects Practice
This is a quick After Effects animation I made with a shape layer and text utilizing colour keyframes.
These are the keyframes used to change the colour of the text and the square as well as the keyframes for the movement too. To make it so that the colour didn't change gradually, I highlighted the keyframes whilst holding down alt and ctrl and clicking them.
The keyframes were placed very carefully so that the colour would always match
To make the animation loop, I made a new longer composition and pasted the original animation in 5 times.
To adjust where the square was on the screen without messing up the keyframes, I used a camera.
No comments:
Post a Comment