Texto efeito pedra 3D

In this tutorial we will create a typographic 3D with Illustrator and give a touch of Photoshop to create more realistic effect. We will create a text with the effects of stone stands beside ‘Tugu Jogja’ at night with a fairly easy technique. Here we will also learn about lighting techniques and use texture to create more realistic 3D effect.

Final Image Preview

Before we get started, take a look at the image we’ll be created. You also can view the actual size.

Step 1

Open Adobe Illustrator to start creating 3D text. Using Type Tool type ‘Jogja’ using capital letters. Font that I use here Helvetica LT Black with 300 pt font size with the font color white #FFFFFF (in the following figures using black color only to be seen).

Step 2

Click on the text ‘Jogja’ with the Selection Tool and then select Effect > 3D > Extrude & Bevel and set like the following picture. Press OK when you’re done.

Step 3

Select Edit > Copy to copy the 3D text we have made, or press Ctrl + C. Open my photograph of Jogja’s monument with Photoshop. Paste the 3D text in Photoshop document, press Ctrl + V will appear paste options, select the Smart Object.

Step 4

The next step we will create the effect of cracks on the road that lies below the text. Open this fractured land image with Photoshop and paste in our documents. Press Ctrl + T and minimize the size of the soil texture. Do not press enter, right click on the layer of soil texture and choose Distort. Click on each corner and slide it up like the following picture.

hit enter, change the Blending Mode to Multiply. Delete some parts of the edge rows of soil texture to be more realistic and the Corners are not visible.

Step 5

Now we will create 3D text look like stone. Open this wall texture with Photoshop and paste to our documents. Press Ctrl + T and minimize the size of the wall texture. Right click on the wall texture layer then select the Distort and drag each corner until like the following screenshot. Create a selection around the text JOGJA, then add a layer mask on the wall texture.

Change blending mode of the wall texture layer to Linear Burn with opacity 70%. Until here we get following picture.

Step 6

Create New Adjustment Layer by clicking Layer> New Adjustment Layer> Levels and then select Lighten Shadow at level option. This makes 3D text brighter. Press Alt and click on the border line layer 2 and layer-level, this will create a level only gives effect to the layer 2.

Step 7

Create a new layer. Make a selection as we did in step 5, use the Gradient Tool (G) to create Linear Gradient from black to transparent at the bottom of the 3D text.

Step 8

Note the color of Tugu Jogja, seems a bit yellow at night. We will create 3D text has a color such as the Tugu Jogja to make it more realistic. Add a new layer above the layer ‘levels 1′. Make another selection as we did in step 5. Change foreground color to #fb8701, fill the selection with #fb8701 area using the Paint Bucket Tool (G). Change the blending mode to Color and add a Layer Mask. Perform masking using theGradient Tool (G) at the bottom of the text.

Step 9

The next step is to give some shadow of 3D text. Use the Pen Tool (P) to create a path like the following picture. Create a new layer, fill the path with black #000000, on the menu bar select Filter> Blur> Gaussian Blur with a radius of 2 pixels. Change the opacity to 60%.

do the same for the other letters, we’ll get a picture like the following.

Step 10

Type ‘JOGJA’ with Helvetica LT Black font, font size 300 pt with the font color black #000000. On layer palette, right-click this new layer, select Convert to Smart Object. Press Ctrl + T and do distort transformation as in step 4. Change Opacity to 60% and click Filter > Blur > Gaussian Blur, use a radius of 3 pixels.

Step 11

Give a little more shadow on the bottom of the text. Create an elliptical path under the letter J, create a new layer and fill this path with black. Click Filter > Blur > Gaussian Blur, use a radius of 3 pixels and change the layer Opacity to 60%. Do it for the rest of the other letters with the size of the ellipse according to the letters that will be given a shadow.

Step 12

The final step, create a new layer by choosing Layer > New Adjustment Layer > Curves and place on top position on the layer palette. Set the Curve as a screenshot below.

Final Result

This is the final result of our text effect this time. I hope you enjoy this tutorial, please subscribe to Grafisia RSS feed or simply share this tutorial to your friends.

Download psd file
Fonte: http://grafisia.com/tutorial/photoshop/stone-effect-on-3d-typography/

Texto em vidro

In this Photoshop tutorial, we’re going to use some layer effects to make a text style that looks transparent and stunning. In order to more easily follow this tutorial, you need to download the sample PSD and Photoshop style from the link at the bottom of the tutorial.

Final Image Preview

This is Photoshop text style that we’ll create on this tutorial, You can view the final image preview below or a larger version here.

Step 1

To begin this tutorial, we’ll first choose a nice background for our text. There’s a fantastic photo of grass on Flickr by 100kr. Now we need a text. We start by typing the text. Notice, we will create a Photoshop style here, so you can use any font you wish. If you want to use fonts that are similar to mine, download Porky’s here.

Step 2

Now we will start using the Layer Style. Double-clicks the text layer to bring up the layer style window. On the first page of the layer style window, change the Fill Opacity to 0%. And you see the text disappear.

Step 3

Click on the words Drop Shadow and change the following settings. Don’t click OK yet.

Step 4

Now add Inner Shadow Style to the text. Don’t click OK yet.

Step 5

Still in the Layer Effects dialog box, click on the words Inner Glow, Use the settings in the image below, but don’t click OK yet.

Step 6

Layer style that we use next is Bevel and Emboss. Screenshot below will provide information on how the settings I use here.

Step 7

The last step we will give Satin on the text layer. Set Satin like the picture below and press OK when finished.
In any case, you can see all the exact settings by downloading the sample PSD file from the link on the bottom. You can then right click that layer and hit Copy Layer Styles if you just want to paste it into your own file.

Final Image

Download psd and Photoshop style file
Fonte: http://grafisia.com/tutorial/photoshop/transparent-glass-text-effect-photoshop/

Texto esculpido em madeira

Today I write a trick that allows you to create interesting pressed text effects using Photoshop. I also will give Photoshop Style file that will make your graphic design work becomes easier.

Final Image Preview

This is Photoshop text style that we’ll create on this tutorial, You can view the final image preview below or a larger version here.

Step 1

First, we need a good background image for our text. And I’ll use the wood texture image I created in tutorialtricks to make realistic wood texture using Photoshop. We begin by typing the text. Notice, we will create a Photoshop style here, so you can use any font you wish.

Step 2

Now we will start using the Layer Style. Double-clicks the text layer to bring up the layer style window. On the first page of the layer style window, change the Fill Opacity to 0%.

Step 3

Now add Inner Shadow Style to the text.

Step 4

Layer style that we use next is Bevel and Emboss. Screenshot below will provide information on how the settings I use here.

Step 5

The last step we will give Color Overlay on the text layer. Set Color Overlay like the picture below and press OK when finished.

Final Image

Download psd and Photoshop style file

Fonte: http://grafisia.com/tutorial/photoshop/pressed-style-text-effect/

Photomosaico

In this Photoshop tutorial, I’ll show you how to use mosaic technique in Photoshop to gather together a collection of images, place them all on one document and then blend them into a main image so they show through.

Final Image Preview

Take a look at the image we’ll be creating. You can view the final image preview below or a larger version here.

Step 1

The first step is to create a folder in which to place all the images you want to use as the background mosaic. make sure you put duplicates of the originals in here. Then we’ll create an action, open up one of the images and then select Window > Actions. Click the action menu at the top right of the palette and selectNew Action.

Step 2

When this window appears, click Record and all your movements will now be recorded.

Step 3

Go to Images > Image Size and uncheck Constrain Proportions, but check Resample Image. Type 1cm in Width an Height fields and make the resolution 200ppi. Click OK and then save the image. Close the window. Now click the gray square at the bottom of the Actions palette to stop recording.

Step 4

Now turn an action into a droplet. Go to File > Automate and select Create Droplet. Hit the Choose button to set a save destination for the droplet, pick the resizing action you’ve just created from the Action pull-down menu and click OK.

Step 5

Go back to the file of photos you selected earlier and then highlight them all. Now drag them over to the droplet icon to be converted into 1cm x 1cm squares. It will take a while.

Step 6

Once the image are all converted, it will be time to put together the background mosaic. This is done using the Contact Sheet II Photoshop plug-in. If you are working in Photoshop CS4, you need to download and install the plug-in. Here are the download link for PC user and mac user. To get it going, pop over to File > Automate > Contact Sheet II.

Contact Sheet II needs to know which photograph to turn into a contact sheet, so hit Browse and navigate to where they are. Once you have selected the photos to be converted, move down to the Document area and type in your measurement. I used 1280px by 800px at 200ppi, but you can set your own. Make sureFlatten All Layers is ticked. Now enter how many columns (across) and rows (down) you need. Because our photos are 1cm squared, this is a straight one-to-one ratio. Tick the Rotate For The Best Fit box and then put 0 in the Vertical and Horizontal areas. This will ensure there are no gaps in the sheet. Hit OK to create the sheet.

Step 7

Contact Sheet will present a small thumbnail giving you an idea of how its looks. It will also tell you how many photographs you have in your chosen source images folder. If you haven’t enough photos to fill the space, copy and paste a section to fill the document.

Step 8

Open your main image, select all and then copy and paste into your contact sheet. For this project I used anold car under sunset picture that I get from the Stock Exchange. Change the layer mode to Hard Light to allow the thumbnails to show through. And you’ve done.

Final Result

Now you’ve got your own photo mosaics. Click the image below to view the image in actual size. I hope you enjoy this tutorial, please subscribe to Grafisia RSS feed or can also subscribe via e-mail.

Fonte: http://grafisia.com/tutorial/photoshop/create-dramatic-photo-mosaics-photoshop/

Rolo de Filme

Photo gallery with a good appearance can be a work of art itself in addition to the photographs which are arranged therein. Like the photo gallery that we will create this time, such a unique curved manual film camera-dent. The technique used here is the Warp transformation with Photoshop.

Final Result Preview

Before we get started, take a look at the image we’ll be created. You also can view the actual size.

Step 1

Create a new document the size 1920 x 1200 pixels with a resolution 300 ppi and select white as the background color. In this first step takes a little ability to use the Pen Tool (P), create a path like the following picture.

Step 2

Right click and select Stroke Paths with Brush tool, don’t forget to set the diameter of 5 px brush with 100% hardness and red as your foreground color. So we’ve created the strip as a guide to transforming our image.

Step 3

Open the film image with Photoshop, copy and paste in our document. In each box put the pictures and adjust its position to fit in the middle of the box. Separate the film one by one. Film that its position lies on the curve, change shape with press Ctrl + T, right click on the ribbon of film and select Warp. Drag each corner so that we find the edges of the film formed as the edge of the strip. For more details, see the following figure.

Step 4

For the second curve we use two and a half film box, do the transform with the Wrap as in the previous step.

Step 5

For the third curve we use five and a half film box, transform as shown below.

last curve of the film use two half-box, do the transform with the Wrap as in the previous step.

Step 6

Until this step we get the following result.

refine uneven edge of the image, so we find the following changes.

Step 7

The next step is to create a shadow on the curve. Using the Pen Tool create a selection like the curve shape, then make a new layer above the layer that will be given a shadow, and after that create a gradient from #000000 to a transparent at selected area.

Do the same for the next three curve area.

Step 8

To make it seem real, we give the effects of light on some curved areas. Step, first make elliptical selection with Elliptical Marquee Tool. Click Select > Transform Selection and change the position and size selection as shown in the following figure. Then choose Select > Modify > Feather, set the radius 50 px.

Create a new layer, put it at the top, fill with white # FFFFFF, change the Fill Opacity to 75% and then do the masking with the selection like the following picture.

do something similar on the bottom curve, but this time change the layer Opacity to 90% and 94% Fill.

Step 9

Next go to this film roll picture with Photoshop, copy and paste in our documents. Put this film roll layer behind the photostrip image, then do the masking on the leftmost part of the image photostrip to appear out of the film roll. in addition to the layer mask you can also use the Eraser Tool to delete.

Step 10

Make a selection on the bottom half of the document, then drag a linear gradient from bottom to top, from the foreground color #918f92 to background color #eef0ef.

step 11

The next step is to provide a shadow on photostrip. The first way create path as shown below, and then create a new layer behind photostrip. Fill the path with black #000000, set the opacity and fill to 50%, and then click Filter > Blur > Gaussian Blur, set the radius 4 px. Do the same for the left end.

Final Result

This is the end result of a photo gallery that we make. Try this trick to create a unique gallery for your image collection. Do not forget to subscribe to the Grafisia RSS Feeds.

Fonte: http://grafisia.com/tutorial/photoshop/create-unique-photo-gallery-with-photoshop/