Flash tutorial - Tools

Posted on 10:58 PM In:

A description of the main tools in Flash 8

tools1

Selcetion Tool (In)

Used to select things so they can be moved or edited.

Free Transform Tool (q)

Brugest to scale and rotate objects.

Gradient Transform Tool (F)

Used to manage your gradient.

Line Tool (n)

Tools to create lines with.

Lasso Tool (L)

Used to make selections in all forms.

Pen Tool (p)

Used to create the shape and curves.

Text Tool (T)

Used to write the text.

Oval Tool (The)

Used to make ellipses and circles.

Rectangle Tool (R)

Used to create rectangles and squares with or without round corners.

Pencil Tool (and)

Tool used to acts as a pencil.

Brush Tool (b)

Tool used to acts as a brush.

Ink Bottle Tool (With)

Color the edges (Stroke).

Paint Bucket Tool (toward)

ink filling (Fill).

Eyedropper Tool (in)

With a click on an image to be the color of just the place selected.

Eraser Tool (And)

An eraser as you know it.

Hand tool (h)

Used to move the stage.

Zoom tool (M, Of)

Zoom in and out.

Stroke Color

The color of the edge.

Fill color

Used to fill color of text.


Working with layer masks

Posted on 10:55 PM In:

Level masks can help, parts of an image to make invisible. So you can create collages without unwanted image parts to delete. In this example we try in a photo montage to give you the meaning and use of layer masks represent. First open a picture of your choice, from a picture you want and cut out part of an image through which the cut part to be replaced.

mask1 mask2

Click in the Layers window on Add Layer Mask. . You may need to predict the level duplicate (right-click on layer ->; duplicate layer) and the output level, (remove trash on the move in order to edit them. To let you edit pages.

After you have added layer mask appears next to the level a little white box called miniature levels. With one click to switch between time and mask mode.

In the mask mode, you can use parts with black image invisible. With white, you will again be visible. The grays produce gradations in between.

Try the same but once your picture is already opened. Clear color with black and colored pencil tool a part of the picture, then fill it with a transparent gray again and remove the cutout with white.

In this example, an area with the crayon tool and coarse black out. If you are “vermalt” have no problem to paint the area with white color again.

mask3

The subtleties are then compared with a smaller tool tip away. It is recommended that you save a larger version to use. It is recommended that you save a larger version to use.

The cut parts can now easily with other parts of image to be filled. The result is often quite new perspectives, like a Caribbean beach in a valley in the Black Forest.

mask4


Eye Color Change

Posted on 10:54 PM In:

Step 1
Since I often read the forums the question, how the hell you eye colors, I have decided that a tutorial to write about how easy using Photoshop (I used version 7.0) eye colors. Thus it is possible you for instance, red eyes on pictures very easily be removed.
First of all, obviously you need a picture on which her eye color / want to change. I have this black and white portrait taken.

color1

Step 2

You’re selected with the lasso tool - Photoshop tool the pupil of the eye. This zooms you to the best eye out. Here is: The more accurately you mark the better the outcome later.

color2

Step 3

Now draw it on the level a new level. Selects the color that the eye will later have the selection still selected, and fill with the filling Bucket Fill - Photoshop tool your selection on the new level.

color3

Step 4

So the eye can only be bad, so we layer mode to Soft Light, and lo and behold: The eye is no longer black and white but has a nice blue color. If the blue you is too intense, you can still reduce the level of transparency. At this point you must simply try out what looks best, because every picture have their different lighting conditions and also to the color of your choice arrives.

At the other eye makes her exactly the same.

color4


Mirroring

Posted on 10:46 PM In:

A mirror can be created in many ways, here I have shown two of the ways to do it.

1. Create a new document of size 300×80

2. Select Type tool (T) and then write a text at the top of the document.
I chose a blue color and size 36px.

spejling1

3. Select the marquee tool (M) and drag a rectangle around the text closely, and then copy the selection (Ctrl + C).
Paste (Ctrl + In) so that you just copied and select the Move tool (In). Check that the top layer in the Layers palette is selected, and drag the text to the bottom of the document, so you have two similar texts together.

4. Go into Edit-Transform-Flip vertical, and then yank the text up a bit so it is just below the upper text.

Your image should look something like this:

spejling2

5. Then press the Add a layer style bottom of the Layers palette and select Gradient Overlay, click the Gradient.

Here click on the arrow in the lower left corner of the color and choose the same color as you have typed text.
In the lower right arrow, select white. Dialog box would then like to look like this:

gradient_editor1

click OK.

6. Put the Angle to -90 and click ok.

gradient_overlay

7. So we just put Opaticy top of the Layers palette to 50%.

Then we finished

spejling_end1

As I said, it could be done in many ways. Another way to do it where you can control the gradient a little more on my show now.

1. Follow the first four steps as shown above.

2. Low as a new layer by clicking Create a new layer (Shift + Ctrl + n) at the bottom of the Layers palette.

3. Select the Gradient tool (G) which, together with Paint Bucket tool in the tools. Check that the linear Gradient is selected in the top menu bar and click on the color of the mark.

4. Put that here both arrows at the bottom color to white, or otherwise, if your background has a different color. The arrow in the upper right corner enable you Opaticy to 0

gradient_editor2

7. With Gradient tool still selected you draw a line from the bottom of the bottom text up the middle in the top text.
Depending on how long you drag the sheet you can control the gradient to fit what you want.

8. So we just put opaticy to 75%.

spejling_end2

You can also use this method on more than one text, For example. images to be mirrored.

Then we finished.


Awesome 3D Box Effect in Photoshop

Posted on 10:45 PM In:

This Photoshop tutorial will walk you through the process of creating some pretty cool 3d boxes. The purpose of these boxes is to highlight important information so it will stand out, literally, on the page. Come check out how we did it and download the PSD file!

This tutorial will show you how to quickly create a 3d box effect in Photoshop. The purpose behind this effect is to make your important one-liners stick out on the page, something that will make people want your product or service. It’s an easy tutorial, but if done correctly, it creates a dramatic effect.

Final Product:

3dboxes

Now that you see what we’re making, Let’s get started.

Step One:

As always, create a new document sized 500×500 (or if you’re making a template, create a new size based on your template). Fill the background with #141317 .

Step Two:

Let’s create the boxes now. Select the Marquee Tool (M) and create a new selection sized 192×79 px . Go to Layer > New Layer (Shift + Ctrl + n) and fill the new layer selection with # 36a4cd . Now you’ve got a basic rectangle shape. We’re going to give it some perspective now. Create a new rectangle layer sized 12×79 px and fill it with the same color # 36a4cd . With your new rectangle layer selected, go to Edit > Transform > Perspective and shift the rectangle up to give it a slight 3d effect. You’ll have something like:

3dboxes1

Keep playing with the Perspective setting until you get a depth you’re satisfied with. Do not worry about the styling, we’ll tackle that in the next step.

Step Three:

Now we’re going to Dodge and Burn the box to give it some depth. Select the Dodge Tool (The - it looks like a spoon) and use these settings:

3dboxesdodgetool

Dodge the upper right corner of your box, do not make it too bright but just enough to give it a nice effect.

Select the Burn Tool (The - the hand) and use these settings:

3dboxesburntool1

Burn the left side of your little rectangle, the one you used Perspectives Wednesday Make it rather dark and fade to a lighter shadow as you get closer to the big rectangle. On the very edge of your little rectangle, where it meets the big rectangle, burn a single line up the side to show where the corner of the box is.

Now we have:

3dboxes11

Step Four:

We’re going to add the text in this step. Use the color # 2E2F34 and type whatever you want in the box. Apply these styles to the text:

3dboxesdropshadow1

Here’s what mine looks like:

3dboxes2

Voila! All you need to do now is duplicate the first box and flip everything horizontally (Edit > Transform > Flip Horizontal ) and you’ll have two boxes.

3dboxes3

We added some other stuff just to spruce it up a little bit. These boxes will look great when used inside of a layout. Do not forget to download the PSD file!

Thanks for reading!


Color change

Posted on 10:43 PM In:

How can you change color in certain areas.

1. Open an image, sometimes I use it here.

bil1

2. Select the Magnetic Lasso Tool (L) and draw a line as close as possible around the car.

3. Since the windows do not also have to change the color keeps you all down, you can look a little less, it means that you select now will be deducted from your selection. Shift attaches to.

4. When you are satisfied with your selection, Go into Image ->; Adjustment ->; Hue / Saturation (Ctrl + d) and switch to a color you like. Check any Colorize.

bil2

Then we finished.


Animation

Posted on 10:42 PM In:

You can also create simple animations in Photoshop by using the associated program Image Ready.

1. Start Photoshop and make a new document of 100×100 px.

2. Now we make the picture so that our animation to begin with. It may be a text, a picture or just one color.

3. Once you’ve made the first image, click Create a new layer the bottom of the Layers palette and then make your final image so you have two images on top of each other. You may click the eye next to your first layer so that it becomes invisible.

layers_palette

4. Now we are finished in Photoshop and should be in Image Ready. Click Edit in Image Ready (Shift + Ctrl + M) at the bottom of the tools.

5. In Image Ready, we need Animations panel. If this is not open click Window ->; Animation.

6. As you can see in the animation panel is an image. Then click the eye of the Layers palette so that only the layer you want to start your animation to be visible.

7. Then click the Duplicate current frame Animations bottom of the panel, and click again on the eyes in the Layers palette so that only the layer you want to connect with your animation is visible.

Now you have as your starting image and your final image in Animations panel.

8. Now click on the final image in Animations panel and click the Tween bottom of the panel.

9. Put the settings to Previuos Frame and 5 Frames to Add, and click ok.

10. Put the first image to run in 2 seconds, click just below the picture. Put the middle 0.1 seconds and the last 2 sec.

animation_panel

11. Then select File ->; Save Optimized AS.

animation_end

Then we finished.

NB.You can always make several frames in your tween to make the transition smoother.


Lighting an image

Posted on 10:40 PM In:

How you can correct the lighting in an darken image.

1. Open a dark picture, if I use it here and taken a night for a parade. Open a dark picture, if I use it here and taken a night for a parade.

dark

2. Double click now on your Background layer and click ok.

3. Go into Image ->; Duplicate and call your new picture “Mask”.

4. In the new image that is a copy of the old, Go into Image ->; Mode ->; Grayscale and click ok.

5. Go into Filter ->; Blur ->; Gaussian Blur and set Radius to 5 pixels.

6. Go up finally Image ->; Adjustments ->; Invert.

billed2

7. We must now return to our first image. Go up the Window and select the first image below the bottom.

8. Go into Select ->; Load Selection. In the document, select the mesh and select Channel Background Gray.

9. You should now see a selection of the dark areas on your image. go up the Layer ->; New ->; Layer Via Copy.

10. Select your new layer and go into Edit ->; File and set Use to 50% Gray, Blending Mode to Color Dodge, opacity to 100% and check Preserve Transparency.

light

Then we finished.


Shadow

Posted on 10:39 PM In:

How you can easily and quickly make things shadows.

1. Find a picture, sometimes I use it here by a man running.

shadow1

2. Double click now on your Background layer and click ok to lock it up.

3. Select the Magic Wand (In) and click on the man, if you are not completely satisfied with the marker comes around man, you can adjust the Tolerance up the Options bar.

4. Once you have your markers go into Edit ->; copy (Ctrl + C) and then 2 times in the Edit ->; Paste (Ctrl + In). Delete as your first layer, so you only have two layers with transparent backgrounds.

5. Move the shape of the rear left and press Ctrl + T or Edit ->; Free Transform.

6. Up in the Options bar you write 40 with the first H and then 65 off the last H to tilt the figure.

7. Move so that your shadow so it fits in relation to current and press enter.

8. Select the Paint Bucket Tool (G) and find a very light gray, as you put on your shadow.

shadow2

Then we finished.


Hand how to make words

Posted on 10:22 PM In:

What is the word in hand? Hand the word generally refers to text interspersed between, the formation of inter-related effects.

It has the performance edge, commonly used in English and the art of digital effects design. Each word interspersed hand, the effect of inter-related How did this happen? Here’s how to use the word Photoshop5.5 the production of hand.

hand

1. Create a new size of 10cm × 6cm of the RGB file, and filled with a red background.

2. In the toolbox, select the text tool, type in the new image number “2.” In the Type Tool dialog box, select the Faux Italic, the font settings for You Yuan (David yen), the size of 200points, the color blue.

3. To use the same method of 3 enter “0″, colors are blue, Green, yellow. Each figure represents a layer.

4. To adjust the location of the various relations between the layers, so that all adjacent overlapping figures. And online at the same level.

5. The Type menu, choose Layer, the implementation of Render command of the various layers into a common text layer.

6. The Effects menu, choose Layer, the implementation of Belev and Emboss command, respectively, to the layer where all the figures add the effect of lead angle and relief. In the Effects dialog box, select Down items, other items may be the default settings.

hand11hand111

7. Hold down the Ctrl key, click in the Layers Panel “2″ where the layers, the number “2″ selected.

8. In the toolbox, select the ellipse lasso tool, according to Alt key in the “2″ and “0″ in Central Office of overlap drag the mouse to the constituency minus.

9. And then switch to the first “0″ (that is blue “0″) where the layer, according to Del key to delete the first “0″ and “2″ from top to bottom where overlap.

hand2hand22hand222

10. Repeat Step 7 to Step 9, the same deal with other figures. The difference is that “0″ and “0″ only in the next two are overlapping, overlap should be eliminated under the Office of the constituency and then delete. finally, as shown above can be “2000″ word in hand.

11. finally, the combined layers.


How to Create Your Own Stylized, Vector Badge (PS)

Posted on 10:14 PM In:

In this tutorial, we will learn how to illustrate a face with the help of a photo, and how to create a customized pin button out of it. This is a fun tutorial using relatively simple techniques. Let’s get to it!

Final Image Preview

Below is the final image we will be working towards.

step

Step 1

I went over to stock.xchng and picked a photo that I thought would suit an illustration for a face. The guy had such a cool look on his face that I couldn’t pass. Let’s start with placing the image into a new Illustrator document.

step01

Step 2

Lock the image layer and create a new layer. Then start tracing the face with the Pen Tool (p). I chose a gray since I am going for a black and white look.

step02

Step 3

Start tracing the eyebrow with a black fill. Be as easy going about it as possible. We are not going for a photo realistic look, but rather for a stylized one.

step03

Step 4

Trace the other eyebrow too, as shown below.

step04

Step 5

Then move on to the eyes themselves. Start by simply tracing the outline.

step051

Step 6

I filled the eye outline shape with a light gray. Then add the eye details. Simple but effective. Just add a shape filled with a darker gray.

step06

Step 7

Then add the pupil as a half moon black filled shape.

step07

Step 8

Add some highlights to bring the eyes to life. You can do that by simply adding two small white circles and place them into the pupil.

step08

Step 9

Next we need some eyelashes. Take the Pen Tool (p), and start tracing an eyelash, then duplicate it several times and place them around the eye.

step09

Step 10

Next we will trace the lips. again, keep the shapes simple, just trace in easy shapes with the Pen Tool (p). Remember, the Pen Tool is your best friend. Now fill the shapes with a red color and a black stroke, and fill the upper lip with a darker red. This will give the face a dramatic look, since we kept the other shapes black and white.

step10

Step 11

Start tracing the hair. Since the photo cuts of the rest of his head, we need to get a little creative. Just imagine the hair and add as many points and loops you need. Fill it with black.

step11

Step 12

Don’t forget the nose. Trace it and then fill it with a gray gradient, linear or radial, it depends on how it will blend in with his face color.

step12

Step 13

Here is the finished face. I went ahead and stylized it some more, sliced it up, and filled each shape with a different gray or black.

step13

Step 14

Let’s move on to the pin button. Create a circle and fill it with a white to black radial gradient, then add a Drop Shadow. Set the Layer Mode to Multiply.

step141

Step 15

Make two copies of the circle, scale one down and set the Layer Mode to Normal. Now add a gray Stroke of 6pt to the inside. Select both and Divide them via the Pathfinder palette.

step15

Step 16

Delete the inner part with the Direct Selection Tool (A) and place the circle shape on top of the other.

step16

Step 17

Duplicate the first circle in Step 14 and scale it down a bit and place it on top.

step17

Step 18

Create a small rectangle (M) and fill it with a black to white to black linear gradient. Apply rounded corners (Effect > Stylize > Rounded Corners) and a Drop Shadow.

step18

Step 19

Repeat Step 18 and create another rectangle, but don’t apply the rounded corners, just a Drop Shadow.

step19

Step 20

Next, create a needle shape with the Pen Tool (p) and fill it again with a linear gradient, then add a Drop Shadow.

step20

Step 21

Create another small rectangle (M). Add rounded corners, a Drop Shadow, and set the Layer Mode to Color Burn.

step211

Step 22

Create another rectangle, but cut out the middle, just like you see below. also, add a Drop Shadow.

step22

Step 23

Let’s move on the top part of the pin button. Create a circle that is the same size as the back part of the pin button. Fill it with white and add a Drop Shadow.

step23

Step 24

Create a sickle like shape by simply dividing two circles via the Pathfinder palette. Fill it with black and set the Layer Mode to Multiply.

step24

Step 25

Create another circle on top and fill it with a radial black to white gradient. Set the Layer Mode to Multiply.

step25

Step 26

Create two funky shapes, one in black and one in red, then overlap them.

step26

Step 27

Select both and apply the Pucker and Bloat effect (Effect > Distort & Transform > Pucker & Bloat). Apply the settings shown below.

step27

Step 28

This is what it should like with the effect applied to both shapes.

step28

Step 29

Make a copy of the circle for the pin button, remove all effects and fills, then place it on top of the puckered shapes. Select all and apply a Clipping Mask (command + 7).

step29

Step 30

Place the clipped shape on top of the pin button. Then create a small circle filled with a very light gray to white radial gradient and set the Layer Mode to Overlay.

step30

Step 31

Take the face and group it (command + G), then place it on top of the pin button and scale it down if necessary.

step31

Conclusion

This is the final result. A stylized pin button with an illustrated face. Of course, you could use your own photo, or even a photo of yourself. Enjoy!

step32