como hacer fondos de pantalla?

{ sábado, 31 de octubre de 2009 }

Final Image

This tutorial will show you how to create an image similar to this:

Step 1

Start by creating a new document, here I used 1024×768px and 72dpi. Using the paint bucket tool (G) fill the background layer with black, alternatively you could use a dark gradient instead. Click the brush tool (B) then change the settings of this brush to a 1px round, white brush with 0% hardness. Create a new layer then select the pen tool (P) and in the main toolbar make sure paths is selected, now start slightly outwith the canvas on the left then using about four points draw a curve with a similar shape to the one below. Right click anywhere inside the document then select stroke path, make sure simulate pressure is checked then hit OK. Lastly hit the Esc key twice to get rid of the path.

Step 2

Now hold Ctrl and click on the layer with this curve in it, in the layers panel, this should make a selection around the line. Next go edit>define brush preset and save that curve as a brush. You can now hide this layer by clicking the eye next to it in the layers panel. Select the brush tool again then bring up the brush settings by going window>brushes. Choose the brush that you just made then use the same settings as below.

Step 3

Create a new layer to hold our lines. Okay we now want to use this brush to create the lines in the picture so first drag from the left of the canvas to the right until you end up with something that resembles the image below. Not that each line is slightly different, this is because in settings we made it change angle and roundness.

Step 4

Now we will make the lines glow so right click on this layer in the layers panel then select blending options. Use the settings shown below for a drop shadow and an outer glow. Note that although we used a drop shadow we are still using it to create a glowing effect this is because we changed the blend mode of this effect from multiply to normal.

Step 5

Right click this layer then select duplicate layer to make an exact copy. Now go into the blending options for this layer and the only thing we want to change is the gradient to the the other rainbow one because you will notice there are two different rainbow gradients, one has transparent edges and one doesn’t.

Step 6

Optionally now you can blend out some of the ends of these lines by either using the erasor tool on both layers or a better way to do it would be to put both these layers in a new group then create a layer mask a paint it out some parts. If your happy with your image then skip on over to the next step.

Step 7

Here I added some beads on the line, this can be done using the same technique from step 3 to step 5 except use a small 2px or 3px round brush instead of the brush that you made yourself.

Step 8

Now create a new layer and select a large soft brush then change the foreground color to a bright color and brush some random shapes. Repeat this with a few diifferent colors to end up with an effect like this.

Step 9

Next go filter>blur>gaussian blur and use a value of around 100px then change the blend mode of this layer to color. I’ll let you decide what opacity this layer should be but I used about 50%.

Similar Tutorials:


trucos de photografia

{ }

Wildlife Photography Tips: Take Better Wildlife Photos

This post describes some basic tips to improve the quality of wildlife photography. Anyone interested in capturing more compelling images of animals will find it useful in furthering the development of their skills.

Your Rights as a Photographer

Your Rights as a Photographer

Don’t find yourself in a situation where you could face legal action. Understand your rights, and your responsibilities as a photographer, as well as the importance of Model Releases.

Photography Troubleshooting: No More Bad Photos

Photography Troubleshooting: No More Bad Photos

Running into problems when taking photographs over, and over again? Here’s a handy guide that will help you troubleshoot your problems, and improve your shots all at once!

Crop Factor (Focal Length Multiplier)

Crop Factor (Focal Length Multiplier)

The Crop Factor is a term that can be heard quite often in the world of digital photography. What does it mean that a camera has a crop factor of 1.6x and how does it affect your focal length? We try to untangle this issue and describe it as clearly as possible.

Before you Buy: Choosing a Camera Bag

Before you Buy: Choosing a Camera Bag

Camera bags can be one of the most difficult pieces of equipment to choose. No camera bag is made to fit every occasion so I will here talk about some different types of bags and cover a few points to consider.

Photography: Little Known Ways to Avoid Problems in the Field

Photography: Little Known Ways to Avoid Problems in the Field

Photography is all about preparation. Instead of running into problems when you’re out shooting, understand some easy ways of tackling the more common problems you may run into!

Digital Adjustments & Development

Digital Adjustments & Development

Back in the old days with 35mm film the photographer had his darkroom where he developed the film, in our day and age the computer has taken over the role. This article will deal with some of the adjustments you can use to develop your photographs in the digital darkroom.

efecto luz Photoshop CS4

{ }

Magic lighting effect in photoshopListThumbs

Magic lighting effect in photoshop

March 28, 2007

Since my last article on how to create smoke generated lots of traffic, I decided to write another one on some of the photoshop effects. Although I use Photoshop on a daily basis, I am by no means a photoshop expert.

Well what I want to show here is how to create a nice light and magic effect.

1 - Create a radial gradient, in this case from a purple to a really dark purple

2 - Here I added a really cool Icon of a magic hat from the Crystal Clear Collection by Everaldo

3 - Add some text, I used the source code of a site to get the text and apply the Distort >Wave filter


Create two stripes of text

4 - Rotate and place the text

5 - Add some light using glow : Use different values for each line of text, the secret here is the blending option COLOR DODGE..


Change the values of Spread, Size and Range

6 - Group the 2 lines of texts and with one apply a mask to make the stripes disappear at their ends.

7 - With the other group of text apply a gaussian blur, after that delete some parts to show the non-blury text.


This will add a movement feel to the text, like they are really being magically created.

8 - Create a new layer below the text and with a regular big brush like 100px add a spot of light in white.


The layer must be below the text, otherwise the glow will not affect the white spot

9 - Make some smoke again, I used the eraser, I could've used the liquify as well

10 - Create a cloud: to do that make use a marquee with feather set to a value bigger than 20 and apply the render>clouds holding the command key(mac), ctrl key(win).


The same as the previous post, and the most important thing apply the COLOR DODGE blending options on it

11 - Sparks: For the sparks create a brush, play with the shape dynamics, scattering, and other dynamics. After that, apply a Outer Glow and Inner Glow to create the magic effect.

End - The result is really simple but at the same time it looks beautiful.

efecto increible photoshop CS4

{ }
Design a Coldplay/Apple Inspired Portrait in Photoshop

You don’t have to be an obsessive Coldplay fan like me to admire the beautiful effects shown in the latest Coldplay / Apple ad. This tutorial will show how to design portraits based on that style.

Coldplay / Apple Style Portrait

This tutorial will show you how to create a portrait based on the style of the latest Coldplay / Apple Ad featuring “Viva la Vida” from Coldplay. In case you’re not familiar with the commericial I’m referring too, findthatsong has uploaded a copy of it onto YouTube.

Here’s a quick look at what we’re going to create:

Coldplay / Apple Style Preview

Before going any further, I’d like to give a quick shout out to Fabio who wrote an awesome tutorial for a similar effect based on the same ad. Maybe I’m not the only Coldplay fan out there!

Time to begin!

Step 1 – Create the Document

Begin with a document sized to your liking. I’m working at around 750×450px myself, but the exact size really doesn’t matter.

What does matter is the background color though. Using the Paint Bucket Tool, fill your background layer with a dark (nearly black) green or blue (#010500).

Step 2 – Adding Light

Create a new Layer.

Using a large, white, soft brush (500-1000px, 0% Hardness), paint the lower part of your image. The brush should basically extend from the very bottom of your canvas in all direction to the other edges of the canvas.

Lower the Opacity of your new layer to around 70%.

Background with a Soft Glow added

Step 3 – Coloring the Light

For this step, we’re going to be playing with a similar effect that I discussed in my Unique Abstract Website Header Photoshop Tutorial. Create a new Layer, and select a large (400-600px), soft, orange (#f38c11) brush. Paint a large dab to fill the bottom right of the canvas.

Now select a light blue (#2afaf0) and paint in the bottom left of the canvas.

Finally, fill in the top center of the canvas with a shade of purple (#c94ce1).

Set this layer to Overlay.

Color the Light in the Background

Step 4 – Adding some Highlights

Create a new Layer.

Using the Brush Tool, and a small (30-60px) soft, white brush, paint a few lines curving around the center of your canvas. Apply a Radial Blur (Filter > Blur Radial Blur), using the Spin blur method with an amount between 50-70. Set this layer to Overlay.

Add highlights with paint and a radial blur filter

Step 5 – Insert Photo

Desaturate the Subject

Time to add a photograph of our subject into the portrait. Going over the process of cutting out a subject is out of the scope of this tutorial, but I will suggest using the Pen Tool to prepare such a cutout.

When you have a cutout prepared, Paste it into a new layer in your document. Line it up so that the highlights seem to be coming from behind it.

Destaturate (Images > Adjustments > Desaturate) the cutout so that the subject is black and white on top of the colored light we created earlier.

Step 6 – Dodge and Burn

In the Coldplay / Apple commercial, the subjects are nearly silhouetted with the light bursting out from behind them. However, the photo I chose is pretty clear, as if there is a light source in front of the subject.

If you have the similar problem on your image, you can fix it using the Dodge and Burn Tools.

Grab the Burn Tool (Located underneath the Paint Bucket Tool) from the toolbox, and in the Options Bar, set the Range to Shadows. Using a large, soft brush, paint over most of your subject to darken it. I’m going to leave a bit of the right side of my subject lit up to show that there is some light reflecting off of him.

You can go back with the Dodge Tool to bring out some brighter highlights if you find it helps light up part of your subject.

Dodge and Burn Tools in Photoshop

Finished with Dodge and Burn

Step 7 – Adding the Smoke Effect

There are a few ways we could go about creating smoke in our design (We actually featured an interesting smoke effect in our May Tutorial Roundup), but in this tutorial we’re actually going to use a stock image.

Download the “smoke” stock image from stock.xchng (Requires a free account).

Paste and Transform the smoke stock image so that it’s positioned and sized somewhere over your subject. Set the blending mode for this new layer to Screen.

Smoke Screened on top of subject

Screen Blending Mode

Confused about what just happened? The Screen Blending Mode can be very handy sometimes, as any pixels that are black will essentially become transparent in the blended layer.

Step 8 – Adjusting Smoke Color

Using any of the Selection Tools (Magic Wand Works Great), select the smoke from the stock image. Apply a feather to the selection (Select > Feather) of a 1-3px to soften things up.

Create a new layer, and using the Paint Bucket Tool, fill your selection with a light blue/cyan (#28dff5). Set this layer to Color.

Finished Colored Smoke

Step 9 – Enhancing the Background

Duplicate the Smoke layer (not the color, but the smoke layerLayer > Duplicate Layer while selected), and move the new layer underneath your subject layer.

Transform the new smoke layer so that it takes up a lot of the background behind your subject. Set this new layer to Color Dodge. You may wish to also apply a slight Guassian Blur to this layer.

Creating a Mystic Background

Step 10 – Add Dark Lines

Steps for creating the Black Lines

Create a new layer underneath your subject. Using the Rectangular Marquee Tool, make a long selection spanning about the width of your canvas.

Fill the Selection using the Paint Bucket Tool with a dark color (black will work fine).

Deselect your selection by going to Select > Deselect (Or Ctrl + D).

Now, Transform your black rectangle (using Free Transform, Scale, Rotate, Perspective, or any mix of those you are comfortable with). We want the side of the bar that is going to be underneath our image to be more narrow than the end coming out of our subject (similar to a sunburst effect).

Use the Move Tool to reposition your bar. Set the blending Mode to Overlay. You may consider fading your bar out like I did with a large, soft eraser.

Add a few more of these bars using the same technique.

Black Bars added to the Design

Time for Polish

At this point, you’ve finished the effect we were aiming for! You don’t have to stop here of course. If you’re going to continue playing with the design, and adding your own finishing touches, here are a few suggestions that may get you started:

  • Add a Vignette – Fade out your borders to a dark black color. Since we’re designing a portrait in this tutorial, it’s a really nice way to frame your subject!
  • Add some abstract dust – We’ve got a brilliant Photoshop tutorial for adding Abstract Dust and Spray Effects to designs like this which you may be interested in!
  • Play with Text – Some clever text placement can really add a lot to a design! White text seems to look really great on top of this effect, especially if you’re using a blocky Type.

As usual, you can grab the PSD Sample to play with and see how we went about doing certain things!

And here is another example of the style put to good use!

Ocean is Theory Sample

Crear una imagen para fondo Windows Vista

{ viernes, 30 de octubre de 2009 }

Final Image Preview

Before we get started, let's take a look at the image we'll be creating. Click the screenshot below to view the full-size image. As always, the layered Photoshop file is available via our PSDTUTS Plus membership.

Final Click

Step 1

Start a new screen sized document in Photoshop. In this case, I chose 1024px by 768px resolution so I can see the whole thing without scrolling. Fill the background with black color. Then pick the Polygonal Lasso Tool, and choose a part of the document. Then use the Gradient Tool to draw a gradient from white to transparent into new layer. Repeat this several times (always into new layer).

Step 2

To make the background less expressive, turn the Opacity down.

Step 3

Merge the layers together (Ctrl + E). Then blur them with the Gaussian Blur filter. A small preview of whole document follows.

Step 4

To make it more expressive in some places continue drawing radial gradients from white to transparent.

Step 5

Turn its opacity to a hardly remarkable level.

Step 6

Well, there is never enough white to transparent gradients, right?

Step 7

Just don't forget to turn the opacity down wisely.

Step 8

You can make the background more interesting by copying all the layers and flipping them (Ctrl + T), or move them a little.

Step 9

256 shades of grey aren't enough for this gentle manipulation.

Step 10

That is why we should merge the layers together, and blur them again a little. That is what solves the rough gradients, but another problem arises - the picture darkens on the sides, and the dark parts make strange "waves."

Step 11

This can be fixed with a larger document than the screen resolution, or add a frame that is wide enough. And remember that for next time. That is how we solved random gradients on a background.

Step 12

Now we can start doing the foreground with blue and green curves. Start with drawing a huge ellipse with the Ellipse Tool. Pick the Path Selection Tool (A). Then select the ellipse, copy it (Ctrl+C), then insert it (Ctrl+V), and then transform it (Ctrl + T) to make it smaller. Set the drawing style for this path to subtract, so we see only what is between these two ellipses.

Step 13

Fill the layer with a blue color (#62AAF4). Then copy, move, enlarge, make it smaller, and turn the Opacity down or up. Do this a few times.

Step 14

Then repeat these actions with the green (#20EDC4) shapes.

Step 15

Next I decided to darken the gradients in the background a little, as they get too much attention. This should be better.

Step 16

Continue with creating larger curved shapes. Then blur those shapes, which will give that extra glow effect. Notice the big blue curves being created in the image below.

Step 17

Next we'll make big curve shapes for the greens as well. Those big shapes are the previous ellipses copied. Then with Path Selection Tool, we select one smaller ellipse that gets smaller again. See the image below.

Step 18

The colors of those shapes are still the same, just the Opacity is turned down. Sometimes, the opacity is turned down to a hardly noticeable level of (5-10%), as shown below.

Step 19

Place all the blue and green layers into a new folder. Then copy that folder, move it sideways, and turn it a little.

Step 20

Let's get started with the lighting part. The first step is to change the layer's interaction to Linear Dodge .

Step 21

The second step is to add the layer effect of Drop Shadow. Set it to a large size with the color the same as the shape in the layer (blue, green). Also, set the interaction to Linear Dodge again.

Step 22

I don't have enough green layers in the document, so I copy some more.

Step 23

Copy the layer styles to every blue layer (just change the effect color to blue). Part of the design is shown in the following image, which is the result we want so far.

Step 24

To achieve the bright glowing light look, we need to repeat the same things over and over again. You can use the previous big layers, merge them together, and set their interaction to Linear Dodge. Then you can add a mask layer. Then go to Filter > Render > Clouds in this mask. That makes the layer visible in only some places.

Step 25

If you make all layers visible, the result becomes more expressive.

Step 26

We can do the effect manually as well. For example, create a new Adjustment layer with the Brightness & Contrast turned up. Fill the layer mask with a black color, which makes the effect visible nowhere. Then start drawing in the mask with a white soft brush. The brush revels the effect. It increases the brightness only where you want it to. This technique may be used for the final brightening of both the blue and green curved shapes.

Step 27

Here is the preview at 100% size. Using the adjustment layer generates good looking overburns.

Final result

Your image is complete. Again, do not hesitate to experiment. You are only limited by your computer performance. Click the following picture to see the result at 100% in 1024px by 768px resolution.

Conclusion

It is not difficult to change the final resolution because every single layer was larger than the document window. Either you can enlarge the document size (shapes are in vectors, so there are no quality defects), or you can enlarge the canvas size (the layers stay the same, but you make visible the parts that were hidden before).

Canvas size manipulation was used when preparing the following picture at 1280px by 1024px resolution. This one deserves some adjustment, but it's up to you now. Good luck with your work!