Table of Contents (Final)

So now came the time to start creating this masterpiece. I first started with creating a background for the table of contents. I added a light blue to the page to make this the "white space" essentially. I felt like it looked a lot better than keeping it white.

The next thing I did was add my images that I wanted to user after editing them in photoshop. This is how they came out:

The next step after would be making the photos stand out form the background and but also making them blend well. I did this by adding a stroke to each image so that you could tell the differentiate them but also so that the white of the storke would blend well with the light blue of the page. This is how it came out:

After this I started formatting the page, I put the title "Contents" in the top right hand corner and made it the playfair display font, the same font I had been using throughout the whole project.

The I started working on the 2 sections that I would have at the bottom. First was the feature article section on the bottom left of the page. I started by creating the title 'Feature Articles" which was using the same playfair display font. I decided to make all the fonts of the page white. Then for visual purposes, rather than just underlining the subheading, I put it in a box which I think made it look better. Then I had subheadings for my subheadings which were the 2 feature articles of my magazine "The $50 Meal Prep Challenge" and "Ranking Kitchen Essentials:" And for these, I underlined the, rather than the box because this time that one would look better. And finally, I added a brief caption underneath them and what page number to find the articles on. This is how it came out:

The next step was the second subsection, which would be the "Recipe Of The Week." What I did was create a similar title with the words and box around it, but rather than using a complete lateral title, I made the words vertical by layering them on top of each other (you'll see later). Then I made the subheading which was the meal "Creamy Garlic Chicken & Potatoes" and underlined it. And lastly, I added a brief description of the dish underneath in black. This is how it came out:

Now finally, all I had to do was create the actual content in the table of contents. And this is how that also came out:

And now combined everything together, this is how my final table of contents cam out to look like:

Now the final thing I have to do is make my double page spread and I will be finished!

Table of Contents

So this is where everything changed essentially. We all know that I didn't have the best shooting day... So that drastically effected the amount of photos I was able to use and the amount of photos that I had. Which in effect, caused me to have an epiphany. The table of contents that I had previously selected require a lot of photos.

Original TOC:

    

Used a lot of photos that I didn't have...

So instead I went researching to look for a different table of contents idea. Panicking and in a rush because the deadline was soon, I went with the option that required the least amount of photos. And I found it!

Yes I know it looks bad and blan, but this was the format I was going for and I knew if I could put my own spin on it, I'd be able to make a semi decent looking table of contents.

Link for image: https://bmorejon.weebly.com/blog-posts/26-the-construction-of-the-table-of-contents

The next step was actually creating the table of contents, not doing all the editing and designing stuff. But more of what pages I'm going to have, how many pages, how many subheadings, and things like that.

So I figured out a few things:

• I wanted to have the word "contents" instead of "Table of Contents."
• I want a section somewhere on the page labeled "Recipe of the Week," which I will be promoting the cover dish "Creamy Garlic Chicken & Potatoes" and providing a brief description of the dish
• I also wanted a separate section for all the feature stories/articles in my magazine
• And I wanted there to be around 70 pages total with around 6 subheadings
• And lastly, I decided to use 3 images (totally not because those were the only ones I had left)... :(

And now, after all the planning, I was finally set and ready to start designing and bringing this beautiful table of contents to life!!!

Cover Page Final

So after a few days and a heartbreak (my entire indesign project for my cover deleted...) I finally have completed my cover page for my magazine and I am happy with the results.

In the last blog, this is what my magazine looked like:

It was good yes, but it was very incomplete, I wasn't happy or satisfied with the work that I had done and knew that I had to do more. Like for example, looking at that page you see a lot of blank space on the cover. On the left hand side, in the bottom right, I felt like there wasn't enough to look at even though I was going for that "minimalist" style.

So what I did was add pieces of text where the magazine was empty. For the left hand side this is what I added:

It's something simple and very modern. Where we see the phrase "Meal Prep Made Easy" to add that welcoming feel to the viewer who may be on the fence of commiting to the journey of meal prepping. I added a orange line underneath just to separate the main subheading and the rest of the list underneath it. And I'm happy with how it turned out, I kept the font color consistent as it's white just like the rest of the cover page.

The next thing I added was the name of the recipe on the cover and a link to what page to locate it on. Now yes, the page number below is just a random page number and is subject to change.

I think this one came out decent. Like it doesn't look the best, but its something simple that helps make the page look way better than before. I lowered the opacity of the text only because its sitting right above the dish, so I didn't want the white of the text to take away from the dish at all.

And overall, this is how my complete cover page looks:

Cover Page Creation

For this blog, I will be talking about the rest of the work that I did for the day, which was all editing work on my cover to help give it that magazine look.

Now from a different perspective, it looks like I didn't do much, but actively learning how to use Adobe Indesign whilst creating this project... this took me forever to do. 

What I did was create a outside layer around the magazine like how you see in times magazine.

That red that they have across their magazine is what I replicated, but instead did it with orange and made it a lot thinner to make it look more visually appealing to my genre. Because whilst analyzing the time magazine design, I assumed that they made theirs a lot more large because their genre was more formal and bold as on the covers, you tend to see more famous celebrities and important political figures on the page. 

So comparing this to mine, it was the complete opposite, I made my orange, which is a lot less serious, and also gives of the vibe of freshness and organicness. And made mine a lot thinner so that it wasn't taking as much space away from the actual dish itself.

Another thing that you notice I did was the box on the right hand side of the cover. What this was meant to be was the attention grabbing subtitle that you see on a lot of magazines. I gave it that grey box because it blended well with the darker colors of the background, but also made the white visible to read even with the lighter background behind it. And I gave it a orange stroke around the box because I feel like it complimented the orange that you see with the rest of the magazine.

The text I chose was "Meal Prep That Works." Now I was tempted to add a exclamation mark towards the end of the statement, but I felt like that didn't go with the vibe that I wanted to give off. Just off of vibes that it would give, I would associate that more with baking magazines or seasonal cooking magazines where it's a less formal type of feeling that the article is trying to have.

The last thing that I had added so far, which I thought was pretty clever, was a barcode on the bottom left of the cover. Now, I thought I was thinking outside the box with this one and was proud of the idea. What I did was steal a random fake barcode of the internet. (Link: https://www.istockphoto.com/photos/fake-bar-code) And attached a issue date and a price to the bottom of it to make it feel more real and authentic. I lowered the opacity so that the white didn't stick out too much and yeah, that was it.

Link Address: https://www.istockphoto.com/photos/fake-bar-code

That's all the work that I'll probably be doing today as it is pretty late. But in the next blog, I will be finishing up my cover and doing all the finishing touches.

Creating Masthead

So now that I have the background of my cover completed, it is time to add it to Adobe Indesign and start the process of editing it all together. The first thing to do is create the Masthead of the cover.

Creating Font and Color

• The font I chose was the playfair display font, as decided in my previous blogs. 
• And how I did the colors was a tedious job. What I did, was individually change each letter to each of the color variants that I had chose in my previous blogs. For example, the "H" would be color "#785494"(random number not an actual color) where as the "O" next to it would be a completely different color, just a darker shade to create that clear blend from yellow to dark orange.
• The size of the font would be 120 so that it took up the entirety of the page. I did this so that the masthead would be a eye catcher and make it pop more.

The Mini Font

As discussed in previous blogs, I wanted to add a smaller text above my masthead between the letters L and T which said "Health&Fitness."

• I added the text "Health&Fitness" and kept it as the playfair display font and made the color of it that darker orange so it blends well with the larger colors around it. But also because in that area, there is a large portion of light in the photo which restricted me from using any lighter colors around that area.

Creating a Background 

The next step I will be doing is creating a background for the masthead so it pops out more and is more visible for the viewer.

• First thing I did was create a rectangle going across the page horizontally by using the rectangle tool.
• Then I sent it behind both my text but kept it in front of the background.
• After, I using fill, I made the color of the rectangle white
• Then, I messed around with the opacity of the rectangle until I got it exactly how i wnated it to be, which ended up being around 78%.
• Lastly, I edited the sized a bit until it became proportional on both sized and gave the text enough space to breathe

Final Product:

Editing my cover photo

So from here on out for my blogs, I will be taking you through the steps I did to create a digital magazine for my food page. I will be using Adobe Indesign and photoshop to edit and create my spreads/pages.

Step 1. Editing My Cover photo

Without editing or anything, the photo I shot for my cover picture is horrible to say the least. And it is all because of the lighting. I quickly learned that good or bad lighting can really make or break your photo. The rest of the photo in my eyes is pretty good, I like the framing, I like how the dishes look visually, i thought I did a good job. But looking back at it, the lighting and how dim it was really ruined it. And it's like that for majority of my photos, so I'm really gonna have to do extra work to make this look presentable for my cover.

Pre Edited version

After Editing

Here's what I did in photoshop to achieve this look.

Color & Vibrance

• I brought the temperature down to -7 to make the photo look less "grey."
  
  
• I brought the vibrance all the way up to +77 to make the food specifically, but the colors of the photo to "pop" more at you.

Brightness & Contrast

• I brought the brightness up to 52 so that the lighting of the photo didn't look so dim and depressing. In doing this, it made the photo look 10x more better due to the fact that it looked lit up now and it didn't look like I took it with all the lights off...

Hue/Saturation

• This here was a slight change, all I did was change the hue of the photo to -3 which made the food appear more orange. I did this to make it look more warmer and to look more appetizing. Because pre-editing, in the photo, the food looked cold and old (which it was) but after editing, it revitalized the food and made it look more fresh and hot.

Shooting Day

Cover Photos

So I did my photoshoot for my magazine and I was happy with the results. What I wanted to do is take the vertical shots of the food with the shallow depth of field and I think I achieved that pretty well. The only problem is lighting wise, I didn't do a good job getting a well lit surrounding so I'll have to do work editing wise to make the photos look more appealing.

Photos:

This is the photo that I will be using for my cover shot. I have about 10 options, but honestly, after editing, i feel as if this one will be the best for the cover. I love the framing of each dish but the only downside of it would be the piss poor lighting that I had. I even tried to shoot with a whole lighting kit but for some reason I failed miserably. So with the help of Adobe Indesign, hopefully I'll be able to save my cover shot.

This is my second choice for my cover, but I won't be using this one due to the fact of the framing of it. I feel like this one is too zoomed in on the main dish to where you barely even notice the dishes in the back and you also can barely tell that in the back there is a wine glass.

Table Of Contents

After taking my cover photo shots, I started to take isolate photos of the dishes for my table of contents. Now this part was a bit hard, because I still don't have a clue of what I want to do for the table of contents. After doing some research, the idea I had in mind was that I wanted to have a collage of pictures around the double page spread with the table of contents underneath it or around it. I have no clue yet. But after finding this picture online, I figured I wanted to do something like this.

Here are some of the photos I took for my table of contents.