background preloader

How to make a see-through to image text effect in Photoshop

How to make a see-through to image text effect in Photoshop
This is a really simple trick to creating an ordinary photograph with some text into an engaging image. I also have a GIMP version! See-Through Text Effect in Photoshop 1. Open your chosen image in PhotoshopNow, add a New Layer – Fill with a colour that matches:I used a Dark Blue: 1a2932 Starting-Photograph and Colour (Click to view larger) 2. Grab the Text Tool – make a text box, same size as imageType your ‘text’ in capitalsSettings: Font: Gill Sans Ultra Bold, Size: 720px, Justify: Right, Spacing: 600, -100, (Dependent on image size, mine is: 4592×3506 pixels)Space out your text best as possible, as shown:Click the image to check settings: Adding Text (Click to view larger) 3. Now on Text layer, go Right Click –> Rasterize Layer Then, go Select –> Color Range… Click on text, with 0 Fuzziness: Selecting Text (Click to view larger) 3.b. Add Vector Mask 3.c. Create Clipping Mask on Photo 4. Deleting Text (Click to view larger) That’s it! Download the PSD! Written by Mike

RAWZ Light Effects in Photoshop Last Friday we launched our new way for users to submit work for the Daily Inspiration at Abduzeedo. We call it RAWZ or Abduzeedo Raw Inspiration. Anybody can submit their work and we will select some to be featured on Abduzeedo. So in this tutorial I will show you how to create the RAWZ light effect in Photoshop. Step 1 Open Photoshop and create a new document. Step 2 To create a carbon fiber texture is quite simple. Step 3 With the Rectangular Marquee Tool (M) create a square selection like in the image below. Step 4 Go to Edit>Define Pattern. Step 5 Back to the document of our design, add a new layer and fill it with black too. Step 6 Select Pattern Overlay, then for the Pattern select the Carbon Fiber we created in the previous steps. Step 7 Here is our carbon fiber background. Step 8 Import the logo you would like to use. Step 9 Go to Layer>Layer Style. Step 10 Step 11 Here is the logo with the Layer Styles. Step 12 To create the neon light in the middle is quite simple. Step 13 Step 14 Step 15

50 great photoshop tutorials Oct 50 great photoshop tutorials By Robert Rea Before you can create Photoshop masterworks, you need to learn the basics. 1. 2. 6 Quick ‘n Dirty Text Effects From Scratch 4. 5. 6. 7. 10 Step Lighting Effect 8. 3D Transform a Colorful Cube Design 9. 10. 11. 12. 13. 14. 3D Pixel Stretch Effects 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. Note this article is from tutplus If you Liked these you might also like 82 earth shattering zbrush tutorials 40 best photoshop tutorials for creating buttons and badges 50 free resources to improve your photography skills Related posts: Categories : Tutorials 1 Comments Amazing Sky and Space photoshop tutorials :: Reflex Stock Photo Blog November 10th, 2009 at 9:44 am [...] 50 Great Photoshop Tutorials [...] <div style="display:inline"><a href=" Visit us for pictures of Stock Photography Popular Posts Friends: Categories Translator

50+ Great Photoshop Text Effect Tutorials, Part II Few months ago we showcased 22 best Photoshop text effects Photoshop tutorials here at hongkiat.com, but then we soon realized they were still plenty of good tutorials out there and the current ones aren’t enough to satisfy most designers anyway. So we went searching for more and 3 months later, we beg to show you more. This time we put together another 50 really nice text effect Photoshop tutorials, making it more than 70 great Photoshop text effects in our archive. Full list after jump. Recommended Reading: More Photoshop Text Effects! Text In Stitches How to convert text to a path and how to stitch that path using a custom brush set. Colorful Glowing Text Effect Spray Paint Text Bling Bling Simple Gold Text Effect How to make a simple gold text effect by using some layer styles, namely the Gradient Overlay layer style! Cheese text effect How to make a stylish cheese text effect. Reflective Glass Tutorial (Video tutorial) Entrails Photoshop Tutorial (Video tutorial) Aqua Text Photoshop Tutorial

How to Create an Ice-cold Poster with 3D Text In this tutorial, you'll learn how to combine stock images and 3D text into a cool poster. We'll use an icy theme for it and color it the way we want. You'll see it's not that hard to create a simple appealing poster with effective use of text and imagery. Final Image Preview Before we get started, let's take a look at the image we'll be creating. Video Tutorial Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial. Step 1 For this tutorial I'll recreate the poster on a smaller canvas. In my case, after resizing, it did not cover all of the canvas. Step 2 To darken the texture, we first desaturate it. Step 3 Create a new text layer with the text "ICE ICE ICE" in a white color (font: Century Gothic bold). Go into the Blending Options (Right-click the layer and select Blending Options...) and give it an Outer Glow. Step 4 Create a new layer and use a soft brush at 180px to create a light blue (#34d1f8) area like in the preview. Step 5 Step 6 Step 7

Old School Type – Line Gradients One of our readers suggested we write a tutorial explaining how to do this cool text effect. On the Dragonforce logo above, the basis of my typography was sketched on paper first and then vectored in Illustrator using the Pen Tool. The process for creating the base logo is not included in this tutorial. Instead, we are going to take the base logo and add that cool “line gradient” effect that you see inside the actual letters. Here are some more examples: So in order to get this effect, we will need both Adobe Illustrator CS2 or higher and Adobe Photoshop. You can see the kind of effect we are going to create. Step 1: Prepare your base logo or typeface. We will use our Dragonforce Logo as our base, but you can simply use your favorite font. 1a: Open up Adobe Illustrator and Photoshop 1b: Create your base text (just type something out using a bold font) Step 2: Make a new document in Photoshop You’ll need to make a new document in Photoshop that’s 2500×2500 pixels and 300 DPI. Conclusion:

How To Create a Realistic Money Effect in Photoshop The classic illustration style used on money is something I’ve always wanted to figure out how to replicate in Photoshop. There’s plenty of Photoshop tutorials that show how to create a basic halftone line effect, but they never quite capture that authentic engraved look with plenty of shading and tone. After lots of trial and error I finally managed to figure it out, so here’s an in depth tutorial on how to create a realistic money illustration effect in Photoshop (with some help from Illustrator!). The effect we’ll be creating in today’s tutorial is this vintage engraved or etched illustration style that builds up the tonal areas of an image with lots of tiny lines. Before we can add the effect to a photograph we first need to build a range of ‘screens’ which will then be layered up over our chosen image to produce the carved illustration effect. Enter 4mm in the Size option and apply 11 ridges in the settings. Head back to Object > Blend > Blend Options to configure the settings.

30 Best Photoshop 3D Text Effect Tutorials Early this year, I shared with you some “30 Astonishingly Fresh Examples of 3D Typography“. Now we have 30 of the best Photoshop 3D text effect tutorials rounded up for everyone who wants to create their own stunning 3D text effect. 3D text effect is a strong and eye-catching text effect, and quite easy to create as opposed to many preconceptions that only hardcore digital artists or designers can do this. You don’t need to learn a separate 3D software in order to create one. So if you’re looking for the best looking and stunning 3D text effect tutorials for you to learn, look no further. 1. 3D Flowery Text Effect 2. 3D Text Scene 3. 4. 3D Text Blocks 5. 6. 7. 3-D text with some extreme lighting 8. 9. 3D Cliff Text 10. 11. 12. 13. 14. 3D Toy Text Tutorial 15. 16. 17. 3D Text Shatter Effect 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30.

Double Exposure Style in Photoshop We've featured quite a few posts and images with the effect most call double exposure. This technique consists of 2 images superimposed. There are some really nice examples with very intricate overlaying, usually with faces of people mixed with photos of nature. I've been thinking about giving it a whirl in Photoshop for a long time and I've finally gotten around to it. So in this tutorial/case study I will show you how to create this double exposure effect using Photoshop and some stock photos. The process is simple however it does take time to adjust the details. Step 1 Open Photoshop and start a new document. Step 2 Isolate the girl from the background using the select tool. Step 3 Now let's add the second image for the double exposure experiment. Step 4 Duplicate the photo of the branches to make them mor compact. Step 5 Now put both images together. Step 6 Mask the photo of the girl with the branches selection. Step 7 Step 8 Duplicate all layers and merge them into one. Conclusion Applications

Create a realistic folded paper text in Photoshop - StumbleUpon Today we will learn how to realize a folded paper text effect from scratch in Photoshop. We will firstly create the background using a couple of patterns, then we will work on the type treatment with the help of the pen tool, layer masks and other useful techniques related to dodge,burn and the transform tool. This tutorial is very simple to follow, so I suggest to everyone to give a try. Preview: Click to enlarge Become a Premium Member and get unlimited access to source files and premium resources for only 7$/month. Step 1 Create a new document in Photoshop. *note for Mac users: ctrl=cmd, alt=option Step 2 Fill the background with a dark green (#41514c). Step 3 To create the textured effect of the background, I’ve used 2 of our soft grunge patterns created by Piervincenzo. Select the pattern2_380_hard and press ok to fill the background. Finally set the layer to overlay with opacity 50%. Step 4 Create another layer, this time fill it with pattern_9_380_hard. Step 5 Step 6 Step 7 Step 8 Step 9 Step 10

Tutorial Magazine - 33 Best Photoshop Tutorials of April 2009 photoshop Recreate the Iron Man Interface Effect This tutorial will show you how to create the screen interface from the hit movie Iron Man. | 41410 views | by abduzeedo How to use type as a creative effect Unlock the power of the Distort tool in Adobe Photoshop to create this enigmatic image. | 35561 views | by digitalarts Create Watery Text in Photoshop No towel included. | 32799 views | by Minervity How to Create colorful posters Learn how to recreate an awesome ad campaign by RayBan, called colorize. | 26588 views | by abduzeedo A Comprehensive Intro to the Type Tool We've all used it at least once, but do you know all its potential? | 22497 views | by psdtuts Malleable Effects with Colorful Lines In this tutorial, you'll learn how to create fantastic colorful effects using only Photoshop. | 21850 views | by psdtuts How to color in lineart in photoshop When you get to this tutorial, click on the image to view the whole thing :) | 20649 views | by kuitsuku Turn a Texture into a Tiled Background

30 Best Typography Text Effect Photoshop Tutorials Photoshop Text Effects have gained popularity within a couple of years now. The credit goes to Adobe which is adding new tools to Photoshop with every new release. You have gotten the freedom of using complex typography instead of using dull and boring headlines. Have a look at the gathering of variety of text effect tutorials below which may inspire you to create your own artwork. Create A Scrapbook Alphabet In this Photoshop Text Effect you’ll learn to create a simple Scrapbook style text effect that can be used as a stand alone word treatment or converted to individual reusable .png files with a transparent background. View Tutorial Create a Stunning Liquid Text Effect in Photoshop By using some clever techniques, we can warp liquids into a variety of shapes to meet our needs. View Tutorial Folded Paper Photoshop Text Effect There are a couple of nice “folded” text effect tutorials out there, but this tutorial takes a slightly different approach to the concept. View Tutorial View Tutorial

September Tutorial #1: The Dancer - Dynamic Liquid Splash Effect In this tutorial we’ll create an image of a Dancer with a dynamic liquid splash effect. Here are the few images used: Dancer: Image ID: 5826686 © Alexander Yakovlev 123RF.com Liquid Splash: Image ID: 7311559 © ifong 123RF.com Liquid Splash: Image ID: 7409551 © ifong 123RF.com Liquid Splash: Image ID: 7409560 © ifong 123RF.com Liquid Splash: Image ID: 7499024 © ifong 123RF.com Liquid Splash: Image ID: 7499033 © ifong 123RF.com Spatter: Image ID: 4797910 © Ana De Sousa 123RF.com Preparing the splashes Fire up Photoshop and open the Dancer and paint/liquid splash images that you want to use. First the splash image. The layer name will be renamed from “Background” to “Layer 0″. Use the Magic Wand Tool (W) select the background of the splash, then hit delete. Try to look for sections of the clothing that will go well with the “flow” of the splash. Lower the opacity for the splash so it’s a lot easier to see where you’re placing it. I used mainly around 30%-10%. Applying the splashes Brushes

Create an Editable On Screen Text Effect using Smart Objects « PsAwesome★ Awesome Photoshop Tutorials In this Awesome★ Photoshop tutorial, i’m going to show you how to create an editable screen shot text effect. You can easily edit the text, you don’t need to repeat all steps from scratch, just double click the text layer and change it. This tutorial also has some good applications of Smart Objects. Have fun. Here is the Final Image Before we start lets see the final image we’ll create through out this tutorial. Before You Start | Tutorial Details: Software Used: Adobe Photoshop CS4Adobe Photoshop CS (step 7 won’t work)Tutorial Time: Difficulty Level:★★★★★ Files to Download: No files needed Create a New Document Lets start by creating a new document which is 900 x 600 pixels at a resolution of 300 pixels/inch, make sure Color Mode is set to RGB. Create the RGB Pattern Fill the Background with Black. Create the Text Now you can delete all shape layers and clear the guides by going to View > Clear Guides. Apply the Pattern Create a new layer on top and name it "Pattern".

Related: