Urban Landscape: Photo Book, Cover, and Website

In this post, I will talk about the creation of my photo book, the book cover, and the website.

Beginning with the photo book, I first went to Photoshop, opened new file, went to print, and chose A3 size with portrait.



Moving on, I changed the background color white and imported an image into the middle of it. I then used transform image (ctrl + t), to change size of the photograph to fit with the white border. Then, I added a text on the bottom right, with font Gill Sans MT sized 36 pt. Afterwards I did the same process for all the photographs that I chose.


Next up, I went to Canva to create the book cover as well as some designs for the website. For the photo book cover, I first made the background white, then I added the title with the font Lexend Deca, sized 58. Then, I added my name, also with the same font, sized 25. Afterwards, I added my photo on top of it that best describe the title, then reduced the saturation to 0 for black and white effect.


After that, I then made some designs for the website. For the first design, I enlarged the photo to become a background, then I put a blue box on top of it and reduced its transparency, then I wrote down the title with the font Kolektif, sized 150 and my name with the font Charm, sized 31. Then, I added a white circle with no fill over it. The second design is only a blue background, a graphic design of an urban map shaped as a circle, and two white borders on it.


Moving on, I went to my website's gallery page. I copied the section above the first project I had. I then changed the number, the title, and the description of the project. Afterwards, I clicked on the image, uploaded the first design from Canva, and changed it into that. Then I copied my first project page and made it a subpage to the Gallery, naming it after the title.


Next up, I changed the title, type of project, date, and description to this current project. I then clicked on the picture on the right, changing to the second design from Canva. I also colored the column for the descriptions and title to a red brown color. On the section below it, I colored the section background to dark grey. Then I added a Wix Pro Gallery on it by going to the left bar, clicking Add Apps, and choosing Wix Pro Gallery. I then clicked on manage media and added all my photos, with the photo book conver on the front of the page. Lastly, I added a back to gallery button by going to add elements, then buttons, changing the text to "Back to Gallery" and coloring it.


I also looked at the mobile version of the page to check for any mistakes and improvements to be made. I first looked at the gallery page to check. There isn't anything to change so I moved on to the project page.


On the projects page, I fixed the title page to be left-aligned from the center. I then reduced the sizes of the text to fit.  Moving on, I looked at the section below. I reduced the size of the gallery to fit as well as reducing the button's size and text size. 


Click on this link to see my website: Charlie's Film Journal. Next post will be about my reflection on this project.

Comments

Post a Comment

Popular posts from this blog

Website Research: Hirokazu Kore-eda and Dany Cooke

Image
In this post, I will look into two websites by filmmakers and compare both of them. This research will help me on creating my own website by considering the use of colors, layout, typography, image, useability, navigation, and my overall thoughts on the website. I will be looking into Hirokazu Kore-eda and Dany Cooke's website, with both being filmmakers and quite experienced in the filmmaking industry. I would like to learn from two websites of two very different directors, with Kore-eda a 60-year-old filmmaker that is internationally known, and Cooke a young freelance filmmaker. Hirokazu Kore-eda's Website First off, I will talk about Hirokazu Kore-eda's website. From the home page, the website looks very simple, with a showcase of stills from his films. I noticed that his website only consists of Top, News, Profile & Works, as well as Message in the navigation, with the layout being centered and in a long bar. When I scrolled down, there is his twitter feed, news f
Read more

Website Creation: Gallery Page

Image
In this post, I will talk about the process of creating my Gallery page for my website. Because the layout of the gallery page already exists, I don't have to choose a template. The font I will be using Avenir. I began by editing the "My Gallery" section on top, then I wrote a short description on it as well.  Moving on, I moved on to the projects. I deleted most projects that the website has, and included my project, which is Grief & Loss Script, a 10-15 page long script on the theme of grief and loss. In it, I also included pictures of my script and my Milanote. In the future, I will be updating this project section with my progress on the script. After finishing the "My Gallery" desktop page, I moved to edit the mobile version. I changed the title to 24px and the description to 14px. I also tried to change the size of the project since it's too small, but after trying it, the size can't be altered.  With that, I had finished my Gallery page. Check
Read more

Reflection: Moments of Sorrow

Image
I gained an interest in theme of grief and loss through films and through my own concerns. I feel that the theme itself is very heavy, and is a challenge to write because of its complexity. However, I wrote this story for more personal reasons. I often thought about whether or not I will be ready when people I loved died, and how I will be able to move on from those moments of sorrow. As such, I feel that this is personally a way of preparing myself to face that fear. Along with this, I wrote this story because I want to not only understand the nature of grief and how it affects people, but of how we can move forward from an unforgettable loss of a loved one. As an aspiring filmmaker, I am very much eager to learn about all aspects of filmmaking, especially writing which I view to be the most important aspect of films as its often the core of the story and film itself. As such, this project has helped me to do more writing, especially in terms of having to fit the story into only 15 pa
Read more