Tutorial

Small Textures for Big Images

This is can be a great visual effect that can make large images out of very small files. The concept of using repeating pattern images to fill a large object has been used, by me, since the 1980’s for web design. It is still a valuable tool to use for presentations today. Here is an example:

1. Here is my very small image. It is a .png image, 102×102 pixels and only 2KB file size.

2. Here is the large rectagle shape on my slide.

3. I then change the fill from SOLID to PICTURE OR TEXTURE FILL, then FILE and finally choose my seamless texture image.

4. This is the first result – which is not the final result.

5. Click TILE PICTURE AS TEXTURE.

6. This is now the same image. It can be resized, to any size and the pattern background does not distort or loose quality.

7. In addition any of the formatting options can be applied, because it is a PowerPoint shape. Here I used the 3D Rotation and a drop shadow to create a new, very small file size, image for my slide.

– Troy @ TLC

By |2016-08-16T10:54:04-07:00October 23rd, 2010|Tutorial|

Gradients for Custom Text

Final gradient sample (for this series). In this slide the gradient fill is used for the text outline, the box outline and the box fill.

One of the really great features is the ability to make lines gradient. On the text close-up it is easier to see the outline is opaque white at the top and gradients into a semi-transparent grey.

1. Select text, open the Format Text dialog and choose TEXT OUTLINE
2. Change Text Outline to GRADIENT LINE
3. Add a white gradient stop. I moved mine to the right to extend the amount of solid white at the top of each letter
4. Add a 2nd stop that is black and semi-transparent (or use an opaque grey for same effect)

For the lower box I combined a gradient fill and a gradient outline. This is great to be able to create a single element with custom design and text all in one element.

For the box fill, the gradient is right-to-left:
1. Choose FILL and angle is 180
2. White stop that is slightly semi-transparent
3. Black stop that is transparent

For the box outline, the gradient is left-to-right:
4. Choose LINE COLOR and GRADIENT FILL with angle 0
5. White stop that is slightly semi-transparent
6. Black stop that is transparent

Also, I set the right indent on the TEXT BOX section to .3 to inset the text equally on all slides.

Download the Gradient Text slide here (34k) .

– Troy @ TLC

By |2016-08-16T11:01:47-07:00October 15th, 2010|Tutorial|

Gradient Triangle Accent Elements

This is another layout recently developed for a project. The goal was to avoid a bulleted list and create a more dynamic, and memorable, graphic layout.

1. Create a tall triangle

2. Using the gradient fill options modify the triangle to move from semi-opaque to transparent

1. Open the FORMAT SHAPE dialog and go to the FILL section
2. Select GRADIENT FILL
3. Make certain the type is LINEAR
4. Stop 1 (top of triangle) is desired color and 20-25% transparency
5. Stop 2 (middle of triangle) is a lighter color and 40-50% transparency
6. Stop 3 (bottom of triangle) is any color and 100% transparency

3. The result transforms the triangle to this

4. And here is an example layout using all PPT shapes and text

5. The great thing is the triangles use transparency and not white, so they can be used on any background

Click here to download the slide layout (29K).

– Troy @ TLC

By |2016-08-16T11:02:24-07:00October 13th, 2010|Tutorial|

Gradient Circle Fill Effect

I have been experimenting with gradient fills for a recent project. First, the gradient tool in PPT 2010 is great! It still has some usability issues, but overall it is easy to use and has a lot of flexibility. Here is one effect I developed and below is a link to download a slide with the gradient shape.

1. Start with an oval. No outline and any fill.

2. After applying a custom gradient fill here is the result.

3. To create the gradient fill I adjusted 5 elements:
1. Open the FORMAT SHAPE dialog, go to the FILL section and for fill type choose GRADIENT FILL
2. Change the type of gradient to PATH
3. Make the far left color black. Slide to position of 10-15%. Transparency = 0% (solid black).
4. Move second color to right side at position of 80%. Make color white, or change Brightness to 100% (white) and set Transparency to 100% (no fill).
5. Add a third color bar/stop even further to the right at position of 95%. Make color white (or set brightness to 100% to change any color to white) and make it slightly transparent with Transparency at 25%.

4. Now position gradient cirle under any object for a bit of perspective.

5. Because the shape was created with transparency, it can go onto any color background.

Download slide with gradient shape here (35K).

– Troy @ TLC

By |2016-05-04T09:45:29-07:00October 11th, 2010|Tutorial|

Movie Length When Trimming

PPT 2010 has added lots of very good video editing tools. In working on a recent project with many videos I happily made use of the Trim feature to set custom start/stop times. But after using a calculator to figure the new section duration (for over an hour), I discovered a new function!

Here is my sample video freshly inserted. The End Time shows the duration of the whole video.

Here is the sample video with custom start and stop times setup. Note the upper right corner where PPT is smart enough to automatically calculate and display the new duration of the video (yeah!)

– Troy @ TLC

By |2016-08-16T11:03:11-07:00September 28th, 2010|Tutorial|

Lance Armstrong Animated Slide

People ask all kinds of questions about slides created. If it is a cool topic like this one, Lance Armstrong, I hear “Wow, that is really awesome to work on stuff like that.” But the comment about the same slide from the client is usually, “How long did it take to create that really awesome slide…”. Just depends on your perspective.

But this was an awesome slide to have the opportunity to develop for a presentation. Awesome subject. Awesome photography. Awesome animation. Here is the image preparation needed in Photoshop:

1. Original Photo

2. Drop out background and have just Lance Armstrong

3. Make background without Lance Armstrong

4. Create motion streaks of Lance Armstrong speeding away (key for the animation)

5. Create semi-transparent background image

Here is what it took to create the animated slide:

1. start with opaque background image and .png image of Lance Armstrong (looks like original)

2. Fade in the motion streaks .png image

3. Grow/shrink and slight motion path on Lance Armstrong image and motion streaks. Fade out opaque background and fade in semi transparent background

4. Done. Total billable time – few hours. Result – (hopefully) audience wow.

– Troy @ TLC

By |2016-08-16T11:03:56-07:00September 23rd, 2010|Tutorial|

Automatically Insert ‘Real’ Lorem Ipsum Text

And there is more!!

In the previous posts we used the secret coding that has been in PowerPoint since at least PPT 2003. With Office 2007, Word got an update to the coding – but not PowerPoint. But in PPT 2010 the update is included! That is to change the typed code to “=lorem()” and get a real “Lorem ipsum dolor sit amet…” text.

Here is my sample slide again, but now the “rand” is replaced with “lorem”.

Click the enter key and I get 3 paragraphs of real lorem ipsum text (note each paragraph is unique text):

But the ability to customize the number of paragraphs and lines per paragraph detailed in the previous post is not available using the ‘lorem’ option… Maybe in the next version.

– Troy @ TLC

By |2016-08-16T11:04:52-07:00September 20th, 2010|Tutorial|

Customize The PPT Auto Lorem Ipsum Text

But wait, there’s more!

In addition to the secret code shown in the previous post, you can add parameters to control how many paragraphs of sample text – and how many lines per paragraph.

Here is my sample slide, I have have added the parameters to insert 3 paragraphs of 2 lines each with “=rand(3,2)“.

Just click the enter key and it turns into this (3 paragraphs of 2 lines each):

– Troy @ TLC

By |2016-08-16T11:05:27-07:00September 18th, 2010|Tutorial|

Auto Lorem Ipsum Text

This is a cool and useful trick that has been in PowerPoint for a few versions. It is good for creating quick sample slides. Basically there is a bit of hidden code in PowerPoint that you can activate by typing “=rand()“.

Here is my sample slide (default PPT template) and I have typed the ‘secret’ coding.

Then press enter and it fills the text box (and beyond) with “The quick brown fox…” text.

– Troy @ TLC

By |2016-08-16T11:05:42-07:00September 16th, 2010|Tutorial|

Apply “Sharpen” to Images

PPT 2010 has lots of great Photoshop-like effects built into the application. This post is highlighting the SHARPEN AND SOFTEN filter in a real-world situation.

Here is my original image.

Here is the effects applied to stylize the image (rounded corners, bevel, reflection, etc.). All looks great, but look at the face – it is not as crisp and defined.

With the image selected go to FORMAT >> ADJUST section >> CORRECTIONS

Looking at the top row is the SHARPEN AND SOFTEN quick options. The highlighted box shows what is currently applied to the image. I am going to click and apply the far right option which is a much greater sharpen filter.

Here is the same image, same stylizing effects, but with the greater sharpen filter setting. The bevel is there, the reflection is there and the face is super crisp.

– Troy @ TLC

By |2016-08-16T11:06:32-07:00September 10th, 2010|Tutorial|
Copyright TLC Creative Services, Inc | All Rights Reserved
Go to Top