Designing in GIMP

Header

• Height: 125 px
• Layer: Transparent
• Color: HTML notation: 3e5063
• Tool: Bucket Fill (G)
• Adjust position of rectangle

/* Adjust position */
/* Turn off the layer above (Grid System layer) first */
Move Tool (v)
Zoom Tool (z)

Crop to Content

# Adjust layer boundary to fit content
# Helps to align element
Layer > Crop to Content (shift-c)

Logo

• Drag and drop to doc, auto create new layer
• Boundary not align to where the graphic ends, use shift-c
• Resize to height: 75 px

Resize Selection

• Input desired size and hit the tab key. This will give you a preview
• If it's ok, hit the Scale button

images/192-1.png

Alignment

• Turn on the Grid system (ctrl-;)

images/192-2.png

• Align logo to the left. Keep the logo contained within the border
• The blue dotted is called a gutter / padding
• To align logo top to bottom,

Method #1: Use Selection Tool

/* Align Top to Bottom */
1. Use "Rectangle Select Tool" to draw top to bottom boundary
2. Use "Align Tool" and select the appropriate tool options
- "Relative to: Selection"
3. Make sure that the top layer Grid System is turned off
3. Click on the Logo to select

• The square boxes around the logo indicate the logo is selected

images/192-3.png

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Navigation

• Use Text Tool (t)
• Font Raleway Bold
•

Index