| Google Search |
|
|
| Most wanted Softwares |
|
|
| Useful links |
|
|
| Image of the day |
|
|
| Copy Right |
|
Tutorials
is offering Files for download that are protected by copyright laws.
Unless stated explicitly, all songs on this website belong to the owners
of their copyrights, and may NOT be distributed without their prior
consent. By downloading the Files, you agree to undertake any
responsibility that is associated with the protection of their
copyrights. |
|
Bollywood
Songs |
Kollywood
Songs |
Western
Music |
Tutorials
|
Info |
Software
|
Wallpaper
| Wednesday, February 07, 2007
|
|
Glittering Text Tutorial |
Glittering Text Tutorial (For my tutorial you MUST have a paint shop program and Jasc Animation shop) We will be making this:
First, you need some glitter. I found a whole bunch at Design by Aylana: Don’t worry that the glitter is sparkling. Just right click and save the picture of the glitter. For this tutorial, feel free to use the glitter below. Just Right click and save it.  ………………………………………………………………………………………………………………… Now open Paint shop (any version) and Jasc Animation shop. Open the glitter file in Animation Shop ONLY. In this case, “orange-002″. You will now see all the frame that make the glitter move and sparkle. Some glitters have a lot of frames, some have only two. Our glitter has 3 frames.
Now we have two chioces: ONE: For a permanent copy of each of the frames, click and highlight ONE of the panels. There will be a blue and red circle around the one you have selected. (see above) RIGHT CLICK and choose “SAVE FRAME AS”. Choose a name (orange1.gif, orange2.gif, etc.) and save the new files somewhere you can find them. TWO: For a temporary copy, RIGHT CLICK and choose COPY. Now, we open these panels in PSP. If you used ONE, open each individual glitter frame in PSP. If you used TWO, simply paste the frame into PSP. There MUST be more than ONE GLITTER frame. There should be at least two, if not more than that. For our example, there should be five frames now in PSP, waiting for you to use. Make sure all the frames are open at this time, sitting on your PSP desktop. Open a new document. A good one for font work is 500×200. If you plan to use the document for signing emails, or putting on “any” background, be sure you choose TRANSPARENT. For this tutorial, you need a TRANSPARENT background, 500×200. ………………………………………………………………………………………………………………… Fill Method 1. Click on the FILL button and change it from solid color to PATTERN. That’s the circle of dots, if you don’t already know. If you’re having trouble getting to this box, just hold your mouse down a little longer on the color. Release the mouse when you’ve chosen the PATTERN feature. 2. A bizarre pattern is now in the FILL area. CLICK IT. This box will now open. We’re going to change the “leopard” pattern to glitter by clicking on that and scrolling UP until we see our glitter. Basically, any picture or pattern currently on your desktop becomes a ‘pattern’ you can choose. (This is true in regular fill/color patterns as well as for text ones.) Chose the first picture in this list, in my case “image 2″. 3. Switch your materials around so the pattern is on the bottom, and a solid color is on the top. The solid color will be a border for your image, and helps to anchor the text and give it a little edge. 4. Click the TEXT tool. Time to choose a font. You can visit my Using Fonts in PSP page for links and instructions about fonts. Write something in the box provided. For this tutorial, I just used my name. Choose any size you like. You can always resize later. Be sure to choose a WIDE font. You are going to FILL this font, so you can’t choose something small and thin. 5. CROP the image to where you want it. This is good to get out of the way now. 6. SAVE the image. 7.Repeat step 2, choosing the SECOND FRAME this time. Watch out! Be sure you’re choosing the right frame. “Current Pattern” is what you already have selected, which was “image2″. You want “image3″ this time. Watch your text. You should see the pattern change when you get a new one. 9. Repeat step 6 (save). Repeat step 9 (this step). Continue until all frames for your glitter have been used. Remember to save each under a NEW name. “kristen2″ etc. ………………………………………………………………………………………………………………… Now we go back to Animation Shop. If you closed it, open Animation shop. Easiest thing? Use the ANIMATION WIZARD. That’s the first button on the toolbar, or FILE and WIZARD. Follow the Wizard instructions. Choose “Same size as the first image frame”, click next. Choose “transparent” if you want no background to appear, click next. Leave defaults, click next. Choose “repeat indefinitely” and change the frame display time to “20″ (see note below). *Display time: You can check the rate of movement of the original glitter by clicking on a frame, choosing “frame properties” and seeing the rate. Our example moves at a rate of “20″. Click “add image” and choose all four of your saved PSP image files. If you like, you can now reorder the frames so they appear in the right order. Use “move up” or “move down” to move the frames around. When they’re where you think you’ll want them, click next and then finish. You have an animation! If you click the “VIEW ANIMATION” button (at the far right edge of the toolbar, or VIEW and ANIMATION) you will see your text move around. Play with the speeds of the frames! Now save your image! Follow the Wizard defaults to the end. This will compress your file a little so it’s not so big. Choose “File” and “Save As” and save your animation. Labels: Glittering Text Tutorial |
posted by ShovanSurya
@
4:42 AM  |
|
|
|
| Wednesday, November 15, 2006
|
|
MS Publisher Tutorial |
 Introduction into Microsoft Publisher Microsoft Publisher 2000 helps you easily create, customize, and publish materials such as newsletters, brochures, flyers, catalogs, and Web sites. Publish easily on your desktop printer
This tutorial will help you get started with Microsoft Publisher and may solve some of your problems, but it is a very good idea to use the Help Files that come with Microsoft Publisher, or go to Microsoft's web site located at http://microsoft.com/office/publisher/default.htm for further assistance.
Back to top
Starting Microsoft Publisher - Double click on the Microsoft Publisher icon on the desktop.
Back to top
Creating a publication using a wizard
- On the File menu, click New
- Click the Publications by Wizard tab
- In the Wizards pane, click the type of publication you want
- In the right pane, click the design you want
- Click Start Wizard
- To make changes to the publication's color scheme, layout, or personal information now, click Next and step through the wizard's questions to make the desired changes.
- When you finish making changes, click Finish
- In you publication replace the placeholder text and pictures with your own or with other objects.
- On the File menu, click Save
- In the Save In box, select the folder where you want to save the new publication
- In the File name box, type a name for your publication
- Click Save
Back to top
Using the Quick Publication Wizard with a blank publication
- On the File menu, click New
- In the Catalog, click Blank Publications
- Click the publication type you want and then click Create
- In the Quick Publication Wizard pane, click the option you want
- In the bottom pane, follow the instructions provided
- Repeat steps 4 and 5 for each option
- On the File menu, click Save
- In the Save In box, select the folder where you want to save the new publication
- In the File name box, type a name for your publication
- Click Save
Back to top
Create a new publication based on a template
- On the File menu, click New
- Click Templates
- Double-click the template you want to use for your publication. (Publisher opens a copy of the template)
- Make the changes you want to create a new publication
- On the File menu, click Save
- In the Save In box, select the folder where you want to save the new publication
- In the File name box, type a name for your publication
- Click Save
Back to top
Start a publication from scratch
- On the File menu, click New
- Click the Blank Publications tab
- Click the publication type you want and then click Create OR If you do not see the type of publication you want, click Custom Page at the bottom of the Catalog, and then choose the options you want
- On the File menu, click Save
- In the Save In box, select the folder where you want to save the new publication
- In the File name box, type a name for your publication
- Click Save
Back to top
Open an existing publication
- On the File menu, click Open
- Click the publications you want to open, and then click Open. If you do not see the file you want, switch to the drive or folder you previously saved it in.
Back to top
Create a table and type text into it
- On the Objects toolbar, click the Table Frame Tool
- Position the pointer where you want a corner of the table to appear, and then drag the mouse diagonally
- In the Create Table dialog box, choose the options you want. As you click different table formats, the Sample box displays them
- Click OK
- In the table, click where you want to add text, and then start typing. (The table automatically expands when your text fills the cell, unless you lock the table)
- Move to the next cell you want to type in
Back to top
Pack your publication to take to another computer
- On the File menu, point to Pack and Go, and then click Take to Another Computer. The Pack and Go Wizard takes you through each step of the packing process. Click Next to move to the next step.
If you haven't saved your publication already, the wizard will ask you to save it - If you're taking your publication on disk to another computer, when the wizard asks you to choose a location for saving your file, click A: OR If you're putting your files on an external drive, on a network, or on your computer's hard disk, click Browse, choose the drive and folder you want, and then click OK
- Click Next
- To embed TrueType fonts and to create links for embedded graphics, click the options you want and add a check mark. OR To not include linked graphics, click to remove the check mark.
- Click Next
- Click Finish
- In Publisher cannot find a linked graphic while packing your publication do one of the following:
- Insert another disk if Publisher prompts you, and click OK. Remember the ordering of your disks for when you unpack them
- Click OK
- Unpack.exe is the program you use to unpack your files, which will be on the first disk.
Back to top
Set up a publication for black and white commercial printing
- On the Tools menu, point to Commercial Printing Tools, and then click Color Printing.
- Black and White Printing
- In the Print all colors as box, click Spot color(s), and then click Change Spot Color.
- In the Choose Spot Color dialog box, click Black and white only.
- Click OK twice
- Process-color printing
- In the Print all colors as box, click Process colors (CMYK).
- Click OK
- Spot-color printing
- In the Print all colors as box, click Spot color(s), and then click Change Spot Color.
- In the Choose Spot Color dialog box, click the arrow next to Spot color 1, and then choose the color you want.
- To choose a color that is not currently used in the publication, click More Colors, choose the color you want, and then click OK
- To choose a second spot color, click the check box to the left of Spot color 2, and then click the arrow to the right and click the second spot color
- Click OK twice
source: http://www.bcschools.net/staff/MicrosoftOffice.htm |
posted by ShovanSurya
@
7:23 AM  |
|
|
|
|
|
|
MS PowerPoint Tutorial |
  Back to top
Opening An Existing Presentation - Select Open An Existing Presentation from the picture above
- Click on your presentation in the white box below step 1
Back to top
Create a Blank Presentation After you select Blank Presentation a window pops up asking you to select the layout of the first slide.

Pre-Designed Slide Layouts (Left to Right)
* Title Slide * Bulleted List * Two Column Text * Table * Text & Chart * Chart & Text * Organizational Chart * Chart * Text & Clip Art * Clip Art & Text * Title Only * Blank Slide
NOTE:If you already know what you want in your next slide, it is a very good idea to choose one of the pre-designed layouts from above. However if you do not, then you can still insert what you want in throughout your Presentation anytime you desire. Just choose Blank Slide and insert items as you see fit. Back to top
Different Views That PowerPoint Demonstrates There are different views within Microsoft PowerPoint that allow you to look at your presentation from different perspectives.

| Normal View | Outline View | Slide View | Slide Sorter View | Slide Show View |  |  |  |  |  | | Switches to normal view, where you can work on one slide at a time or organize the structure of all the slides in your presentation | Switches to outline view, where you can work with the structure of your file in outline form. Work in outline view when you need to organize the structure of your file. | Switches to slide view, where you can work on one slide at a time | Displays miniature versions of all slides in a presentation, complete with text and graphics. In slide sorter view, you can reorder slides, add transitions, and animation effects. You can also set the timings for electronic slide shows. | Runs your slide show in a full screen, beginning with the current slide if you are in slide view or the selected slide if you are in slide sorter view. If you simply want to view your show from the first slide:
- Click Slide Show at the top of the screen
- Select View Show
|
Slide Manipulation
* Inserting A New Slide 1. Click Insert at top of screen 2. Select New Slide . * Formatting A Slide Background o You can format your slide to make it look however you would like, whether it be a background color, picture, or a design template built into Microsoft PowerPoint. The next step will show you how to apply a Design Template, but the other items mentioned above can be accomplished the same way. 1. Click Format at the top of the screen 2. Select Apply Design Template
Back to top Adding Transitions to a Slide Show
You can add customized transitions to your slide show that will make it come alive and become appealing to your audience. Follow these steps when adding Slide Transitions. - In slide or slide sorter view, select the slide or slides you want to add a transition to.
- On the Slide Show menu at the top of the screen, click Slide Transition
- In the Effect box, click the transition you want, and then select any other options you want
- To apply the transition to the selected slide, click Apply.
- To apply the transition to all the slides, click Apply to All.
- Repeat the process for each slide you want to add a transition to.
- To view the transitions, on the Slide Show menu, click Animation Preview.
Back to top
Viewing The Slide Show
You can view your slide show by any of the following ways: - Click Slide Show at the lower left of the PowerPoint window.
- On the Slide Show menu, click View Show.
- On the View menu, click Slide Show.
- Press F5 on the keyboard
Back to top
Navigating While In Your Slide Show
Back to top
Pack up a presentation for use on another computer
- Open the Presentation you want to pack
- On the File menu, click Pack and Go
- Follow the instructions in the Pack and Go Wizard.
Unpack a presentation to run on another computer
- Insert the disk or connect to the network location you packed the presentation to
- In My Computer, go to the location of the packed presentation, and then double-click Pngsetup
- Enter the destination you want to copy the presentation to
source: http://www.bcschools.net/staff/PowerPointHelp.htm |
posted by ShovanSurya
@
7:17 AM  |
|
|
|
|
|
|
MS Word Tutorial |
 
Introduction into Microsoft Word Microsoft Word is a powerful tool to create professional looking documents.
This tutorial will help you get started with Microsoft Word and may solve some of your problems, but it is a very good idea to use the Help Files that come with Microsoft Word , or go to Microsoft's web site located at http://microsoft.com/office/word/default.htm for further assistance.
Back to top
Starting Microsoft Word Back to top
Viewing the toolbars
The toolbars in Microsoft Word provide easy access and functionality to the user. There are many shortcuts that can be taken by using the toolbar. First, make sure that the proper toolbars are visible on the screen. - Click View
- Select Toolbars
- Select Standard, Formatting, and Drawing
- Other toolbars can be selected if you wish
| Name | Icon | Description | | New Blank Document |  | Creates a new, blank file based on the default template. | | Open (File menu) |  | Opens or finds a file. | | Save (File menu) |  | Saves the active file with its current file name, location, and file format. | | Mail Recipient |  | Sends the contents of the document as the body of the e-mail message. | | Print (File menu) |  | Prints the active file or selected items. To select print options, on the File menu, click Print. | | Print Preview (File menu) |  | Shows how a file will look when you print it. | | Spelling and Grammar (Tools menu) |  | Checks the active document for possible spelling, grammar, and writing style errors, and displays suggestions for correcting them. To set spelling and grammar checking options, click Options on the Tools menu, and then click the Spelling and Grammar tab. | | Cut (Edit menu) |  | Removes the selection from the active document and places it on the Clipboard. | | Copy (Edit menu) |  | Copies the selection to the Clipboard. | | Paste (Edit menu) |  | Inserts the contents of the Clipboard at the insertion point, and replaces any selection. This command is available only if you have cut or copied an object, text, or contents of a cell. | | Format Painter (Standard toolbar) |  | Copies the format from a selected object or text and applies it to the object or text you click. To copy the formatting to more than one item, double-click , and then click each item you want to format. When you are finished, press ESC or click again to turn off the Format Painter. | | Undo (Edit menu) |  | Reverses the last command or deletes the last entry you typed. | | Redo (Edit menu) |  | Reverses the action of the Undo command. | | Hyperlink |  | Inserts a new hyperlink or edits the selected hyperlink. | | Tables and Borders |  | Displays the Tables and Borders toolbar, which contains tools for creating, editing, and sorting a table and for adding or changing borders to selected text, paragraphs, cells, or objects. | | Zoom |  | Enter a magnification between 10 and 400 percent to reduce or enlarge the display of the active document. | | Office Assistant |  | The Office Assistant provides Help topics and tips to help you accomplish your tasks. | Back to top
Creating A New Document - Click on File
- Select New
Back to top
Formatting Text - Highlight the text that you want to format by dragging your mouse over while holding down the left mouse button
- Change the text to your desire
Back to top
Inserting a Table - Click where you want your table to go
- Click Table at top of screen
- Select Insert
- Select Table
- Give your table dimensions
Back to top
Inserting a Picture - Click where you want your picture to go
- Click Insert at top of screen
- Select Picture
- Select Clip Art or From File
- Select picture and click Insert
Back to top
Inserting Page Numbers and Date/Time - Click Insert at top of screen
- Select Page Numbers and/or Date & Time
Back to top
Spell Checking Your Document - Click Tools at top of screen
- Select Spelling and Grammar
source: http://www.bcschools.net/staff/WordHelp.htm |
posted by ShovanSurya
@
7:15 AM  |
|
|
|
| Wednesday, November 08, 2006
|
|
flash | Pool Of Squares |
 Pool of Squares
Manny Dimatulac aka Thoripes This is a little animation that plays a simple animation whenever the mouse hovers over the area:
Less than 2kb, this is great for loading screens or just cool effects to put on your website. Of course, the animation doesn't have to be squares growing and fading out. After mastering this, experiment with different animations. Well enough chit-chat, let's get started!
- First off, open Flash 5 (for
Flash 4 users, I'll note what you need to change, if necessary).
- Hit CTRL+M to open up the movie
properties.
- Change the width AND height to
150; change the background color to whatever you want; hit Ok.

- Next, Click Insert >
New Symbol; type "box" (w/o quotations), then click Graphic.
- Now you should be in the edit
screen of your new symbol, create a box with a transparent background. To select a transparent background, click and hold the bucket, then click the button with a red line drawn across:

- Next draw the square; any size will do for
now since we'll be modifying that later on. Select the entire square, press CTRL+K to bring up the Align box, click "To Stage" then click the middle buttons of "Align" and "Distribute", this centers the box. This method is how you'll be centering other objects throughout this tutorial.

Note for Flash 4 users: this is how your window should look (after hitting CTRL+K, press these buttons): 
- Next create another symbol called "spin_box"
and make it a Movie Clip.
- Open up your library (CTRL+L) and drag "box" into the
movie clip.
- Select the box, then resize (
) it to a smaller size. Then center it. - Next, select frame 15 and hit F6. This creates a new
Keyframe for the animation.
- Select frame 15, this selects all the objects in it
(which in this case is the box).
- Next, resize that box again, but make it a lot bigger
this time.
Flash 4 Users, skip to 14a. - Select the box, then open up the Effects
Panel (Window > Panels > Effects).
- In the drop-down box, select Alpha, then change 100%
to 0%. Skip ahead to 15.
- Next, right-click the symbol, and choose
properties. Choose the Color Effects tab, choose Alpha from drop-down box, then move the slider all the way to the left (0). Click OK. Skip to 16a.
- Next, select this frame (the one with a box in it
).
- Open up the Frames tab (Window > Panels > Frame). From
the Tweening drop-down box, select Motion. Skip to Next page.
- Double-click any frame in between 1 and 15,
a dialog box should pop up. Select Tweening, then Motion from drop-down. Then OK.
- Next, create a new Button symbol and name it
"trigger". For this symbol, make a square with a background (i'd make it red outline, blue background just for reference). The colors won't really matter, you'll see...
- Now, go back to spin_box's edit window. Select frames
1 through 15 and shift them all one frame so frame 1 will be empty.
- Put "trigger" in frame 1. Give frame 1 a stop
action...
Flash 5: Double-click frame 1, + > Basic Actions > stop
Flash 4: Double-click frame 1, Actions tab > + > stop - Select the trigger, center it, and set it's
alpha to 0 like we did with the box on the previous page.
- Now we'll actually make it a trigger to play the movie
by giving it some actions...
Flash 5: Select the trigger, Right-Click, then Actions. + > Basic Actions > Play. Next, select "on (release)" in the script window, refer to the bottom of the dialog box, unlick, Release, and click "rollover". Click Ok. Flash 4: Double-click trigger, select Actions tab > + > Play. Select "On (Release)" unclick Release, then click Roll Over.
- Now go back to the main stage (nothing
should be there). Drag spin_box from your library and position it at the bottom left corner of the movie.
- Next, select it, hold CTRL, then drag it to the right.
Repeat this step until you have the whole row filled up with it.
- Now select the entire row, hold CTRL, then drag up.
Repeat until the whole movie is filled.
This is how the movie should look like if you select all the symbols: 
Now Save the fla, then press CTRL+Enter to save the swf. Don't test the movie here cause it might be slow. Open the directory you saved it to, then double-click the swf. YOU'RE DONE!!!
Here are the fla's if you still don't understand something:
Flash 5
Flash 4
Now, that wasn't too hard was it? This is actually my first flash tutorial I've ever written, so sorry if it looks real sketchy, I'll be glad to answer some questions you may have by emailing me, contacting me in IM (thoriphes2k1 or thoriphes2k2), or posting on the forums.
Manny Dimatulac
malocadi@hotmail.com
|
posted by ShovanSurya
@
3:04 PM  |
|
|
|
|
|
|
flash | Pool Of Squares |
 Pool of Squares
Manny Dimatulac aka Thoripes This is a little animation that plays a simple animation whenever the mouse hovers over the area:
Less than 2kb, this is great for loading screens or just cool effects to put on your website. Of course, the animation doesn't have to be squares growing and fading out. After mastering this, experiment with different animations. Well enough chit-chat, let's get started!
- First off, open Flash 5 (for
Flash 4 users, I'll note what you need to change, if necessary).
- Hit CTRL+M to open up the movie
properties.
- Change the width AND height to
150; change the background color to whatever you want; hit Ok.

- Next, Click Insert >
New Symbol; type "box" (w/o quotations), then click Graphic.
- Now you should be in the edit
screen of your new symbol, create a box with a transparent background. To select a transparent background, click and hold the bucket, then click the button with a red line drawn across:

- Next draw the square; any size will do for
now since we'll be modifying that later on. Select the entire square, press CTRL+K to bring up the Align box, click "To Stage" then click the middle buttons of "Align" and "Distribute", this centers the box. This method is how you'll be centering other objects throughout this tutorial.

Note for Flash 4 users: this is how your window should look (after hitting CTRL+K, press these buttons): 
- Next create another symbol called "spin_box"
and make it a Movie Clip.
- Open up your library (CTRL+L) and drag "box" into the
movie clip.
- Select the box, then resize (
) it to a smaller size. Then center it. - Next, select frame 15 and hit F6. This creates a new
Keyframe for the animation.
- Select frame 15, this selects all the objects in it
(which in this case is the box).
- Next, resize that box again, but make it a lot bigger
this time.
Flash 4 Users, skip to 14a. - Select the box, then open up the Effects
Panel (Window > Panels > Effects).
- In the drop-down box, select Alpha, then change 100%
to 0%. Skip ahead to 15.
- Next, right-click the symbol, and choose
properties. Choose the Color Effects tab, choose Alpha from drop-down box, then move the slider all the way to the left (0). Click OK. Skip to 16a.
- Next, select this frame (the one with a box in it
).
- Open up the Frames tab (Window > Panels > Frame). From
the Tweening drop-down box, select Motion. Skip to Next page.
- Double-click any frame in between 1 and 15,
a dialog box should pop up. Select Tweening, then Motion from drop-down. Then OK.
- Next, create a new Button symbol and name it
"trigger". For this symbol, make a square with a background (i'd make it red outline, blue background just for reference). The colors won't really matter, you'll see...
- Now, go back to spin_box's edit window. Select frames
1 through 15 and shift them all one frame so frame 1 will be empty.
- Put "trigger" in frame 1. Give frame 1 a stop
action...
Flash 5: Double-click frame 1, + > Basic Actions > stop
Flash 4: Double-click frame 1, Actions tab > + > stop - Select the trigger, center it, and set it's
alpha to 0 like we did with the box on the previous page.
- Now we'll actually make it a trigger to play the movie
by giving it some actions...
Flash 5: Select the trigger, Right-Click, then Actions. + > Basic Actions > Play. Next, select "on (release)" in the script window, refer to the bottom of the dialog box, unlick, Release, and click "rollover". Click Ok. Flash 4: Double-click trigger, select Actions tab > + > Play. Select "On (Release)" unclick Release, then click Roll Over.
- Now go back to the main stage (nothing
should be there). Drag spin_box from your library and position it at the bottom left corner of the movie.
- Next, select it, hold CTRL, then drag it to the right.
Repeat this step until you have the whole row filled up with it.
- Now select the entire row, hold CTRL, then drag up.
Repeat until the whole movie is filled.
This is how the movie should look like if you select all the symbols: 
Now Save the fla, then press CTRL+Enter to save the swf. Don't test the movie here cause it might be slow. Open the directory you saved it to, then double-click the swf. YOU'RE DONE!!!
Here are the fla's if you still don't understand something:
Flash 5
Flash 4
Now, that wasn't too hard was it? This is actually my first flash tutorial I've ever written, so sorry if it looks real sketchy, I'll be glad to answer some questions you may have by emailing me, contacting me in IM (thoriphes2k1 or thoriphes2k2), or posting on the forums.
Manny Dimatulac
malocadi@hotmail.com
|
posted by ShovanSurya
@
3:04 PM  |
|
|
|
| Wednesday, October 18, 2006
|
|
Flash Short cut Keys |
| he following is a list of shortcut keys that I find most used in Flash. These are the same for Flash 5, Flash MX, Flash MX 2004, Flash 8. I have denoted these shortcuts using a PC. If your using a MAC, just change the CTRL to COMMAND. Tools: Selection Tool - V
Sub Selection Tool - A
Free Transform Tool - Q
Gradient Transform Tool - F
Line Tool - N
Lasso Tool - L
Pen Tool - P
Text Tool - T
Oval Tool - O
Flash Rectangle Tool - R
Pencil Tool - Y
Brush Tool - B
Ink Bottle Tool - S
Paint Bucket Tool - K
Flash Eyedropper Tool - I
Flash Eraser Tool - E Zoom Zoom In - CTRL + ‘+’ Zoom Out - CTRL + ‘-’ Frames Add Frame – F5 Delete Frame – SHIFT + F5 Add Key Frame – F6 Add Blank Key Frame – F7 Symbol (MovieClip, Button, Graphic) Turn Into Symbol – F8 Insert New Symbol - CTRL + F8 File New Document - CTRL + N Open Document - CTRL + O Close Document - CTRL + W Close All - CTRL + ALT + W Save - CTRL + S Save as… - CTRL + SHIFT + S Import to Stage - CTRL + R Publish - SHIFT + F12 Exit - CTRL + Q Modifying and Editing Undo - CTRL + Z Redo - CTRL + Y Cut - CTRL + X Copy - CTRL + C Paste - CTRL + V Paste in Place - CTRL + SHIFT + V Testing Your Movie Test Movie - CTRL + ENTER Debug Movie - CTRL + SHIFT + ENTER
Source: http://www.myflashresource.com/category/articles/flash-shortcut-keys/
|
posted by ShovanSurya
@
4:31 AM  |
|
|
|
| Tuesday, October 10, 2006
|
|
ActionScript 3 Tip of the Day |
ActionScript 3 Tip of the Day |
posted by ShovanSurya
@
5:48 AM  |
|
|
|
| Saturday, September 23, 2006
|
|
Random Image Generator | PHP |
Random Image Generator Using a random image generator on your website has many practical purposes, some of which include creating a rotating banner system or rotate advertising ads. Its a valuable piece of code on your website and this tutorial will show you a simple way to use it.
Code " ?>
Code $images = 5;
This is where we define the number of images that will be displayed. If the number is larger than the number of images in your folder you will get nothing back on certain refreshes. If you put the number smaller than the number of images in your folder, you will only display images up to that number. The images must be named in numerical sequence so if you put the number at 4 and have 5 images, the #5 image will not be displayed.
Code $path = "images/";
This is where you define the path to your images folder
Code $random = rand(1,$images);
Here we use teh rand() function to create a random number starting from 1 and ending at the number defined in our $images variable
Code echo " "
Here we piece everything together and echo out the image. Note if you have any other extension than .jpg you will have to change it in this line. |
posted by ShovanSurya
@
6:08 PM  |
|
|
|
|
|
|
Alpha/Onion skin | Flash |
Learn how to get a cool alpha fading, onion skin type of effect used by many websites.
1. Start off by starting a new movie: File » New. Then go to Modify » Movie and change the width and height to whatever your prefference might be. The one I'm making is Width: 550 Height: 400. Then using the text tool, write whatever you want the text to say. 2. Okay great, next you want to highlight the text, so the blue border is around it, and go Insert » Convert to Symbol. Choose name: "Text" and behavior as a Movie Clip. 3. Right Click on the text and choose Edit In Place. Now we're in the movie clip. On the timeline, you should see on the top left, the name of the layer entitled, "Layer 1". Double click that and rename it "Moving Text". Now select the text like we did before and Insert » Convert to Symbol again. This time name it "Text Over" and behavior as a graphic. 4. Now you want to select the text and press Edit » Copy and make a new layer. Name the layer "Static Text". Ok, add a keyframe on both the layers up to 20. On the Moving Text, right click on the first frame and choose "Create Motion Tween". On the 20th Frame of the Moving Text, go to the effect tab, select Alpha from the drop down and choose 0% Opacity. 5. Finally, click the scale button and click the middle right white box on the text, and drag it as far as you want the effect to go. Go File » Publish and you're done. Not too hard was it? You can click the image on the left to see a larger picture. Download the editable Flash File. Sourch: http://www.absolutecross.com/tutorials/flash/ |
posted by ShovanSurya
@
5:55 PM  |
|
|
|
|
|
|
LCD Orbs | PhotoShop |
 This tutorial will show you how to create a glowing LCD Orb, great for interfaces and hi-tech designs.
You'll learn a cool airbrushing technique to create a glowing effect, as well as a way to design a great-looking highlight effect.
1.
For this tutorial, my LCD Orb was created at 350x350px and scaled down in the examples below - if you apply this technique to a different sized shape, you may need to adjust the values to suit your particular image. Begin by making a new 350x350px image with a white background, and create a new layer — name this layer "LCD Shape". Select the Elliptical Marquee tool. Now hold SHIFT and ALT on your keyboard and from the center outward draw your circle so that it fills most of the image area.
 Fill in the selection with your color of choice (Edit » Fill). The example's fill color is #ACBEDC.
2.
Now without deselecting, create a new layer and name it "LCD Shading". Press D on your keyboard to reset your colors to default. Go to Edit » Stroke — for the width enter 9, Location should be Inside, and if it isn't already, ensure that the color is black. Click OK.
 Now, with the "LCD Shading" layer selected and your selection still active, go to Filter » Blur » Gaussian Blur, enter a setting of 9, and click OK. Lower the opacity of the layer to about 28%. Remember to keep in mind that if your image is a different size than the example (350x350px) then you may need to use different settings to get a similar look. Press CTRL + D on your keyboard and compare what you have so far with this example.
 3.
The next step will be to create a subtle outline around the Orb, to give the shape a little definition from its background. Hold CTRL and click on the "LCD Shape" layer to load the circle selection. Again create a new layer on top of the other 2, and name this one "Stroke". Go to Edit » Stroke and enter a setting of 2. Now lower the opacity of this layer to about 32%.
4.
Create a new layer on top of all the others and name it "Orb Glow" — change the layer blending mode of this layer from Normal to Color Dodge, and lower the "Fill" (located under the opacity) to around 21%. After that, select the Paintbrush tool and in the Options bar at the top of the screen, select the Airbrush icon.
Press D on your keyboard to reset your colors, and then press X so that white is your foreground color. In the Option bar set your brush size to 300, and set 0% Hardness and 40% Flow. Hold your brush at the bottom of the LCD Shape so that it is positioned about half way out of the selection (see the example below), and hold down your mouse button for about 1 second give or take.
 Move your mouse down further so that now only the top 1/3 of the brush is inside the selection, and click for about 1 second again. You should now have painted a bright glowing area around the bottom half of the circle, which is brightest at the bottom. Looking smooth eh?
 5.
The next step will be to create the highlight for the orb. Create a new layer and name it "Highlight". Choose the Pen Tool and set it to Paths mode. Now draw a series of points to create a rough section in the top half of your circle as illustrated in the example below. (If your path ends up as a solid shape that you can't see through, make sure your Pen tool is set to Paths mode as mentioned above).
 To get the bottom of the path to curve, you can use the Add Anchor Point Pen tool. Add a point to the middle of the bottom line, then click and drag the point upwards to slightly bend the path.

6.
With the Pen Tool still selected, right click in the path and choose "Make Selection..." and press OK. Press M on your keyboard to switch to your Selection tool.
The next part is a bit tricky, so hold on to your hat. Create a new layer (don't lose your selection), hold SHIFT + CTRL + ALT together, and click on the "LCD Shape" layer (the original circle layer). Move the selection down about 5 pixels using the Down arrow on your keyboard. This should give you a selection similar to that in the example below.

7.
Select the Gradient Tool, and choose the "Foreground to Transparent" setting (white to transparent). Now, make a gradient in your selection starting from the top and dragging to the bottom of the selection. You will end up with a nice highlight. Press CTRL+D to deselect. Go to Filter » Blur » Gaussian Blur and enter a setting of about 6.
To delete any of the blurred gradient that may have strayed outside the shape, hold CTRL and click on the "LCD Shape" layer to bring back your original circle selection. Choose Select » Inverse and press Delete on your keyboard. You won't see anything change, but you would if your LCD Orb was on a background color other than white.
If you'd like your highlight to be brighter, try making a duplicate of the Highlight layer, and adjust the opacity of the copied layer. Also try scaling the highlight with Edit » Free Transform for different effects.
 8.
Your LCD Orb is now complete! Use it as part of your interface, skin (i.e. winamp), website layout, or wherever you like.
You can add on additional effects as well, such as scanlines, a translucent logo, or inset it into an interface. To learn how to make a smooth metal panel like in the example below, see the smooth metal tutorial.
If you had any trouble completing this tutorial, feel free to download the PSD and take a look under the hood on how this effect works (right click on the link and choose Save Target As or Save Link As). You can also download a PSD of the example below.
 |
posted by ShovanSurya
@
5:47 PM  |
|
|
|
|
|
|
Inset Buttons | Photoshop |
 The following is a technique every designer should have in their bag of tricks. I use this technique very often when making any sort of interface and it's a handy trick to know. These steps will enable you to make buttons look like they are inset into the surface of an object such as an interface, winamp skin, etc, and can add a great degree of depth to an otherwise flat and boring image.
 1.
Firstly, you are going to need an interface or panel that you want to add your buttons to. You can use any interface image you already have handy, or you can make a new one similar to the the example by following the steps in the smooth metal tutorial.
Here is an example of what an inset is:
 From the above image you can see that the inset is what adds realism and makes the button look like it's meant to be there. Most buttons on mobile phones, stereos, and all kinds of electronic gadgets are inset into the surface, so that's the effect this tutorial will help you emulate. 2.
Start by creating a new layer above the layer that contains your interface. Set your foreground color to: #C1C2C4 Now select the Ellipse Tool (note this is the shape tool not the marquee selection tool)
 3.
Roughly where you want your button to appear, hold SHIFT and drag your circular shape until you have the size you want.
To give the button the chrome effect add the following layer styles... go to Layer » Layer Style » Inner Shadow
Enter these settings: Inner Shadow Add a Inner Glow layer style with these settings: Inner Glow Add a Gradient Overlay layer style with these settings: Gradient Overlay And last but not least, add a Stroke layer style with these settings: Stroke
When you've completed this, you may want to save your layer style for later use (to do this, click New Style and choose a name. Then click Styles at the very top left of the layer styles box, and click on the arrow icon to the right... choose Save Styles from the list). Click OK when you're done, and you should be left with a button similar to the one shown below.
 4.
So, you now have your button sitting on top of your interface, but it doesn't look like it's meant to be there. Time for the much-needed inset.
In your Layers palette click on the vector mask of the button you just created, as shown in the image below:
 This makes the path active.
Now switch to your Paths palette:
 Drag the Path layer of your button to the image to duplicate it. It will create a new path called Path 1.
Now choose the Path Direct Selection tool, right click inside your document anywhere and choose "Free Transform Path" Holding SHIFT and ALT together drag a corner to make the path slightly bigger than the button as shown below. When you've finished this, hit Enter.
 5.
The reason we are using paths in this instance is because they are much easier to resize without any loss of quality. The next step is to create a new layer UNDERNEATH the layer with your button on it. With the Path Direct Selection tool still active, right click anywhere in the document and choose "Create vector mask". Now press X then D to reset your colors. Hit CTRL + Backspace to fill the path with white.
Now go to Layer » Layer Style » Gradient Overlay and enter these Gradient Overlay settings (or adjust them so it looks good to you)
Your image should now look something like the example below. Notice how the button now appears as if it is a part of the panel, instead of just sitting on top of the surface? Good job :)
. 6.
Don't stop there though. Continue to try this effect on buttons of any shape, size, or texture. You can even make screens or LCD displays look like they are inset into the interface. Try out the LCD Orbs and Glossy Buttons tutorials for some ideas you can apply for making great-looking LCD displays.
With a little effort, you can produce some almost photo-realistic stuff. If you make a lot of interfaces you'll find that you use this technique quite often; not just for the buttons but for just about anything.
 |
posted by ShovanSurya
@
5:43 PM  |
|
|
|
|
|
|
Tentacle Tubes | PhotoShop |
So you've seen those trendy "tentacle" designs in your favorite wallpapers and splash pages, but were disappointed to discover that the usual way to create them is with a 3D modeling program. Never fear though, with a bit of effort you can create a similar effect with just Photoshop... no 3D app necessary. A slight drawback is that the final product of this technique never comes out quite the same - what you'll end up with will be random, but will definitely look cool.1. Start with a new image with a white background, and to be on the safe side make it about 800x800 px. The tentacles in this tutorial's example will be plastic-looking, but you can create any type you want... chrome, shiny, various colors... whatever you can come up with. Start by selecting the Polygon Lasso tool from the toolbar and, as neatly as you can, draw a triangle pointing down. You will probably need to zoom out (shrink the image view) while doing this. Once you have your triangle, fill the selection in with your color of choice - the example uses #8FCFFF. Deselect (CTRL+D). 2. Next go to Filter » Distort » Shear. What you need to do here is click along the line and drag parts to make it "squiggle" like in the example below. Keep an eye on the preview window and once you're happy with the results, click OK. 3. Now use Free Transform (CTRL+T) to rotate or resize your tentacle to taste, and press enter to apply it. No doubt you're quite impressed with your, eh... squiggly... but it still looks rather flat and dull at this point (sorry to burst your bubble). It's time to grab the Airbrush (first select the Paintbrush tool, and choose the Airbrush icon in the Options bar). Select the tentacle shape (hold CTRL and click on the layer), then create a new layer above the tentacle one. Set the Airbrush to a size of around 200-300px with 100% opacity, and paint around the edges of the tentacle to give it a rounded beveled effect. You may want to mess with the layer's opacity to get this to look how you like it. Refer to the sample below if you need to. 4. Now it's just a case of using the airbrush to paint highlights and shadows. Hold CTRL and click on the tentacle layer to select it, and make a new layer (you will want to do each of the following parts on their own separate layer). Next, choose an aqua color from your color palette, and begin adding highlights to the tentacle. As you complete each layer of highlights, you should blur the parts you've airbrushed a bit using Filter » Blur » Gaussian Blur (that's why you must do each part on a new layer). In the example below, an aqua highlight and a white highlight have been added. 5. Now we're going to darken up the edges a bit. Hold CTRL and click on the original tentacle shape layer (Layer 1). Set a darker blue shade as your foreground color and go to Edit » Stroke - use a setting of about 2 or whatever you feel looks best. You can now add a faint drop shadow (in the example, the drop shadow is a faint dark blue shade... if your tentacle is a different color, you will probably want to use a darker shade of whatever color you used). If one tentacle is cool, wouldn't lotsa tentacles be even better? If you think you might want to go back and change things later, you should first make a set of copies of your tentacle's layers (drag each one to the New Layer icon... if you like to stay organized, you might want to move these copies into a Layer Set to group them together... Layer » New » Layer Set). Now, merge the layers of your tentacle together into one single layer and make several copies of that layer. Once you have your duplicate copies, begin to rotate and transform each of them in unique ways (see Edit » Transform). You may even want to do the "Shear" filter on some of them again to reshape them (see Step 2). Remember to keep the flat non-pointy side of the tentacles positioned "outside" of the visible work area of your image or underneath part of another tentacle, or things will look rather strange. You also don't have to always have the point of the tentacle showing on all the copies (notice the one below that only has its middle section visible). 6. Here's another example of what you might come up with using this technique. Remember you don't have to stick with making the tentacles look like translucent plastic... you could make them solid, shiny, metallic, rough, etc. Have fun. |
posted by ShovanSurya
@
5:39 PM  |
|
|
|
|
Tutorials
All u want 2 know |
| Previous Post |
|
| Archives |
|
|
| Links |
|
| Random Pages |
|
Request Section |
|
Leave your Comment |
 |
Powered by
&
The S-Cube International
|
|