Create a screen

How to create a screen using PowerPoint

Welcome back to PowerPoint Training Online. Today we are going to show you how to create a screen using nothing other than PowerPoint. A screen is something that can really come in handy when creating any form of presentation. You can use it as a background or a surround. It is great for when you are creating any form of technical piece. 

Beyond that you will find plenty of uses for a screen. It is a graphic that has multiple uses.

Creating a screen takes no more than a couple of shapes. Our screen is going to have two major parts. The screen itself and the stand. The screen uses a rectangle and the stand will be created using a trapezoid.

The ‘How to create a screen using PowerPoint’ video

The ‘How to create a screen using PowerPoint’ step-by-step guide

Step One – create the screen border

Start off by opening a new slide, this will be where we create the screen. Next you need to insert a rectangle or a rounded rectangle. I prefer to use a rounded rectangle as most screens have rounded corners. Set the shape outline to no colour. Then choose the colour you want for the screen edges. I prefer to use a grey/dark grey. It feels more fitting. But in today’s world you can use silver, white and even rose gold. 

Press and hold the yellow outline dot. This will allow you to bring the corners out making it less rounded and more like a rectangle. You will notice that most screens are not really rounded only slightly. 

Step Two – Create a placeholder screen

Once you have added the rounded rectangle, insert a rectangle. This needs to be the same width as the rounded rectangle but not as high. Bring the top and bottom of the rectangle to where the corners start to round on the first shape. 

As with the previous shape we want to set the shape outline to no colour and then set the shape itself as black. This will give the screen an impression of being off. 

Group the placeholder screen with the border by pressing Ctrl + G.

This step is optional if you are going to place something like an image on the screen. But it will help to place other items in the screen. 

Step Three – Create a button

Create a circle. The first circle we create will be a button. I like to keep my graphics as simple as possible. You could create more then one if you really wanted, but I do like to idea of having just the one. 

We want the button to stand out, so we need to make it a different colour to the screen border. Either go for a slightly darker or brighter shade of the same colour used for the screen border. 

The next step is to make the button stand out. To do this we are going to create a semi-circle and place it within the current circle. We want to make sure it has the same diameter as the first circle. 

The easiest way of doing this is by copying and pasting the current circle and then we can proceed to cut it in half. 

To cut the circle in half, draw a square/rectangle. Then align the square over the circle. Make sure it is in the middle. Use the guides to help you do this. Once you have the square aligned, select both shapes and go to the ‘Format’ tab. Press the ‘Merge Shapes’ drop down and select ‘Subtract’. This will leave you with a semi-circle. 

Place this semi-circle over the other circle, bringing it completely to the right. Now change the colour of the semi-circle to a lighter shade of grey. We have not created our button. Select both shapes and group them (Ctrl + G).

This will go in the centre of the bottom screen border. Use the align tools to make sure it is centre. 

That is the screen finished, next we need to create a stand. If you wish you can add other buttons to the screen border. You can also add a green/red circle to give the screen the effect of being on/off.

Step Four – Create the stand shaft

To create the stand, we are going to use the trapezoid shape. This will allow us to create a stand that is wider at the bottom then the top. We will then place the stand shaft on a circular base.

Select the trapezoid shape from the insert shapes box and draw a new shape. Like we did with the rounded rectangle, grab the yellow dot and move the top edges out towards the edge. This will make the trapezoid squarer. This will allow us to have a smaller stand like many modern screens. 

Once you have created the trapezoid, remove the outline and select a grey colour. Something darker to the screen border. I find using the same colour as the button will make the stand pop out. 

Like we did with the button we want to create a little bit of texture to the shaft. Copy and paste the trapezoid, then cut in half by creating a square, aligning both shapes and then using the subtract option from the merge shapes menu. Make the second shape a different colour. Then bring all the way to the right edge of the first trapezoid.

Group both shapes and place directly under the screen in the middle. Use the guides to help you achieve this. You want to place the stand shaft directly below the button. 

Step Five – Create the stand base

Now that we have the screen and the stand shaft we need to create a base to fit these onto. For the stand we are going to use a rounded rectangle. 

Press the insert button on the ribbon, then choose the rounded rectangle from the shapes drop-down. Draw a rectangle that is just over half the width of the screen size. The height should be very tall, remember it is only a base. I recommend making the height about 0.5cm. 

Now that the base has been sized. Drag it so that the middle of the rounded rectangle is directly centre with the shaft. Again use the guidelines to help you achieve this. 

Now zoom in so that the rounded rectangle is a little larger. Make the corners of the shape a little bit more rounded. This will help to make it look smoother and less square. 

Once you have the shape in position, select it and go to the format tab. Select the colour of the shape. We chose a dark grey as black is to stark and any other colour would not match the feel of the screen. 

Step Five – Group it all together

Now that the shape has been created you can use it as you wish. You can save it as a picture so you can use it in other documents or programs. to help you to keep track of all the elements of the screen it is best to group them. 

Select all the elements.

You then have a multiple ways of grouping them

  1. CTRL + G – press and hold both of these buttons to group all selected items. 
  2. Right click – right click anywhere on the screen. Select the group option
  3. Home tab- press the arrange drop down under the drawing section, then press group
  4. Format tab – press the group drop down under the arrange section, then press group

One of the more important reasons to group your elements is that when you try and resize them, when they are grouped they will resize as one. If you do not group them but only select a handful then you would need to resize the other elements too, possibly loosing the shape of the screen. 

Conclusion

There are many uses that you can use this screen for. I have, in the past used it as a technical element in presentations where I was talking about websites. You can place a picture of the website onto the screen. Giving your audience the impression that they are looking at something as if they were at home. 

Thank you for taking the time to join us today. Now I would really love to hear your thoughts. Was this tutorial helpful for you. You can join the conversation below or check or join us on Twitter

If you want to read more, just check out our blog. And if you want to learn something new make sure you check out our tutorials page. We have great tutorials on how to use all the features in PowerPoint and we also show you how to create custom graphic content to help brighten up your slides.

Finally, have you been looking for some new PowerPoint templates to freshen up your slide decks, then why not check out our templates store. You will be able to find a template for any need.

Till next time folks, 

David

Microsoft UK IE

Comments

comments