Aquistica Park: Red Social Shopping Layout

Posted 1 year, 1 month ago at 9:52 pm. 0 comments
Posted in Paint Shop Pro Tutorials, Tutorials.

Paint Shop Pro Layout Tutorial

Welcome Back! Another PSP Tutorial for you! Aquistica Park is a layout made in PSP9, it is compatible with PSP8 and Up. This tutorial will rely heavily on Vector Tools. It will teach you in the beginning on how to use them, after that you should be able to know what to click to reach there. Each tool will have a bracket with what key you should press in case you cannot find it. For Example with the Text Tool (T), you can press the letter T on the keyboard to select it.

To make things go faster, there are a few fonts that are required for logos. If you are going to be using your own custom logos you should probably skip the logo steps.

Fonts:
       –Destroy Dingbats
       –Dingsbum Bats [download]
       –FontCo Flares
       –PetitaMedium [download]
       –Wingdings
       –Script Font ** More Info on this Later

 Layers In Order of Tutorial:
       –Thin Red Strip
       –Red Header
       –Red Content Menu Bar
       –Red Content Comments
       –Purple Background
       –Stars and Swooshes
       –Stars and Swooshes (Overlay)
       –ALL Text
       –Cellphone

Size: 1024×768
Background: White

Layer: Thin Red Strip

1. Click Rectangle Tool (G) in the Tool Options (F4), Create on Vector should be Checked. Anti-Alias should be Unchecked.

2. Change the Fill Color of the Materials Palette (F6) to  #cc0404

3. From the top of the page, draw a Rectangle 5 pixels high and make it the width of the entire page.

Tip! You can check the length of the rectangle by zooming in really close and playing around with the Crop Tool (R). Check the Tool Options Palette (F4) to see how many pixels the Height is.

4. After you draw the thin strip, draw small rectangles within the height of it. These small rectangles should be different variations of red and the length should be random. Use the Object Selection Tool (T) and change the properties of these rectangles so that they use different colors. Double Click or Right Click on a Rectangle and click Properties to change their colors. Position the rectangles so that they are randomly spaced away from each other. Also the bottom red rectangle must show through so do not make too many.

Note Red Rectangles of Various Lengths. Colors Used are #f0040a #930306 #fc5d2c

5. After you have finished making rectangles for 1/4 of the entire width of the page. Click the Object Selection Tool (T) and click in a white space, and drag to select all the rectangles you made so far. Press CTRL+C to Copy

6. Paste the rectangles with CTRL+G and they should be somewhat similar in random spacing throughout the whole entire width. Zoom Out until the image is small. Click the Object Selection (O) tool, Outside of the image, Click and Drag over the entire Red Strip. Right click, and press Group.

You have Completed the First Layer. We will be using two Thin Red Strips. The second one will go below the Red header.

 Layer:  Red Header

7. Click on the Rectangle Tool (G). In Tool Options (F4) Anti Alias:Checked. Create on Vector: Checked. The Rectangle will have no Stroke. Fill can have any color you want, it will be changed later

8. Draw the Rectangle to the width of the whole page. Click the Object Selection Tool (G). Double Click or Right Click on the Rectangle to Change the Properties.

9. Click Fill’s color box, Click Gradients Tab. The Gradient is called Red Baron, If you don’t have Red Baron, Click Edit, Click New. Type ‘Red Baron’, Click on the Left side (1), Click on the Custom Color Box (2), Click on the Color box under location (3), Select the color #aa1616. On the right side the color will be #df3b15.  Close and Save. Your Angle will be 0, and repeat is 0. Click Invert so the Darker color is on Top.

10. Place your rectangle some distance apart from the Red Thin Strip. You can now bring a 2nd Thin Red Strip by Copying (CTRL+C) and Pasting(CTRL+G) it below the Red Header. Now your done with the red header layer.

11. Create a New Vector Layer by clicking on it from the Layers Palette (F8). Click on Rectangle Tool’s Drop down and click on Preset Shapes (P).

12. In the shape’s list of the Tool Options, Choose Triangle. Create on Vector: Checked, Anti-Alias: Checked, Retain Style: UNCHECKED.

13. Click Tool Options (O), Double Click or Right Click, and click properties, change its fill color to white. There should be no stroke. Press Ok! Rotate the Triangle on its side and manipulate it so that it appears like a quote arrow in a comic. You can Hold SHIFT and click on the end point  of the triangle to make it tilt. You’ll also need to push the triangle a bit higher so that 1/4 of it is within the white area.

14. Next, we’re going to make a shadow triangle. To do this, simply Click on the White Triangle using the Object Selection Tool (O), Copy it (CTRL+C) and Paste (CTRL+G)

15. Change the Shadow Triangle’s color to #680a0a, and move it so that its covering the whole white triangle. This triangle should not stick through the white area. Make sure the top of the triangle is straight and aligned with the top of the red header. Right click on the triangle and click Arrange > Move Down, so the red shadow is now below the white triangle.

 
The White Triangle is sticking through the white area.
The Shadow Triangle is being covered by the White Triangle.

 = Page 2 =