Design Buzz Logo Affiliated Business News
Nowadays, in coincidence with the growth of internet and e-commerce, setting up a website may be considered as the fastest and most economical way to earn more income or branding for businesses. As a crucial component of a website, the interface, which creates 1st impression of the brand to its potential customers, has to be selected carefully. Simple website templates are good choice for beginners because of three following reasons.
Why should you have a company logo? What importance does it give to your website and business?
Four steps to getting a professional website for you business. Follow these steps and you will be well on your way to launching a web presence that you are happy with.
The miracle called technology has unlocked the door to a totally different era. With the advent of the World Wide Web, it has become much easier, faster and cheaper to communicate with any person in any corner of the world.

With the advent of high-definition screens, web designers now have to make sure that the images they use are optimized for HD. Skipping this process may render websites blurry or pixelated, leaving a not so good impression on visitors. One of the best ways to deal with HD screens is to use Vector Graphic whenever possible.

Vector Graphic is scaleable at any size, so it will look great on an HD screen. In this post, we would like to share a quick tip on how to c

Read More
onvert your Photoshop Text into SVG. If you have, for example, a text-based logo in your design, you’ll probably find this tip very useful.

Photoshop Stage

For this example, we will use a simple text-based logo created using the Pacifico font family (screenshot).

On the the Layers tab in Photoshop, right-click on the text layer and select Convert to Shape (screenshot).

Then, save the file in Photoshop EPS format.

Illustrator Stage

Open the EPS file in Adobe Illustrator. You should see that the text is now a vector object.

In this stage, you can make a few adjustments such as removing unnecessary layers, changing the background colors, or resizing. To resize the document in Illustrator, just go to File > Document Setup and select Edit Artboards.

You can use your mouse to resize the Artboard, or specify the size more accurately by filling in the Width (W) and the Height (H).

Next, save the file in SVG format, which is the default option. And that’s it.


The act of converting the font into Shape is to ensure compatibility across multiple computers – when you are working remotely, different fonts installed on different systems may cause the "Font missing" error. This may also happens with different versions of Adobe Illustrator or Photoshop. Turning text to SVG will help minimize or eliminate issues to do with compatibility.

Related posts:
20+ New Photoshop Text Effect Tutorials
5 Simple Tips to More Organized Photoshop Files
Convert Your Google Drive Files with DriveConverter
Copy and Extract Text From Images with GT Text [Quicktip]

When you launch a website for your company, the right kind of web design can play a huge role in deciding how successful your site will be. Read on to learn more.
The importance of web design simply cannot be overlooked. Within seconds of arriving at your website people will have made their mind up whether or not they like what they see. If they do they'll stick around, if they don't they'll go and spend their time, and money elsewhere. First impressions matter as much online as they do elsewhere. Think of a website as a shop window, would you waste your time walking into a shop if you didn't like what you saw on the outside.

Today we are going to do some photo manipulation with Photoshop. In the tutorial below, we are going to guide you through patching up spots in an old black & white photo and then colorizing it.

color old photo preview How to Colorize Old (Black & White) Photo [Photoshop tutorial]

First we&#

Read More
8217;ll run you through on removing white patches from photo and then we’ll proceed to coloring it. The steps are pretty standard. Load up your Photoshop, and off we go.

To follow through the entire tutorial, we suggest you download and use the following image.

Inital image How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 1

We’ll start by removing the white patches on the image. Choose Clone Stamp Tool and by pressing Alt key pick the plain and appropriate surface near all white patches and apply it on white patch. Continue this process until all patches get removed.

After removing all patches your poor image will look clean as shown in image:

1 Clean image no white patch How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 2

Next, we’ll proceed with coloring the image. It would be bad idea to colorize the image as a whole; we’ll do them one by one, an object at a time.

First, we’ll select the hat by making the use of Magnetic Lasso Tool – like this:

2 Selection of Hat How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 3

To colorize it, we will use the Hue and Saturation (HSL) option. There are many ways to colorize an object, but HSL is perhaps one of the easiest and most flexible.

Proceeding to colorizing the hat, add these values to the (HSL) 360, 35, – 26 appropriately. (While using HSL, on that window, do not forget to turn on Colorize option.)

Applying HSL to hat How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 4

After applying color, the hat may look a little plain. Let’s add some Noise to it. Select Filters -> Noise -> Add Noise and give amount "5" to it.

Check Monochromatic option to get a smoother noise effect. See the next image for its differences.

Applying Noise How to Colorize Old (Black & White) Photo [Photoshop tutorial]

3 Hat color How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 5

Next, the coat. The process is same – only different HSL values, which are respectively: 42, 10, – 63.

To make the overall look of coat more natural, instead of using Noise tool, we take advantage of Grain Texture option. You can find it under Filter -> Filter Gallery -> in Texture tab -> Grain.

Select the following options – Intensity: "10", Contrast: "50" and Grain Type: "Soft".

4 Coat Grain Texture How to Colorize Old (Black & White) Photo [Photoshop tutorial]

And then you will see the output:

5 Coat color and Texture How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 6

Moving forward – the shoes. To give shoes a shiny effect, we are going to use Image menu -> Adjustments -> Variations. Select "Midtones" and click Ok.

6 Boots Variations How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Try some combination of CMYK colors until you get a boot of this color:

7 Boots Color How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 7

Next up, the door. First, let’s color the door borders.

8 Indoor borders of the door How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Select one side border of door by using Rectangle Marquee Tool. Add 15, 45, -53 values in HSL tool. Then select Filter -> Filter Gallery -> in Texture tab -> select Grain option and keep Intensity: "12", Contrast: "50" select Grain type: "Enlarged".

Follow the same procedure to all the borders of the door.

9 Coloring Indoor borders of the door How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 8

Next, we proceed to coloring rectangles between the doors with the following HSL values: 55, 20, -26 and in Texture Grain, keep intensity: "12", contrast: "50" and Grain type: "Enlarged".

10 Coloring rectangles of the door How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 9

We’ll wrap up coloring the door by adding colors to the borders, HSL values of : 25, 7, -69. Then under Texture Grain keep Intensity: "12", Contrast: "50", and let’s add extra noise by selecting Grain type: "Regular".

11 Coloring Outside borders of door How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 10

After the door, we proceed coloring the soil. To color the soil, select that portion by using Magic Wand Tool and then keep HSL values: 20, 24, -56.

12 Coloring the soil How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Step 11

Last but not least, we will color the wooden background of the image. To give it a it a wood look and feel, we give it a HSL value of: 31, 53, -45, and then add Noise "5" by checking the Monochromatic option.

After all this procedures finally you will see the output like this:

13 Wooden background How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Color Correction

We are done coloring the image. Now, we proceed to the final and most important part – color correction. Color correction when done right, will give image its correct mood and make it more realistic.

To increase the brightness of the image, we go to the following option: Image menu -> Adjustments -> Curves, and add "186" for Output and "164" for Input.

Use of Curves Tool How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Let’s brighten up the following section of the image (where arrow in pointed to). First we select the portion with Rectangle Marquee tool. Then go to Filter -> Filter Gallery -> Distort tab and select Diffuse Glow with the following values: Graininess: "0", Glow Amount: "11", Clear Amount: "15". And finally, proceed to Image menu -> Adjustments -> Curves and add "200" for Ouptut and "188" for Input.

14 Selection of image How to Colorize Old (Black & White) Photo [Photoshop tutorial]

Follow the above process for the remaining parts of image but with different values in Diffuse Glow: Graininess: "2", Glow Amount: "5", Clear Amount: "15". Curves’ not required.

To darken the shadows of the hat and the coat, let’s use the Burn Tool and by selecting Range: Midtones and decreasing the Exposure value to "20%" apply it on shadows part appropriately.

We’ll use the Dodge Tool to brighten up the coat and hat so it looks as though the lights are coming in from the right side, and to give a sense of thickness for the door borders, we use the Burn Tool.

And here’s how your final output will look like (or similar) after some color corrections.

15 Final Ouput How to Colorize Old (Black & White) Photo [Photoshop tutorial]

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.
It's estimated that almost 80% of companies have their own websites; and out of these, most newly launched small businesses make the design and development of their website their topmost priority. The reason lies in the capability of an effective small business website design to push business growth. Here are 5 factors that ensure the design of website for small business gives high ROI.
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