Best Practices

Images and Screenshots

Choosing an Image

Free Stock Photo Sites

• Rawpixel
• Unsplash
• Pexels

Cropping & Framing

Try not to crop people at any joints (knees, waist, elbows, toes, fingers, ankles, or wrists), as well as eyes and chin. Check out this infographic for more details.

Crop out distracting elements on the edges wherever possible.

Resources

Please refer to the photography guidelines at Blueprints, written by our very own designers. :)

Two helpful articles (also linked in above article):

• 11 Thoughts: An Introduction to Photographic Composition
• Simply Beautiful Photos: Composition

Replace an Existing Image

1. Right-Click the placeholder, select Replace image and the location of your image file.
2. Once the image is placed, format it by Right-Clicking the image and selecting Crop image.

When cropping, the Black bordered box is the cropping area, or the picture frame around the portion of the image you want to show. The Blue bordered box is the size of the image itself. To resize images, always drag the corners to prevent any skewing.

Recolor an Image

1. Right-Click the image you want to recolor and select Format options...
2. Under the Recolor dropdown, select an appropriate recoloring option.

Recoloring is useful when creating contrast between text and a background image. We recommend using Light 1-3, Dark 1-5, and Grayscale to adjust images that don’t blend well with the blue overlays.

Adding SVGs

1. Upload an SVG to Google Drive and open the SVG with CloudConvert.
   
   
   
   
2. Change the export format to emf under vector and Start Conversion. Once the file has been converted, select Show file.
   
   
   
   
3.  Open the emf file with Google Drawings under Connected apps
   
   
   
   
4. Copy the vectorized image in Google Drawings
   
   
   
   
5. Paste the vectorized image directly into your Google Slide
   
   

Graphs and Charts

Add Google Sheet Charts

1. Open -CHARTS 2019 Liferay Brand Corporate Slide Deck and at the top, select File > Make a Copy.
2. Select and copy the chart or graph you want to use from the new, copied spreadsheet and paste it onto the slide you want it to appear on.
3. A dialog box will appear after pasting. Make sure to select Link to spreadsheet.
4. Resize the chart to fit within the height/width of the gray placeholder. Then delete the placeholder.

To resize images, drag the corners to prevent any skewing.

Edit Google Sheet Charts

1. Select the chart you want to edit, click Linked chart options (the link button on the upper right of the chart), and select Open source. 
2. Edit the data in cells C1:L10.

• Cells D1:L1 contain the horizontal axis labels.
• Cells C2:C10 contain the vertical axis labels.

1. Right-click the chart and select Data Range. The Chart Editor will be brought up.
• Setup tab allows you to change the structure of the chart such as the chart type and data range.
• Customize tab allows you to stylize your chart such as the colors, fonts, gridlines and titles. (All of these settings have been formatted to match Liferay branding.)
2. After making your changes in the spreadsheet, return to your presentation, select the chart and click Update.