Archive

Posts Tagged ‘designer shoes’

28 Fresh Photoshop Text Effect Tutorials

June 15th, 2011 Comments off

Thanks to the generosity of graphic designers, we have featured more than 150 text effect Photoshop tutorials in the past for you to enjoy carving out very cool typography for fun or career use. However, we’re very shocked to see that more and more quality text effect tutorials came up these months, so we decided to not only give you a showcase, but impress you with a collection of very high quality text effect Photoshop tutorials, we called them kick-ass tutorials.

kick ass text effect tutorials 28 Fresh Photoshop Text Effect Tutorials

Yes, in the following round-up we have set up 28 rare and professional Photoshop tutorials on creating extremely appealing text effects. So don’t wait anymore, master these text effects and show how kick-ass your works are to your family, colleague, client, anyone!

If you’re interested to check out our collections of 150+ text effect Photoshop tutorials, here are them for you!

28 New Text Effect Tutorials

Create a Yummy Cookies Text Effect in Photoshop
Create a delicious text effect with just some simple steps and tricks!

yummy cookies text effect 28 Fresh Photoshop Text Effect Tutorials

Create an Eye Catching 3D Tech Style
Design your text in a new and techno way, making it more impressive and giving it a sophisticated look.

3d tech style text effect 28 Fresh Photoshop Text Effect Tutorials

Create an Extremely Glossy Text Effect
Add a little glamour to your text, making it appropriate even for a glossy magazine.

extremely glossy text effect 28 Fresh Photoshop Text Effect Tutorials

Creating a Tron Legacy Text Effect
Make a ‘Tron’-like text effect that will surprise everybody and even confusing some of them.

tron legacy text effect 28 Fresh Photoshop Text Effect Tutorials

Create an Awesome 3D Text Effect using Photoshop
Learn the basic ways of text manipulation together with this simple tutorial in which you will create an amazing 3D text.

awesome 3d text effect 28 Fresh Photoshop Text Effect Tutorials

Create a Festive Ornamental Text Effect
Create an impressive 3D effect for your text together with this amazing tutorial!

festive ornamental text effect 28 Fresh Photoshop Text Effect Tutorials

Logo Design Process and Walk Through of Design
Make a beautiful nature-inspired text effect that will look awesome and unusual.

logo design process 28 Fresh Photoshop Text Effect Tutorials

Create an Ice Cream Type Treatment
Here you will create a tasty text effect, yummy!

ice cream type treatment 28 Fresh Photoshop Text Effect Tutorials

Create a Burning Text Effect
Make a powerful and intensive burning text that will surely grab all the attention.

burning text effect 28 Fresh Photoshop Text Effect Tutorials

Create a Dawn of War Style Effect
With some intuition and knowledge, you’ll be able to create a beautiful and impressive text with a look as it was the witness of a true war.

dawn of war text effect 28 Fresh Photoshop Text Effect Tutorials

Create Typographhy Poster Enigma
Design a text effect with mysterious air and great surroundings, probably an impressive text effect that can attract people’s attention.

typography poster enigma 28 Fresh Photoshop Text Effect Tutorials

Create a 3D Arcade Text Effect Using Photoshop
In the following tutorial you will be guided to create a 3D arcade text effect using Photoshop and a little bit of Illustrator.

3d arcade text effect 28 Fresh Photoshop Text Effect Tutorials

Design an Elegant Glassy 3D Typography in Photoshop
With a cold and elegant look, this text effect is great for a techno style project!

elegant glassy 3d typography 28 Fresh Photoshop Text Effect Tutorials

Text on Fire Effect in Photoshop
Make another version of the fire text with clearer look.

text on fire effect 28 Fresh Photoshop Text Effect Tutorials

Make a Grungy Metal Text Effect
Great for graphics with futuristic look, this text effect may be the key in creating a perfect futuristic feeling for your graphic.

grungy metal text effect 28 Fresh Photoshop Text Effect Tutorials

Create an Inception Poster Repousse
Such an effect may look hard at the first place to make, but it’s easy and the impact done on the viewer is greater than you would expect!

inception poster repousse 28 Fresh Photoshop Text Effect Tutorials

Create a Take Break 3D Text Composition
Control an amazing energy splash with this tutorial which teaches you tricks to create such a groundbreaking text effect.

take break 3d text 28 Fresh Photoshop Text Effect Tutorials

Woodcut Typographic Illustration in Photoshop
Create a very unusual yet artistic text effect with this quality tutorial!

woodcut typographic llustration 28 Fresh Photoshop Text Effect Tutorials

Make a Cracked 3D Stone Text Effect in Photoshop
Design this realistic text effect that will surely amazes everybody, as it looks like it’s blending with the entire world, making it more interesting and original.

cracked 3d stone text effect 28 Fresh Photoshop Text Effect Tutorials

Create a Revolution Artwork Text Effect
Lighten your works using this awesome text effect that draws all the attention upon it and glows like a great star in a dark sky!

revolution artwork text effect 28 Fresh Photoshop Text Effect Tutorials

Creating of a Pipe Typography in Photoshop
Create an unusual and interesting text effect using simple pipes and drains. I’m impressed by its funny yet realistic look and feeling.

pipe typography 28 Fresh Photoshop Text Effect Tutorials

Create a Harry Potter Style Text Effect
Make a Harry Potter text effect in just few steps! Here you will find out tips and tricks on making it.

harry potter style text effect 28 Fresh Photoshop Text Effect Tutorials

Making of a Chrome Emblem
Shiny and interesting, this text effect allows you to create some beautiful car logotypes for your creation.

chrome emblem 28 Fresh Photoshop Text Effect Tutorials

Design a Super Glossy 3D Typography Effect
A text effect that has an artistic look with realistic detail. Impressed by its shiny and glossy effect.

super glossy 3d typography effect 28 Fresh Photoshop Text Effect Tutorials

Make a Modern 3D Text Effect
Make an interesting and modern look 3D text that is worth using in different works.

modern 3d text effect 28 Fresh Photoshop Text Effect Tutorials

Create a Retro Sci-Fi Movie Poster in Photoshop
A text effect with sci-fi feel that can create a perfect mood for sci-fi related poster.

retro sci fi movie poster 28 Fresh Photoshop Text Effect Tutorials

Design a Skin Textured Typography Scene
It may look a little bit scary at the first glance, but this is a worthy text effect thanks to its unusual and charming look.

skin textured typography scene 28 Fresh Photoshop Text Effect Tutorials

Making of a Cool Text Effect Puppet Warp Tool
Manipulate the ropes as you want to create amazing and realistic text effect that definitely looks awesome and attractive.

text effect puppet wrap tool 28 Fresh Photoshop Text Effect Tutorials

10 Killer Photoshop Tips For Web Designers

June 1st, 2011 Comments off

Believe it or not, if you’re using Photoshop to design website, you’re on the right path to become a successful web designer. This is simply because Photoshop is one of the most advanced tool in the design industry that can make your creative imagination comes true with its plethora of professional tools which boost your productivity at the same time.

But how well do you know about Photoshop? Sometimes we’re wondering why certain web designer can design a website layout with extremely heavy graphics in 5 days, while we need around 10 days to complete that kind of design. It’s probably not about how fast you can click, it’s about how well you know about Photoshop, how you gonna unlock its full potential to boost your productivity.

adobe photoshop killer tips 10 Killer Photoshop Tips For Web Designers

We want you to know how to unlock its full potential. Yes, that’s why we created this post, to provide you 10 extremely useful Photoshop tips to boost your design speed. There can be shortcut, feature or setting you don’t know about, but not anymore. With this article you gonna learn them all, and you will design faster, and faster.

Note: Shortcut keys mentioned in this article are in Windows Photoshop format. If you are using Mac, be sure to know that Ctrl = Cmd (Command) and Alt = Opt (Option).

10. Undo, More Undo Please

I totally believe that we designer are very addictive to undo something, even until when we made a mistake on sketching, we tend to ‘undo’ it.

Well as you might know by pressing Ctrl + Z in Photoshop you can undo the previous action you made, but when you press the same key combination again, it will redo the previous action. This is quite unnatural and troublesome as you always need to undo multiple times to get to the state you want.

keyboard shortcut panel 10 Killer Photoshop Tips For Web Designers

Believe it or not, Photoshop has a specific button for multiple undo, and it is Alt + Ctrl + Z. Yes, by using this key combination you can undo multiple times, according to the value of History States you set in Edit > Preference > Performance.

If you’re used to common Undo’s key combination which is Ctrl + Z, you can simply press Ctrl + Shift + Alt + K to access Keyboard Shortcut panel and change Undo’s key combination under the Edit section to Ctrl + Z.

9. Sampling Color, anywhere!

Stumbled upon a nicely designed website and wondering which exact colors is it using? This happens very often when I’m seeking inspiration during the time I’m doing site layout in Photoshop. For me I will launch a color picker, pick the color and get its hex number, then click on the color palette in Photoshop, then input the hex number then get the color, pretty annoying isn’t it?

sampling color anywhere 10 Killer Photoshop Tips For Web Designers

Well you don’t really need to suffer like that, you can actually just click on Eyedropper tool or pressing I to activate it, then drag the Eyedropper icon to anywhere on the monitor screen to get the color you want. Yeah, it’s really that easy.

8. Flexible Guide

Tip #8 is actually combination of 2 tips, I hope you don’t mind about getting more tips. As web designer we have to deal a lot with guide to position an element correctly, in other words is pixel perfect.

How do you create a guide? Click on View, New Guide then decide it’s horizontal or vertical guide, input its position and click Enter? Alright, you can save these works by just pressing Ctrl + R to activate the Ruler tool, click on the tool and drag it down to create a horizontal guide, or vice versa.

flexible guide 10 Killer Photoshop Tips For Web Designers

Besides instant guide creation, here’s another useful tip for you. While dragging a guide with Move tool which can be activated using V key, press and hold Alt key to change the horizontal guide to vertical guide, or vice versa. Now you can probably consider yourself as professional on using guide.

7. Fun Layer Style Cloning

Layer styles are very entertaining when you can just apply them to make, let’s say, a social media icon looks pretty charming and unique, but it will be very tiring if you want to apply same layer styles to all social media icons which usually come in multiple pieces.

Have you ever realized that there’s an fx icon beside your layer? Well everything exists for a reason, if you press Alt and drag the fx icon to another layer, it will copy first layer’s styles to the one you dragged to, convenient isn’t it?

layer style cloning 10 Killer Photoshop Tips For Web Designers

Also if you are interested about the common use of that fx icon, it allows you to move a layer’s styles to another and all you need to do is simply drag the icon to another layer without pressing Alt key.

6. Element Centering Made Easy

In order to achieve a pixel perfect design, we oftenly have to position element to exactly where it should be. This seems easy as you can just create some guides and snap the element to those guides, but it will be daunting if you want to absolute center an element in certain area, which requires a lot of guides, measurement and focus.

In fact you have a way to make this entire process a lot more easier, click on the element’s layer which you want to absolute center, then press Ctrl + A to select the entire document. After that, fire the Move tool and you will see some icons beside the option, Show Transform Controls. Click on the 2nd icon to vertical center the element, then click on 5th icon to horizontal center the element, there you go, an absolute centered element.

absolute centering 10 Killer Photoshop Tips For Web Designers

You can not only absolute center the element in entire document’s area, but also absolute center it in certain area. Let’s say I want to absolute center an element in footer area, I can simply select the footer area by using the Selection tool which can be activated by pressing M key, then absolute center the element in that specific area.

footer absolute centering 10 Killer Photoshop Tips For Web Designers

You can study other alignment options beside the Show Transform Controls option, they are very useful for aligning your elements in a wide range of situations.

5. View Selection, One At A Time

Often in designing a layout you need to check how an element looks exactly by its own or by few elements, for example in website layout below, I want to check slider’s buttons to confirm that they do not have transparency so they look exactly the same with or without slider’s image.

view one selection 10 Killer Photoshop Tips For Web Designers

In past I have to turn off the visibility of slider image’s layer, slider background’s layer and even content’s background layer, but now I can just simply hold down the Alt key, then click on the ‘eye’ icon beside the button group to turn off all layers’ visibility so that I only view those buttons. After I checked them, I can just repeat the trick again to bring all layers’ visbilibity back.

This trick is also extremely useful while it comes to image slicing. You want to slice slider’s button without any other element like slider image, so you can use this trick to turn off all layer’s visibility to just slice the button, then repeat the trick to recover all layer’s visibility so it saves a lot of time wasted on turn on and off layers’ visibility.

4. Customize Font’s Tracking, Anytime

This particular tip shows you how to increase the font’s tracking in certain part of the type easily, so it might only be used on certain specific situation like logo or button creation, but it’s a professional tip that can save lots of time on finding fonts with suitable typography for your logo or button creation.

decrease font tracking 10 Killer Photoshop Tips For Web Designers

Alright, let’s say I want to decrease the tracking of the type, ’360′ so my logo’s type looks unique that visitor remembers it easier. I can select ‘POLO360′ by using Type tool which can be activated by pressing T key, then hold down the Alt and press < button to start decreasing the type’s tracking, which will bring the result above.

You can use this trick to tackle tracking issue of some artistic fonts, so there’s no worries about tracking next time you want to find graphical fonts for your logo creation!

3. Instant Layer Selection = Win

Layout design is an exhausting job as we have to tackle lots of issues such as typography, spacing and graphic, but it will be overwhelming if we want to find a specific element’s layer from hundreds of layers.

instant layer selection 10 Killer Photoshop Tips For Web Designers

Let this trick makes your designer’s life easier. Activate the Move tool using V key and hold down the Ctrl key, then click on the element and you will automatically select the element’s layer. It’s really that simple but keep in mind that if you put elements into a group, then by using the same trick you will be selecting the group’s folder that contains the element you clicked, as shown above.

2. Smart Object For Smart Designer

Just as its name, Smart Object makes your editing smarter by carrying out 2 primary functions: perform nondestructive transforms and perform filtering. This feature comes in very handy especially when you’re producing a site layout with heavy graphics like stock photos, social media icons and UI kits, and all you need to do is right click a layer, then click ‘Convert to Smart Object’ to enjoy its benefits.

The first function says that once a layer is converted into a Smart Object, you can transform it anyway you want without losing its original quality. In our case we want to make the image slider smaller so we convert image slider’s layers to Smart Object and transformed it into something smaller.

transformation 10 Killer Photoshop Tips For Web Designers

Ouch, it’s just too small so I decided to change it back.

backward transformation smart object 10 Killer Photoshop Tips For Web Designers

Looks like everything’s okay and nothing happened right? Below is the result if you applied a backward transformation without converting layer to Smart Object.

backward transformation 10 Killer Photoshop Tips For Web Designers

So you can probably see the difference here, especially slider’s buttons part. The backward transformation without Smart Object applied on layers makes the slider and slider’s buttons lose their quality. So by converting a layer to Smart Object, you can transform it to any smaller size you want but once you regretted about your decision, you can change it back without losing quality.

Another benefit by converting layer into Smart Object is once you applied filter on a Smart Object, a filter’s layer will appear under the Smart Object’s layer so you can disable filter easier by just turn off the visibility of the filter’s layer, and that’s called nondestructive filtering, great time saver for your project.

1. A Snapshot Of Beautiful Past

Now you learned how to undo multiple times, copy layer styles, faster layer selection and using Smart object these great time saving tips. Well, these are really handy skills that greatly boosts your productivity but how about after 2 hour’s work, you regretted your editing and decided to start from the middle? Redo it completely will be very exhausting and boring even you applied all killer tips you learned before, so that’s when Snapshot kicks in.

snapshot 10 Killer Photoshop Tips For Web Designers

Snapshot allows you to create a temporary copy of any state of your editing so when you have trouble on improving your design and decided to go back, you can simply click on a snapshot to bring you back to the state you desired. To take a snapshot, you just have to open History palette, and click on the 2nd icon you see on the bottom of the palette.

There are also some useful features for snapshot like you can take multiple snapshots so you have more choices and you can name them so you remember them easier. Ultimately you can also use these snapshots to compare different effects you created for your design.

However, be sure to remember that once you closed the document, snapshots will be deleted instantly so if you want to keep those states, you can click on each snapshot and save the document as another file.

Reflection

You’ve come to the end of the article, great job. By this time you should got enough time-saving killer tips to boost your design speed, but always remember that learning is the best way for you to know more about your Photoshop, thus increasing your productivity. So keep learning more, and you will become a more competitive web designer of all time.

Well we’ve shared our best, how about you? If you don’t mind, please share your Photoshop killer tips to let us know the better way to use Photoshop, thanks for your generosity!

How to Create a TRON Minimal Design in Photoshop

February 2nd, 2011 Comments off

TRON is definitely one of the geek’s dream-come-true movie. It’s suit and vehicles are perfectly slick which is why the attempts to assemble objects that replicates tools in TRON has been surfacing around the Internet. As for designer’s, with the right clicks and tricks using Photoshop, a TRON fiction does not neet to be hard.

Today we will create a TRON wallpaper in Photoshop using stock photos and vectors. We will give you a precise guidance on how to do it and why certain method is better. You will get an in-depth comprehension of what you are doing. Buckle up for digital dream!

tron preview How to Create a TRON Minimal Design in Photoshop

You will learn how to:

  • Analyze your design from out-of-the-box point of views
  • Create structured designs, based on hidden or related elements in your composition
  • Use shortcuts for a faster work flow
  • Make complex selections and cutouts via Channels
  • Effectively use general tools
  • Add perspective to your design
  • Combine vectors with pixels
  • Create light effects
  • Use blending modes
  • Use layer styles

Difficulty: Beginner – Intermediate. Completion time: 1 hour. Tools: Photoshop CS3, Illustrator CS3 optional.

Resources:

NOTE: To install the font, extract on Desktop the .zip archive containing the font, then copy them. Go to C:\WINDOWS\Fonts\ directory and paste them in.

Why can’t I just extract them directly to the Fonts folder?

Your operating system won’t allow your archiver to modify or add any file within the C:\WINDOWS\ directory, so that’s why you need to do this manually. If you have opened Photoshop, restart it, or else you won’t be able to see the newly installed font.

After I chose my resources, I started sketching up some lines based on the model. Below is a schematic of the inspiration sources for the glowing lines on the body: pose, muscles, apparel, body shape, weight distribution and bones.

sketch How to Create a TRON Minimal Design in Photoshop

To enhance a model’s pose or body features, it’s not enough to just throw some random lines on.

Everything must have a source, be it shown or hidden. Keep in mind that my sketch is only one of the infinite possibilities you have, I encourage you to experiment.

Let’s begin!

Step 1

Go to File > New, and set it to 1920x1080px in RGB color mode at 72 dpi.

1 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 2

Open the Veteran_of_the_Psychic_Wars_11_by_mjranum_stock.jpg. In the Layers palette, F7 double-click the lock near the layer thumb. This is compulsory if we want to edit the image via Channels. You should now have a “Layer 0″.

2 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 3

Go to Layer > Duplicate Layer, CTRL+J. Now go to Filter > Other > High Pass. Use a 5px setting and hit OK. In the Layers palette, F7, set Blending mode to Overlay.

3 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

This will make the image more clear and it will allow you to make a more precise selection of the hair.

3.1 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 4

Go to Layer > Merge Visible, CTRL+SHIFT+E, then go to Layer > Duplicate Layer, CTRL+J. Set Blending mode of the copied layer to Screen, then duplicate it two more times. Now we have a nice contrast between the model and the background.

4 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 5

Go to the Channels window Window > Channels and select the “Green” channel. Right-click it and select “Duplicate channel”.

5 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

The “Green” channel provides the highest contrast of all the channels. We duplicate it because we need dummy channel to work on to further improve the contrast.

Step 6

Go to Image > Adjustments > Curves, CTRL+M and shape the curve as shown below. The lower half will darken the shadows and the upper half will lighten the highlights. Do this twice.

6 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 7

Go to Layer > Adjustments > Levels and use the settings below.

7 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 8

Grab the Brush Tool, B, set Hardness to 100% and cover with black the interior white spots in the hair, the face and the rest of the body.

8 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

We don’t need any details in the channel, just the outline of the model.

Step 9

Grab the Dodge Tool, O, set it on Highlights and lighten any extra grays in the image.

9 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

9.1 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 10

CTRL+click the “Green copy” channel thumb, go to the Layers palette, F7, Go to Select > Inverse, CTRL+SHIFT+I select the bottom-most layer and copy it, CTRL+C.

CTRL+clicking a thumbnail whether it’s channel or layer loads a selection of the contour of the clicked layer/channel.

10 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 11

Go to Window > Untitled-1.psd our document and paste it, CTRL+V. Go to Edit > Free Transform, CTRL+T and resize it to fit the canvas, like below. Hold the SHIFT key to preserve its proportions. Hit Enter to exit Free Transform mode. To clear the clothing curls, use the Clone Stamp Tool, S: use ALT+click to pick source, then click on the curl.

Do the same for the sword in the “model 2″ picture, but use the Path Tool, P to cut it.

11 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 12

Open the “Tech Vector Pack 3″ .eps file. When prompted to input a file size, type in about 3000px for width. Hit OK.

For Illustrator, you simply open it in vector format. Photoshop can open .eps Illustrator 8 files, but in raster format. You can however open it in any size you want – the .eps file is vector!

12 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 13

Grab the Rectangular Marquee Tool, M, select a round tech shape click-drag to create the selection rectangle, copy it, CTRL+C, go back to our document Window > Untitled-1.psd and paste it, CTRL+V.

13 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 14

Go back to the vector pack file Window > designious tech shapes 4. eps, copy another shape and paste it into our document, like in Step 13.

14 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 15

Grab the Selection Tool, V, check the “Auto Selection” box and click the first tech shape pasted in and duplicate it, CTRL+J. Now go to Edit > Free Transform, CTRL+T hold the CTRL key and click-drag the the top left corner, like below. Do the same for the top right corner. Hit Enter to exit Free Transform mode.

15 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 16

Duplicate the first shape (original one) and place the copies as shown below. Grab the Path Tool, P, set it on Shapes and draw each glow line on the body, based in the sketch.

16 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

In the Layers palette, select all these shapes and hit CTRL+E to merge them.

16.1 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 17

Grab the Line Tool, U, set it to Shape Layers and 7 px Width, draw an oblique line, then hold SHIFT key. Now change the line to “Add to shape area (+)” and draw a horizontal line. Hold SHIFT key to make it perfectly horizontal.

17 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 18

Grab the Horizontal Type Tool, T, click-drag to create a type box and input a random text. Set the font to “V5 Prophit”.

18 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 19

Select the “Shape 1″ layer and go to Layer > Duplicate Layer, CTRL+J. Place several copies like below. Do the same for the text. To change the type input, double-click the layer thumb in the Layers palette.

19 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 20

Go to Layer > New Fill Layer > Solid color. Select a dark blue color and hit CTRL+SHIFT+[ to send it to back.

This will be a nice background for our image.

20 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 21

Select the large shape, and click the “fx” button in the Layers palette, F7. Select “Blending Options”. Use the settings below.

21 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

21.1 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 22

ALT+click the “fx” icon that appeared near the layer thumb and click-drag it to the other round shapes. You can recognize them easily, they aren’t named “Shape …” and don’t have a “T” on the thumb.

22 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 23

Create a new layer above it (select the layer and hit CTRL+SHIFT+N to create a new layer, then select both layers and hit CTRL+E (merge layers)). For the selected shapes, go to Filter > Blur > Gaussian Blur. Use various settings from 2 to 6px, as you see fit.

23 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

To add more perspective, add more tech shapes over them.

23.1 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

23.2 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 24

Grab the Selection Tool, V, select the small shape and lower its Opacity. 29% will do nicely.

24 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Do the same for the other blurred shapes, but vary the Opacity a bit.

24.1 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 25

Create a new layer, CTRL+SHIFT+N, Grab the Elliptical Marquee Tool, M, set Feather to 50 px and make a selection like below.

25 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 26

Grab the Paint Bucket Tool, G, ALT+click one of the tech shapes to pick the color and fill the selection. In the Layers palette, F7, set the layer’s blending mode to Overlay. Do the same for the bottom side.

26 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 27

Create a new layer, CTRL+SHIFT+N, grab the Elliptical Marquee Tool, M, set Feather to 30 px and make a selection like below. Grab the Paint Bucket Tool, G and fill the selection.

27 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 28

Repeat Step 28 for the shape behind the model.

28 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 29

Grab the Selection Tool, V and click the model. Now go to Layer > New Adjustment Layer > Brightness/Contrast and Black & White. For each, use the settings shown below. For the Black & White layer, set Opacity to 70%.

29 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

I prefer using Black & White over Hue/Saturation because it also provides a tones control, not just a desaturation.

29.1 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 30

Create a new layer, CTRL+SHIFT+N and ALT+click between it and the adjustment layer beneath it. Set Blending mode to “Color Dodge”.

30 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 31

Grab the Brush Tool, B, hit “3” to set the brush Opacity to 30%, set Hardness to 0%, ALT+click on the teal tech shape and paint over the body highlights, part of the hair and face.

31 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 32

Change the brush Opacity to 70% and paint over a few highlights, but in smaller areas.

32 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 33

In the Layers palette, F7, select the top-most layer and go to Select > All, CTRL+A, then hit CTRL+SHIFT+C to copy a merged version of the document and hit CTRL+V to paste it.

33 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Step 34 – Last step

Go to Filter > Sharpen > Unsharp Mask. Use the settings below or feel free to use your own. Don’t overdo it though, else the image will look too sharp.

34 vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Here’s the final view of what you’ll be getting assume you followed through the entire tutorial correctly.

final vectorious tron minimal design tutorial How to Create a TRON Minimal Design in Photoshop

Downloads (PSD, Wallpaper)

Together with the tutorial, here are couple of files created for you.

(bellefoong)

15 First-rate Photoshop Brush Sites You Should Know

January 24th, 2011 Comments off

Adobe Photoshop is probably the most, if not one of the most, popular graphic editing program of our time. One of the most important element of Photoshop editing are the brushes, so it’s crucial to find the suitable brushes for your design. However, sometimes it can get quite frustrating when you can’t find the tools you need to satisfy your specific design needs. It is indeed no easy task to search through hundreds or thousands of design resources sites to get exactly what you want.

photoshop brush sites 15 First rate Photoshop Brush Sites You Should Know

This is why we took the trouble to gather the best resource sites on the cyberspace for brushes to facilitate your pursuit for high-quality brushes. We hope these resource sites will bring out the best in you in your future designing undertakings. In no particular order, here are some of the top Photoshop brush sites available!

WOW Brushes
A simplistic site with some good brushes for downloads. There are also links to other pretty useful Photoshop resources sites.

wowbrushes 15 First rate Photoshop Brush Sites You Should Know

BrushLovers
Yet another resource site with a straightforward and effective rating system for the sets. Visitors can also check out the latest, most popular or highest rated brushes if they have no particular designs in mind.

lovers 15 First rate Photoshop Brush Sites You Should Know

Photoshop Mosaic
As the title suggests, this site previews the various brushes in small square tiles in a mosaic-like manner for easy viewing and navigation.

photoshopmosaic 15 First rate Photoshop Brush Sites You Should Know

Photoshop Roadmap
A huge collection of unique brush sets arranged and compiled in separate posts.

photoshoproadmap 15 First rate Photoshop Brush Sites You Should Know

Brushking
Beautiful and professional-looking brushes categorized according to themes such that it’s easy to find what you want specifically.

brushking 15 First rate Photoshop Brush Sites You Should Know

Q Brushes
With a users’ 5-star rating system on each brush set, a neat classification of brush types and even a tag cloud for all the contents, this awesome site serves as a resoureful station to gather quality brushes for your design needs.

qbrushes 15 First rate Photoshop Brush Sites You Should Know

PS Brushes
PS Brushes showcase detailed brushes within each set. Such easy referencing and its wide collection of brushes enable designers to find exactly what they want.

psbrushes 15 First rate Photoshop Brush Sites You Should Know

Chez Plumeau
This one has lots of categories of brushes designs, so there’s no worries about finding the specific themes you need.

chez 15 First rate Photoshop Brush Sites You Should Know

myPhotoshopBrushes
A valuable search menu allows for the filtering of brushes according to categories and sorting them according to date, rating and number of downloads. Each set also comes with a short description of the brush and a rating system to boot.

photoshopbrushes 15 First rate Photoshop Brush Sites You Should Know

BrushDirectory
A simple brushes resource site, all arranged in easy-to-navigate category bars on every page.

brushdirectory 15 First rate Photoshop Brush Sites You Should Know

Free Brushes
A large showcase of aesthetically pleasing brushes dating back to 2007. Comments posted by users of each individual brushes allow others to evaluate the quality of the brushes before downloading them.

freebrushes 15 First rate Photoshop Brush Sites You Should Know

Fbrushes
With over 6,500 high quality and professional-looking brushes to choose from, you’ll be spoilt for choice in here.

fbrushes 15 First rate Photoshop Brush Sites You Should Know

Brusheezy
The brushes here can be specifically filtered for your photoshop version, as well as sorted according to popularity, ratings and date of posting.

ezzy 15 First rate Photoshop Brush Sites You Should Know

Brushes Download
This clutter-free brushes site offers a wide selection of different styles of brushes to download from.

brushdownload 15 First rate Photoshop Brush Sites You Should Know

Colorburned
Apart from offering various distinctive brushes, Colorburned provides thorough descriptions for every set of brushes they post. This awesome site even has short video guides for some of their brush sets to demonstrate how the brushes look like or how they can be applied.

colorburn 15 First rate Photoshop Brush Sites You Should Know

40 (Really) Beautiful Web Page Templates in Photoshop PSD

January 12th, 2011 Comments off

Thanks to all the help and references like Photoshop tutorials, icons, graphics and other design elements we can scoop from the Internet, designing websites has changed quite significantly over the pass few years. With the help of all these resources, designing a website can’t be too hard and the layout can’t go too wrong.

preview 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Today, we want to show you that now only your website can’t go too wrong, it can be eye-catching, even if you a novice Photoshop user. Here’s a list of 40 beautiful and professionally looking web layout in Photoshop PSD file. Hope this cuts your journey to your ideal websites, to a nearer distance.

Here are more Photoshop and template related post we’ve published:

Polo360 Download

polo360 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Professional Business Download

professional business 40 (Really) Beautiful Web Page Templates in Photoshop PSD

6R Wooden Portfolio Download

6r wooden portfolio 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Appswizards Download

Appswizards 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Bizsolutions Download

bizsolutions 40 (Really) Beautiful Web Page Templates in Photoshop PSD

ShopStar Download

shopstar 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Box & Cube Download

box and cube 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Business Time Download

businesstime 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Celeste Download

Celeste 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Corporatix Download

corporatix 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Crisp Presentation Download

crisp presentation 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Complexity Download

Complexity 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Business Company Download

busines company 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Creative Studio Download

creative studio 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Design Tree Download

design tree 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Education Website Download

education website 40 (Really) Beautiful Web Page Templates in Photoshop PSD

One Page Portfolio Download

One Page Portfolio 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Herbal Treats Download

herbal treats 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Insurance Company Download

insurance company 40 (Really) Beautiful Web Page Templates in Photoshop PSD

IT Technologies Download

it technologies 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Owire Download

owire 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Magnifico Download

magnifico 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Memostra Download

memostra 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Dellifolio Download

dellifolio 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Minimalist Website Download

minimalist website 40 (Really) Beautiful Web Page Templates in Photoshop PSD

My Resort Download

myresort 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Summer of love Download

summer of love 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Nature Tour Download

NatureTour 40 (Really) Beautiful Web Page Templates in Photoshop PSD

New Fresh Download

new fresh 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Open Mint Download

OpenMint 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Sifiso Download

Sifiso 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Sleeko Download

Sleeko 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Dark iPhone Download

dark iphone 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Small Cellphone Download

small cellphone web 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Yogurt Shoppe Download

yogurt shoppe 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Web Source Download

WebSource 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Paper Clip Download

paper clip 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Smart Investors Download

smart investor 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Ecommerce Download

ecommerce 40 (Really) Beautiful Web Page Templates in Photoshop PSD

Creative portfolio Download

creative portfolio 40 (Really) Beautiful Web Page Templates in Photoshop PSD

(bellefoong)

Realistic Smoke Effect Photoshop Tutorials

October 4th, 2010 Comments off

Adobe Photoshop, as we all know is rightfully regarded as the Swiss knife of designers all around the world. With Photoshop, you can literally create all kinds of illustrations that you previously only dream about! With this fantastic tool, you can virtually create any effect you want. It’s like an infinite canvas of your dreams. If you have the imagination, sky is the limit. So today, we are going to tell you how to stretch this tool to maximize its limits!

preview Realistic Smoke Effect Photoshop Tutorials

Smoking is damaging to health they say, indeed, but with Photoshop who needs real smoke? Especially when it can be created on screen, with few clicks! Today, we are going to take you for a ride to the beautiful world of smoke effects created on Photoshop by showcasing some of the best tutorials around to create amazing smoke effects. And that’s not all, there’s a cool bonus for you too :)

Below the promised showcase of awesome smoke effect Photoshop tutorials.

Create Smoke Text
Mixing type and a smoke image to create a really nice abstract wallpaper.

text Realistic Smoke Effect Photoshop Tutorials

Smoke Effect
How to create smoke effect in 30 seconds.

babe2 Realistic Smoke Effect Photoshop Tutorials

Manipulate Smoke to Create Hyper-Real Images
Learn to apply the Warp Tool effectively and a few other tricks to make smoke look like a skull.

cigaret3 Realistic Smoke Effect Photoshop Tutorials

Creating Smoke Like Effects
How to create subtle smoke-like effect.

123rf Realistic Smoke Effect Photoshop Tutorials

Smoke Fading Effect
Smoking hot girl with smoke fading effect.

fading Realistic Smoke Effect Photoshop Tutorials

Creating a Stunning Digital Smoke Effect
How to easily create digital abstract smoke using both Illustrator and Photoshop.

Effect Realistic Smoke Effect Photoshop Tutorials

Photoshop Smoke Tutorial

photoshopsmoke Realistic Smoke Effect Photoshop Tutorials

Smokin Woman
How to create one smokin’ woman using a some stock photos.

smokin woman Realistic Smoke Effect Photoshop Tutorials

Smokin’ Hot Babe Tutorial

babe Realistic Smoke Effect Photoshop Tutorials

Adobe Photoshop Smoke Tutorial
Smoke effect in3 simple steps.

deviantart2 Realistic Smoke Effect Photoshop Tutorials

Abstract Smoke Art
Awesome smoke effect tutorial using dSLR and Photoshop.

Abstract Realistic Smoke Effect Photoshop Tutorials

Creating Smoke

abduzeedo Realistic Smoke Effect Photoshop Tutorials

Quick smoke tutorial

quick smoke tutorial Realistic Smoke Effect Photoshop Tutorials

Smoke Type in Photoshop in 10 Steps
How to create a smoke typography effect playing with some brushes and adjustment layers.

type Realistic Smoke Effect Photoshop Tutorials

Creating realistic smoke: Photoshop effect

face Realistic Smoke Effect Photoshop Tutorials

Creating Smoke in Photoshop

photochopz Realistic Smoke Effect Photoshop Tutorials

Surreal Atmospheric Phone Booth Scenery

surreal phone booth Realistic Smoke Effect Photoshop Tutorials

Smokey Typography
Learn how to create cool smokey typography in 12 simple steps.

smokey typography Realistic Smoke Effect Photoshop Tutorials

Coldplay Style Smoke Poster
How to create a portrait based on the style of the latest Coldplay / Apple Ad featuring “Viva la Vida” from Coldplay.

coldplay Realistic Smoke Effect Photoshop Tutorials

Bonus – Smoke Brushes

We thought only giving tutorials won’t be enough for the hungry designers like you out there. So we also included some amazing sets of freely downland-able smoke brush sets for you. They are completely free to download and can be used along with Photoshop to create those amazing and awesome smoke effects as you saw above

Real Smoke Photoshop Brushes

s photo Realistic Smoke Effect Photoshop Tutorials

Particle Smoke Photoshop Brushes

particle smoke Realistic Smoke Effect Photoshop Tutorials

Smoke Effects Photoshop Brushes

smoke effects Realistic Smoke Effect Photoshop Tutorials

High Resolution Photoshop Smoke Brushes

nerds Realistic Smoke Effect Photoshop Tutorials

21 Awesome Smoke Brushes

smoke brushset Realistic Smoke Effect Photoshop Tutorials

Revnart Smoke Brushes

revnart Realistic Smoke Effect Photoshop Tutorials

Free Smoke Brushes

pixel Realistic Smoke Effect Photoshop Tutorials

Twirl Smoke Brushes

twirls Realistic Smoke Effect Photoshop Tutorials

Abstract Glow Smoke Brushes

abstract glow Realistic Smoke Effect Photoshop Tutorials

(bellefoong)

Vintage and Aging Photo Effect Tutorials – The Ultimate Round-Up

April 16th, 2010 Comments off

Although the world is all about modernization these days, people still long for the touch of something aged, vintage and well, old! Old photographs always give you that sense of history and all the great memories that come along with it. They are our most immediate link to the past. Sometimes a photo would look very normal and boring, but when you apply the right filters and make the right adjustments, you end up with a great final output. And if you really wanted to make things interesting, try making your photo looks old and vintage.

vintage aging photo Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

I’ve been taking photos for quite some time now, and the truth of the matter is that people are simply drawn to that antique, vintage touch. Therefore, I advise you to apply some of the tutorials and use some of the great Photoshop actions we have for you.

Below are great tutorials that will help make any photo look old and vintage. As well as some free and helpful textures and Photoshop actions just for you.

Photoshop Tutorials

The Aging Photo

How to make a crisp digital photograph look like it was taken decades ago.

tut 1 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Create An Aging (Old Photo Effect) in Photoshop

How do we make an aging (old photo) effect to our photographs using Photoshop.

tut 2 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Grunge Tutorial

This is a tutorial for those of you who love the sepia, vintage, washed out look but don’t know how to achieve it.

tut 3 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Old Photo, Vintage Effect

This is step by step Photoshop tutorial that teaches you how to create a vintage effect for your photo using simple tools, filters, levels and layer styles.

tut 4 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Aging photos – quick and simple

Create aging photo on the fly with Filter Forge plugin.

filterforge aging Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Elements: Photochrom Vintage Postcard

Turn your travel photos into vintage postcards. This technique works best on colorful photos that have good contrast and lots of detail, especially architectural detail.

tut 5 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Create A Vintage Polaroid Effect

This tutorial will show you how to create a stunning vintage Polaroid effect. It’s fairly simple to make and can be used in many different types of projects.

tut 6 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Retro Vintage Tutorial

Create a retro/ vintage look for your photographs.

tut 7 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Create A Vintage Photo Effect in Photoshop

A quick and easy way to convert a modern photo in a vintage one.

tut 8 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Vintage Effect

Create a smooth vintage effect for your photos using Adobe Photoshop.

tut 9 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Create A Vintage Looking Image with Photoshop

The tutorial will show you how to turn your digital image into a vintage looking image. All done in a non-destructive way. This was done in Photoshop CS2, although it may work in older versions.

tut 10 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Tutorial

This tutorial is for adding a vintage or an old photograph look to your photos.

tut 11 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

How to Make Your Pictures Look Old, Antique, and Vintage

A step-by-step guide on how to make your photos or pictures look old, antique and vintage.

tut 12 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Create A Retro Photo and Background

In this tutorial you are going to take a regular, boring photo and liven it up using with some effects to give it more of a retro feel to it. You are then going to take the photo and create a background for it to lie on.

tut 13 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Greeting Card

Are you missing the old times? Well, this Photoshop tutorial allows you to go back in time and give your pictures that old vintage look.

tut 14 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photo Transfer Edge Effect

This Photoshop tutorial will show you how to create a cool old photo transfer edge effect using a piece of stock photography, an alpha channel and the burn and dodge tools.

tut 15 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Some Great Video Tutorials

Aging A Photo

Instructor Richard Harrington shares some techniques on how to age a photograph in Photoshop.

tut 16 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Pin Up Effect

Using a mixture of filters and blending modes, Corey takes a stock photo and transforms it into an old, classic 1950′s pin-up poster.

tut 17 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Helpful & Free Vintage Textures

Vintage Grunge Textures

Contains 5 high quality vintage and grungy textures. Total file size: 16.1 MB

textures 1 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Memories Textures

Contains 2 large vintage textures. Total file size: 12.7 MB

textures 2 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Rust Textures

Contains 5 rusty large stock images. Total file size: 18.8 MB

textures 3 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Grunge Textures

Contains 6 high resolution vintage and grunge textures. Total file size: 24.2 MB

textures 4 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Two Vintage Textures

Contains 2 large vintage textures. Total file size: 2.1 MB

textures 5 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Grungy Textures

Contains 5 textures in 1000x750px resolution in JPG format. Total file size: 4.3 MB

textures 6 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Paper Textures Pack

Contains 4 high quality vintage paper textures. Total file size: 3.9 MB

textures 7 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Texture Pack 1

Contains 3 very large textures. Total file size: 2.6 MB

textures 8 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Old Paper Textures

Contains 6 high quality old paper textures. Total file size: 3 MB

textures 9 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

20 Grunge Textures

Contains 20 textures in 750x1000px resolution in JPG format. Total file size: 22.8 MB

textures 10 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

2 Old Postcards Textures

Contains 2 textures in 1000×660 px resolution in JPG format. Total file size: 1.1 MB

textures 11 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Pack 1

Contains 5 high quality textures of 2000 x 3000 px in size. Total file size: 539 KB

textures 12 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

14 Unique Old Paper Textures

Contains 14 hi resolution textures of old paper taken from old books. Total file size: 9 MB

textures 13 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Paper II Texture Pack

Contains 5 high quality vintage paper textures. Total file size: 3.3 MB

textures 14 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Helpful & Free Vintage Effect Photoshop Actions

Vintage Addict Pack

Contains a set of 4 Vintage Textures and 5 Photoshop Vintage Actions. Total file size: 1.7 MB

actions 1 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Effect PS Actions

Contains vintage effect Photoshop actions. Total file size: 16 MB

actions 2 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Actions

Contains 11 Photoshop actions. Total file size: 397 MB

actions 3 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Actions

Contains 2 wonderful actions, a dark one and a light one. Total file size: 1.4 KB

actions 4 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Wash PS Actions

Contains 10 great vintage Photoshop actions. Total file size: 7.2 KB

actions 5 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Actions

Contains 12 Photoshop actions. Total file size: 612 KB

actions 6 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Sepia Actions

Contains a set of 7 actions that will give your photos sepia tones. Total file size: 11.2 KB

actions 7 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Actions

Contains 8 Photoshop actions. Total file size: 494 KB

actions 8 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Dream PS Actions

Contains 6 vintage Photoshop actions. Total file size: 2.1 KB

actions 9 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Action

Contains a great Photoshop action. The color effects are all in separate adjustment layers so they are very easy to edit. Total file size: 6.1 KB

actions 10 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Actions

Contains 4 Photoshop actions. Total fie size: 147 KB

actions 11 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Actions Pack I

Contains 5 different Photoshop actions. Total file size: 16.3 KB

actions 12 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Actions 32

Contains 8 Photoshop actions. Total file size: 468 KB

actions 13 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Actions

Contains 4 vintage Photoshop actions. Total file size: 333 KB

actions 14 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Vintage Diva Actions Set

Contains 6 actions created in Photoshop 7, but they should work with later versions as well. Total file size: 536 KB

actions 15 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

Photoshop Actions

Contains 8 Photoshop actions. Total file size: 397 KB

actions 16 Vintage and Aging Photo Effect Tutorials – The Ultimate Round Up

80 Best Photoshop Text Effects Tutorials, Part III

April 6th, 2010 Comments off

There are often millions of unique ways of arranging and designing type which can only be limited by an individual’s imagination. A visually appealing text that is both original and creative draws attention and leaves a deep impression on anyone who sees it. Thanks to the internet, anyone who is interested in the art of typography can conveniently pick up relevant skills from the numerous Photoshop tutorials online. Not only does design software like Adobe Photoshop simplifies things further with its ease of use and user-friendliness, it also provides users a variety of options and tools to create top-notch art pieces.

final6 80 Best Photoshop Text Effects Tutorials, Part III

For those interested, we’ve combed many sources online to gather some of the best Photoshop text effects tutorials to give all of you a head-start. Do browse through some of the fascinating design ideas that others have came up with. There is a total of 80 outstanding Photoshop text effects tutorials below, but check out our archive if it’s still not enough to inspire you!

Here are more text effect tutorials just to make sure you’ve seen them all:

All tutorials after jump.

Wave’s Text Effect

60 80 Best Photoshop Text Effects Tutorials, Part III

Glossy Emblem Text Effects

glossyemblem final 80 Best Photoshop Text Effects Tutorials, Part III

Spectacular Style Text Effect

style 80 Best Photoshop Text Effects Tutorials, Part III

Harley Davidson

harley 80 Best Photoshop Text Effects Tutorials, Part III

Aqua

34 80 Best Photoshop Text Effects Tutorials, Part III

Happy New Year

17 80 Best Photoshop Text Effects Tutorials, Part III

3-D text with some extreme lighting

dd 80 Best Photoshop Text Effects Tutorials, Part III

Awesome metallic background for text

dd3 80 Best Photoshop Text Effects Tutorials, Part III

Jelly Fish Delight

kingtut 80 Best Photoshop Text Effects Tutorials, Part III

Realistic Scorching Fire Effect

kingtutz 80 Best Photoshop Text Effects Tutorials, Part III

Shiny Calligraphy

3871377624 882d07f4b3 b 80 Best Photoshop Text Effects Tutorials, Part III

Amazing Video-Game Text Style

live life 80 Best Photoshop Text Effects Tutorials, Part III

Lost in Space

lostinspace 80 Best Photoshop Text Effects Tutorials, Part III

Awesome Floral Type

giveaway2 80 Best Photoshop Text Effects Tutorials, Part III

Cloudy Text

clouds 80 Best Photoshop Text Effects Tutorials, Part III

Creative Volition

conclusion 80 Best Photoshop Text Effects Tutorials, Part III

Milk

milk 80 Best Photoshop Text Effects Tutorials, Part III

Slick 3D Ice Text Effect

icepreview 80 Best Photoshop Text Effects Tutorials, Part III

Stunning City Skyline

final17 80 Best Photoshop Text Effects Tutorials, Part III

Watercolor

final8 80 Best Photoshop Text Effects Tutorials, Part III

Sugar Bag

final9 80 Best Photoshop Text Effects Tutorials, Part III

80’s Style Design

leave 80 Best Photoshop Text Effects Tutorials, Part III

Dream Design with 3D Typography

dream 80 Best Photoshop Text Effects Tutorials, Part III

Eroded Metal Text

final 80 Best Photoshop Text Effects Tutorials, Part III

Destructive Black and White Lettering with a Dramatic Splash Effect

final16 80 Best Photoshop Text Effects Tutorials, Part III

Stunning 3D Sunset Type Illustration

sunset 80 Best Photoshop Text Effects Tutorials, Part III

Dynamic Recessed Watercolor

final13 80 Best Photoshop Text Effects Tutorials, Part III

3D Text Blocks

final12 80 Best Photoshop Text Effects Tutorials, Part III

Copper

copper 80 Best Photoshop Text Effects Tutorials, Part III

Steam Powered

final10 80 Best Photoshop Text Effects Tutorials, Part III

Quick Grungy Poster

tut 80 Best Photoshop Text Effects Tutorials, Part III

Add Fantastic Color to 3D Text

final2 80 Best Photoshop Text Effects Tutorials, Part III

Typographic, Retro, Space Face

Final3 80 Best Photoshop Text Effects Tutorials, Part III

Richly Ornate Typographic Illustration

final large 80 Best Photoshop Text Effects Tutorials, Part III

Gorgeous Glassy Text Effect

final4 80 Best Photoshop Text Effects Tutorials, Part III

Using Light and Shade to Bring Text to Life

final5 80 Best Photoshop Text Effects Tutorials, Part III

3D Text Scene

oasis2 80 Best Photoshop Text Effects Tutorials, Part III

Techno Effect

final14 80 Best Photoshop Text Effects Tutorials, Part III

Colorful Light Burst

final11 80 Best Photoshop Text Effects Tutorials, Part III

Grunge Type

header 80 Best Photoshop Text Effects Tutorials, Part III

Gooey

gooey 80 Best Photoshop Text Effects Tutorials, Part III

Brick

brick 80 Best Photoshop Text Effects Tutorials, Part III

Realistic Golden “Bling”

flares 80 Best Photoshop Text Effects Tutorials, Part III

Realistic Water Text Effect

minervitiy 80 Best Photoshop Text Effects Tutorials, Part III

Amazing Typographic Portrait

13 80 Best Photoshop Text Effects Tutorials, Part III

3D Flowery Text Effect

enlarge 80 Best Photoshop Text Effects Tutorials, Part III

Stunning Text on Wild Fire Effect

18 80 Best Photoshop Text Effects Tutorials, Part III

Grungy Rusted Carbon Fiber Text Effect

final6 80 Best Photoshop Text Effects Tutorials, Part III

Smokey Typography

smoke 80 Best Photoshop Text Effects Tutorials, Part III

Unique Burning Text Effect

hot 80 Best Photoshop Text Effects Tutorials, Part III

Candy Coated Photoshop

candy 80 Best Photoshop Text Effects Tutorials, Part III

Awesome Geometric Shaped Typography with Grungy Background

glossy 80 Best Photoshop Text Effects Tutorials, Part III

Realistic Weedy

moss 80 Best Photoshop Text Effects Tutorials, Part III

Gloomy Text Effect by Utilising the Amazing Cloud

gloomy 80 Best Photoshop Text Effects Tutorials, Part III

Awesome Abstract Text Effect with Brush Dynamics and Filters

custom 80 Best Photoshop Text Effects Tutorials, Part III

Fragmented Text Effect with Scrap Texture

final15 80 Best Photoshop Text Effects Tutorials, Part III

Horror Style Text Effect with Dirt and Splatter Texture

horror 80 Best Photoshop Text Effects Tutorials, Part III

Super Sleek Text Effect with Water Drop Texture

water 80 Best Photoshop Text Effects Tutorials, Part III

Snowy Rock

snowy 80 Best Photoshop Text Effects Tutorials, Part III

Translucent Text Effect with Sky and Cloud

final7 80 Best Photoshop Text Effects Tutorials, Part III

God of War III Inspired Cracked

god 80 Best Photoshop Text Effects Tutorials, Part III

Chilling and Icy

chilling 80 Best Photoshop Text Effects Tutorials, Part III

Trendy Galactic Poster Design

chemical 80 Best Photoshop Text Effects Tutorials, Part III

Cool Wet Ink

bringtherain 80 Best Photoshop Text Effects Tutorials, Part III

Floral

floral2 80 Best Photoshop Text Effects Tutorials, Part III

NFS Pro Street Stencil Tutorial

prostreet 80 Best Photoshop Text Effects Tutorials, Part III

New Retro Text Effect

shiny 80 Best Photoshop Text Effects Tutorials, Part III

Luminous Glass

01 80 Best Photoshop Text Effects Tutorials, Part III

Watery

02 80 Best Photoshop Text Effects Tutorials, Part III

Elegant Chrome

03 80 Best Photoshop Text Effects Tutorials, Part III

Beveled Aluminium

04 80 Best Photoshop Text Effects Tutorials, Part III

Polished Metal

05 80 Best Photoshop Text Effects Tutorials, Part III

Suspended

suspended 80 Best Photoshop Text Effects Tutorials, Part III

Star Cute

sta 80 Best Photoshop Text Effects Tutorials, Part III

Stylish Floral

floral 80 Best Photoshop Text Effects Tutorials, Part III

Smoke Text

smoke2 80 Best Photoshop Text Effects Tutorials, Part III

Funky Stickers

funkystickers 80 Best Photoshop Text Effects Tutorials, Part III

Rubber Stamp

class 80 Best Photoshop Text Effects Tutorials, Part III

Star Wars Logo

starwars 80 Best Photoshop Text Effects Tutorials, Part III

Peace

peace 80 Best Photoshop Text Effects Tutorials, Part III

Golden Flame

golden 80 Best Photoshop Text Effects Tutorials, Part III

Glossy Emblem Text Effects with Photoshop

March 29th, 2010 Comments off

In this tutorial, we’ll demonstrate how to create the following nice looking Glossy Emblem Text Effect with Adobe Photoshop in 4 simple steps.

glossyemblem final Glossy Emblem Text Effects with Photoshop

With just one text layer and a few layer styles you can have yourself a deliciously glossy emblem text effect in no time. Since the entire effect is done on a vector text layer, you’ll be free to change the font face or letters to suit your needs and still retain all of its styling. As a final touch, we’ll add a simple shadow to give it some perspective and realism.

Step 1

Fire up Photoshop and set your canvas to 800×600. We’ll be using a dark perforated material for the background. This can easily be made by cutting out a pattern of circles from your background and applying a subtle bevel. Feel free to grab the background from the PSD file or use another texture if you wish.

glossyemblem 01 Glossy Emblem Text Effects with Photoshop

Step 2

Next, lay out your type. I’m using black Trajan, 425px in size to cover most of our area. A couple of letters will do for now.

glossyemblem 02 Glossy Emblem Text Effects with Photoshop

Step 3

Now lets slap on a barrage of layer effects. Start off by selecting your text and going to Layer > Layer Style > Drop Shadow and enter in the settings below. Then continue down the list while paying close attention to each setting and blending mode. Also take note of the different contour maps being used. You can find a larger array of contour maps.

glossyemblem 03 Glossy Emblem Text Effects with Photoshop

glossyemblem 04 Glossy Emblem Text Effects with Photoshop

glossyemblem 05 Glossy Emblem Text Effects with Photoshop

glossyemblem 06 Glossy Emblem Text Effects with Photoshop

glossyemblem 07 Glossy Emblem Text Effects with Photoshop

glossyemblem 08 Glossy Emblem Text Effects with Photoshop

A closer look at the color ramp for your Gradient Overlay:

glossyemblem 09 Glossy Emblem Text Effects with Photoshop

glossyemblem 10 Glossy Emblem Text Effects with Photoshop

And here’s what your stroke’s gradient should look like:

glossyemblem 11 Glossy Emblem Text Effects with Photoshop

glossyemblem 12 Glossy Emblem Text Effects with Photoshop

You should now have a beautifully reflective emblem with metal trim. But lets add that last shadow for a little depth.

Step 4

Ctrl (Command for Mac) + click on your text layer’s thumbnail (the white box with the capital ‘T’) in the layer’s palette to select it. Now create a new layer underneath your styled text by pressing Ctrl + Shift + N. Fill this selection with black and Ctrl (Command for Mac) + D to deselect. Apply a Motion Blur filter with a -85 degree angle and 39px of distance. Finally, nudge this layer down a tad so most of the shadow falls below your type.

glossyemblem final Glossy Emblem Text Effects with Photoshop

Congratulations, you’ve created a slick type effect in minutes that’ll compliment your next project and maybe even garner praise from your boss, friends or peers.

Download final .PSD file.

More Text Effects

Looking for more Photoshop text effects? Check out these following articles:

30+ Realistic Gadget Design Photoshop Tutorials

November 24th, 2009 Comments off

There’s an ancient Chinese proverb that says “工欲善其事,必先利其器“; the direct English translation means “In order to do a good job, once must have a good tool.” When it comes to the design industry, the tool is Photoshop.

gadget design 30+ Realistic Gadget Design Photoshop Tutorials

Photoshop is truly a designer’s best friend. It is used to design almost anything, be it icons, websites, photo enhancements, etc and the list goes on. In fact, in one of our earlier post “Stunning Apple Concept Design“, most of the gadgets were created with Photoshop too. It’s never a tough job learning how to create a gadget when you know the basics and the next thing you probably need is – good tutorials in conversational tone.

Here’s a list of 31 wonderful Photoshop Tutorials that gives you step by step tutorial how gadgets are created. Full list after jump

Realistic Gadget Design with Photoshop

Black iMac
This tutorial will help you create a realistic black iMac in Photoshop. The image is recreated in Photoshop using a front look iMac picture found via Google Images. It is  a step-by-step tutorial to help you easily create an iMac of your own, in PhotoShop that is.

black imac 30+ Realistic Gadget Design Photoshop Tutorials

Apple Remote
Apple has always throbbed our hearts with their exceptionally innovative and beautifully designed products. Apple remote is no different. Here is a tutorial to teach how to design a Apple remote in Photoshop with a realistic view and shiny looks. The tutorial also shows you how to change colors of such objects in photoshop easily.

apple remote 30+ Realistic Gadget Design Photoshop Tutorials

Sony Playstation 3
A gadget like Playstation is great to play with and it can add a lot more fun if we could turn it into a Photoshop image. And it’s not a tough task when you have a very well written tutorial infront of you.

playstation 3 30+ Realistic Gadget Design Photoshop Tutorials

Nokia 5300
Using just multiple vector shapes, layer styles and some other tools, you can easily create mobile phone mockup in PhotoShop. The tutorial here shows you how to create a look-alike of Nokia 5300 Mobile phone.

nokia 5300 30+ Realistic Gadget Design Photoshop Tutorials

PlayStation Portable
Designing a portable gaming console couldn’t get easier that this. Here is a revamped tutorial for creating beautiful PSP in PhotoShop. No-doubt it is going to take some time to finish this up, but in the end you will have refreshed your photoshop skills and have a cool-looking PlayStaion Portable to add to your PhotoShop creations.

playstation portable 30+ Realistic Gadget Design Photoshop Tutorials

Nintendo Gameboy
If making a PSP in photoShop doesn’t get you excited, how about a Nintendo Game Boy? The tutorial will help you create a truly realistic Game Boy in PhotoShop and it involves using just basic tools that PhotoShop users use everyday.

game boy 30+ Realistic Gadget Design Photoshop Tutorials

USB Stick
This tutorial explains USB stick image formation in Photoshop. It is a pretty basic tutorial and you can even have the PSD if you want.

flash drive 30+ Realistic Gadget Design Photoshop Tutorials

Mouse
Simple things are always fun to create in PhotoShop. This is a tutorial for creating a realistic computer mouse in  PhotoShop. You will alos be able to get a free PSD from the author’s blog.

PC mouse 30+ Realistic Gadget Design Photoshop Tutorials

XBox 360
Microsoft’s XBox 360 is a very eye-catchy gadget. The looks are stunning and what’s more interesting is that you can create it in PhotoShop too. Here is a step-by-step tutorial for creating a Xbox 360 look-alike in PhotoShop. There are simple techniques involved in this tutorial, like gradient tool and pen tool which, most likely, every Photoshop user should be used-to.

xbox 360 30+ Realistic Gadget Design Photoshop Tutorials

Nintendo DS Lite
This tutorial is not for newbies. Although it is easy to follow, but the author doesn’t explain the minute details. However if you are an intermediate level PhotoShop user, you can easy follow along and make you own DS Lite in PhotoShop with this tutorial.

nintendods ds lite 30+ Realistic Gadget Design Photoshop Tutorials

Digital MP3 Player
Creating an image of an mp3 player in 3D view is certainly an interesting thing to do in Photoshop. But that won’t be easy if you just hang around without knowing the techniques. Here is a tutorial which guides you throughout the procedure of recreating the image in 3D view.

mp3 player 30+ Realistic Gadget Design Photoshop Tutorials

Custom MP3 Player
This tutorial shows you how to create a custom MP3 player in Photoshop complete with buttons and the display. It can be done at ease when you know what steps to follow and this tutorial will provide you the steps in a very detailed manner. You can also work on shade, the button dimensions and the button patterns.

custom mp3 player 30+ Realistic Gadget Design Photoshop Tutorials

LCD Monitor
Creating shiny gadgets in Photoshop is fun. Creating a Monitor is no different. The easy steps in this tutorial will guide you through the procedure to accomplish it.

lcd monitor 30+ Realistic Gadget Design Photoshop Tutorials

Microsoft Zune 2
This is a tutorial which teaches you how to create a Microsoft Zune media player in Photoshop from scratch.

black zune 30+ Realistic Gadget Design Photoshop Tutorials

Loox Pocket PC
Here is a tutorial to create a Loox Pocket PC in photoshop and boost your PhotoShop creativity.

loox pocket pc 30+ Realistic Gadget Design Photoshop Tutorials

Detailed Audio Player
Yet another Photoshop tutorial about creating an audio player with minute details. This tutorial will be a great opportunity for all designers to practice the Shape Tools and Layer Styles skills. It involves a los of adding and subtracting of Shapes.

audio player 30+ Realistic Gadget Design Photoshop Tutorials

Sony Ericsson S500
In this tutorial you will learn how to make a glossy, shiny and a very beautiful mobile phone in PhotoShop. The author has provided a PSD file too, incase you need take it as a reference to create your own design.

sony ericsson s500 30+ Realistic Gadget Design Photoshop Tutorials

HTC Touch Diamond
In this tutorial, Constantin Potorac shows how he created an amazing look-alike of HTC Touch Diamond phone.

touch diamond 30+ Realistic Gadget Design Photoshop Tutorials

Apple iPhone
Apple iPhone is a great innovative and heart throbbing gadget. The sleekness along the curves, the ‘Home’ button and and other minutes details are not that easy to design in Photoshop. But, this tutorial shows you how to create a realistic iPhone easily. You just have to follow the clear instructions on this tutorial carefully and with-in no time you will be an expert in creating  an iPhone in PhotoShop.

apple iphone 30+ Realistic Gadget Design Photoshop Tutorials

Sony Ericsson W800
This tutorial shows you to create a Walkman phone in PhotoShop. The designing of Sony Ericsson W800 will require some skills with the brush and pen tool though.

sony ericsson w800 30+ Realistic Gadget Design Photoshop Tutorials

Strawberry Mobile Phone
Now here is an interesting tutorial to look at. This tutorial will guide you to create a Straberry phone in Photoshop. You just need images of strawberry and your mobile phone as reference images.

strawberry phone 30+ Realistic Gadget Design Photoshop Tutorials

iPod Nano Video
Refresh your layer structure and pen tool skills by recreating an iPod Nano Video in PhotoShop.This tutorial will also give you a glimpse of how to recreate objects in PhotoShop from an original image.

ipod nano video 30+ Realistic Gadget Design Photoshop Tutorials

Apple MacBook
Apple’s sleek gadgets are fun to create in photoshop because they look beautiful on the screen as well as in the real life. Here is a step-by-step guide for creating a MacBook from scratch in Photoshop.

apple macbook 30+ Realistic Gadget Design Photoshop Tutorials

Wii Controller The Wii controller in the image below is a true creation of Photoshop. Learn to create a simillar one in Photoshop by following this simple tutorial.

wii controller 30+ Realistic Gadget Design Photoshop Tutorials

Woofer
Here is a tutorial to create a woofer in Photoshop with a wooden texture background. This tutorial also shows how to put on screws on the woofer to make it look more realistic.

woofer 30+ Realistic Gadget Design Photoshop Tutorials

Portable Media Player
Fancy creating a portable media player in Photoshop? Now you can. Create your video mp3 player in Photoshop by following some simple steps detailed in this tutorial. The reference image used in the tutorial is of RCA Lyra X3030 portable media player.

portable media player 30+ Realistic Gadget Design Photoshop Tutorials

Retro Atari Game Catridge
If you have ever owned an Atari gaming console, you will definitely love to create this mockup in Photoshop.  This tutorial is about making a super retro game cartridge. Theme of the tutorial is to teach you to create a very easy, but really cool, 3D and geometric effect in Photoshop.

atari catridge 30+ Realistic Gadget Design Photoshop Tutorials

Blackberry Mobile Phone
Obsessed with Blackberries? You will love to create one in PhotoShop too. You will learn how to create a blackberry mobile phone look-alike in Photoshop by followwing the instructions in this tutorial. Author has explained in a detailed manner how to use Vector Shapes, Masks, and mostly Layer Effects to create this elegant design.

blackberry 30+ Realistic Gadget Design Photoshop Tutorials

iPod Classic
A very simple yet inspiring tutorial of creating an Apple iPod Classic in PhotoShop from scratch.

ipod classic 30+ Realistic Gadget Design Photoshop Tutorials

iPod Shuffle
iPod Shuffle is one of the simplest gadgets to design in photoshop. If you are just starting to design tech related stuff in Photoshop, you should start with the iPod shuffle. Read the tutorial, and create one of your own.

ipod shuffle 30+ Realistic Gadget Design Photoshop Tutorials

Nokia 5800 XpressMusic
While Apple fanboys may enjoy designing the iPhone, there are Nokia fanboys out there too who will love to design Nokia 5800 XpressMusic. This tutorial is a 12 step precedure for attaining something like the below image.

nokia5800 30+ Realistic Gadget Design Photoshop Tutorials