IRIS Design » Adobe Photoshop

Poster for the stepPARFUMS

Taisia Shteflyuk — Sat, 30 Jun 2007 14:56:02 +0000

Not so long ago I have created a poster for the stepPARFUMS company, which offers perfumery from Switzerland, Germany, the United Arab Emirates along with their own production.

The source files were two images: the photo of a model which would be placed on the poster, and the photo of the stepPARFUMS product.

First of all I worked a little on model: cut it out, added blur on the edges (2 px) to get not so sharpen borders. The girl should harmonize with the orange box, so I decided to impart orange tint to her body. I made tone down using slider Saturation in the Image/Adjustments/Hue/Saturation window, increased contrast using Image/Adjustments/Brightness/Contrast, and adjusted sliders in the Color Balance window (Image/Adjustments/Color Balance) to get salmon color. There are just some details remained. I added redness in her cheeks using semi-transparent brash with blur edges and mode Overlay, then increased brightness of the lips and temples. Top has the same tone with the body, so I selected it and added chilled colors using Image/Adjustments/Color Balance. Then I made hair and body semi-transparent. Here is the result:

As a next spet I started working on background. I’ve found a photo of the sky with clouds, image with sun rays, added orange gradient using overlay modes Overlay and Color Burn. And I got following background:

Finally, I cut out bottle of perfume, cleaned up some mistakes and spots, selected corresponding flower, made several copies of the flower, added orange tone and made it more contrast. Final touch to the poster is the company logo in the corner. That’s it!

Web 2.0 style buttons: PSD sources

Taisia Shteflyuk — Mon, 27 Nov 2006 23:44:11 +0000

In my previous article I have explained how to create modern looking glass buttons in Aqua style (right, today we are calling it Web 2.0 style, but this is just terminology issue). The article became very popular, and there are a lot of people digged it. But many people asked to upload PSD sources of buttons presented in article, because of hardship with Photoshop. Here you can find PSD files and use them without any restrictions anywhere.

Just click on button you like to download PSD source:

Web 2.0 style buttons

Taisia Shteflyuk — Sun, 26 Nov 2006 15:34:47 +0000

Nowadays Web 2.0 style becomes more popular. Every day tons of sites which has simple, bright and very interesting things, appear in Network. There are no standards about creating any Web 2.0 elements, but we have several typical features, for example and clean colors, many gradients.

Today I want to show you how to create Web 2.0 styled button using Adobe Photoshop CS2.

Open the Photoshop, create new document for the button.
Create shape for future button using Rounded Rectangle tool on toolbar, specify round radius.
Right click on rectangle layer in Layers palette, choose Blending Options.
Set the Gradient Overlay effect parameters. I have following color of first and second thumb: 434343, third – 000000.
You can find Stroke effect parameters below. Stroke color is 363636.
Set the Inner Glow effect options.
As the result you will get following image:
Create rectangle using Rounded Rectangle tool, it will be used as button glare.
Right click on “glare” layer, choose Rasterize Layer.
Click Edit in Quick Mask Mode on toolbar.
Choose Gradient Tool, create gradient like following:
After leaving quick mask mode, you will get selection area. Click Delete button.
Add layer with text “Entries RSS” and RSS icon. Set Drop Shadow effect parameters.

Now you got following button:

After changing different effects parameters, adding or changing elements, I got following buttons:

Updated: You can download PSD sources here.

Highlight photo elements using glaring color

Taisia Shteflyuk — Tue, 21 Nov 2006 02:22:42 +0000

I love effect when some element on grayscale photo is highlighted using bright color, for example lips or eyes color on the face, without changing element texture. I want to show how to do this in Adobe Photoshop CS2.

First we will open photo in Photoshop, discolor it using Image/Adjustments/Desaturate:

Using Polygonal Lasso tool will select area, which will be painted over, but previously set Feather value to 1px to get avoid sharp edge of lips:

Now will select Brush tool and set following options:

I choosed following foreground color for the lips: BC2805. Then I painted over lips and removed selection. We can enlarge brush size and paint cheeks a little using the same color. We got attractive girl with red lips: