Neverside

Animation Presentation (tutorial)

Greeting's all,

Here is my other tutorial that I've made...Hope u guys like it, more to follow soon...

Creation & Implementation:
Start off by creating a new document in Photoshop once you have opened the application. You can do this by going to ?File > New?? *or simply by pressing ?Ctrl? + ?N? as keyboard shortcut. Once you have done this, you will notice a ?New Document? Dialog opening on the workspace. You can now view Figure 1 below as an illustration and reference to the exact values which you have to input into the fields.

Figure 1

You can name your new ?.psd? document according to any name you would like to identify your design. The width of the new document will be 500px and the height will be 300px. When you insert these values, ensure that the measurement is set to pixels. Pixels are the most well known measurement for designs throughout the internet and other external applications. The ?Resolution? field will determine the amount of dots/pixels that your document will contain per inch. Thus, the higher the value in this fields, the finer the detail of your design, which is consequential to a higher quality result. Do note that you can always crop the design at a lower resolution at a later stage if you feel the need to reduce the file size. Set this value to 800dpi.

The other remaining fields in the prompting dialog can be left intact on their default values, and you can now click ?Ok? to continue creating your new document. Once you have done this, you will notice a new, blank window appearing on the workspace, available for you to start working on.

Firstly we will be creating the base for the presentation. You should actively select the ?Gradient Tool? and ensure that you have ?white? as your primary color and ?#515151? as your secondary color. Select ?Layer1? in the ?Layers? panel. If the ?Layers? panel is not visible on the workspace, you can make it visible by going to ?Window > Layers? *or simply by pressing ?F7? as a keyboard shortcut.

View the top and left edge of your design window to see if the rulers of your document are visible. If the rulers are not visible, you can go to ?View > Rulers? to make them visible *or press ?Ctrl? + ?R? as a keyboard shortcut. Once you have ensured that your rulers are visible, click on the top ruler and drag down to the 150px mark on the vertical ruler. Then click again on the top ruler and drag the line down to the 175px mark on the vertical ruler. Lastly, do the same again, but this time, drag the line down to the 250px mark on the vertical ruler.

As you have the ?Gradient Tool? at hand, you should see different settings for the particular tool at the top of the application, on the menu bar. Hold your mouse pointer over the 5 small buttons to view their captions. Click the second last one from the right-hand side, which has a caption that says ?Reflected Gradient?.

Now click and drag with the ?Gradient Tool?, from the 150px horizontal mark, down to the bottom edge of the window, and release. This will be implemented on the first layer, named ?Layer1?. Rename ?Layer1? in the ?Layers? panel as ?flow1?. This can be done by double-clicking directly on the caption/text of the layer name and then typing the new name. Create a new layer in the ?Layers? panel, and rename this layer as ?flow2?. You should still have the ?Gradient Tool? actively selected, and you can now click and drag upwards from the 250px horizontal mark, all the way up to the 175px horizontal mark. Also ensure that you have the blending mode of the ?flow2? layer set to ?Soft Light?. View Figure 2 below as an illustration and guidance to how your design should look at the moment, and also view Figure 3 as a description and reference to the ?Layers? panel.

Figure 2

Figure 3

There are many useful features on the ?Layers? panel itself, and by using this panel, you will definitely ease the process of designing.

Compare your design to that of Figure 4. This will be the base of the presentation, giving it a slick, professional look. We will ad some color to it now, with the use of images to compliment the design.

For the rest of the tutorial please visit: http://www.tutorialsite.org

Last edited by mirzaiaa, February 2nd, 2006 11:27 PM (Edited 1 times)

Thanks for spamming your site. I assume you'll be banned soon if the staff gets off their asses.

___________________

PurePhotoshop Forums

Hey Kryptonite, I am not trying to spam my site, why would you say that? There are many other tutorials on these forums, If I have violated any of the terms...please let me know and I will remove my tutorial...Just trying to help, that's all...I have no problem with removing my tutorial...

Thanks for your concern though...

Originally posted by mirzaiaa:

Hey Kryptonite, I am not trying to spam my site, why would you say that? There are many other tutorials on these forums, If I have violated any of the terms...please let me know and I will remove my tutorial...Just trying to help, that's all...I have no problem with removing my tutorial...

Thanks for your concern though...

ADMINS, I have already edited my post once, so if this post is unappropriate please remove and I will not post tutorial in here anymore...Sorry for any trouble this may have caused.

Regards,
Mirzaiaa

No, see, you're posting part of the tutorial followed by a link to your site in the hopes you will get more hits. That's advertising, and when the owners of the site don't approve of said advertising, it's spamming.

___________________

PurePhotoshop Forums

eh... have u heard of flash.. would be a much better solution! that gif is not only 256, colors, it needs more fps to make the animation smooth and then the image filesize get bigger and u would have slow loading of the image.

___________________

//mr.oak

Originally posted by mroak:

eh... have u heard of flash.. would be a much better solution! that gif is not only 256, colors, it needs more fps to make the animation smooth and then the image filesize get bigger and u would have slow loading of the image.

Good point Mroak...however, I created that tutorial specifically to illustrate how to make an animation in Photoshop...problem with flash IMO, is many users don't have it installed and loading times CAN be scary...(Ohh yah, I should mention that I'm not very good with Flash LOL)

Kryp - My bad, didn't mean to offend anyone...If you look at the tutorial it's pretty long and I probably would have gotten flamed for posting a long a** tutorial...So, i'd figure if your interested go to the site to see it all...ANYWAYS, regardless...I won't post anymore in here...

Thanx.com