Easy Menu in Minimalist Style
ساخت یک منو
In this Photoshop tutorial we’ll be designing an easy menu in minimalist style.
Now we’re going to make a background. Create a new document in Photoshop, something like 500×300 pixels and drag a linear gradient with colors of #ffffff and #d5dfe0.
Alright, now I would like to create a window to see how the future menu buttons will be situated. Select the Rounded Rectangle Tool (Radius: 7 px) and make a shape like on a picture below using white color:
You can see the result:
Ok, now we can begin the main part of tutorial creating the menu. First of all I would like to create some substrate under the buttons. Select Rounded Rectangle Tool (Radius: 7 px) again and draw a rounded rectangle onto your canvas as on picture below:
Then apply the Outer Glow layer style for this layer:
And now our substrate should look like this one:
I think the time to create the button. Select Rounded Rectangle Tool (Radius: 5 px) again and draw a rounded rectangle like mine:
Your picture should look as mine:
Time to bring some glare to the button. Find and get out the Pen Tool and make the shape as below using white color:
Click the Layer Thumbnail in the Layers Palette and chose Rasterize Layer. After that apply Quick Mask Mode with gradient as below:
Then go back to Standard Mode. Now we have some selected area. Press Delete to clear image into the area.
Then press Ctrl+D to deselect area. After that go to the button layer and apply Select > Load Selection, then apply Select > Modify > Contract to contract the selection about 1 px and press Ctrl+Shift+I to invert selection. After that go back glare layer and press Delete to clear selected area. Press Ctrl+D to remove selection and change layer opacity to 60%.
Looking good, isn’t it? Ok, duplicate this layer with Ctrl+J, after that select the Rectangular Marquee Tool (Feather: 2px) and create the selection like on picture below:
Press Delete to clear the chosen area, remove the selection with Ctrl+D, then move this layer 1 px down.
The next step that we need to do add two lines to the menu button. Get out the Pencil Tool and draw two lines like on my picture:
The color I’ve used above for lines #e5f3ff. To finish the menu I think we should add some title to the button. You can do this with Horizontal Type Tool. I’m going to use Myraid Pro (Semibold Condensed, 15 pt, Crisp) font with is commercial, that’s why you can try the different one or get it somewhere.
To make the button title more contrast apply the Drop Shadow layer style for this layer:
To get something like this:
Good! Now I would like to add a couple of buttons more to get the real menu.
That is it for now! Hope this tutorial was interesting and useful for you!
Would you like to create elegant semitransparent text effect on leather texture? No problem! This tutorial special for you. I will explain you how to create this effect using blending options in Photoshop.
First of all, using Google search find some appropriate image to create the texture from it. I prefer to use this one. Also feel free to use your own pictures. Now create a new document sized 1000×500 pixels and bring out picture into it.
Duplicate this layer with Ctrl+J and move two of these layers like on picture below. Use the Eraser Tool and a soft round brush with brush size about 100 px to make texture edges softer.
Ok, merge two of these layers. Now I would like to begin stylization process. To change the color use Image > Adjustments > Hue/Saturation with similar settings to these:
Your image should look like mine:
Now I would like to make the texture more contrast. For this effect use Image > Adjustments > Brightness/Contrast with the next presets:
See the difference:
To finish off stylization process apply Inner Glow layer style for your texture layer:
Now we have something like this:
Alright, time to write out your text. I’ll just be using the font called Arial Black (230 pt, Sharp). Write out something like on a picture below in the middle of canvas using Horizontal Type Tool.
Before you will start to create leather style text effect you need to find some texture for this text effect or feel free to use mine. Open up this texture. I think we can bring more interesting effect to this texture. Create a new file sized 75х225 pixels and copy the texture onto it. Then using the Rectangular Marquee Tool create selection like on a picture below and fill it with black to transparent linear gradient:
Then use Edit > Define Pattern to save this picture as pattern. We can close this file without saving. Also you need to create one more texture. Create a new document sized 10×10 pixels and using the Pencil Tool draw black and white squares like below:
Use Edit > Define Pattern again to save this picture as pattern. Go back to our created file and apply the Drop Shadow, Inner Shadow, Inner Glow, Bevel and Emboss, Contour, Texture, Satin, Pattern Overlay and Stroke layer styles to this text layer:
And now we have the text style like this one below:
Well, I think I’ve pretty much explained all I can for this tutorial. Enjoy!
In this Photoshop tutorial we’ll be creating the composing effect including two different pictures and of course layer effects.
Start by making a new document in Photoshop, something like 500×500 pixels and fill it with a black color.
Then create round selection with the Elliptical Marquee Tool and fill it with white color on the new layer.
So, the next step in our composing tutorial that we need to do is finding some appropriate textures of grass and choppy ground. You can find it using Google search or feel free to use my grass texture and ground texture. Copy the grass texture onto your canvas at first. Now duplicate the it a couple of times, then combine and rotate as below.
Now bring the second texture to the canvas.
Go to the layer with white shape and load it selection with Select > Load Selection, then press Ctrl+Shift+I to invert the selection, then go back to each layer with texture by turns and press Delete to clear selected area. After that press Ctrl+Shift+I again. Do not remove the selection. Apply Filter > Distort > Spherize with similar settings to these for each of two texture layers:
Your image should look as mine:
Use the Eraser Tool to composite textures like on picture below. For the Eraser Tool set opacity up to 50% and use similar to these settings:
Now your image should look as mine:
Now, using the Burn Tool with moderate settings (Shadows, 30%) do a little bit of burn-work on the grass layer.
Looks not so good now, really? Go on! Now merge two layers with texture and white round shape in one layer and duplicate with Ctrl+J two more times and hide the last copy (click on the eye, which indicates layer visibility). Go to lower layer and set fill of 0%. After that apply Inner Shadow, Outer Glow and Inner Glow layer styles to this layer:
Now we have something like this:
Create a new layer and merge it with previous to get all layer styles in one layer. Then get out the Lasso Tool (Feather: 20 px) and make the selection like on a picture below:
Use Image > Adjustments > Hue/Saturation with similar settings to these to change the glowing color:
See the difference:
Remove the selection with Ctrl+D. Now go back to the hidden copy of layer and make it visible again. Press Ctrl and click the Layer Thumbnail in the Layers Palette to make the selection and fill it with black color.
Deselect image with Ctrl+D and apply Filter > Blur > Gaussian Blur with the next presets:
Now we have something like this:
Use Edit > Free Transform to transform the shadow:
Your result should look as mine:
To finish off the tutorial I think we should add some text. You can do this using the Horizontal Type Tool. Write down something like ‘Save the Planet!’
In the above image I’ve used a font called Futura Hv BT (28 pt, Crisp), which is sadly a commercial font. Feel free to try a different font such as Arial Black, or you know, buy or ‘get’ a nice font from somewhere. So, now apply the Gradient Overlay layer style to this text layer.
See the result below:
Well, sorry, but that’s it! Hope you enjoyed this Photoshop tutorial!
In this Photoshop tutorial I will be walking you through the creating new make up for the face.
Open up the stock photo you’ve chosen to be working with for this tutorial. First of all we need to make face skin softer. For this effect duplicate layer with Ctrl+D and apply Filter > Blur > Gaussian Blur with the next presets:
After that mess with the layer mode & opacity/fill. I tried Soft Light with opacity of 60%. Ok, now get out the Eraser Tool and make clear area out of face skin.
Merge two layers in one. See the difference:
After that I think we should add some lipstick on lips. So, select the Polygonal Lasso Tool and make selection as on picture below:
Press Ctrl+J to duplicate selected area and change the color with Image > Adjustments > Hue/Saturation using similar settings to these:
Now we have something like this:
To bring it real view find and get out the Eraser Tool and clear unnecessary parts of the layer out of lips. After that set opacity up to 70% for this layer.
Now I would like to change eyes color and add some eye shadows. Select the Elliptical Marquee Tool and make selection as below:
Press Ctrl+J to duplicate selected area on the new layer. Now Image > Adjustments > Levels with the next presets:
To get the next picture:
Ok, now select the Eraser Tool again and a soft round brush to make a little clean work as on picture below:
After that create a new layer, then select the Polygonal Lasso Tool and make selection similar to the picture below:
Fill the selection with color of #a2ab8d and press Ctrl+D to deselect chosen area:
Apply Filter > Blur > Gaussian Blur with the next presets:
Change layer mode to Hue:
Looking pretty good! Isn’t it? And the last one thing, I would like to put on rouge. For this create a new layer, then get out the Brush Tool and a soft round brush and make not so big spots from the left and rights sides of the face using color of #ff94a8:
Now apply Filter > Blur > Gaussian Blur with similar settings to these:
Your picture should look as mine:
Now clear rouge out of face borders using the Eraser Tool and set up layer mode to Color for the layer:
That is it! Now we have cool make up effect for the face.
A technique for matching the lighting between a subject and its background.Matching the Light
If you're like me, every now and then you find yourself needing to insert a subject image into a background where the lighting between the two doesn't quite match. Your subject image may be flatly lit, while your background contains crisp shadows and highlights -- and if you don't correct the problem you run the risk of getting a load of critical comments.
Often times the wisest thing to do is to keep hunting for source images where the lighting does match. But sometimes you can effectively fix lighting problems and an example of how do to this can be seen in the giant elephant image named One Way Street.
Here, seemingly, the lighting matches pretty well. But it didn't start out that way...
Building the Image
The image started off when I fell in love with this dramatically lit street scene. To me the busy street with its long, late afternoon shadows begged to have a giant "something" inserted into it.
I first tried to insert a giant robot, but eventually realized I would go mad. A giant animal would be a good deal easier, so I began searching for a source image of an elephant that matched the perspective and lighting of the street.
But finding the right elephant image turned out to be a tall order. I just couldn't find a source image of an elephant that matched both the perspective and the lighting of the street scene.
I did, however, find an elephant image that nicely fit the scene's perspective. One problem -- it didn't remotely match the scene's lighting.
But rather than throw the image out, I decided to try to alter the elephant's lighting to make it match.
Prepping the Elephant
But first things first, I masked away everything but the elephant...
And then I performed a little cosmetic surgery on the big guy, adding some tusks and rearranging his feet and trunk for dramatic effect.
Looking good, but now to match the lighting.
To create the simulated lighting for this scene, I resorted to a fairly simple trick. Looking at the street scene, I can see that every object has both areas of intense highlight and deep shadow. To recreate this lighting with my elephant, I'm going to need to create two separate elephants, one lit for bright sunlight, and one lit for deep shadow -- and then combine the two images.
To accomplish this task, I needed two identical elephant layers, so I duped another layer of the elephant. I named the bottom layer Highlight Elephant and named the top layer Shadow Elephant.
Selecting the Highlight Elephant Layer, I began to brighten up this layer to match the golden highlight values of the elephant in direct sunlight. There are a variety of adjustment techniques that I could have used to brighten and colorize the image -- Levels, Curves, Brightness, Contrast, Color Balance, Hue, Saturation -- but in this case I used the following adjustments:
Brightness : +30
Contrast : +30
Color Balance: Red: +10
Color Balance: Yellow : -50
Mind you, these are approximate tweaks, but your goal is a brightened golden elephant that now represents the elephant illuminated by direct sunlight. Admittedly, it looks pretty awful, but hang in there.
Creating the Shadow Layer
Next I next turned on the Shadow Elephant Layer. Again, using a process of trial and error, I adjusted the elephant to match the shadowed area of the image.
It should be noted that shadows aren't just darker, but they are quite desaturated and with less contrast. The following adjustments got me close to where I wanted to be:
Brightness : -80
Contrast : -50
Saturation : -80
Hue : +165
Now for the tricky part -- blending the two layers.
To blend the layers, I first created a Layer Mask for the Shadow Elephant Layer and then began to slowly mask off the shadow areas, allowing the Highlight Elephant Layer to show through where appropriate. I used a blurred brush set at different opacities to reveal the highlights in subtle, blended manner.
This is where masking is invaluable, allowing you the freedom to experiment, start over, tweak, mask and unmask to your heart's content.
The key is to study the lighting of other objects in the scene, and then match this to the elephant. When done right, it can be surprising how effective this technique is in recreating the fall of light and shadow.
Ultimately, although it took a good chunk of time tweaking the image, masking and un-masking, when I was done, the elephant pretty well matched the street scene.
Next I needed to add the huge shadow cast by the elephant -- a touch which adds a good dose of realism to the scene. There are many ways to add shadows -- using the Drop Shadow feature is one, but it won't work in this case. This one I had to do freehand.
Again, I looked at the shadows cast by the other objects in the scene -- their direction, color, and blur -- and let them be my guide. The cars shadows are at least twice as long as the height of the cars, so I knew the elephant's shadow was going to extend out of the picture. That's good, as it simplified my work.
On a new layer set to Multiply Blend mode, I painted in the basic shadow of the elephant in deep blue, but the shadow of the trunk and the tusk were more difficult. By experimentation I eventually arrived at a painted outline that looked right.
I was careful not to paint the shadow over the two cars in the shadow, as it darkened them far too much. Instead I individually darkened these cars with the Burn Tool.
Lastly I tweaked the color and brightness of the shadow layer until it matched with the cars shadows. Then added a Gaussian blur to match the shadow blur of the cars.
And finally I added tiny people standing around and riding their bicycles, gawking up at this humongous creature walking the wrong way down a one way street.
Mind you this is a pretty extreme example of how to match lighting between dissimilar images. But this trick can come in handy for far simpler objects when the lighting just doesn't match.
This will show how to create the glowing lady of the lake from my image AVALON.The LADY in colour
We find our lady source and cut her out using the tools you feel comfortable with. Duplicate the lady and erase everything but her jewelry on the top layer, which we will turn invisible for now.
Select the lady again and we will turn her bright yellow by the menu (image/variations)
and then hitting the "yellow" button several times.
which should give us this:
grey, yellow, red, cyan
To turn her white we need 4 layers. So make 3 more duplicates of our yellow lady. The four layers we need from bottom to top are grey, yellow, red, cyan:
Select the bottom layer and on the top menu bar select
and in the layer pallet keep the setting at NORMAL and opacity 100%
Layer two is already yellow but we need the layer pallet drop down menu set to SCREEN and the opacity set to about 70%
Layer Three is still yellow so on the top menu bar select
and in the pop-up menu
move the HUE slider to about -30
to make the lady a nice tomato red colour.
Set the layer pallet to SCREEN with opacity about 85%
We select layer 4 and change it just like the red layer (image/adjustments/hue-saturation) but move the slider the other way to +146. Set the layer pallet to SCREEN with opacity about 50%
The stack of colours
Your image should now consist of 5 layers all stacked directly above one another so you only see one image of the lady
From bottom to top: grey, yellow, red, cyan, and the invisble jewelry layer on top.
(in the sample the images on the right are just to show the layer order and shouldn't be in yours, the lady you have should only be white)
Now merge the visible layers:
At this point you can tweak the image to get it a nice ivory colour with lots of contrast using various things if you want.
Turn the jewelry layer back to visible and merge the image again.
Now we can drag it to the background.
For things to glow we need a dark backgroud for contrast so tweaked the pond for a nice contrast.
Drag the lady to the background and resize to fit.
The hand position doesn't look right so we can rearrange her a
bit to make her fit better.
First erase the arm on the left.
Select the arm on the right and put it on a separate layer from the body (i used the polygon tool to select only the arm and then cut and paste).
Duplicate the Arm, and then flip it over and make it the left side arm as well.
you can resize them a bit to make it look better.
Water reflects, so we have to duplicate all the body parts and flip one copy of each (use the lower layers of the duplication). Slide them into place to make a nice reflection.
The reflection is too harsh, so in the layers pallet
change the setting to OVERLAY and opacity to about 50%
Merge the body parts and make one duplicate copy.
Glow requires some blur, so select the top layer and on the top menu bar select
(filter/blur/gaussian blur) and set the radius to 3 pixels in the blur pop up)
In the layers pallet, set the blurred copy to SCREEN at opacity 65%
Make a new empty layer under the 2 lady layers and select a soft brush about the size of the lady's head. Use the eyedropper tool to select a medium grey from the water and then run the brush around the outside of the body's perimeter to make a halo of glow. Set this layer to SCREEN in the layers pallet.
Select the backgroud and select a chuck of the waterfall with lots of droplets. Paste this selection on the top of all the layers and centre where the lady meets the water.
Use the magic wand to select the white droplets and delete the rest by going to the top menu bar and choosing (select/inverse) then (edit/cut)
Use the clone tool to make more droplets on this layer, and fiddle with it to get a nice spash shape.
Duplicate the spash and set the top layer to SCREEN in the layers pallet
We need more fog so create a new empty layer and make it the top layer. Use the eyedropper to select a medium grey from the water and then choose a giant 400-600 pixels wide soft brush
and give the scene a big stroke or two across the middle filling most of the image with grey. Set this fog layer to SCREEN in the layers pallet.
Depending on your monitor you may need a darker or lighter image so merge all the layers.
On the top menu bar select:
which gets you a pop-up window.
in the drop down menu change the seletion to WHITE
and then drag the bottom slider to the right until your contrast is pleasing on the screen.
You can then tweak everything making the seams match better along the arms, distorting the splash and reflection, and adding more ambient light on the rocks from the glowing lady.
The sword is done the same way as making the lady glow, so i will just add that in
hope you had fun. Now you can just add the lady of the lake to a larger background and create AVALON.