10 Original 3d Text Tutorials

3d text in Photoshop can be tough, especially making a really nice looking composition. I have looked around the web and I have seen a lot of 3D text that is 3D, but it doesn’t quite blow you away. Below you will see 10 different ways to make 3d text that are stunning.

Click on each title to view the tutorial on how to make that effect. You can click on the images themselves to see a larger version of the image.

1. 3d text with a splash of awesome

3d Text with water
Stunning 3d text in Photoshop with a realistic water effect

2. Shiny colorful 3d text

shiny and colorful 3d text
Create this stunning colorful and shiny text effect with this Photoshop tutorial

3. Realistic Grassy 3d text

Create this visually engaging nature themed 3d text effect

4. Ice Flavored 3d text poster

Create this delicious thirst quenching ice 3d text effect

5. Explosive 3d text design

3d text effect that is so explosive, when your boss sees it you might get a raise

6. Shockingly real 3d text

Why is there a huge piece of text on my couch? Find out in this Photoshop tutorial

7. Sparkly glass 3d text effect

Less is more with this clean and elegant 3d glass text effect created in Photoshop

8. Clean 3d text with highlights

Great 3d text with highlights (3d highlights, not the Ryan Seacrest ones)

9. Painterly 3d text in Photoshop

This 3d text effect looks painterly but can also look a bit like ice

10. Elaborate organic 3d text effect

Stunning Color Effect in 5 Minutes

Would you like to know how to create this effect in 5 minutes? Well it is a pretty easy effect to create. This tutorial should give you some ideas on how you can layer color with some photoshop effects to create interesting images for backgrounds or desktops or for use in designs.

Final Color Effect

The image below is the starting point for this effect. It should come of some surprise that we are using this flower graphic. In reality you can use any kind of image with a lot of dark and light areas, so if you want to go ahead and use an image of your choosing. If you download the tutorial file at the end of this tutorial, you will find the same flower image used here. (Flower photographed by me and can be found in larger sizes here: flower graphic).

Original Flower graphic

Open the flower image in Photoshop. To get ready for this tutorial, ensure your Toolbar and Options bar are showing by going to the “Window” menu and then make sure “Tools”, “Options” and “Layers” are checked, meaning they are visible.

In the “Filter” menu go to [Blur->Motion Blur] menu and click “Motion Blur”. Ensure that the “Angle” setting is set to “90” and that the distance setting is set somewhere close to “400”. This will be the base of our final color effect.

Motion Blur

Click the new layer button in the “Layers” palette to create a new layer above the existing one.

Click the new layer blutton on the bottom right

Now that you have a blank layer to work with, ensure the new layer is selected in the layer menu and then go to your toolbar and click the gradient button which looks like this:

After you have clicked the gradient button in the toolbar, click the gradient dropdown in the control bar (Located right below your menu). Click the rainbow gradient on the bottom left of the gradient dropdown.

Gradient dropdown box

Ensure that the layer you created before is still selected. Now drag the mouse from one end of the image to the other end of the image. Your image should look like the image below.

This is How the Gradient should look

Now set the layer’s blending mode to “Overlay” using the blending mode dropdown in the “Layers” pallette as shown below. Then make a third layer in the same way we made a new layer before.

Set the blending mode to "Overlay"

With the third layer selected, go to the “Edit” menu in the main menu and click “Fill”.

Click Fill

The “Fill” dialog will show up. Select “Color” in the “Use:” dropdown. The color picker will pop up, select a black color in the color picker.

The "Fill" window

You will notice that the third layer is filled with black, this is correct. Next click the eraser button in the toolbar. It looks like this:

Once you have clicked the eraser, click the “Brush” dropdown in the control bar as shown below. Set the “Master Diameter” to 400 px and the “Hardness” to 0%. This will give you a large blurred eraser brush.

The Brush Dropdown

Using the eraser, drag along the top part of the black to reveal the image below it. Your image should now look like the image below with the exception of the large circle which indicates the eraser brush.

Your image should now look like this

Finally, set the black layer’s opacity to somewhere around 60%.

Set the layer opacity to 60%

Your image should look like the final image.

You can use these techniques to create many forms of color and look, just alter the image used at the beginning or try a different filter than “Motion Blur”.

  Colorful Graphic Tutorial Files (933.7 KiB, 650 hits)

Learn how to build websites from home 100% free

Learn to make websitesLearning how to build websites can be daunting at first. but with the amount of information on the web, it’s very easy to gradiently approach the subject and become a good website builder. I started a couple of years ago and I can now put together websites with ease. If you want to learn to build websites then this is for you.

This article is not for you if you only want to learn to build websites using visual based website builders and/or content management systems. I will be doing a separate tutorial on how to build websites that way. Realize that both ways can be used correctly and have their rightful uses depending on the goal for your website.

I will not be telling you how to build websites by myself — instead I will be telling you where I learned to build websites. I will give you links to the right places to learn, and all free.

The first and best place to start learning about websites is W3 Schools. W3 Schools has all free tutorials on all of the subjects you need to learn to be able to start building your’e own website. What you need to do is do the tutorials on W3 Schools in the order listed below. Make sure you play around with each concept after you read it. If you have any questions, post a comment here and I will answer it.

Learning Website Building Basics

Read this first. This article gives you the whole picture before you start learning. I suggest you read it.

Learn HTML.   HTML(Hyper Text Markup language) is what every website is made out of. It is the first thing you will need to learn, to be on your way to building websites. Make sure you take the time to really get this because it is the most basic and essential piece of websites.

Learn CSS.  CSS(Cascading Style Sheets) is what most websites use to efficiently style their HTML. With CSS you can make your website have an overall consistent design or feel. It also enables you to make design changes that reflect on numerous HTML pages by only changing the design change in one place.

Learn Basic Website Hosting. Web hosting means having a place for your website to reside. Learning this will allow you to set up your own website. For example, this website is “www.techassistnow.com”. If anyone goes to that web address, they see this website. When you understand how to host your own website you can then have your own domain name and website content. This will allow you to put together a full basic website that can be seen publicly on the web.

Once you get a feel for this, practice using HTML and CSS until you are pretty comfortable with it. It is wise to know these subjects well before going onto the next step, which can be difficult at first. By Learning HTML and CSS you have the basic knowledge to build a website. If you want to learn how to make interactive, more modern websites, continue down this list.

Learning Advanced Techniques

Learn Javascript. Javascript allows you to build interactivity into your web pages. With javascript you can make your page come to life and be more inviting to the people visiting your website. Learning Javascript can be troublesome at first, so take it easy and mess around with the examples as much as you can. Javascript has nothing to do with JAVA. JAVA is an advanced programming language and shares no similarity to javascript.

Learn PHP. PHP is a programming language that allows you to be able to deliver more dynamic web site content. This kind of programming is called server side scripting. There are numerous different types of server side scripting. I recommend using PHP because it is the simplest to learn and is used broadly on the internet. Do not expect to learn this all at once. As you learn some, use it and build something with it.

Once you have gotten pretty good at PHP, you have come a long way. Learning the really advanced features of website building will become easier as well as learning other server-side scripting languages.

Learning More about the Advanced Techniques

Becoming really good at building websites can involve numerous other subjects. I list them below so you can be directed to the right place. Other than that you can google any questions you have and find very good free articles and tutorials on these subjects. As a tip, if you see something that you like on a website you can right click in the browser window and click “View Source”. Looking through the HTML should give you an idea of how it was done.

Learn Ajax Here. Ajax is a type of javascript programming that can make webpages even more dynamic and load faster. When you go to a website like Google Docs you can see ajax in effect. A lot of new websites are using this programming technique.

Learn XML Here. XML stands for (EXtensible Markup Language). XML is used to store data.

Learn Other Server-Side Scripting. Learn programming languages that are similar to PHP. Click on the one you are interested in.

Learning Web Design

Learning web design is a whole subject in its self. Learning web design normally requires learning graphic design to a degree. If you are already a designer or if you just want to jump into learning web design, read on.

Learn the web design/Planning process. This is the first step in designing a website. It is essential to a good website to plan it correctly.

Learn Photoshop. Photoshop is the main program used today to design web sites. Many sites are planned using a graphics program before any HTML or web coding is done. Websites done like this can have a huge edge on aesthetics and design. Photoshop is a huge program and can be a lot to learn by yourself. I suggest getting a book on this. The book I used was the Photoshop Bible, they come out with new ones for each new Photoshop version. Google “Photoshop Bible” or go to Amazon and get it.

Learn Web Design and Web 2.0. These are some very good tutorials from Scratch Media. I love this website and would suggest anyone read the information on there.

Learn Web App design and put AJAX to use. This is also a site from scratch media. Very useful and informative.

Cloning Basics

Photoshop Cloning

This tutorial will give you an idea of how to productively clone an object out of an image.

Some people might wonder why it is called cloning. This is because you are creating a part of the image
that was not there from other parts of the image. In this tutorial I will tell you some of the basics. Please bear with me, it is difficult to show you in detail every step without overbloating the post with images.

Level: Intermediate (can be useful for advanced Photoshop users)

Photoshop Version: CS4 (Can apply to Earlier versions up to Photoshop 6)

Tutorial:

In this image is a bug that we are going to remove. We are going to clone it out by placing pieces of the image over it until it is gone. Each person using Photoshop will have their own way of doing this — so take note: this is my way of doing this particular action.

The first thing we want to do is to clone out the major part of the image by using a piece of the image, here we select a square part of the petal.

Next, go to [Layer->New->Layer via Copy] to copy the selected square to a new layer above the background image.
Next, drag the copied layer over the part of the bug as shown here.
Select the eraser tool and select a brush with a very blurry edge.

Then erase a little bit all the way around the piece of the petal.

Next, while holding down the [Alt] key, drag the image piece to cover up different places of the bug as shown below. (Don’t worry if it goes over the edge of the petal — in the next step we will clean this up.

From the last step you will have made numerous layers when you were copying the piece to cover up the bug, now you will need to merge all of the layers above the background layer as shown here.

Once you have merged all of the layers, select the eraser tool. Select a brush with a slightly blurred edge. go around the edge of the shape with the brush, cleaning up any part where the color blured over the edge.
After that, using the clone tool, clone out the major parts of the bug that can be easilty cloned. Use a sensible brush size with a bit of blur when cloning.

Next, zoom up to the detailed part on the bottom side of the bug. Clone out the leftover parts of the bug with a small brush. You can be kind of sloppy here because we will be doing some cleanup work on this part later.

Then merge both layers as shown below.

Select the Polygonal Lasso Tool.

Select the area around the petal and the leaf.


Feather the selection with a 15 pixel radius.

Creating a realistic Photoshop flare (or Solar Flare)

Photoshop solar flare image completed

Level: Intermediate (useful for advanced users)

Description:

This is a tutorial on creating a realistic Photoshop lens flare. I have noticed lens flares being used in many designs especially in the recent years. I have figured out how to do one myself. I am not sure if this is the technique that has been used — but I have found it to work quite well for creating this effect. You can use this tutorial for any kind of flare, solar flare or light explosion.

You can use this tutorial to create many kinds of flares or light effects — all you have to do is start out with a different white object (As gone over later).

Photoshop Version: CS2 (Can apply to Earlier versions up to Photoshop 7 or versions of Photoshop with Radial Blur)

Tutorial:

The first step is to create a new Photoshop document with a black background. It should be 5 inches by 5 inches at 300 dpi or a dpi that suits your needs.

The reason I suggest using this large of image size is so that you can reuse the flare as you need it. If your computers resources can not easily handle these steps with an image of the size I specified — reduce the DPI to 150 or even 72. I leave this up to you. (As a note though — you will have to slightly change the settings from what is shown below)

Next, create guides that show the center of the image. For an image that is 5 inches by 5 inches put a horizontal guide at 2.5 inches and then a vertical guide at 2.5 inches.

Blank black canvas

Next, create a new layer and using the eliptical marquee tool create a white circle in the center of the document as shown here.

For different flare effects you can make different shapes at this step.
Create a circle for the solar flare

Lock transparent pixels

Click on the layer with the circle you created and click the “Lock Transparent pixels” button which will allow edits only on the filled part of the layer.

The next step is to go to [Filter->Noise->Add Noise] and set the settings as shown here. (Amount: 400, Distribution: Gaussian, Monochromatic: selected)

Add noise to the circle

Next, click the “Lock transparent pixels” button again to unlock the layers transparent pixels.

Next go to [Filter->Blur->Radial Blur] and enter the settings as shown here. If your computer does not have a lot of RAM or is very slow — choose the “Good” option under “Quality”.

Next apply radial blur 10 more times by pressing [Control/Command + “F”] or by going to [Filter->Blur->Radial Blur] and applying the filter that many times.

You will start to get the looks of a flare here. After this there are still a few steps to get to the finish. Any steps from here can be altered to create your own style or color of flare.

Next, create a new layer and create a small circle of white using the elliptical marquee tool.

Then use [Filter->Blur->Gaussian Blur] and use the settings as shown here. This is what creates the bright light in the center of the flare.

Next, select the top layer and then at the bottom of the layers palette there is a button called “Create new fill or adjustment layer”. click this and then click “Hue/Saturation”.

This will add a new adjustment layer which will allow you to adjust the color of the flare without permanently affecting it.

Apply the settings as shown here (Hue: 211, Saturation: 52, Lightness: 0).

You can play with the settings to get a desired flare color or brightness.

The final file will look like this.

For the expert: You can put this flare into other images by deleting the background layer and doing a “Merge Visible Layers” which give give you an object to move to different photos.

I suggest you try different shapes at the beginning or try doing this effect with text.

I hope this tutorial is useful. Comment below if this tutorial has been helpful is or if you need additional help.

  Photoshop Solar Flare Layered File (3.3 MiB, 419 hits)