Posted by Design Instructor | Posted in Flash | Posted on 24-02-2010
0
Step 1: Creating Labels
a) At fist you should create a sprite named actions.
Then you need to insert labels (3 frames apart) starting at frame 10-15.
b) After that you should name the labels. Now you should place a ‘go to previous frame’ action directly behind each label and a ’stop’ action directly behind that.
Step 2: Creating The Slider
a) Now you need to group your next text or graphic as a sprite.
b) Now you should move the text, or graphic that will follow the curser to the default position.
This can even be out of the movie window. In this tutorial the animation is on the ‘X’ path (side to side). Once the ‘follower’ is in the rest spot, you should go to transform in the options panel and see the X value lets say 259. You should go back to you actions frame, click on the first label and after that you need to add the commands in step 3.
Step 3: Adding The Actions
a) Now you need to tell target ‘/follower’ — Then you should add the transform commands to the ‘ X ‘ section…
click on (-=) and add the number 259.
goto transform again. click on (*= and add 0.8) this controls the speed…
goto transform again and add (+=) and add the number 259 again…
b) After that you should repeat this process for each label representing each link.
After this is done, move the follower back to default position. Now you need to add the rollover actions to your buttons.
Link 1 - on rollover - tell target actions – go to label 1 - Not label 0.. Then you need to repeat this process with each link sending the follower to the right label.
On all of the links you should add this action - On roll out- you need to tell target actions – go to frame 0 - Play - the extra 10 frames will give the follower time to move smoothly and not try to jerk back to default position on each roll out. another alt. is to just not add a roll out action at all…
Posted by Design Instructor | Posted in Photoshop | Posted on 23-02-2010
0
Posted by Design Instructor | Posted in Flash | Posted on 22-02-2010
0
You should start with blank White canvas, and you should make a selection for a page in the book:

Now you need to distort this to look more like a page out of a book, by curving the middle. Right-click the selection and after that you can choose Make Work Path.. Then you should choose the Pen tool, Add Anchor Point:

You can zoom in and then you can add an anchor point at the top left, like you can see it below :

Now you need to hold Ctrl and after that drag the anchor up a little:

Now you need to do the same to the bottom:

Now you should go to the Paths window (Window > Paths) and right-click the Work Path, and you should choose Make Selection. You should now have a selection of our Path:

Now you need to open up the Layer Styles by either double-clicking the layer or right-clicking it and choosing Blending Options. Now you need to choose a Drop Shadow, and after that reduce the Opacity to 45%, Distance to 3 and Size to 5.

Now right-click this layer and Duplicate it. You need to adjust the Layer Style of this new layer – you should make the Drop Shadow Distance 1 and the Size also 1. Now you should choose the Move tool and after that you should hit the Left key twice, and the Up key once. Repeat this process for the number of pages you want. Here you can see 3 pages:

Shift-click all the page layers you created to select them al (in the Layers window) and then right-click one of them and you should choose Duplicate Layers. Shift-click all the duplicate layers and then you should do Edit > Transform > Flip Horizontal, then move them to the other side of the canvas. Also you need to modify the Layer styles - edit each one and uncheck the Use Global Light option under Drop Shadow, and after that change the angle from 120 to 60.

Now you need to Ctrl-click the layer of the top page on the left, and Shift-Ctrl-click the layer of the top page on the right, and you have a selection like this:

Now you need to create a new layer and after that you should move it to the top of all the other layers. On this layer, you should draw a 1px Gray line down the middle of the book. If you want to make it exact, you should choose the Move tool and use the toolbar alignment to align to center:
You should go Filter > Blur > Gaussian Blur the line slightly (around 0.5px).
Next, you need to create another new layer beneath this one and still with the selection of the two top pages, after that you should get a large soft brush of gray and paint down the center:

Now you can alter the opacity of either of these layers to get the right blend. Also you should consider adding a background. Enjoy the result!

Posted by Design Instructor | Posted in Flash | Posted on 21-02-2010
0
actionrewind
You are in Scene 1 timeline. Steps 1-6 are done in Scene 1 timeline
Step 1. At the beginning you should create a new movie with dimension 300×100
Step 2. Now you need to insert text “Welcome to swish-db.com”
Step 3. Under Transform Panel (on the right), you can select “Center left”. X=5, Y=50
Step 4. After that you should place a “Place” at frame 0
Step 5. Then you can insert “Move” action in frame 1. Under Move Settings, you may change duration to “50″.
Now you should click on “Preview Frame”, under Transform panel, you need to select “Center Right”. X=295, Y=50
Step 6. Highlight the text under Layout Panel, Right Click >> Grouping >> Group as sprite.
You should be in sprite timeline. Steps 7-8 are done in sprite timeline
Step 7. Using Sprite panel (on the right), you should enter “Movie” under name column (renaming sprite).
Step 8. After that you should place a “Stop” at frame 0 of “Movie” timeline.
Back to Scene 1 timeline. Steps 9-16 are done in Scene 1 timeline
Step 9. Now you need to place a “Stop” at frame 0.
Step 10. After that you should place a “Tell Target” at frame 1. Enter “/Movie” and then you can add a “Go to Frame” Action, Check “Next” and uncheck “Play” box.
Step 11. Then you should place a “Go to Frame” at frame 2. Now you need to add “Go to Frame” Action, Checked both “Previous” and “Play”.
Step 12. After that you should repeat step 10 on frame 4. But Check “Previous” and uncheck “play”
Step 13. Now you should repeat Step 11 on frame 5.
Step 14. Then you must create “Play” button with action >> On(Released) >> Go to Frame 1
Step 15. Now you can create “Rewind” Button with action >> On(Released) >> Go to Frame 4
Step 16. And at last you should create “Stop” Button with action >> On(Released) >> Stop
Finished! Now you can enjoy movie same as preview above.
Posted by Design Instructor | Posted in Flash | Posted on 20-02-2010
0
Posted by Design Instructor | Posted in Photoshop | Posted on 19-02-2010
0
Posted by Design Instructor | Posted in Photoshop | Posted on 18-02-2010
0

Below you can see the easiest way to create a 3 pixel border!
1. At first you should open up your picture, using a black image, with a white background
2. After you should hit CTRL + A or get marquee tool to select all the picture

3. Then you should Click Edit > Stroke - and give it these settings:

4. Now you must again click Edit > Stroke - but this time you should use the color white, and only use a stroke of 2px
5. At last, click Edit > Stroke - settings are only 1px with #000000 (Black)
6. That’s it, hold CTRL and press D to deselect it

Even though it looks like the outside pixel is too thick, it’s really not, it’s just like there anyway, and it will go when you save it.
Posted by Design Instructor | Posted in Photoshop | Posted on 17-02-2010
0
Posted by Design Instructor | Posted in Photoshop | Posted on 16-02-2010
0
Posted by Design Instructor | Posted in Photoshop | Posted on 14-02-2010
0