PI6 Diner

PI6 Diner

Is there a cooler place to grab a bite after dancing til the wee hours, or to just get a fabulously greasy burger lunch? There aren't many diners left these days, so it's a real treat to find one. If you'd like to have a piece of Americana for yourself, make yourself a diner. It would make a terrific navigation image! I was inspired to write this tutorial by Shawn Blaufuss' fabulous PSP Dining Car tutorial, and it was adapted to PI6 with her kind permission.

This tutorial is aimed at intermediate to advanced users of PhotoImpact 6. You should already be comfortable using the Path Drawing tool in Continue Draw mode, and with editing, duplicating and aligning paths in Path Edit mode. There are lots of objects and you should know how to select them in the Layer Manager to edit alignment and stacking order.

Start with a very large new image, 600 pixels wide X 250 pixels tall. It's hard to work in Continue Draw mode with very small objects. Therefore, you'll be making the objects a good bit larger than they will be when you've finished making the diner. You will be able to resize them later with the Transform tool.

Select the Path Drawing Tool. In the Attributes toolbar, click Shape and select Rectangle, Mode=3D Round. Draw a large rectangle that goes almost all the way across the canvas. This will be the main body of the diner. From the EasyPalette's Material Gallery, Metallic, double click the thumbnail for Silver 2.

main object for diner

Choose Continue Draw Mode. Click Options and select Even-Odd Fill. Click Shape and select Circle. Draw a circle in the upper left corner. Don't get too close to the edges. Select 3D Mode again. In the Attributes toolbar, click Editing, then click Toggle. The two paths will both be selected.

draw circle in continue draw mode

Click anywhere to deselect the paths. Click on the Circle path to make it active. Right click, Duplicate Path. Drag the duplicate circle path over to the upper right corner of the rectangle. Click Toggle to return to 3D Mode. You'll have something like this.

toggle into 3D mode

Select the Path Drawing tool again. Choose Continue Draw Mode. Click Shape and select Rounded Rectangle. Just slightly to the right of the left circle, draw a rounded rectangle for the window. Choose 3D Round from Mode. Now it looks like this.

add cutout window

Click Editing in the Attributes toolbar, then click Toggle. Click anywhere to deselect all the paths. Click on the rounded rectangle path to select it. Right click, Duplicate Path. Drag the duplicate so that it is slightly to the right of the first one. Duplicate this path 2 more times and position them just to the left of the circle path on the right side. Leave plenty of room in the middle of the large rectangle object. Click on the left circle path to make it active, then Shift+Click the rest of the paths, all the way across, so that both circles and all 4 rounded rectangles are all selected.

duplicate paths

In the Attributes toolbar, click Align and choose Align Middle. This will have the middles of all paths on the same horizontal plane. Click Toggle to return to 3D Mode.

return to 3D mode

Now let's add one more cutout. Select the Path Drawing tool and Continue Draw Mode. Click Shape and select Rectangle. Draw a large rectangle in the center of the object. Draw two wide rectangles on either side, just below the windows.

draw 3 rectangle paths

Choose 3D Mode. In the Attributes toolbar, click Editing and choose Toggle. Click anywhere to deselect all Paths. Click the large rectangle path in the center to select it, then Shift+Click the wide rectangles on either side of it, so that all 3 are selected at the same time. In the Attributes toolbar, click Alignment and choose Align Bottom. This will line them all up at the bottom. Click Toggle to return to 3D Mode.

return to 3D mode

For the next step, you need this little black and white checkerboard fill shown below. Right click and save it to your hard drive.

checkerboard fill

Select the Path Drawing tool. Click Shape and select Rectangle. You're going to make a rectangle to fill in behind the wide rectangle opening on the lower left side of the diner. Make the rectangle slightly taller and wider than the empty space. Choose Edit, Fill and from the Image tab, File, fill with the checkerboard image. Duplicate the object. Send both objects behind the main body of the diner.

fill with check texture

With the Path Drawing tool, make the first upright divider object for the front of the diner. From the EasyPalette's Material Gallery, Metallic, apply Silver 3.

upright decoration for front

Duplicate the object 5 times and position these uprights at the outer edges of the diner, and in between each window. Duplicate 2 more times and make these, which will frame the doors, slightly taller and wider than the others. Select all of the objects and right click, Align, Bottom.

add upright objects

Next let's make the doors. Select the Path Drawing tool. Click Shape and select Rectangle. Draw a left door that goes to the middle of the opening. Click Continue Draw, then click Shape and select Ellipse. Make an ellipse path in the door.

make door with opening

Choose 3D Round Mode. From the EasyPalette's Material Gallery, double click Silver 1. Drag the Border slider down to 3. Duplicate the door and flip it horizontally. Send both doors to the bottom of the stack.

add other door

To decorate the area above the doors, make another rectangle object. Then make a narrow rectangle object and apply Silver 2. Duplicate it and sandwich the taller rectangle between the narrow ones, edges touching.

decorations above doors

Select all 3 objects and put them over the doors, even with the top of the columns on the sides of the doors. Arrange the door side columns at the top of the stack.

place decorations over door

With the Path Drawing tool, draw a rectangle object to go across the diner above the windows. Apply Silver 1 from the Material Gallery. You'll make a series of these rectangles, the ends meeting in the middle of the top of each upright column object. Select all of them, then right click, Align, Top.

add horizontal rectangle objects

Make a series of 3 wide rectangles to go across the top of the diner. Make 2 of them Silver 2, and one Realistic, Neon. Make each one slightly wider than the one below it. You can see them, just on the left side, in the illustration at left.

add 3 rectangles to top of diner

To make the roof, click Shape, Custom Shape. When the Custom Shape box opens, select Half Circle. Make a half circle object about 1/2 inch tall. Switch to the Transform tool, Resize option, and widen the object so that it fits all the way across the top of the diner. Click Editing and Toggle. Edit points on the sides to make the rounded edges less sharp. The screen shot below (80% actual size) shows what you should aim for.

edit half circle object

Apply Silver 1 to the roof.

While the Half Circle shape is still selected, make another half circle path object to stretch between the two door upright columns. From the Material Gallery, apply Steel 1, which is a metallic green. Duplicate this object and choose Edit, Fill to fill with the checkerboard image. Resize this checkerboard half circle so that it is smaller and less wide than the green one, which will stick out just around its edges to frame it. Select each door upright column and resize it taller, then move each one to the top of the stack. Make a small half circle object for the top of each column, and apply Silver 3. Duplicate the object and place on top of the door columns. Aim for something like this.

add other objects

Next make a round 3D path shape and apply one of the Glass presets from the Material Gallery. I've used Blue 1, but I edited the Transparency to make it much more transparent than the default settings. Duplicate the glass circle object and position each one over the diner's round windows. Send the windows to the bottom of the stack. Make a Rounded Rectangle glass object for the rounded rectangle windows. Duplicate it and send them to the bottom of the stack in each window opening. Make an Ellipse glass object for the door, duplicate, position and send to the bottom of the stack. I'm only showing part of the diner below since it's such a wide image, but you can see the windows behind the diner objects.

 make glass window objects

Select the Rectangle shape and make a wide rectangle that extends all the way across the bottom of the diner. Apply Silver 1 to it. Select each column on the side of the door and resize it so that it extends all the way down to the bottom of the object you just added. Make sure the columns are on top of the stack.

add object, stretch door columns

Make 3 steps for the front door, each a little wider than the one above it. Apply Silver 3.

add steps

Add some text to your diner. I added "Diner" for the area over the door. I created text that says "Steph's" then did Object, Wrap, Bend,   Amount=25, to curve over the door. I'm using a font called Magneto.

add text

To make it look like there's people in your diner, you can make a selection from any photo that has some interesting detail. I used Desk.jpg from the PI6 Samples folder. I made a selection the size of the body of the diner, then copied and pasted it into the diner image. I sent this to the bottom of the stack and applied L15 from the Filter Gallery, Light.

Now that you've made all the objects for your diner, you have some contouring and shading work to do. I'm not going to go into detail about how to shade in this tutorial, but generally speaking, select an object, then choose Object, Convert Object Type, From Path to Image. If you want to streamline the process, after you convert one Path object to an Image object, click another one and hit Ctrl+T. It will convert the object automatically by repeating the last command. Then you can Airbrush with black paint, 75% Transparency, to add contouring, or you can add shading with the Burn Retouch tool. Remember to use a light hand with both of these tools.

When you're done contouring, select all the objects. Then use the Transform tool, Resize option, to resize the diner. You can simply make it less wide, or hold down on the Shift key while dragging on a corner control handle to maintain the height-to-width ratio.

This tutorial uploaded 6/15/01

Do not duplicate, translate, copy, archive, appropriate or redistribute this document.

 

 

Contact
Back to Homepage