How to create vintage retro effect in Photoshop

I used to do vintage alike photos with Photoshop. Some of my friends asked me how to do it. It wasn’t hard as you think but it is really depends on the color, contrast and tone involved in your photos.

I’m going to show you few steps that make your photos vintage retro alike using Photoshop.

Step 1

Open the photo in Photoshop. Here I used my puppy photo.

Step 2

In Layer Windows, click ‘Create new fill or adjustment layer’ and select ‘Curves’. (Press f7 if you don’t see Layer Windows)

Step 3

You just have created Curve layer, click ‘Curves 1′. In Adjustment Windows, select ‘Red’ Channel. and adjust the Red curve like below.

Step 4

Select ‘Green’ and apply the same thing.

Step 5

Select ‘Blue’ and adjust the curve too.

Step 6

Now go back to Layer Windows, and click ‘Create fill or adjustment layer’. This time, choose ‘Hue/Situation’.

Step 7

In Adjustment Windows, follow the numbers that i show below. Tick the Colorize check box. In Layer Windows, adjust the opacity level of the Hue/Situation layer you have just created.

Step 8

May be you can stop right here. But I want to go a little bit further than this stage. Now I’m going to create the Gredient Map. Click the ‘Create fill or adjustment layer’ and select ‘Gradient Map’ this time.

Step 9

In Adjustment Windows, try to find the pastel color tones. By default, pastel tones are not loaded in Gradient Map. Try clicking ‘>’ arrow icon and select Pastels. Select the pastel color that I choose here and in layers Windows, adjust the opacity of the Gradient Map layer. I set it 10% for this photo.

Now look at the changes before and after editing.

Before

After

If you have any questions or better suggestion leave the comment in this post.

How to use Google Web Fonts

It is really considered to be painful when it comes to design the website with the custom type faces. Web designers and developers are limited to use web safe fonts when specifying the type faces to make the site support in all OS platforms. Thanks to the modern web browsers, you can now use and embed the custom type faces in your website. There are many web font services out there that allow you to embed both commercial and free fonts. I’m going to cover Google web fonts in this post.

Google Web fonts

Google web fonts is a free service from Google that allows you to embed the fonts which are available in Google web fonts. To use google web fonts, please follow the steps.

Step 1

go to http://www.google.com/webfonts and click “start choosing fonts”.

Step 2

There are number of free fonts available in Google web fonts. You can filter by type faces, thickness, slant and width if you want. Select the fonts by clicking add to collection button. After you select the fonts, you can now click ‘use’. Using of too many font faces can slow down your site loading. Please use it wisely.

Step 3

Select the html link tag code that you found in next page and insert the code before head tag element. In order to use the font, you must have to apply the font family in your css file.

Sample HTML

<html>

<head>

<title>Google Web Font testing</title>

<link href='http://fonts.googleapis.com/css?family=Condiment|Asap' rel='stylesheet' type='text/css'>
<style type="text/css">
h1 {
font-family: 'Condiment', cursive, serif;
}
</style>
</head>

<body>
<h1>This is the Title - Condiment</h1>
</body>

</html>

Changing Password in WordPress

It is really important that you should change your password immediately when you logged in your wordpress panel for this first time after fresh installation of your WordPress. To change your password, click admin link next to “Howdy” text message in upper right corner of your WordPress panel Or type yourblogaddress.com/wp-admin/profile.php in browser address bar.

You can change Color scheme of your admin panel, First name, Last name, Nickname, Display name which is used for author name is blog post, contact information, etc in Profile section. This is a WordPress newbie series. I will keep posting like this tutorial in future.

Tilt-shift Fake Photography

The method of Tilt-shift is to focus on a single part of the photo and shift (blur) the other area. I am a huge fan of Tilt-shift and have been learning for a while. Tilt-shit lenses are too expensive for me and of course, I don’t have a professional camera too. But we can get the tilt shift photo with the help of Photoshop. There are so many Tilt-shift tutorials using Photoshop out there and we can learn and create our own ones. See the Tilt-shift photos below which I did in last week.

Tilt-shift photos

Oe Bo Prison Mandalay

Samitivej Hospital Bangkok

Platinum Mall Bangkok

Tilt-shift resources

Overview of WordPress Admin panel

After successful logged in your wordpress, you’ll see the wordpress dashboard. WordPress Dashboard includes Write, Manage, Design and Comments panel.

Wordpress Dashboard

Write

Write panel where you can write new post, page and link (blogroll).

Manage

Manage panel where you can manage posts, pages, categories, Tags, Media, Importing posts from wordpress xml file or other blogging system.

Design

Design panel where you can change or edit your themes uploaded in your server under wp-content/themes folder.

Comments

Comments panel where you can handle all the comments such as deleting, editing and marking comments as spam for your posts.

The rest are Setting, Plugins and Users. WordPress dashboard displays all the information like Recent comments, Incoming link, News feed from WordPress Development blog, popular plugins from WordPress plugin directory and other wordpress news.