PI5 Skinny TV Lines

Trendy, skinny little TV lines are very popular these days. You see them everywhere, on borders, banners and navigation buttons.

put your TV into a background

Despite their high-tech look, adding TV lines to your own images is ridiculously easy with PhotoImpact. Once you learn this technique, you'll be able to add skinny little lines to almost anything. This tutorial also shows you how to build a 3D TV to display your lined image, making use of the Continue Draw mode and new presets in the Material Gallery's 3D Collection. 

Start with a new True Color image 300 X 300 pixels. Select the Path Drawing tool. In the Attributes toolbar, click Shape, and select Custom Shape. When the Custom Shape box opens, choose Rounded Rectangle 2. You'll notice that this shape has a more square appearance than the regular Rounded Rectangle. Draw a rounded rectangle like this one.

basic TV shape

In the Attributes toolbar, select Continue Draw from the Mode dropdown list. Click Options and select Even-Odd Fill.

Draw another rounded rectangle shape inside the larger one, leaving slightly more space at the bottom than at the top.

Continue Draw mode

Click Shape in the Attributes toolbar and select Circle. Still in Continue Draw mode, draw a larger circle on the left side, bottom of the TV. 

Draw two smaller circles next to the larger one. Then draw another circle the same size on the right side, bottom of the TV. Don't worry if the circles aren't exactly the same shape, just do your best.

continue drawing circles

In the Attributes toolbar, select 3D Round from the Mode dropdown list. Your TV should look something like this one.

3D Round Mode

Open the EasyPalette's Material Gallery. Choose Plastic and double click Remove Material to start out with a "clean slate." From the Material Gallery, select 3D Collection and double click on Black. The TV will be filled with a nicely textured, shiny black. Click in the base image to deactivate the TV.

add Material Gallery effect

In the Attributes toolbar, click Shape and select the basic Rounded Rectangle. Draw a base or stand for the TV that is about 3/4ths as wide as the TV. Drag the Roundness slider down to the left to make the base a bit more square on the ends.

reduce roundness with slider

Position the base under the TV. Select the Pick. While the stand is active, from the Order options in the Attributes toolbar, Send Backwards.

place base under TV

Return to the Path Drawing tool. Click Shape and select Circle. Draw a circle, 3D Round, just large enough to cover the larger hole on the lower left side of the TV. Drag the 3D Round circle up to cover it.

make large 3D circle

Draw a smaller 3D Round circle the size of the smaller holes. Drag the circle up to cover one of the holes. Right click and Duplicate the circle object, then drag it over to cover the second hole. Duplicate again and drag it over to cover the hole on the right side of the TV.

place smaller circles over holes

While the last circle object (on the right) is still active, from the Material Gallery select 3D Collection, double click Neon Red. Select the Pick tool, and from the Order options in the Attributes toolbar, Send to Back.

change right circle object to Neon Red

Click in the base image to deactivate the red circle object.

Choose the Path Drawing tool. Click Shape in the Attributes toolbar and select the Rounded Rectangle. You'll need to draw a shape to fill the middle of the TV. It will still have the Neon Red preset. Don't worry if it's a little too large. You can see that mine is, from the broken lines in this screen shot. Change to the Pick tool and from the Order options in the Attributes toolbar, Send to Back.

draw another rounded rectangle object

Return to the Path Drawing tool. From the Attributes toolbar's Mode dropdown list, choose Selection. The path object disappears and now you have only a selection area.

Open the image you want to use, and Copy it into the Clipboard. Return to the TV image. Choose Edit, Paste, Into Selection. The image will be "stuck" to your cursor. Without clicking, move the image around in the selection area until you have it positioned as desired. Now click to lock it in place.

picture pasted into selection

Right click and save this image for your skinny lines. Open it in PI's work space, then choose Format, Data Type, True Color. Copy the True Color version of the skinny lines image into the Clipboard. 

skinny little lines

Return to the TV image. Click its blue title bar to make it active and be sure that the broken line showing the image filled selection is active. Choose Edit, Fill to open the Fill dialog box. Click the Image tab and choose these options. Basically, you'll be filling with the skinny lines image you have in the Clipboard, you want it to Tile, the Merge method is "If darker," and the Transparency=65.

Fill box parameters

Click OK to fill the image with the skinny lines. Click anywhere in the base image to deactivate the line-filled image object.

Now all the parts of the TV and image are done. Let's put them together by opening up the EasyPalette's Layer Manager.

skinny lines fill image

Click on the first thumbnail in the Layer Manager, then hold down on the Shift key while clicking all of the other thumbnails, so that all of them are selected. 

select thumbnails in layer manager

Right click anywhere in the Layer Manager and choose Combine as Single Object. Immediately you'll notice that there's only one thumbnail left in the Layer Manager, representing this new, combined object.

only one thumbnail left now

Now that the objects have been combined, you can right click and add a Shadow, or choose Object, Shadow.

If you really want to get fancy, use a photo to make a lifelike background for your TV.  

Here I've used one from the PI 5.0 CD. If you want to use this one, it's in the Images folder,  Objects, #02110501. 

I made a selection in the base image and filled it with a wooden texture from the Fill box, Natural Textures, then added a perspective shadow.

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



Back to Homepage