Browsing Photoshop Tutorials's Archives »»

screenshot-perfectom.jpg Perhaps one of the sleekest layouts I have made recently, but then again, I say it about every theme I create, and then out do myself the next morning, or so I think. Anyway, this one is called PerfecTOM, named after my dear friend Tom and featuring a vector that my other very dear friend made — Kyle.
Read More from "Free Premium WordPress Theme - PerfecTOM"



We live in the era where web interface has as much significance, as the web content. Not everyone of us can afford an ultra stylish web layout from an ultra overpriced design company, but we all have skills and talents, that sooner or later, you might discover for your own surprise. Here is a list of tutorial I gathered from the web that teach you how to make web interfaces. I picked what I believed to be the most creative tutorials with best outcome and I hope you will like them. Please, if you like the list, subscribe to our feeds to get further updates or consider bookmarking this page. It will help us greatly!

Best Web Interfaces - Do It Yourself Photoshop Tutorials

1. Aqua Blue Media Player. Tutorial by empiredezign.com

Aqua Blue Media Player

2. Professional Web Layout. Tutorial by adobetutorialz.com

Professional web layout tutorial

3. Glossy Logo Button. Tutorial by loreleiweb.com

glossy button photoshop tutorial

4. Splash Page. Tutorial by talk-mania.com

Metal Splash

Read More from "20 Best Web Interfaces - Photoshop Tutorials"



This tutorial will show you how to take a low quality, lifeless and dull shot and turn it into a vivid night shot, with street lamp lightening.Carlov Most - tutorial image 1
1. First take a picture of your choice. I used a very bad shot from my own collection, but you can pic any streetlight photo from Digital Free Photo stock.
Carlov Most - tutorial image 2

2. Go to Filter >> Render >> Lightening effect , and apply the setting as shown below, when center of the spot of your light-point is placed exactly where your street lamp is.
Carlov Most - tutorial image 3

You should have something like this (illustration nr. 3):

Carlov Most - tutorial image 4

3. Duplicate the layer, and apply the very same settings as you did before once again. Remember tpl place the spot light in the middle of the streetlamp or any other source of light you have on your photo (such as car lights, candles, etc). if you won’t place the light correct, the effect will not look natural, and we do want to achieve a perfectly natural looking night shot.
Read More from "Photoshop Tutorials: Turn a daylight photo into a night shot"


advertisement

psd_nightfont-copy.jpg

It’s about time to produce a new tutorial and I was thinking about something that no one has done before me and came to realize that most of the themes have already been touched upon. It’s pretty hard to come up with an original idea that no one ever thought about before, but since I made it at night, I thought… has anyone ever made a “midnight text effect”? I did not find it anywhere on the Internet, so here it is, you can see the example above.

What will you need for this tutorial?

moon_star0.png First of all, you need to download the Moon Star Font. Click on the image to go to the download page.

Installation of the font in Windows is very easy: unzip the font you have downloaded, open the folder with the downloaded font. Now, go to Start > Control Panel > Fonts. Drag and drop the file from your downloaded folder into the fonts folder in your control panel. It will take a few seconds for the font to be installed. Once the mini-window with progress bar got closed, you can access this font from your Photoshop.

tutfull.jpg So, once you have installed the font, click on the image to download / full view. It will guide you step by step how to set the layer styles correctly and what colours should you use. To make your life easier in case of a failure, I am offering a FREE .PSD file of this tutorial, for Lorelei Web Forum members only. Please note that you need to be registered or logged in to access the download. Enjoy!


As a part of my Fantasy Art tutorials series (mostly posted at Lorelei Web Forum), following many requests, I decided to make a tutorial that will show you how to turn a woman into a vampire / witch. Well, only visually :)

photo 1 - turn a woman into vampire, initial image Step 1 - starting… Take a photo of a girl you are going to work with. Traditionally I am using Becca’s photo, you can also avail of her free stock at DeviantArt.com. We will only be working with a face, hence we are using only the upper part of her photo.

filter settings - reduce noise Step 2 - smoothing the image. Let’s smooth the image. We want to avoid using blur settings, what we will do is just “smoothing” the photo, same effect as we used in Like in Magazines tutorial. Go to Filter >> Noise >> Reduce noise and apply the settings you see on the image. We will only use 5px noise reduction as we don’t want to smooth it too much.

step 3 Step 3 - removing black eyes. Our image had black areas under the eyes, which we want to remove prior to applying our own scary effects. Using the Healing Brush tool, Press “Alt” near the eye (where there is no dark area) and, using a brush with soft edge, about 30px, make a few “stamps” around the eyes, which will remove the dark parts. eyes after applying teh healing brush It will probably take a few times ’til you succeed to do it properly, if you see you are not managing, just skip this step. On the left side you can see the result after applying the healing brush.

Levels reduction Step 4 - removing redness. Photos rarely come in excellent colors, and here, for a vampire look, we most definitely need to add a bit coldness to the image’s colors before we start off with the main effects. Press Ctrl + L to go to Levels panel. Reduce the redness from your photo, by selecting the “red” channel and dragging the left arrow a bit rightwards.

Adding dark hair layer Step 5 - The doodle part. Make a new layer (Shft + Ctrl + N) and select a brush tool, approximately 20px, or smaller (depends on your image, and just go over the hair of the girl, covering all that area, as shown on the illustration.

making the hair old Step 6 - Merging settings, gray hair. As we don’t want the hair to be just black and look like a real kid’s doodle, while the upper (hair layer) is selected, change the layer’s blending options to “Color”, this way, you will get grey, old looking hair. While most tutorials on the internet show how to remove gray hair and make one look younger and better, I decided to show how to do it the other way around. So, hair is now gray. If you see that at some parts you missed with the brush, just remove it carefully with eraser tool.
Read More from "Photoshop tutorial - turn woman into a vampire / witch"


advertisement

This tutorial will show you how to easily make frame such as the one you now see in Windows Vista releases or the so-called “aero vista” style design. There are a several techniques for making these semi- transparent frames around the picture with rounded edges, I will show you the technique I use.

1.jpg1. Start off by making a background. Since this will probably be a graphic for a website, and we want to stick with the web 2.0 standard, I suggest making a gradient bg, with slightly darker hue at the top, fading towards the middle, but do not make the hue dramatically different. Same colour only a tiny bit darker.
2.jpg 2. Take some picture you are going to put inside your Vista-like frame. We will go ahead with the style and use a photo of a leaf with some water drops on it, which I pulled from Photoshop Photo Stock website. This image is not free for commercial use so we only put it here for learning purposes. Take your picture, copy and paste it unto your gradient background. Make sure there are at least about 50 px of distance between the image and the edges, otherwise we will not see the frame properly.

3.jpg3. Select the layer with the image, and go to Layer >> Layer style >> Stroke

…and add a wide white border to the image, as shown on the screenshot. You must select the mode “outside”, otherwise your border’s edges won’t be rounded. Also, they will only be rounded if the border is thick enough, i.e. you won’t see much of the rounded effect on stroke settings below 5px.

4.jpg 4. Duplicate the image with white border layer. Select the upper layer and go to Filter >> Blur >> Gaussian Blur. Apply the blur settings and shown on the enclosed screenshot. Roughly speaking, the more blur you add, the wider will be your semi- transparent frame later. Ideally keep it approximately as wide as the white border, this way the proportion will be reserved; otherwise having a too think white border or a too wide transparent frame will not look organic.

5.jpg

5. Go to the layers panel, and select the upper (blurred) layer. Reduce it’s opacity to about 30%, (or less, or more, depending on how lucid you like your frame to be). You will be seeing it on your screen as you reduce the opacity (opacity, not the “fill”).

6.jpg6. Select the lower layer (not blurred one) and go to Layer >> Layer styles >> Drop Shadow. Add shadow settings as shown on the screenshot below. This will give your frame some more depth.
7.jpg7. Now we will add some shiny / glossy effect to complete the result. This step is optional, as many people are not big fans of shines. Create a new layer. Using the Elliptical Marquee Tool, draw a circle as shon on the screenshot, which will cover approximately about 1/3 of the image. Choose the Gradient Tool (from white to transparent) and draw a line from the top of the circle to it’s end, or a bit more than the end, as we will only fill the selected area in the circle anyway. Once your ellipse got filled with gradually fading white, Select the eraser tool and remove the white circle from outside the picture, so that only the piece inside the picture will remain.
And… here is your final result:

9.jpg
Download the free psd file of this photoshop tutorial Click HERE to download the free .PSD file of this tutorial. The download was available freely for 30 days, now it’s for Lorelei Web forum registered members only.


After having created a few tutorials related to fantasy art, such as Sinking moon eclipse, Sleeping sun, and the most famous - Mysterious moonlit landscape - which won a lot of attention, i decided to make yet another one. This time the tutorial comes in a zipped folder, which you can download here, by clicking on the image.

Enjoy! Click HERE to download the tutorial. Download size - 1 MB. [Contains artistic nudity!]
Please respect the long hours I spent making this tut, do not offer this tutorial for download on other websites!

moonstone.jpg

Don’t want to download? Alternatively you can view this tutorial on my DeviantArt Page .

Hope you like this tutorial. Please post any questions below, I will try to get back to all of you, but of course can’t promise.


After some pretty successful tries with glaming up the photos such as Goth Gmalour and Pure Glamour effect, I thought I’d make a small tutorial about it, since Johan requested it so nicely ;)

So, here is a short 5-minutes video tutorial that will tell you how to turn a grainy photo with noise, skin defects and poor quality - to a glamorous shot, like in magazines.

The tutorial is zipped in .rar format, so you can download it to your computer, unzip and watch in WindowsMediaPlayer full screen. Click on the image below to download (20MB) Enjoy!

For more tutorials from the author, please visit my tutorials board.

windows_e.jpg

Page 1 of 212»