60 Cool Photoshop Effects Resource

60 Cool Photoshop Effects Resource

Photoshop has given us unlimited possibilities to reinvent our creativity. There are numerous Cool Photoshop Effects Resource which will take you through the step by step procedure of turning a simple image in too most cherished image of your life.

Photoshop is full of various tools which makes your work much simpler and better. These tools also helps you in creating professional results.

Choosing out the best and cool Photoshop effects resources reduces your worries and you can get various detailed as well as advanced level tutorials on mastering a tool or technique you are looking for. Our today’s list of 60 Cool Photoshop Effects Resource will tell you how to get the best out of Photoshop effects techniques. You can bookmark this comprehensive series of important tutorials as use them as your personal guide whenever you like.

Photoshop Effects Tutorials

Photoshop Effects Tutorials will take you to a new world where you can create any thing you imagine. You can play with colors, create beautiful scenery, create surreal or horror manipulation scenes, add light and abstract effects, creating advertisements and much more. Check out this set of collection of Photoshop Effects Tutorials.

Making of “Color Combustion” a Photo Manipulation

In this Photoshop tutorial learn the process of making of a digital photo manipulation called Color Combustion.

Making of “Color Combustion” a Photo Manipulation

More information on Making of “Color Combustion” a Photo Manipulation

Create a Colorful Woodpecker and Tree Scenery

This tutorial is a perfect one for brushing your Photoshop and drawing skills.

Create a Colorful Woodpecker and Tree Scenery

Advertisement

More information on Create a Colorful Woodpecker and Tree Scenery

Combine Photo Elements to Create a Surreal Photo Manipulation

Here you will learn how to use a variety of color, lighting, and cut and paste techniques to create a surreal photo manipulation.

Combine Photo Elements to Create a Surreal Photo Manipulation

More information on Combine Photo Elements to Create a Surreal Photo Manipulation

Create A Speeding Car Scene With Light Effects In Photoshop

Create a composition that blends together various stock images to create a cohesive scene. In addition, we will be using some cool Photoshop tricks to add light effects to the design.

Create A Speeding Car Scene With Light Effects In Photoshop

More information on Create A Speeding Car Scene With Light Effects In Photoshop

Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Create this Cool Liquid Text Effect with Feather Brush Decoration in Photoshop. This is an intermediate level tutorials and some steps can be a bit tricky for the newbies.

Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

More information on Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Faking a Dental Ad: From Gorgeous to Gross – Reverse Cosmetic Dentistry

Photshop is widely used for creating advertisements. Make a one for Dental clinic through this tutorial.

Faking a Dental Ad: From Gorgeous to Gross – Reverse Cosmetic Dentistry

More information on Faking a Dental Ad: From Gorgeous to Gross – Reverse Cosmetic Dentistry

The Making of “Climb” – An Awesome 3D Text Composition in Photoshop

In this tutorial, you’ll learn how to create 3D text within Photoshop, along with a nice stylish background, and then apply textures and bring out some awesome details in your work.

The Making of “Climb” – An Awesome 3D Text Composition in Photoshop

More information on The Making of “Climb” – An Awesome 3D Text Composition in Photoshop

Design Awesome Grungy Text Effect with Stone Texture in Photoshop

Author will show you the steps he took to Design Awesome Grungy Text Effect with Stone Texture in Photoshop. The main focus of this tutorial is how you quickly apply textures and stock images to create great text effect.

Design Awesome Grungy Text Effect with Stone Texture in Photoshop

More information on Design Awesome Grungy Text Effect with Stone Texture in Photoshop

Making of the Imaginary Paint Dancers

Learn how to make Imaginary Paint Dancers through this tutorial.

Making of the Imaginary Paint Dancers

More information on Making of the Imaginary Paint Dancers

Fantastic Disintegration Effect inspired by Watchmen in Photoshop

In this tutorial Author will show you how to create the disintegration effect using brushes and the blur filter.

Fantastic Disintegration Effect inspired by Watchmen in Photoshop

More information on Fantastic Disintegration Effect inspired by Watchmen in Photoshop

Dreamy photo effect

In this tutorial we will take a photo and use different color adjustments and something like pattern floral brushes to make it better or to make a different mood to our picture.

Dreamy photo effect

More information on Dreamy photo effect

Easy Photoshop Effects

Photoshop Effects are not that difficult to master if you start your learn with Easy Photoshop Effects tutorials. It will give you detailed knowledge and stepby step description, which is missing in advanced level tutorials. So enjoy learning Photoshop with below mentioned list of Easy Photoshop Effects.

How to Use and Create Brushes in Adobe Photoshop

This tutorial will show you how to get and use brushes. Then how to install them, and finally how to use them. The second part of the video is how to make your own brush.

How to Use and Create Brushes in Adobe Photoshop

More information on How to Use and Create Brushes in Adobe Photoshop

Create Widescreen Wallpaper via Image Merging in Photoshop

In this tutorial, author will show you how you can Create Widescreen Wallpaper via Image Merging in Photoshop.

Create Widescreen Wallpaper via Image Merging in Photoshop

More information on Create Widescreen Wallpaper via Image Merging in Photoshop

Create a Greeting Card for Christmas and New Year

A very detailed tutorial where author will show you how to create a greeting card for Christmas and New Year Holidays to impress your relatives and friends. This Photoshop tutorial is very simple but the result looks so amazing

Create a Greeting Card for Christmas and New Year

More information on Create a Greeting Card for Christmas and New Year

Photoshop Tutorial To Enhance Photos and Still Keeping Skin Pores

Here is a simplified guide on How to Get Your Photos Enhanced Naturally Without Having To Learn All The Tools In Photoshop and Still Keeping Skin Pores.

Photoshop Tutorial To Enhance Photos and Still Keeping Skin Pores

More information on Photoshop Tutorial To Enhance Photos and Still Keeping Skin Pores

Create Your Own Social Icon Stickers

In this tutorial author will run you through some simple steps to create some social networking icon stickers you can use on a website or any other project you want to use them for.

Create Your Own Social Icon Stickers

More information on Create Your Own Social Icon Stickers

How to remove objects from an image

This is a common task using Photoshop in works for clients. They give you their source image and you must “clean it”. This require of patience and analyzing the image you will work with.

How to remove objects from an image

More information on How to remove objects from an image

Create a Roadmap Poster in Photoshop

Learn how to create a very simple but a pretty roadmap poster in Photoshop. In this tutorial author will use layer styles, blend modes and a little of adjustments layers.

Create a Roadmap Poster in Photoshop

More information on Create a Roadmap Poster in Photoshop

How to Use Blending Modes in Photoshop

This tutorial shows you how to use blending modes in Photoshop for a variety of effects. Knowing how blending modes work can really help you get the job done in a wide variety of situations.

How to Use Blending Modes in Photoshop

More information on How to Use Blending Modes in Photoshop

How to correctly position subjects in an image

How many times we look at a montage and instinctively we detect there something wrong; the subject clearly looks superimposed. There is a very simple rule that applies in every image and it can make your subjects really appear like they were originally in the shot.

How to correctly position subjects in an image

More information on How to correctly position subjects in an image

Getting Started with Photoshop Article

Here author will cover some of the basic tools and tasks that will be drawn on in the later chapters.

Getting Started with Photoshop Article

More information on Getting Started with Photoshop Article

Scary Photoshop Effects

Photoshop is not only used to beauty or enhance an image. Photoshop can also be used to show distructive or scary effects. You can create a effect to show how our planet will look without trees or without water, or you can create any sort of Photomanipulation to create a scary look. Enjoy this list of Scary Photoshop Effects.

“Mysterious Hollow. Dark landscape.”

Learn how to make a Mysterious Hollow effect in this amazing tutorial.

“Mysterious Hollow. Dark landscape.”

More information on “Mysterious Hollow. Dark landscape.”

Scared Photomanipulation Tutorial

Author will teach you some basic things about Photomanipulation through this tutorial.

Scared Photomanipulation Tutorial

More information on Scared Photomanipulation Tutorial

Torture a Man and Stitch Him Up

Transform a man into a torture victim with a couple tricks and some basic tools.

Torture a Man and Stitch Him Up

More information on Torture a Man and Stitch Him Up

Design a Dramatic and Surreal Rainy Scene with Photoshop

Learn all about how to manipulate images and combine them to create surreal scenes, in this case a rainy scene.

Design a Dramatic and Surreal Rainy Scene with Photoshop

More information on Design a Dramatic and Surreal Rainy Scene with Photoshop

How to Create a Mythical Creature Photo Manipulation

A premium tutorial on how to create a mythical creature photo manipulation.

How to Create a Mythical Creature Photo Manipulation

More information on How to Create a Mythical Creature Photo Manipulation

Design a Surreal Desert Scene in Photoshop

In this tutorial author is going to show you how to create a surreal time-themed photomanipulation using Photoshop.

Design a Surreal Desert Scene in Photoshop

More information on Design a Surreal Desert Scene in Photoshop

Create an Alien Invasion Photo Manipulation in Photoshop

In this tutorial author will explain you how to create a destroying city manipulation by using some basic techniques like color correction, masking and brushes.

Create an Alien Invasion Photo Manipulation in Photoshop

More information on Create an Alien Invasion Photo Manipulation in Photoshop

Matte Painting Tutorial

Here is one matte painting author did long time ago. He thought some people want to see how you can create matte painting and maybe to clear some things about it.

Matte Painting Tutorial

More information on Matte Painting Tutorial

Making of Renaissance

Learn how to make Renaissance in Photoshop using Matte painting technique

Making of Renaissance

More information on Making of Renaissance

End of the World Photo Manipulation

Learn how to make a seen of end of the World through Photo Manipulation.

End of the World Photo Manipulation

More information on End of the World Photo Manipulation

Photoshop Photo Effects

Photographs are our treasure of memories and we want to click each Photograph to make it the best memory of our life. But not every image can be rated ten out often. When its difficult to create that memory again, Photoshop comes as a saviour with its Photoshop Photo Effects. You can retouch a Photograph to give it a complete makeover or restore an old one. Check out the best techniques with these Photoshop Photo Effects

Beautiful Facial Make Up Photoshop Retouching Tutorial

In this tutorial author will show you how you can dramatically change one woman’s face with simple photoshop techniques. Author will try to create unrealistic woman portrait. The face will have a plastic look, and author will try to create an effect between a plastic girl and a cartoon image.

Beautiful Facial Make Up Photoshop Retouching Tutorial

More information on Beautiful Facial Make Up Photoshop Retouching Tutorial

How to Retouch a Photo

In this tutorial author will show you how to retouch a picture of a person and get the image more celebrity-like or magazine-worthy (in society’s eyes, not mine), without getting an airbrushed look.

How to Retouch a Photo

More information on How to Retouch a Photo

Advance masking

Second part for the advance masking series using Calculations Photoshop tutorial.

Advance masking

More information on Advance masking

Complete portrait retouching

In this tutorial author will tell you how to make a complete portrait retouch. You will know how to remove blemishes, retouch and enhance the skin, eyes, eyebrows, lips, as well as improve the highlight and shadow to make your picture look natural, vivid and beautiful. During this process many different techniques are shown and everything is explained in detail.

Complete portrait retouching

More information on Complete portrait retouching

Beautify a Face

This Photoshop tutorial will show you how to beautify a face. The corrections that we’re going to do will make the face look different, but at the same time we avoid to make the results look unnatural like we tend to see in other Photoshop tutorials.

Beautify a Face

More information on Beautify a Face

How to create a glamour style composition using patterns and masks

In today’s tutorial you will learn how to give a photo a complete glamour style using patterns and masks in Adobe Photoshop. Layered PSD file included.

How to create a glamour style composition using patterns and masks

More information on How to create a glamour style composition using patterns and masks

Enhance portrait photo with natural look

In this tutorial author will show you a way that gives your portrait a very nice, smooth but still very natural look. Your photo wil have a real skin with lively skin, nice shadow and highlight, lively and sexy lips and eyes. It gives you the best and natural look that’s possible.

Enhance portrait photo with natural look

More information on Enhance portrait photo with natural look

How To Repair Scratches, Tears, and Spots on an Old Photograph

In this tutorial you will learn how to repair cracks, scratches, and spots so this photo of the Swedish Nightingale, Jenny Lind, looks just like new. We will purposely avoid using some of the quick fix tools such as the healing brush so that you can gain an understanding of the basics of photo restoration.

How To Repair Scratches, Tears, and Spots on an Old Photograph

More information on How To Repair Scratches, Tears, and Spots on an Old Photograph

Photoshop Skin Retouching

The skin retouching is recommended if pimples, spots and light reflections let the skin effect of restlessness and unclean. The effect of the retouching is silky-smooth skin that will look even more natural.

Photoshop Skin Retouching

More information on Photoshop Skin Retouching

Crazy Photoshop Effects

The possibilities with Photoshop are endless. You can create anything which is in your mind. To fullfil the creative hunger, designers can create some really amazing and Crazy Photoshop Effects which will energize your interest level. Check our list of Crazy Photoshop Effects below.

How to Create an Outstanding Wallpaper Design in Photoshop

Here author will create a textured abstract design in Photoshop using stock photos, brushes and a few guidelines regarding the composition.

How to Create an Outstanding Wallpaper Design in Photoshop

More information on How to Create an Outstanding Wallpaper Design in Photoshop

Photoshop Water Reflection

In this Photoshop photo effects tutorial, we’re going to learn how to easily add a realistic water reflection to any photo. It’s a very easy effect to create and you can add it to any photo you like, although it tends to work best with images that don’t already contain water in them.

Photoshop Water Reflection

More information on Photoshop Water Reflection

Banana style text effect

Learn how you can create a Banana style text effect in Photoshop.

Banana style text effect

More information on Banana style text effect

Pitch

In order to practice and improve on certain aspects of painting author often do quick sketches with a specific theme or subject matter. The drawing “Pitch” was one of these ‘test-paintings’; author started working on it with the intention of creating a very complex scene, but not over detailing it. Detail in the wrong place can hurt the overall picture, as it distracts the viewer from where he should be looking instead.

Pitch

More information on Pitch

Getting Started With Digital Matte Painting – Workflow, Techniques and Walkthrough

Welcome to this tutorial on the basic work?ow for a general matte painting, hope you like it and learn something from it. This is not an extremely advanced tutorial yet the author assume you have knowledge of Photoshop masks, adjustment layers and custom brush creation, if not there are several tutorials online that cover all these techniques.

Getting Started With Digital Matte Painting – Workflow, Techniques and Walkthrough

More information on Getting Started With Digital Matte Painting – Workflow, Techniques and Walkthrough

How to Create a Matte Painting Inspired Scene

In this Adobe Photoshop tutorial, we are going to go over a method for composing a beautiful matte painting style scene. Matte paintings are typically used in movies to create expensive or surreal landscapes and scenes that are stitched together with regular footage.

How to Create a Matte Painting Inspired Scene

More information on How to Create a Matte Painting Inspired Scene

How to Combine Digital Painting and Photo Manipulation to Create a Platform Environment

In this tutorial, you will learn how to combine digital painting and photo manipulation to create polished fantasy art. The process of combining digital painting and photo manipulation is a great mix. It truly allows you conquer the world with beautiful illustrations.

How to Combine Digital Painting and Photo Manipulation to Create a Platform Environment

More information on How to Combine Digital Painting and Photo Manipulation to Create a Platform Environment

Matte painting tutorial

Explained here is the process of creating a mattepainting, including basic painting techniques, using 3d elements and composing them inside your painting as well some ways of color-grading.

Matte painting tutorial

More information on Matte painting tutorial

Create Cracked 3D Stone Text Effect with Photoshop and Cinema 4D

In this tutorial we are going to create realistic stone text effect with Photoshop and Cinema 4D.

Create Cracked 3D Stone Text Effect with Photoshop and Cinema 4D

More information on Create Cracked 3D Stone Text Effect with Photoshop and Cinema 4D

Create Bring Me To Life Photo Manipulation Scene

In this tutorial you will learn different photomanipulation techniques such as how to implement stock photos in your picture, how to combine them together to create a surreal image and how to use the 3D tool of Photoshop to give your piece a better look.

Create Bring Me To Life Photo Manipulation Scene

More information on Create Bring Me To Life Photo Manipulation Scene

Best Photoshop Effects

Photoshop is all about your creativity level. You can create better than the best designs with the helpof Photoshop. Have a look at following Best Photoshop Effects and alsolearn how the authors have created these Best Photoshop Effects.

Create a Fictional Arctic Snow Frog in Photoshop

Here author will combine several stock images and effects to create a fictional arctic snow frog in Photoshop

Create a Fictional Arctic Snow Frog in Photoshop

More information on Create a Fictional Arctic Snow Frog in Photoshop

Roses bouquet splash effect

This is step by step Photoshop tutorial that teaches you how to create blurred, bokeh effect background and beautiful splash effect for Roses bouquet. You will use milk splashes, filters and layer style effects

Roses bouquet splash effect

More information on Roses bouquet splash effect

Create Bring Me To Life Photo Manipulation Scene

In this tutorial you will learn different photomanipulation techniques such as how to implement stock photos in your picture, how to combine them together to create a surreal image and how to use the 3D tool of Photoshop to give your piece a better look.

Create Bring Me To Life Photo Manipulation Scene

More information on Create Bring Me To Life Photo Manipulation Scene

How To Build a Stylish Portfolio Web Design Concept

In this particular article author will create the visual concept and overall design concept in Photoshop, using various effects, blending modes and layer styles to create all the detailed elements of the design.

How To Build a Stylish Portfolio Web Design Concept

More information on How To Build a Stylish Portfolio Web Design Concept

Untouched Signature Photoshop Tutorial

In this tutorial author will show you how to piece together a simple, but great looking signature in Photoshop. We will be making use of the smudge tools and some image adjustments filters as well. You don’t have to be pro to follow this simple tutorial.

Untouched Signature Photoshop Tutorial

More information on Untouched Signature Photoshop Tutorial

Create a Fallen, Rain-Soaked, Angel Composition in Photoshop

Here author will demonstrate how to create a lonely, fallen, rain-soaked, angel composition in Photoshop using photo manipulation techniques.

Create a Fallen, Rain-Soaked, Angel Composition in Photoshop

More information on Create a Fallen, Rain-Soaked, Angel Composition in Photoshop

Water effect photo montage

Learn how you can create a Water effect photo montage through this tutorial.

Water effect photo montage

More information on Water effect photo montage

How to Create a Conceptual Headdress in Photoshop

In this tutorial, author will create a really cool conceptual headdress using stock photos, Photoshop and his imagination.

How to Create a Conceptual Headdress in Photoshop

More information on How to Create a Conceptual Headdress in Photoshop

Abstract Celeb Sig Tutorial

This is an abstract tutorial for making a sig in PhotoShop CS2, or a similar version/program.

Abstract Celeb Sig Tutorial

More information on Abstract Celeb Sig Tutorial

Facing a New Day – Photoshop Manipulation

In this manipulation tutorial author will show you how to create a really nice sunrise scene. He will also show you how to transform a day picture into a sunrise using some adjustment layers and gradient maps.

Facing a New Day – Photoshop Manipulation

More information on Facing a New Day – Photoshop Manipulation

Incoming search terms:

  • cool photoshop
  • cool photoshop effects
  • cool photoshop pictures
  • FLYING TEXT EFFECT PHOTOSHOP
  • cool photo effects
  • padlock cinema 4d model
  • photoshop lighting effect psd
  • text light photoshop tutorial
  • The World of Nature in the City psd for Photoshop
  • photoshop amazing effects

preview

Create A Padlock Icon-Photoshop Tutorial

What We’ll Be Creating

Learn To Create A PadLock Icon In Adobe Photoshop

Starting Out Simple

Create a new (Ctrl + N) document 800 x 800 pixels with any colored background. Right-click the background layer and select “Layer From Background” in the fly out menu. Now add a “Gradient Overlay” using the settings below.

Quick Tip:

By selecting “Layer From Background” it allows you to edit the background layer as if it were any other normal layer.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Lock Basic Shapes

Once you’ve sorted the background lets crack on with drafting out the shapes for our lock. Select the “Rounded Rectangle Tool” (U) with a radius of 20px.

Learn To Create A PadLock Icon In Adobe Photoshop

Drag the rectangle out making it roughly about 350 pixels long and about 40 pixels in height.

Learn To Create A PadLock Icon In Adobe Photoshop

With the rectangle layer selected, select the “Free Transform Tool” (Ctrl + T). Now select one of the side middle anchor points and drag inwards.

Learn To Create A PadLock Icon In Adobe Photoshop

The width of this first rectangle will determine the width of the padlock, when we resized the rectangle down the radius of the edges actually got a bit squarer making the lock a bit more realistic and no to round.

Learn To Create A PadLock Icon In Adobe Photoshop

Duplicate the rectangle layer then drag the duplicated layer underneath the original layer. Select the “Move Tool” (V) and shift the duplicated rectangle down a couple of pixels.

Learn To Create A PadLock Icon In Adobe Photoshop

We now need to join up the edges so that both rectangles meet, select the “Rectangle Tool” (U), hold down the shift key then drag out a rectangle joining both rectangles together.

Quick Tip:

Holding down the shift key will automatically add the new shape to the current vector mask.

Learn To Create A PadLock Icon In Adobe Photoshop

When joining the rectangles make sure you are adding to the vector mask and not making a new layer. Do both sides of the rectangle, when your done you should have something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Duplicate the first rectangle again then with the “Move Tool” (V) shift the duplicated rectangle down past the second rectangle. This rectangle will determine the height of the lock.

Learn To Create A PadLock Icon In Adobe Photoshop

In the same way as we did with the 2nd rectangle join up the bottom rectangle by adding a bigger rectangle to the vector mask.

Learn To Create A PadLock Icon In Adobe Photoshop

Bringing The Shapes To Life

Time for some organization, label the very top rectangle layer “Lock Top #1?, the 2nd rectangle “Lock Top #2? and finally the Bottom rectangle “Lock Body”.

Learn To Create A PadLock Icon In Adobe Photoshop

Lets add some layer styles to our lock, starting with the “Lock Body Layer”.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Next add a “Gradient Overlay” to the “Lock Top #2 Layer” using the settings below.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

And finally, add a “Gradient Overlay” to the “Lock Top #1 Layer”.

Learn To Create A PadLock Icon In Adobe Photoshop

You should have something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Groves

Load a selection around the “Lock Top #2 Layer”, create a new layer above the “Lock Body Layer” then go to “Edit > Stroke”.

Quick Tip:

To load a selection around a layer, first select the layer then go to “Select > Load Selection” or simply click the little thumbnail in the layers window whilst holding down the Ctrl key on the keyboard.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Once the stroke has been added deselect the selection (Ctrl + D) then with the “Move Tool” (V) move the stroke down 1 pixel.

Learn To Create A PadLock Icon In Adobe Photoshop

Duplicate the layer then move that layer down 1 pixel, then add a “Color Overlay” to the duplicated layer using the color white #ffffff. Finally set both layers blend mode to “Overlay” then just the white strokes layers opacity to 50%.

Learn To Create A PadLock Icon In Adobe Photoshop

Duplicate both stroke layers then shift the two strokes down a couple of pixels, repeat this until the length of the lock is filled with the strokes leaving a nice even gap in between each set of strokes.

Learn To Create A PadLock Icon In Adobe Photoshop

Select all the stroke layers leaving out the first set you created, once selected merge them together and adjust the opacity of the final layer to 35%. The blend mode should also be changed back to “Overlay” if it isn’t already.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Key Hole

Select the “Ellipse Tool” (U) and drag out a circle onto the middle of the lock body. Once your happy with the ellipse select the “Pen Tool” (P), hold down the shift key and create a triangular shape.

Quick Tip:

Holding down the shift key will automatically add the new shape to the current vector mask.

Learn To Create A PadLock Icon In Adobe Photoshop

Finally add the following layer styles to the keyhole layer.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

You should have something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Shadow And Reflection

Select all the lock layers so far apart from the background layer then duplicate them all. Merge all the duplicated layers into one layer the flip the new single layer vertically “Edit > Transform > Flip Vertical”. Move (V) the lock down underneath the original lock.

Learn To Create A PadLock Icon In Adobe Photoshop

Blur the flipped lock by going to “Filter > Blur > Guassian Blur” blurring by 4px.

Learn To Create A PadLock Icon In Adobe Photoshop

Label the layer “Reflection” then add a layer mask to the layer. Select the “Gradient Tool” (G) with a linear gradient then drag from the bottom of the reflection upwards.

Learn To Create A PadLock Icon In Adobe Photoshop

Now for the shadow, duplicate the “Lock Body Layer” then right click the duplicated layer and select “Rasterize Layer”. Double click the layer and add a black #000000 “Color Overlay”. Once the color has been added select the “Rectangular Marquee Tool” (M) and make a selection over the lock down to just above where the edges curve up at the bottom.

Learn To Create A PadLock Icon In Adobe Photoshop

When the selection has been made hit the delete key to remove the top half of the shape. Select the “Move Tool” (V) and move the shape down a couple of pixels, finish the shadow by adding a guassian blur “Filter > Blur > Guassian Blur” and setting the opacity to 75%.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Chrome Lock

Select the “Rounded Rectangle Tool” (U) with a radius of 80px. Drag out a rectangle at the top of the lock.

Learn To Create A PadLock Icon In Adobe Photoshop

Still with the “Rounded Rectangle Tool” (U) only this time select “Subtract From Shape Area” from the options tool bar.

Learn To Create A PadLock Icon In Adobe Photoshop

Once selected drag out another smaller rectangle inside of the rectangle you just created. Try and keep the width of the rectangle the same all the way around.

Learn To Create A PadLock Icon In Adobe Photoshop

Select the “Pen Tool” (P) with the “Subtract” option still selected the round off the bottom edges of the lock.

Learn To Create A PadLock Icon In Adobe Photoshop

With both sides done you should have something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Create The Lock Holes

Select the “Ellipse Tool” (U) then drag out two circles at the bottom of the lock where we rounded it off.

Learn To Create A PadLock Icon In Adobe Photoshop

To the two lock holes add the following layer styles.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

To the soon to be chrome looking lock add the following layer styles.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

The lock should now be transformed into something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Adding The Reflections And Shadows To The Lock

Duplicate the lock layer then right click the layer and go to “Rasterize Layer”. Once rasterized flip the lock vertically by going to “Edit > Transform > Flip Vertical” position the lock underneath the original.

Learn To Create A PadLock Icon In Adobe Photoshop

Load a selection around the “Lock Top #1? layer by selecting the layer then going to “Layer > Load Selection”.

Learn To Create A PadLock Icon In Adobe Photoshop

Now go to “Select > Inverse” then hit the delete key. You should be left with just the part of the lock which sits inside of the selection.

Learn To Create A PadLock Icon In Adobe Photoshop

Finally add a layer mask to the layer and drag a linear gradient from the bottom upwards. For this reflection you aiming for a subtle reflection.

Learn To Create A PadLock Icon In Adobe Photoshop

For the shadows load a selection around the lock holes.

Learn To Create A PadLock Icon In Adobe Photoshop

Create a new layer above the lock layer then select the “Gradient Tool” (G) with the gradient settings set to “Black #000000 to Transparent”.

Learn To Create A PadLock Icon In Adobe Photoshop

Drag the gradient upwards, again were aiming for subtle shadows. Repeat these steps for both sides.

Learn To Create A PadLock Icon In Adobe Photoshop

Conclusion

Thanks for taking part in this tutorial, if you managed to finish this tutorial I’d love to see some of your results. Feel free to post them up on our Facebook Fan Page.

Learn To Create A PadLock Icon In Adobe Photoshop

Download Freebie
Credit to:

Incoming search terms:

  • creating a keyhole in photoshop illustrator
  • photoshop lock
  • padlock icons
  • open lock icon
  • login icon psd
  • psd icon tutorials
  • psd ui lockpad
  • free background lock images for photoshop
  • padlock open psd
  • psd padlock

school_bell

Ornate Bell-Adobe Illustrator Tutorial

In this Illustrator tutorial, I’ll demonstrate how to create an ornate bell using Adobe Illustrator. The creation process is quite simple: We will create shapes using the Pen Tool and Pathfinder Panel, as well as mix and match color gradients until we achieve a nice 3D result. Let’s get down to business!

Preview

Step 1: Set Up a New Illustrator Document

Open up Illustrator and create a new document by pressing Ctrl/Cmd + N. Set the artboard’s size to 400×500px.

Step 2: Create the Basic Outline

When you have to draw an object with symmetrical sides, it’s much easier to create just one side and then make a mirror copy of it — this not only saves time, but more importantly, ensures that the two sides are identical and symmetrical.

First, Grab the Pen Tool (P) and draw just one side of the bell.

Select the vector path we just drew with the Selection Tool (V) and then choose Object > Transform > Reflect. Choose the Vertical option and then click on the Copy button to create a mirror image of the vector path.

Hold down Shift (to constrain the movement horizontally) and then drag the copy to the right until the upper terminal anchor points match.

Grab the Direct Selection Tool (A) and select only the endpoints of both paths. Right-click on the anchor points and choose Join in the menu that appears.

Let’s completely close the path. Switch to the Pen Tool (P) and click on the lower endpoints to close the path. Remove the Stroke and set the Fill color of the vector object to red just to make things easier to see (we will change this color later on).

Step 3: Dividing the Bell Shape into Segments

We have to try to get rid of the flatness of our bell. In order to do that, we will divide the shape of the bell into several segments, and then we’ll fill those segments with color gradients to simulate a 3D appearance later on.

With the Pen Tool, draw two arcs as shown below.

Switch to the Selection Tool (V) to select the shape of the bell and one of the arcs, and then, in the Pathfinder Panel (press Shift + Ctrl/Cmd + F9 if the panel is hidden), click on the Divide button. This segments our bell shape into two parts.

While the resultant object is still selected, ungroup it (Shift + Ctrl/Cmd + G). Then select the lower part of the bell shape and the other arc, then hit the Divide button again. This will create the lowest part of the bell. Our bell shape should now be divided into 3 parts.

Step 4: Create the Bottom of the Bell

Grab the Ellipse Tool (L) and create an ellipse for the lower part of the bell. Make sure to match the anchor points on the left and right so that you end up with smooth, contiguous sides.

Step 5: Divide the Upper Part in Half

Now we have to divide the upper part of the bell in half. This will enable us to apply color gradients more easily.

Choose the Line Tool (/) and draw a straight vertical line down the middle of the bell.

To make sure the vertical line is dead-smack at the center, select all the segments of the bell and the vertical line, then, in the Align Panel (Press Shift + F7 to toggle the panel’s visibility), click on the Horizontal Align Center button.

Next, select the line and just the upper part of the bell. Then press the Divide button in the Pathfinder Panel.

Ungroup (Shift + Ctrl/Cmd + G) the resultant object and then get ready for some fun. We’re going to apply gradients next!

Step 6: Applying Color Gradients

Let’s choose some good colors and create color gradients to make our bell come alive.

To start, make sure the Gradient Panel is open; if you can’t locate it in your workspace, go to Window > Gradient or press Ctrl/Cmd + F9. We will apply the same radial gradient to both upper sides of the bell.

For the middle part of the bell, we will use a linear gradient.

And for the lower part of the bell, we will also use a linear gradient.

For the ellipse, we will use linear gradients too.

Let’s create the thickness of the bell. To do this, we have to duplicate the ellipse we already have and then we need to scale it down.

Apply the radial gradient as shown below.

Step 7: Adding Reflections and Shadows

In this step, we will create the necessary reflections and shadows in order to be accurate with the light source.

Golden objects are capable of reflecting light in different ways. We will use that ability to create all sorts of reflections (dark, light, semi-transparent, etc.).

In this process, the Pathfinder Panel will have a major role.

Select all parts of the bell, except the ellipses. Duplicate them (Ctrl/Cmd + C, Ctrl/Cmd + F) and unite them using the Unite Pathfinder command.

To create a reflection, we will have to combine a copy of the shape we’ve just created with the copy of the different parts of the bell. Let’s try this out to see what we can create.

Duplicate the green shape of the bell and, in the Layers Panel, lock the original object and then hide it. We will save the shape for later, but for now, we lock and hide it so it won’t disturb us as we continue working.

Select the visible copy of the green shape and nudge it 2px to the right and 2px down.

Duplicate all three visible parts of the left side of the bell. Then, make three copies of the green shape (one for each of the duplicate parts).

Combine each copy of the bell with each copy of the green shape using the Minus Front button in the Pathfinder Panel. This will create small reflection shapes on the left side of the bell.

Set the Fill color of the reflection to #FFFABC.

Select the remaining green shape of the bell and move it to the right a little bit more.

Create the copy of the upper part of the bell on the left side and a copy of the green shape. Select both copies and hit the Minus Front button in the Pathfinder Panel.

Apply a linear gradient to the new shape.

In order to create another reflection, repeat the previous process.

Copy the green shape and move the copy to the right. Select both shapes and, in the Pathfinder Panel, click on the Minus Front button.

We have to intersect the shape with other parts of the bell. Create copies of each part of the bell on the left side and two copies of the green shape. Select each copy of the bell and the copy of the green shape and click on the Intersect button in the Pathfinder Panel.

Apply a linear gradient to the new shapes.

For the right side of the bell, we will need a few reflections and a couple of shadows as well.

I think you get the idea of how to create all the shapes you need, so I’ll let you make them yourself. You just have to combine different shapes and fill them with the right colors.

Now it is time to unlock and toggle the visibility of the green shape we created earlier. You will need it to create the shadows and reflections on the right side of the bell.

For the shadows, apply the linear gradient below.

Feel free to play around with gradients until you achieve a desirable result.

Also, create a small edge reflection on the right side.

Step 8: Create Horizontal Curvatures

We want to reinforce the shape of the bell better. To do this, we should define the curvatures of the bell horizontally.

Duplicate the middle part of the bell twice and nudge one of the copies a few pixels downwards. You can scale up the copy if needed. Select both copies and, under the Pathfinder Panel, click on the Minus Front button. The resultant object should be a horizontal strip.

Apply the radial gradient on the horizontal strip as shown below.

Now we need to intersect the shape with the reflections and shadows we made earlier. This means we need to make copies of each part we want to use to intersect.

Create another strip below the first one and give it a radial gradient.

We need highlights now. Using the same technique for creating reflections, try to create fine highlighted edges on the strips. Give the highlights a thickness of about 1px.

Set the Fill color of the highlights to #FFFABC.

Step 9: Create a Shadow Inside the Bell

Now we need a shadow inside the bell. Select the inner ellipse of the bell and copy it in front. Grab the Ellipse Tool (L) from the Tools Panel and create the blue ellipse shown below.

Select the blue ellipse and the inner ellipse copy and then, under the Pathfinder Panel, hit the Minus Front button.

Apply the linear gradient shown below in order to create the inner shadow.

Step 10: Creating a Clapper

Bells need a clapper inside it to make sound; it’s the component of a bell that hits the inner walls of the bell to make ringing sounds.

To start, grab the Ellipse Tool (L) and create a circle at the bottom right of the bell.

Duplicate the inner ellipse of the bell. Select the duplicate and the red circle we created and press the Intersect button in the Pathfinder Panel.

All we need is to apply a nice radial gradient in order to give the clapper a 3D appearance.

Duplicate the clapper, apply the linear gradient shown below, rotate it a bit and send it behind the clapper. This is the shadow the clapper is creating on the inner wall of the bell.

Step 11: Create a Crown

We now need to create a handle on top of the bell (known as the crown). To create a crown, we will need two ellipses and a few reflections.

To begin, grab the Ellipse Tool (L) and create two circles on top of each other, with the one on top smaller than the one below it. Make sure that the inner circle is centered on the bigger circle by using the Horizontal Align Center and Vertical Align Center command in the Align Panel.

Select both circles and press the Minus Front button in the Pathfinder Panel.

Apply the linear gradient shown below.

Next, we will create a highlight object. Duplicate the crown twice. Move them to form a highlighting shape, select them both and then hit the Minus Front button in the Pathfinder Panel. Then give the highlight object a linear gradient (as shown below).

Select all the parts of the crown, group it (Ctrl/Cmd + G) and place it on the top of the bell. Send it back (Shift/Ctrl/Cmd + [).

At the end, you can add decorations such as a sign or a colorful ribbon, as I have below.

Tutorial Summary

Lots of people have trouble with the Pen Tool, but thankfully the Pathfinder commands allow us to make sophisticated illustrations using simple shape-drawing tools such as the Ellipse Tool. With a lot of imagination, there is almost nothing you can’t create with Pathfinder commands.

I hope you liked the tutorial. Thank you for reading!

Download Source Files

Credit to:

http://designinstruct.com

Incoming search terms:

  • school bell
  • ribbon tutorial in illustrator
  • photoshop medals tutorial
  • adobe illustrator path finder tutorials
  • make a crown shape in psd
  • free ornate banner psd
  • free vector school bell
  • photoshop bell tutorial
  • school bell background
  • bell ribbon psd

3dicon-tut

3D Globe-Photoshop Tutorial

So in this tutorial I will show you how to create a nice 3D globe in Photoshop using basic tools and the Spherize filter. This whole tutorial won’t take more than 30 minutes but the technique is really useful especially for icons and logos.

Step 1

Open Photoshop and then with the Rectangle Tool (U) create a rectangle, then start duplicating it until you get 7 columns. Use the Distribute Horizontal Centers to make the distances the same. After that duplicate those 7 rectangles and rotate them to create a grid.

Easy 3D Globe in Photoshop

Step 2

With the Elliptical Marquee Tool (M) create a circle selection like the one I did in the image below.

Easy 3D Globe in Photoshop

Step 3

Go to Filter>Distort>Spherize. Use 100% for the Amount and Normal for the Mode.

Easy 3D Globe in Photoshop

Step 4

Cut the selection and paste it in order to get the front face of the globe.

Easy 3D Globe in Photoshop

Step 5

Go to Layer>Layer Styles>Gradient Overlay. Apply a gradient from dark red to light blue in linear mode. You can try with Radial as well.

Easy 3D Globe in Photoshop

Step 6

Duplicate the layer and rotate it 45º Also change the gradient colors to light red on top and dark blue at the bottom. This will create a really nice 3D effect and it’s super simple.

Easy 3D Globe in Photoshop

Step 7

Select the background layer and go to Layer>Layer Styles>Gradient Overlay. Use (#aa616b) and (#2c354d) for the colors, Radial for the Style and 140% for the Scale. Position the center of the gradient a little bit on top of the center of the globe. To do that just click and hold to move the gradient position while you are in the Gradient Overlay properties.

Easy 3D Globe in Photoshop

Step 8

Select the two globe layers and duplicate them. After that go to Layer>Merge Layers. You will have one layer with the globe. Go to Layer>Layer Styles>Color Overlay. Use black for the color. After that go to Filter>Blur>Gaussian Blur. Use 15 for the radius. Then just resize it and change the opacity to 20%. to create a nice shadow effect.

Easy 3D Globe in Photoshop

Step 9

Select the front face of the globe and edit the Layer Styles. Click then on Inner Shadow and use white for the color, Color Dodge for the Blend Mode at 60% Opacity. Also change the Angle to 100%, Distance to 3 pixesl and Size to 7 pixels.

Easy 3D Globe in Photoshop

Step 10

After the Inner Shadow you will get a nice light effect in your globe.

Easy 3D Globe in Photoshop

Step 11

Select all layers and duplicate them. After that go to Layer>Merge Layers to have one layer with all the image merged. Go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius.

Easy 3D Globe in Photoshop

Step 12

Change the Blend Mode to Overlay and you will get a really nice light effect.

Easy 3D Globe in Photoshop

Conclusion

Now just add the text you want and also you can apply a texture on top. I am using a scanline pattern I created. The whole idea of this tutorial was showing how to create a nice 3D globe using only Photoshop, it’s a nice technique for logos and icons and it’s super simple to achieve.

Easy 3D Globe in Photoshop

Download the Photoshop File

Click here to download the Photoshop file used for this tutorial

Credit to:

http://abduzeedo.com

 

Incoming search terms:

  • globe psd
  • photoshop 3D icon
  • tutorials psd
  • free psd shadows
  • 3d globe psd
  • 3D globe logo
  • PSD tutorial banner
  • globe 3d psd
  • photoshop 3d icon psd files
  • photoshop 3d tutorial

Sponsored Ads

Ad
awesome-amp-ps

Amp Controls-Photoshop Tutorial

In this tutorial I will show you how to create an awesome amp controls using only Photoshop.

Step 1

Open Photoshop and create a new document. I am using 2560×1440 pixels. After that fill the background layer with grey using the Paint Bucket Tool (G)

Awesome Amp Controls in Photoshop

Step 2

Go to Filter>Texture>Craquelure. Use 9 for the Crack Spacing, 2 for Crack Depth and 10 for Crack Brightness.

Awesome Amp Controls in Photoshop

Step 3

Go to Layer>Layer Styles>Color Overlay. Use black for the color and Multiply at 70% Opacity.

Awesome Amp Controls in Photoshop

Step 4

Go to Image>Adjustments>Levels. Use 120 for the black input, 1.00 for the grey and 181 for the white input.

Awesome Amp Controls in Photoshop

Step 5

With the Ellipse Tool (U) create a circle in the center of your design.

Awesome Amp Controls in Photoshop

Step 6

Select the Gradient Tool (G) then click on the color preset. Change the colors so you have something like the image below.

Awesome Amp Controls in Photoshop

Step 7

Add a new layer and the with the Gradient Tool (G) select the Angle Gradient type and fill the layer with the gradient preset we created in the previous step. After that create a marquee selection of the circle we created in the step 5, to do that is super simple, just click holding Command (mac)/Control (PC) on the thumb of the circle layer.

Awesome Amp Controls in Photoshop

Step 8

Go to Layer>Layer Mask>Reveal Selection.

Awesome Amp Controls in Photoshop

Step 9

Duplicate the circle layer and fill it with white. Change the order so it is on top of the other layers. After that change the Fill Opacity to 0%.

Awesome Amp Controls in Photoshop

Step 11

Go to Layer>Layer Styles>Inner Shadow. Use Color Dodge for the Blend Mode, white for the Color, 90 for the Angle and 70% for Opacity. After that use 8 pixels for the Distance, 11% for the Choke and 7 pixels for the Size. For the Quality change the Contour for the one we used in the image below.

Awesome Amp Controls in Photoshop

Step 12

Select Inner Glow. For the Blend Mode use Overlay, for the Opacity 36% and for the Color use White. Also change the Source to Center, Choke to 12% and 65 pixels for the Size. Also change the Contour to the one I used below.

Awesome Amp Controls in Photoshop

Step 13

Select Bevel and Emboss. Use Emboss for the Style, Smooth for the Technique, 1000% for the Depth, Up for the Direction, 50 pixels for the Size, 0 pixels for the Soften. For the Shading, change the Angle to 90º at 30 º Altitude. Also change the Gloss Contour to the one I am using below. For the Highlight Mode change the Opacity to 0 while for the Shadow Mode use black with Multiply at 100%.

Awesome Amp Controls in Photoshop

Step 14

Duplicate the circle layer and move to the top, make sure it is white. After that go to Filter>Pixelate>Mezzotint. Use Fine Dots.

Awesome Amp Controls in Photoshop

Step 15

Create a marquee selection of the circle and then go to Filter>Blur>Radial Blur. Use 20 for the Amount, Spin for the Blur Method and Best for the Quality.

Awesome Amp Controls in Photoshop

Step 16

Change the Blend Mode to Multiply.

Awesome Amp Controls in Photoshop

Step 17

Select all layers used to create the button/tuner, then go to Layer>Group Layers. After that duplicate the group and resize it like the image below.

Awesome Amp Controls in Photoshop

Step 18

Select the layer with the layer styles inside the group and then change the Color Overlay to Black with black for the Blend Mode at 45%.

Awesome Amp Controls in Photoshop

Step 19

Add drop shadow to both circles the bigger and the smaller. Like the first circle in the stack of layers that were used to create the effect.

Awesome Amp Controls in Photoshop

Step 20

With the Rectangle Tool (U) create a square holding Shift. After that rotate the square 45º and position it like the image below.

Awesome Amp Controls in Photoshop

Step 21

Go to Layer>Layer Style>Drop Shadow. Use Normal for the Blend Mode and Black for the Color at 100%. For the Angle use 120º, 5 pixels for the Distance and 5 pixels for the Size.

Awesome Amp Controls in Photoshop

Step 22

Select Inner Glow. For the Blend Mode use Color Dodge, for the Opacity use 70%. Change the Choke to 10% and the SIze to 9 pixels. For the Quality use the preset I used in the image below.

Awesome Amp Controls in Photoshop

Step 23

Select Gradient Overlay. Use dark red and light red for the gradient colors like the image below. Also change the Style to Linear and the Angle to 180º.

Awesome Amp Controls in Photoshop

Step 24

This is the effect you will get after all the layer styles. It’s pretty good but it is still to uniform and with the computer look.

Awesome Amp Controls in Photoshop

Step 25

To change that lets use a metal texture. The one I am using is courtesy of Shutterstock and you can find it at: http://www.shutterstock.com/pic-20761540/stock-photo-metal-plate-backgro…

Awesome Amp Controls in Photoshop

Step 26

Change the Blend Mode of the metal texture to Overlay at 30% and mask it using the big circle as reference, this way the texture will be on top of the other layers.

Awesome Amp Controls in Photoshop

Step 27

Lets add some leather texture to make the effect more real. The image I am using is courtesy of shutterstock and you can find it at http://www.shutterstock.com/pic-77457889/stock-photo-texture-black-leath…. Place it at the bottom like the image below. Note: You wil have to duplicate it in order to fill the screen.

Awesome Amp Controls in Photoshop

Step 28

With the Rectangle Tool (U) create some rectangles and rotate them until you get something like the image below. Tip: Start with the one at the top, then duplicate and move to the bottom, after that duplicate both and rotate 90º, the select all 40 and duplicate them. After that rotate them 45º and so on.

Awesome Amp Controls in Photoshop

Step 29

Merge all layers from the previous step, then go to Layer>Layer Styles>Inner Glow. Use Multiply for the Blend Mode, Black for the Color, Edge for the Source, 10% for the Choke, 5 pixels for the Size.

Awesome Amp Controls in Photoshop

Step 30

Select Bevel and Emboss. Use Pillow Emboss for the Style, Chisel Soft for the Depth and 500% for the Depth. Also change the Size to 3 pixels and for the Highlight Mode use Color Dodge with white at 50%. For the Shadow Mode use Color Burn with Black at 50%.

Awesome Amp Controls in Photoshop

Step 31

Select Gradient Overlay and use the same gradient we used before for the circle. Also use Color Dodge at 40% for the Blend Mode and Opacity.

Awesome Amp Controls in Photoshop

Step 32

Select Patter Overlay and use the metal image for the Pattern. To do this is pretty simple. Before opening the Layer Style box, select the texture and go to Edit>Define Pattern.

Awesome Amp Controls in Photoshop

Step 33

Also add a new layer on top of the previous one and go to Layer>Create Clipping Mask. Then with the Brush Tool (B) and red paint some rectangles with red like the image below.

Awesome Amp Controls in Photoshop

Step 34

Add a text using for the font DymaxionScript, you can download it at http://www.dafont.com/dymaxion-script.font. I added Abduzeedo and then with rasterized the layer and stretched the end of the A and the O to fill the screen.

Awesome Amp Controls in Photoshop

Step 35

Go to Layer>Layer Styles>Drop Shadow. Use Multiply for the Blend Mode with Black for the Color at 100% Opacity. For the Distance use 9 pixels, for the Spread use 12% and for the Size use 13 pixels.

Awesome Amp Controls in Photoshop

Step 36

Select Inner Shadow and use Screen for the Blend Mode with white for the color at 85%. For the Angle use -90º, 5 pixels for the Distance, 0 for the Choke and 1 pixel for the Size. Over the Quality Options use the image below for reference.

Awesome Amp Controls in Photoshop

Step 37

Select Inner Glow. Use Color Burn for the Blend Mode at 50% with black for the Color. Change the Source to Edge, Choke to 5% and SIze to 4 pixels.

Awesome Amp Controls in Photoshop

Step 38

Select Gradient Overlay and use Multiply for the Blend Mode and the Gradient preset like the image below. It’s basically white grey, dark grey, black, white and dark grey for the colors.

Awesome Amp Controls in Photoshop

Step 39

You can use the metal texture on top of the text layer as well. The image below is the effect you will get after all these 40 steps.

Awesome Amp Controls in Photoshop

Conclusion

In this tutorial we created a nice retro amplifier style interface using basic layer styles and a metal texture, as you could see, it’s all about finding some references and trying to replicate in Photoshop. In this image below I added a few more light effects, but that is for another tutorial ;)

Awesome Amp Controls in Photoshop

Download the Photoshop File

Download the Photoshop file used for this tutorial

Credit to:

http://abduzeedo.com

Incoming search terms:

  • metal plate psd
  • amp psd
  • amplifier in Illustrator tutorial
  • psd plaque metal
  • psd amp guitar -informer com illustrator
  • guitar amp photoshop tutorials
  • plaque metal photoshop
  • free control psd
  • photoshop spinning effect
  • photoshop plate metal tutorial

Preview

Studio Look+3D Text|Photoshop Tutorial

In this HD tutorial I will show you how to create a studio look and a 3D text effect all inside Photoshop!.
*Song-John Dahlback – Pyramid (Dirty South Remix).
*Made by O.R Design: http://www.youtube.com/ordesigns
*For more speed arts,free psd’s,tutorials,free graphics and much more:
http://www.youtube.com/psdfreakcom

 


Incoming search terms:

  • download tutorial psd text di photoshop
  • 3d text tutorial
  • text effect psd free
  • studio 3d psd
  • studio psd 3d
  • free graphic effects psd
  • create a studio photoshop
  • 3d text photoshop tutorial
  • photoshop tutorial 3d text
  • photoshop 3d text tutorial

final-image3

CCTV Effect-Photoshop Tutorial

Here’s a quick tutorial on how to give a CCTV footage appearance to a photo.

First we will blur the photo.

Go to Filter>Blur>Lens Blur…

…and apply the settings circled above.

Next click on the Adjustment layer button, and choose Brightness/Contrast…

…and set the contrast to +20.

Then click on the Adjustment layer button again, and choose Hue/Saturation.

Set the saturation to -75.

Now make sure your foreground colour is set to black, and the background colour is set to white, and choose Gradient from the adjustment layer list.

Click on the gradient box then choose the Foreground to Transparent gradient.

Set the style to Radial, and the scale to 125, then click OK.

With the gradient layer still selected, choose Soft Light from the blending modes list.

This gradient layer will have given your image a dark vignette.

Next we will create a pattern that we will use to fill the image with horizontal lines.

Open a new Photoshop document with the dimensions set to 1 pixel wide and 10 pixels high.

Fill the top half of the canvas with black, and keep the bottom half transparent.

Then go to Edit>Define Pattern.

Give your pattern a suitable name, and click OK.

Now, back in your main document, create a new layer and go to Edit>Fill and choose your new pattern from the list, then click OK.

This will have filled your layer with black lines.

You can use the Transform tools to increase the scale of your lines if necessary.

Next go to Filter>Blur>Gaussian blur and set the radius to 4.0 pixels…

…then decrease the layer’s Opacity to 50%.

Finally give the image a blue tint by creating a Colour adjustment layer, and using the colour ’00eaff’.

Set the layer’s blending mode to Soft Light and it’s Opacity to 25%.

You’re layers panel should end up looking like this.

Credit to:

http://designnocturne.com

Incoming search terms:

  • cctv photoshop
  • cctv psd
  • cctv camera photoshop tutorial
  • cctv camera website free templates
  • photoshop cctv
  • cctv effect photoshop downloader
  • cctv camera effect photoshop
  • free photoshop cctv filters
  • cctv psd template
  • cctv website template free download

light_bulb_preview

Semi-Realistic Light Bulb-Adobe Illustrator Tutorial

In this Illustrator tutorial, you will learn how to draw a light bulb illustration. Most of the time, we’ll be using the Pen Tool, so this is great practice for those struggling with drawing freehand. A light bulb is a complex object that contains many small parts and details, and we will try our best to draw them all, in order to create as close to an accurate portrayal as possible.

Preview

Tutorial Resources

Step 1: Create a New Illustrator Document

First, let’s set up our artboard. Create a new Illustrator document that’s 500×500px in size.

Step 2: Import a Reference Photo

I used a light bulb I had at home as a reference photo; I’ve provided it to you for this tutorial. Download this light bulb image and open it in Illustrator. Lock the layer of the photo to avoid accidentally moving it.

Step 3: Draw the Light Bulb’s Outline

Create a new layer above the reference photo; the new layer is where we’ll draw our illustration.

To start, we’ll draw the outline of the light bulb. Grab the Pen Tool (P) and trace the left side of the light bulb.

Switch to the Selection Tool (V) then click on the path we have just created to select it. Go to Object > Transform > Reflect. Select the Vertical option and then hit the Copy button. This will create a mirror image.

Hold down Shift, click on the reflected path, and then drag it to the right; we have to hold down Shift so that movement is constrained horizontally.

Grab the Direct Selection Tool (A) and select just the upper anchor points of both the left and right paths. Right-click on one of them and then choose Join from the contextual menu that appears to combine both anchors.

To join the lower anchor points, just grab the Pen Tool (P) and click on each anchor point to close the outline’s vector path.

Step 4: Draw the Screw Cap’s Shape

Next, we’ll create the lower part of the light bulb (the metallic part) which is commonly called the screw cap.

Select the Pen Tool (P) and start to draw the top part of the screw cap where it meets with the bulb.

The middle part of the screw cap is a little bit tricky to draw. But it doesn’t need to be perfect, just try to follow the shape of the cap and do your best. Make sure to draw smooth lines and curves, and don’t worry if you can’t draw it nicely the first time around; you can always adjust and tweak individual anchor points using the Direct Selection Tool.

Keep drawing until you have all the main parts of the metal cap.

Step 5: Draw the Threads on the Screw Cap

Now we need to make the screw cap’s threads. Select the Rounded Rectangle Tool and then create the rectangle shown below.

We need to distort it a little bit. Select the rectangle then go to Object > Envelope Distort > Make with Warp.

In the Warp Options dialog window, choose Arc for the Style option, choose the Horizontal option, and set the value for Bend to -9. This will bend the rectangle exactly in half.

With the Direct Selection Tool (A), select four anchor points at the middle of the rectangle by holding Shift and clicking on each of the anchor points. When the anchor points are selected, use the Left Arrow key to nudge the anchors a few pixels to the left. It will distort the rectangle a bit more, which will contribute to the realistic look.

Switch to the Selection Tool (V) and click on the rectangle to select it, then expand it by choosing Object > Expand. Afterwards, move it on the metal cap of the light bulb.

Duplicate it several times and place the duplicates as shown below.

More or less, this is the basic shape of the metal cap:

Step 6: Applying Gradients to the Screw Cap

With nice metal color gradients, we can make the lower part of light bulb more persuading. It will also help us create some depth in this illustration.

To apply gradients, go to Window > Gradient (Ctrl/Cmd + F9) to open the Gradient Panel.

For the threads, apply the gradient shown below.

For the electrical contact, we’ll use a simple radial gradient.

Continue using metallic gradients until you reach the desired look.

Step 7: Creating Metallic Highlights

Let’s highlight some edges. It will improve the metallic look of the screw cap. Select the upper part of the cap and duplicate it two times by copying (Ctrl/Cmd + C) and then pasting in front (Ctrl/Cmd + F) twice. You should know have three copies; the original plus two duplicates. Nudge one of the duplicates 2px upwards and scale it up a little bit. Then select both copies and, under the Pathfinder Panel, press the Minus Front button.

Apply the linear gradient shown below.

Do the same thing for the lower part of the cap.

Step 8: Create the Inner Components of the Light Bulb

In this step, we’ll use our reference photo to create the elements inside the glass part of the light bulb.

To start, just grab the Pen Tool (P) and start drawing. A tip: Just follow the shape of the object you’re drawing; it doesn’t need to be perfect because we can adjust individual anchor points in case we don’t like how it looks. As a reference while you’re drawing, follow along in the progression below.

To create the coiled tungsten filament — the curly wire that goes across in the middle — select the path we drew at the top and then go to Effect > Distort & Transform > Zig Zag. Set the Size to 1.5pt, Ridges per Segment to 20, Points to Smooth.

Without the light bulb reference photo, our illustration should look like this:

We’re moving along quite nicely, wouldn’t you say?

Step 9: Apply Colors to the Glass Part of the Light bulb

Our light bulb looks flat and it certainly needs some color. Let’s apply a nice blue gradient and see what we get.

First, we’ll create a white outline for the glass of the light bulb. Select the glass and then choose Object > Path > Offset Path. Set the Offset to -3.

Select the inner shape of the glass and then duplicate it.

Set the Stroke color of the larger shape to a light gray (#C2C4C6) and the Stroke color of the smaller shape to white (#FFFFF). Select them both and go to Object > Blend > Make.

Now, select the other copy of the smaller shape and set the Fill color to a light blue (#ADE0ED).

Grab the Ellipse Tool (L) and create a circle at the middle of the glass. Give the circle a nice blue-to-white radial gradient.

Step 10: Applying Reflections and Shadows

We are almost done! All we need to do is to create some nice reflections and shadows (it is a light bulb, after all!) Reflections can be various shapes and forms, but the best way to make them is to follow the shape of the object.

Select the blue shape of the light bulb and create two copies. Move one of the copies, then rotate it a bit. Select both copies and, under the Pathfinder Panel, hit the Minus Front button.

Select the resultant shape and scale it down a bit. Apply the radial gradient shown below.

Let’s do the same thing, but on the other side of the light bulb. Create two copies of the blue shape again, move one of the copies a little bit, rotate it, scale it up or down (feel free to be creative and follow your instincts). This way, you can mimic the non-uniformity of reflections in the real world. When you’re satisfied, hit the Minus Front button in the Pathfinder Panel to create the reflection.

Select the reflection object and give it a radial gradient.


Using the same technique, create a few more interesting reflections.

We should do the same with the inner components of the light bulb. Each time you want to create a reflection, use the same technique: duplicate the object twice, move one of the copies, rotate, scale it up or down and when you’re happy with the shape of the reflection, hit the Minus Front, Unite, or Intersect button in the Pathfinder Panel depending on what you’re trying to achieve.

The more details we focus on, the more compelling and realistic our illustration will be. Just make sure not to exaggerate; we don’t want to create a busy, overcrowded and unfocused illustration.

When you’re done creating reflections and details, adjust the position and size of all the elements in order to complete the light bulb illustration.

Also, don’t forget to create the shadow.

Tutorial Summary

In this tutorial, we used the Pen Tool quite a lot. The Pen Tool is really a powerful Adobe Illustrator feature, but it requires practice to master. Also, I showed you a popular technique that many illustrators do, which is to use a reference photo for helping us draw our illustrations. It’s much easier when you have a reference image that you can use for tracing. I hope you liked this tutorial and thank you for following along!

Download Source Files

Incoming search terms:

  • light bulb psd
  • bulb psd
  • light bulb icon
  • psd light bulb
  • adobe illustrator tutorial
  • parts of a light bulb
  • realistic illustrator tutorial
  • light bulb drawing
  • adobe illustrator tutorial pen tool
  • cool light bulb logos

Sponsored Ads

Ad
full_600

3D Text Shatter Effect – C4D/Photoshop Tutorial

This effect is made in two programs, Cinema 4D and Photoshop.If you haven’t heard of Cinema 4D before it is a relatively easy to use 3d application, it is quite similar to 3dsMax or Maya. I will go pretty in depth with the Cinema 4D part, for all the inexperienced users, so bare with me if I go too slow. Now enough chit chat, let’s jump in.

Required Resources

In this tutorial we will be using some resources you will want to download before starting:

Download

(Optional) Cinema 4d material

*NEW* – We just released a font that you can download that creates a similar effect. Check it out!

Final Image Preview

Step 1: Creating the basic text

Open up Cinema 4D and make a text object

Write “Media Militia” in the text object

Now rotate your text object: 90* on the X axis and -90* on the Y axis

Create an Extrude NURBS object

And drop your text in it

Change the object properties of the Extrude NURBS to 0 / 0 / 35

Now take your ExtrudeNURBS object and hit “C” (this makes your object editable)

Open this object and select everything (Ctrl+A) then right click your object and press “Connect”

You can now delete your old object that you just “Connected”

Rename your object “Media Militia”

Take the polygon tool and the Rectangle Selection tool, make sure to un check the “only select visible elements” box

Now with the scroll button of your mouse click on your “canvas” and you will see that four different views just opened up, we will be using the top view

So middle click on the top view to make that view bigger, and select the first “M” letter of Media Militia right click on it and press “Split”

This creates a new object with just the “M” now delete the selection you have selected, this will delete the “M” from Media which leaves you with an “M” object and a “edia Milita” object. Rename the object you just split to “M”

Now go back to your “Media Militia” object and select and split the “t”, just as we did with the “M”. Delete the “t” from your Media Militia object and rename the “t” you just split to “t”

Middle click on your screen and go back to perspective view. Take the Live Selection tool and on your “M” object select the shown polygon:

Right click on your screen and select “Extrude”

Add 350 to the offset

Go into Top View and select your “t” object, press Ctrl+A (to select all the polygons) then take your Scale Tool and scale up the X axis (or the red axis) to 220

Go back to Perspective View and select the shown polygon with the Live Selection tool

Right click on your screen and select Extrude and add 1000 m in the Offset

Take your Use Model tool and the Live Selection tool

Make a floor

Go into Right View, select your three text objects and move them right on top of your floor

Now make two copies of each text object, and place each copy underneath it’s original, name each object as shown below

Create a Shatter Object and copy it, name one shatter object “Shatter 1” and the other one “Shatter 2”

Change the strength of the “Shatter 1” object to 20 %, and the strength of the “Shatter 2” object to 10%

Select both Shatter objects and copy them twice, now place a Shatter object in each copied text object (match them up according to their number as shown)

Now select all of your text objects ending with either a 1 or a 2 and take the Live Selection tool

And move the “green axis” up 14.3 points, so that it is on top of the original text object

Go into top view, take your Polygon tool and select all your text objects ending with “1”

Make sure you have no polygons selected (left click anywhere on your canvas to de-select any polygons you might have selected)

Right click on your canvas and select “Knife” (make sure the visible only is checked)

Now start randomly cutting from one side of your text to another, do this around 30-60 times (this will make the shattered pieces smaller)

Make sure you don’t leave any long polygons like the extruded M and T uncut

Keep cutting until you have something like this

Now do the same for the text objects ending with “2”

After that go into side view and start cutting up the text objects ending with 1 and 2 just as we did earlier (make sure to un check the “Visible Only” box)

Now select all your “2” text objects and scale up the green axis using the scale tool

Then move it down, so that the top of the letters are slightly on top of your original text

Now take all the “1” text objects and scale them up as well

Then as we did before move them down, so that the top is a little higher then the original text

Step 2: Adding Light and textures to our image

Make a basic light

Make three copies of it, and name them 1, 2, 3, 4 accordingly

Change the Intensity of the first three light objects to 45% and change the intensity of the 4th light to 70%

Now select the 2nd 3rd and 4th light objects and change the shadow to “Shadow Maps (Soft)”

Now go into top view and move each light as shown below

Go into side view, select all your lights and move them up a bit as shown

Now we are going to make the materials for our floor and for our text

Start by making a new material

Double click on the material (to open the material editor) and change the color to the following

Now check the boxes for Luminance, Bump, Specular, and Displacement

Change the settings to the settings shown in the screen shots below (In the bump and displacement options you will have to load in the metal texture image)

Now close the material editor, and drop the material onto the floor

This next part isn’t necessary but it gives your text a nice touch, it does take longer to render though.

We are going to load our downloaded material and place it on all of our text objects

Go into the render settings, and change the Output to the following

Then we are going to put on Global Illumination and Ambient Occlusion (just click the check box on the top, leave all the other settings on default)

Before we render our scene we are going to set our perspective view on a nice angle, I put my picture on this angle

Now hit the render button

This can take quite a while, depending on how strong your computer is, but after that we are done with Cinema 4d and we will go play in photoshop :)

Once it is finished rendering save it as a jpg format, and 300 dpi (dots per inch)

Step 3: Editing the picture in photoshop

Open your image in photoshop

Double click your layer and name it “Base”

Make a new layer under your base layer and fill it with white

Now add a white mask to your “Base” and with a large soft black brush (bring the opacity of your brush down to 50%) start masking out the colored edges

Now import your metal texture and resize it so that I covers the entire media militia text, desaturate the texture and change the blending mode to overlay.

Take your eraser tool and delete any harsh exteriors

Take your base layer and go to Image>Adjustment>Curves and change the settings to something like the following

Now import your ink texture, rasterize it, and name it Ink. Make sure you place it underneath the metal texture

Change the blending mode to multiply

Add a mask to the layer and get rid of all the dark areas surrounding the actual ink

Now duplicate this layer and hide the original, rotate and move your copy so that it is on top of the text, then with a very soft brush mask out the parts that stick out from the text.

Then after that change the transparency to 5%-50% (change it around so that you get a random look) and with a small brush start brushing the edges of the ink that is on top of your text

Duplicate your original ink texture and cover another part of the text and repeat the same process as with the other ink texture. Do this until all your text is covered with ink textures.

Now select all your ink layers and add them to a group, name the group Ink.

Change the opacity of your ink group to 40%

Now make a new layer, name it Shadow, and with a black color and a soft, big brush add a line around the text as shown:

Add a Gaussian Blur, 17 px, and bring down the opacity to 30 percent. Now delete any parts of the shadow that you don’t like with a big soft brush

Credit to:

http://mediamilitia.com

 

Incoming search terms:

  • free psd 3d text
  • shatter psd
  • c4d photoshop
  • photoshop 3d text psd
  • 3d text in photoshop
  • text texture psd
  • c4d text template
  • 3d yazı fontları
  • free download Gallery Cinema 4D
  • Cinema 4D Templates

featured

Design a Paint Splashing Effect Into Your Image-Photoshop Tutorial

About

Artist: Heinritzh Sales

Time: 1-2 Hours

Software Required: Photoshop

Resources Used

Base Photo
Courtesy of Ms.Camille Cordero
(Must be used for non-commercial purposes only)
Additional Credits:
Model: Yas Neri
Make-up and Styling: Jaime Bautista-Garcia, Pearl Romano, Rem Lucio
Hair: Jay Wee

Paint Tossing Pack by Media Militia

*I will be using PC here, so just change all Ctrl to Command and Alt to Option if your using a mac.

Final Preview

Part 1

Open the “base-image_by-camille-cordero.jpg” image and name this layer “Base Image”.

Part 2: Body Painting

Create a new layer (Shift Ctrl+N) and name it “Body Paint”.  Set the Layer Blend Mode to “Multiply”

We are going to start off by using a brush to paint the face and the left arm of the base image.

First select the brush tool and choose a soft rounded brush. Make the size according to your preference.

After that change the foreground color to #fff200.

Now we are ready to paint. Start off with the face and the neck first. In this step feel free to zoom in and zoom out and change the brush size according to your needs.

Note: Keyboard shortcuts are very handy in this step. The keyboard shortcut for zooming in is Ctrl+ and zooming out is Ctrl -.  To change the brush size, you can use right bracket sign “]” to increase your brush size and left bracket sign “[“ to make it smaller.

Now we are going to do the left arm but first change the foreground color to “#ec008c”

Choose the Pen tool and trace around her arm.

After you are done tracing, press Ctrl+Enter, this will make a selection. The blinking dashed-lines (marching ants)
will appear.

From the menu bar, choose Select>Modify>Feather and choose 0.5, then click OK. (if your using CS3 click Ctrl+Alt+D to show feather option.)


Now choose the paint bucket tool (G) and click on the selected area then press Ctrl+D to deselect.

Part 3: Adding the Paint Toss

Now lets get wet and toss her the paints! (Please remember this part since we will use this technique in the succeeding part).

Open number nine paint toss from the media militia paint tossing pack. Drag this to you working document. Use the magic wand to select the black in this image. Press delete to remove the background.

Press CTRL+D to deselect the selection. Name this layer “face toss” and position the orientation of the paint (ctrl+T) like shown below:


Now we will blend this paint to the color of her face.
a. first select the eyedropper tool (I).
b. then click the area of the face shown below:

Create a new layer (shift+ctrl+N) and name it “face toss color”, check the “use previous layer to create clipping mask” and change the blending mode to “color”.

Now while your still in the “face toss color” layer, use the paint bucket tool (g) and click it into the artboard to recolor the paint toss so we can match it on the color of the face.

Now, we will erase some parts to complete the blending of the paint to its face.

Go to the “face toss” layer, then click the “add vector mask icon”, then change your foreground color to “black”.

Then using a soft brush tool, (while the vector mask is selected) paint over the area you want to erase, to achieve similar result like the one below:

Now, with the same process, do this on the left arm using the file “paint toss no.16“

Now use the “paint toss no.7“ for the clothes. we need to adjust the brightness of the paint for about -92 to blend in with the clothes (Image>adjustment>Brightness/Contrast).

Lets add some flat black paint toss in the part of the hair. I used “paint toss no.9“


Then go to Layer>Layer Style>Color Overlay then choose the color “Black”.


Erase some parts, using vector mask or simply use the Eraser tool. I just preferred erasing parts using vector mask so I can revert in back at anytime.

So here is the result so far:

Part 4: Adding Shape Cut-Outs

Now let’s add some shape cut-outs. To do this we must first select all the layers, duplicate them, then merge them into one.

Go to Custom Shape tool and select the outlined triangle shown below:


Then while holding shift, create a triangle, you can move your triangle
by using “path selection tool (A). Feel free to position your triangle wherever you want.


Then press Ctrl+Enter , then press Ctrl+j to duplicate, then move it to the right, then press Ctrl+D to deselect.

Do another triangle from the merged layer using the same steps and overlap it to the first triangle.

Then lets interlocked the two triangles, first while holding ctrl key, click the left triangle, a marching ant should appear. then go to Select>modify>expand then set it to 15px. then you should have a result similar below:


After that, select the right triangle layer, using the eraser tool, erase the part shown below:

Using the same technique, do this again, but you will start on the right triangle, then vice versa.

So here is what we have so far:

To finish things up, I just add some additional shapes using the same technique:

Download the PSD

Credit to:

http://mediamilitia.com

Incoming search terms:

  • paint splash psd
  • tutorial splash of color on photoshop
  • colored splashes with photoshop tutorial
  • 3d paint splashes psd
  • face paint splatter photoshop tutorials
  • paint effect photoshop psd
  • color splash photoshop tutorial
  • color splashes photoshop tutoriales
  • How to merge Paint Splatter to a Face colour in Photoshop (tutorial videos)
  • photoshop tutorial paint splatter

Page 1 of 41234

Recent Tweets

Follow Me On Twitter →

Latest Video


Hit Counter provided by technology reviews