Module 1

• Infographics


  Information graphics used to represent information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewer's attention
• Piktochart


  A web-based infographic application which allows users without intensive experience as graphic designers to easily create infographics and visuals using themed templates
• Creating infographics using Piktochart

  1. Go to Piktochart.com and sign up

  2. Select a template

  3. Edit the template using the tools (Graphics, Uploads, Background, Text, Styles, Tools)

  4. Save and download the infographic
• Adobe Photoshop

  A raster graphics editor, an imaging and graphic design software used for editing images, designing websites, editing videos, and creating 3D artwork
• Photoshop interface


  • Main menu along the top, tools sidebar on the left, color and layers tools on the right
• Photoshop toolbox


  • Selection, cropping, and slicing tools
  • Retouch and paint tools
  • Drawing and typing tools
• Changing image to grayscale (black and white)


  1. Open photo

  2. Go to Image Menu > Mode > Grayscale

  3. Save as
• Photobucket


  An image hosting site on the internet
• Uploading and sharing photos on Photobucket

  1. Sign up for Photobucket account

  2. Upload photos

  3. Share photos individually or as an album

  4. Share on social media or get link codes
• Photoshop files have the .PSD file extension
• The selection tool allows you to select parts of images to edit or enhance
• Text


  Allows you to insert text to your infographic with the option to add text frames
• Symmetrical layout


  • Equal weights or elements on both sides of the page
• Asymmetrical layout


  • Artistic and different intensity on one side of the page
• Text


  • Legible, appropriate font face, left/right justified or centered, easy to read flow
• Image


  • Proportionate, sharp in color, high resolution, appropriate captions
• Proximity and harmony


  • Elements should be close together and not cluttered or competing with each other
• Consistency


  • Uniformity of theme on each page
• Color and shape


  • Use color and shapes to create interest and variety
• Emphasis


  • One point of interest on the page, with different size, color, shape, or background
• Infographics make complex data more visually appealing to the average user
• Piktochart allows you to modify the color scheme of your infographic
• Piktochart allows you to insert lines, shapes, icons, and photos
• The retouch tools in Photoshop allow you to get rid of unwanted spots, draw, erase, color, sharpen or blur
• Photoshop is a raster graphics editor used for editing images, designing websites, editing videos, and creating 3D artwork
• Emphasis in layout design means there should be one point of interest on the page
• The selection tool in Photoshop allows you to select parts of images to edit or enhance
• Piktochart allows you to insert text to your infographic with the option to add text frames
• Symmetrical layout means there should be equal weights or elements on both sides of the page
• Proximity and harmony in layout means the elements should not be cluttered and not compete with each other
• Infographics


  Information graphics used to represent information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewer's attention
• Piktochart


  A web-based infographic application which allows users without intensive experience as graphic designers to easily create infographics and visuals using themed templates
• Creating infographics using Piktochart


  1. Go to Piktochart.com and sign up

  2. Select a template

  3. Edit the template using the tools (Graphics, Uploads, Background, Text, Styles, Tools)

  4. Save and download the infographic
• Adobe Photoshop


  A raster graphics editor, an imaging and graphic design software used for editing images, designing websites, editing videos, and creating 3D artwork
• Photoshop interface


  • Main menu along the top, tools sidebar on the left, color and layers tools on the right
• Photoshop toolbox


  • Selection, cropping, and slicing tools
  • Retouch and paint tools
  • Drawing and typing tools
• Changing image to grayscale (black and white)


  1. Open photo

  2. Go to Image Menu > Mode > Grayscale

  3. Save as
• Photobucket


  An image hosting site on the internet
• Uploading and sharing photos on Photobucket


  1. Sign up for Photobucket account

  2. Upload photos

  3. Share photos individually or as an album

  4. Share on social media or get link codes
• Photoshop files have the .PSD file extension