Design Buzz Logo Affiliated Business News

When's the last time you saw a presentation that really captured your imagination and attention? No matter how engaging the content is, it can be hard for presenters to make their work stand out simply because the format of a slide deck is about as fresh as Windows 95. If you're looking for an alternative to slide-based presentations, you might want to take a look at a new app for iPad called Scrollshow.

read more

Change is an essential part of our lives, and almost daily we witness certain change in our surroundings, homes and offices. Similarly we should also bring some changes in our web designs, which can eventually inspire others.
A website is the best way to be able to announce yourself to the world. This is especially so if you have a business or services to promote.
A mobile design is a copy of a website, except that it has codings that support browsing sites on smartphones, tablets and other handheld devices. It provides a range of options conforming to the requirement of people using smartphones to make it easy and fast for them. It is very crucial for your business to easily target your prospective customers.
Mobile websites are on the rise in the new era of technology. Web design companies that are aware of current marketing trends are bringing this technology to the table, to increase revenue for their clients.
Creating logo designs is a time consuming process that requires strict adherence to guidelines and deadlines. Logo designers have a lot on their mind when creating quality logos. Some are often engaged in multiple design projects at the same time, a common practice among designers.

Sometimes we have a precious moment in our lives captured in the wrong way. This is where Photoshop is used to fix this problem — to enhance and retouch our precious, yet less-than-perfect image to become precious perfect ones.

enhance retouch image in photoshop How to Enhance & Retouch an Image   Photoshop Tutorial

In this tutorial, I will share som

Read More
e of my favourite enhancing and retouching techniques. You may know some of my techniques, and others, you may not. So, let’s get started.

Step 1

Open the Cosplay Girl image. Special thanks to Priestess Shizuka for her permission to use this image. You can find the image here. Crop it (Ctrl + C) to get rid of those black edges at the top and bottom.

enhance retouch step1 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 2

Notice that the image isn’t smooth enough, especially the hair, so I want to make it smoother by increasing the amount of the pixels. Choose Image > Image size, or hit Alt + Ctrl + I on the keyboard. In the resolution column, change the value to 200 pixels/inch or more. And then click OK.

enhance retouch step2 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 3

Now I want to level it, to make this image better. As you can see when we open the histogram (Window > Histogram), the histogram tells us that this image suffered an ‘unbalance’ tonal range. The gap at the light area (right side) means the highlight areas are not as bright as they could be. Thats why the image looks rather dull.

enhance retouch step3 How to Enhance & Retouch an Image   Photoshop Tutorial

It will be good if we can trace the brightest, darkest and midtone pixels of this image to apply proper level adjustment on it. This is so Photoshop can convert the brightest pixels in this image to become pure bright (pure white), darkest pixels to be pure dark, and the midtones as well, for ideal tonal distribution.

To do that, duplicate the background layer by hitting Ctrl + J. Create a new layer under it by hitting Ctrl + Shift + N, and then, fill it with white color (Ctrl + Backspace).

enhance retouch step3b How to Enhance & Retouch an Image   Photoshop Tutorial

Step 4

Target layer 1, and double click it to bring up the Layer Style dialog box. On the Blending Options window, drag the white triangle to the left, until it almost meets the black triangle on the left post. The remaining spot is the darkest pixel in this image.

enhance retouch step4 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 5

Take the Color Sampler tool, change the Sample Size to 3 by 3 Average, then point it to one of those remaining spots in this image. We’ve got sample 1 here — the darkest pixels.

enhance retouch step5 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 6

Repeat step 4, but this time in the Layer Style window, do the opposite by dragging the black triangle to the right.

Again with the Color Sampler tool, point it to the one of those remaining spots. We’ve got sample 2: the lightest pixels.

enhance retouch step6 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 7

This time we want to trace the midtones. Repeat step 4, and in the Layer Style window drag the black and white triangles to the center, around 127.5 (= 255/2). However, when we drag it close to 127.5, the spot sample becomes too narrow, with a focus on the girl only, not the background, thus we should drag the black triangle to 121, and the white triangle to 134 (6.5 units either way of 127.5).

That will be the ‘equal’ value for both of them. Then, with the Sampler Color tool, take a sample from one of those remaining spots. Here we’ve got Sample 3: the midtones.

enhance retouch step7 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 8

Now target Layer 1, double click it to bring up the Layer Style dialog box, and then reset those triangles to the original post. Now, with the Sampler tool still active, you should indications as shown below:

enhance retouch step8 How to Enhance & Retouch an Image   Photoshop Tutorial

You can use actual pixel mode when tracing those spots, to get more accurate results, but in this case, I think what we did before is enough.

Step 9

Now, create a Levels Adjustments layer above layer 1. On the Levels Adjustments window, use the eyedropper to set the black point. Click on the eyedropper, at black, then on Sample 1 that we made previously.

enhance retouch step9 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 10

For the midtones, click the eyedropper for gray point, point and click it to Sample 3. And last, click the eyedropper for white point, then point and click Sample 2.

enhance retouch step10 How to Enhance & Retouch an Image   Photoshop Tutorial

Now, what we’ve got here is an image with an ‘ideal’ tonal and color range. We’ve got pure black, pure white and the tonal spans mathematically ideal. With a quick visual check, you can see that the image is indeed getting better. That’s the best I can achieve for this image so far.

Step 11

Now let’s add some details and emphasize some parts of the image. Of course, Photoshop can’t create any details, but it can reveal or enhance it. First, hit Ctrl + Shift + Alt + E to merge the layers without flattening all layers beneath it. Target this new layer, then go to Image > Calculations. This will bring us to the Calculations dialog box.

enhance retouch step11 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 12

After taking a closer look at each channel, you will see that the green channel contains the most details, so we’re going to use that channel as a ‘patch’. We’re going to multiply it to get a more significant result. In the Calculations dialog box, set the value as shown below.

enhance retouch step12 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 13

The result will be located at the bottom of the Channels palette, name it ‘Alpha 1′. Click it, select all (Ctrl + A), copy (Ctrl + C), and then go back to the Layers Palette and paste it (Ctrl + V) on top of all the layers. Then set the Blending Mode to Soft light. Name it ‘Basic’.

enhance retouch step13 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 14

The dark details distribute nicely, but there seems to be too much light. Let’s decrease it a little. Double click the Basic Layer to bring up the Layer Style dialog box, then while holding the Alt key, move the white triangle to the left; it will separate the triangles to give us a smooth transition.

enhance retouch step14 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 15

On step 13, we may have lost some details on her clothes; so let’s fix that. To do that, add a layer mask for this Layer (Basic Layer), and brush that area with the soft black brush, to get back some detail from the underlying layer. I use a Soft Round Brush with size 50 px, Hardness 0%, and Opacity 20%. Make sure you target the Layer Mask Thumbnail on the Layers Pallete before brushing.

enhance retouch step15 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 16

Now let’s smooth out the skin especially the right shoulder. To do that, hit Ctrl + Shift + Alt + E again and apply the median filter. Choose Filter > Noise > Median. Set the radius to 10 pixels. Again, apply a layer mask to this layer, Hide All by holding the Alt key when you click the Add Layer Mask button. Use a white smooth brush to cover the rough areas, but leave the hair and edges. Name this layer ‘Smooth Skin’.

enhance retouch step16 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 17

Now let’s sharpen the image. Like before, hit Ctrl + Shift + Alt + E, and name it ‘Sharpen’. Copy this new layer by hitting Ctrl + J. Hide the copy by clicking the eye icon on the Layers Palette. And then target the original Sharpen layer, go to Filter > Other > High Pass. Set the radius to 2 pixels, and change the Blending Mode to Vivid Light.

We can see now, how the details become more vivid in this image. However, the hair has also ‘sharpened’ and looks rough, which is not wanted, so, let’s add a layer mask again, reveal only some parts: eyes, nose, lips and clothes using a smooth soft brush.

enhance retouch step17 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 18

Now target the Sharpen Copy layer that we’ve made before. Make it visible. Name it ‘Smooth Hair’, because this time I want to smooth out the hair using this layer. Go to Filter > Stylize > Diffuse. Select Anisotropic, and then click OK. Add a Layer Mask, and hide all areas except the hair. Zoom in to see the result.

enhance retouch step18 How to Enhance & Retouch an Image   Photoshop Tutorial

Step 19

Finally, create the Hue/Saturation adjustments layer on top. Set the Saturation value to 20 to give this image more color. You can compare this final result with the original image, by simply holding the Alt key, and clicking on the eye icon of the original layer image.

Final result

And walla, here’s our final image! You can download the PSD here.

enhance retouch step19 How to Enhance & Retouch an Image   Photoshop Tutorial

Related posts:
Drawing Realistic iPad2 – Photoshop Tutorial
How to Draw Apple iCloud Icon – Photoshop Tutorial
How to Create a TRON Minimal Design – Photoshop Tutorial
How to Make Delicious French Fries Icon – Photoshop Tutorial

The web designer's portfolio website plays a pivotal role in the decision taken by the prospective website owners. If the prospective website owner does not find your website up to the mark there are hardly any chances of he/she becoming you client and availing your web designing services. If you want to impress your prospective clients and make them avail your services you need to have a gorgeous portfolio website.
'Ecommerce' has become the latest mantra to success when it comes to online business. Nothing can beat the prospects that this established yet prospering industry has to offer. Almost every store we know of has opted for creating a virtual presence of it and so, there's really no end to the all new 'Ecommerce' that we see today.

Nowadays it’s impossible to find a professional website and even physical prints that is not digitally processed by Photoshop. In fact, almost every product or design today, including, has gotten help from Photoshop. More than 20 years on, it is still defining the universe of digital imaging, with no signs of slowing down.

heroes of photoshop

Yet we know so few about who is behind it – key developers, whose names sit in

Read More
front of the Photoshop splash screen we stare at every single time we launch the software. And now, driven by curiosity and gratefulness, it is my obligation to unfold the stories of 10 unsung heroes who forged and polished the Photoshop we rely on to make a good living. It’s time we celebrate them.

#1. Thomas Knoll

Photoshop, a mega software that shaped the world of digital imaging today, started from one person, Thomas Knoll. Knoll started Photoshop as a hobby to create code that displays grayscale image, and the initial success led him to create more image editing codes, which eventually became primal features of the now legendary Photoshop.

thomas knoll

(Image Source: YouTube)

His humility is legendary too. When he was inducted by NAPP (National Association of Photoshop Professionals), he responded with ‘Why would you want to induct me? I didn’t do anything special. Writing Photoshop was just something we did for fun back then.’ It is this attitude that culminates the selfless spirit of the Photoshop team, thus shaping a product built on awesome teamwork.

Thomas is still active in the Photoshop team until now, which is a rare path for most co-founders. He led the team until CS4, and his most recent work (at the time of this writing) is the Adobe Camera Raw plugin that processes raw image formats from digital cameras. His passion for Photoshop and digital imaging is unmatchable to this day.

#2. John Knoll

Although the name doesn’t appear in most versions of Photoshop’s splash screen except 1.0.7 and 2.0.1, John Knoll is another co-founder of the Photoshop. In fact he was the one who persuaded Thomas Knoll to turn his personal program into a commercial image editing software.

john knoll

(Image Source: YouTube)

At the time, John Knoll was surprised at how similar Thomas’s program was to image processing software that charges $300/hour for basic photo retouching. He saw a future in affordable image editing software, and started to push Thomas to develop more features in spite of him still trying to finish his PHD study.

While working with Industrial Light and Magic, the company which develops visual effects for George Lucas’ motion picture company, John also created some image-processing routines, which later evolved into filters (lens flare!).

#3. Russell Preston Brown

No complex product can soar without the escort of the passionate evangelist, and for Photoshop, it’s Russell Preston Brown. Same with the Knoll brothers, Russell is one of the pioneers of Photoshop. On the Photoshop 1.0.7 splash screen only 4 names were listed at the time: Thomas Knoll, John Knoll, Steve Guttman, Russell Brown.

russell preston brown

(Image Source: YouTube)

As Adobe’s Senior Creative Director, Russell Brown is the most devoted user of Photoshop, and he even evangelized the software with his mastery of design and Photoshop skills. He has been restlessly showcasing Photoshop’s potential in grand events like the Mac Summit, and offering his own tips and tutorials in his website. If you have ever seen his showcase, you could probably sense his passion (and a bit of insanity!) for Photoshop.

#4. Seetharaman Narayanan

Although he could probably retire and enjoy his life on certain tropical island, Seetharaman Narayanan chose to continue his work in Adobe. His name appears after the No.1 Thomas Knoll in the splash screen, so I’m sure you stared at his name a lot, particularly when your Photoshop is launching slowly.

seetharanan narayanan

(Image Source: PhotoshopNews)

And he truly deserves the honor, as Seetharaman Narayanan is the man that dedicated his best to make the Windows version of Photoshop possible, then made it multi-threadable. Now the Lead Adobe Photoshop Engineer, he also ported Adobe Lightroom to Windows. He doesn’t claim all the spotlight though but the benefit of having long names is that it is simply too unique to be ignored.

#5. Russell Williams

Russell Williams joined the Photoshop team right after its 4.0, and he was surprised with how small the team behind Photoshop was. But he soon realized that they were brilliant and exceptionally good at their work. They had a clear direction, making Russell believe that the product will eventually ship which is after all the thing every developer wants.

russell williams

(Image Source: PhotoshopNews)

In Russell’s regular days, he sits with other principal scientists such as Seetharaman Narayanan and do the most important thing in his career: decide what’s next for Photoshop. That said, for now Russell Williams is looking forward to image forensics, where the traits of intentional image modification by criminals could be detected more clearly through images.

#6. Jeff Chien

If you have used the Healing Brush to remove the wrinkles and blemishes of your photo, you need to thank Jeff Chien. He’s the principal scientist in Adobe that help achieved the Healing Brush effect, which could fool your perceptive eyes with its blending nature. The effect is in fact rather complex when it comes to implementation. Nonetheless, he didn’t even know what RGB was back then!

jeff chien

(Image Source: YouTube)

Jeff Chien’s background is motivating for young computer scientists in developing countries. He was raised in a country without GameBoys and other fancy home entertainment equipment. But he did have access to a mainframe computer which everyone shared for very limited periods of time. Even in this limiting environment, he spent a lot of time learning, developing a solid background in math, which in the end helped score him a job in both Apple and Adobe.

#7. Maria Yap

Maria Yap trained as a professional, and started her photography and design study before the birth of Photoshop, thus she truly appreciates the amount of hectic work that is saved through the aid of Photoshop. After several years of cruel industrial training (aka freelancing), Maria finally joined the Adobe team offering her expertise.

maria yap

(Image Source: Adobe Featured Blogs)

She now leads a team of product managers and evangelists to develop innovative applications for design, such as Adobe Revel. Maria volunteers herself as a judge for the Adobe Youth Voices Aspire Awards, and part of the reason could be the immense inspiration that radiate from the event. It is apparent that her life is all about Photoshop, design and family.

#8. Sarah Kong

Ever heard of the name, ImageReady? Well, you must be as old as me then. Back then we designed our graphics in Photoshop, then optimize it for the Web in ImageReady! And the switch button within the software is the work of Sarah Kong, an engineering manager who also worked on some helpful automation plugins like picture package and Web photo gallery.

sarah kong

(Image Source: PhotoshopNews)

Sarah thinks of Photoshop as an awesome product, made possible with exceptional teamwork. She also foresees a strong future of Photoshop in this social media driven world, with community features such as lens profile sharing for lens correction features.

#9. Bryan O’Neil Hughes

One requires courage and determination (and bit of luck!) to succeed in life, and Bryan O’Neil Hughes lived up the quote by joining the Photoshop team in 1999. Making his debut as a Quality Engineer, Bryan contributed by doing his best to destroy Photoshop internally with intensive testing. Besides, if you have tasted the juiciness of Liquify feature before, that also came from Bryan.

bryan oneil hughes

(Image Source: YouTube)

Bryan cares about users. During Photoshop’s 20th anniversary he did a survey with both Photoshop users and NAPP members to discover specific new features, or current user interface issues that were bugging them. Based on the data, they improved Photoshop CS5 and make it dominate the world of digital imaging again.

#10. John Nack

John Nack a.k.a Tiny Elvis, is the true composer of Photoshop. His role, Adobe Photoshop Senior Product Manager, ensured that he oversees the development of many distinctive features such as Adobe Bridge, Adobe Camera Raw, Vanishing Point, and Smart Object which I use every day on my graphics and shapes.

john nack

(Image Source: PhotoshopNews)

He is inducted by the National Association of Photoshop Professionals in 2008, which is one of the highest honors you could ever receive in the industry. Nonetheless, his humility still shines on top of his achievements, with his friendly and informative Adobe’s blog as solid proof of his down-to-earth nature. Clearly humility is the core culture for Photoshop team members.


In my search for information, the most common word I caught in the interviews was ‘teamwork’. And what’s even more amusing is, most of the time the interviewee pushes the credit to someone else in the team! I believe it’s that humble nature and cooperative spirit that keeps both Photoshop and its innovation going for more than 20 years and probably a lot more in the future.

Also if you’re reading this article, there’s a great chance that you’re a Photoshop addict like me! What would you like to say to these Photoshop pioneers and engineers? For me, a simple thank you is probably not enough! Let us know your words then, and tell us how Photoshop transformed your life!

Related posts:
The Stories Behind The Names of 20 Tech Giants You Know
The Stories Behind The Names of 15 Gaming Brands You Know
5 Simple Tips to More Organized Photoshop Files

Join Our Newsletter:

What is Design Buzz?

Design Buzz is a community for all those involved in designing, developing and running websites, web mastering, etc. Here are featured new design trends, news and events, design articles, design software, webmaster tips and tricks, creative tutorials and hand-picked design stuff from all over the world.

Latest Comments
Affiliated Business RSS Subscribers