Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022

Design Points n PixelS


INFOGRAPHIC SERIES - OPEN BOOK

3/19/2016

0 Comments

 
Create an open book with this tutorial. Simple shapes, add some curves to them and then some shading, this creates a simple, yet effect book.
Picture

Picture
Start with a rectangle, fill it with a color. No stroke.
Picture
Using the Curvature Tool (next to the Pen Tool in the Tool Bar), click on the upper middle of the rectangle and pull up. This will add a point and curve it as you pull up. 
Picture
Repeat the same process with the curvature tool on the bottom of the rectangle to mimic the top curve.
Picture
Duplicate the shape and place it to the side of the other shape.

Picture
Fill the shapes with a darker color. This will be the back set of pages, and the colors will get lighter as they stack on each other.
Picture
Duplicate the set of shapes, add a lighter color fill. With the Direct Selection Tool, select the two left points on the left shape, and move them up using your UP arrow key. Repeat the process on the other shape, moving the right points up the same amount.
Picture
This will give you pages that have less of a curve than the original curve.
Picture
Place then new shapes over the previous shapes and the book begins to take shape.

Picture
Repeat the duplicate, color change and move-point process a 3rd time to create a third set of pages, making the top color lighter than the bottom 2 colors.
Picture
Select the bottom 2 shapes and add a stroke to the INSIDE of the shape, that way it doesn't extend beyond the edge of the shape.
Go to your Stroke Panel and choose the Align Stroke to Inside button.
Picture
Picture
Select the right 3 shapes with the Select Tool.
Picture
Under the Edit Menu, choose Edit Colors>Adjust Color balance. Click on the Convert button and Preview button, then adjust the color to change the color of the selected shapes.

Picture
Copy the left page, reduce it in size the place it on the right page to create an picture box. DO the same with the right page, scale it down and move it to the left page to create another picture box.
Picture
Add a stroke around the "pictures" to create contrast.
Picture
Change the width of the pages to give it more depth and the appearance that the pages are turning.
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio
  • Max 2022