8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 1/21

pdfcrowd comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

DESIPHOTOSH

Picture to Brush Painting »« Home »

CREATING THE SKY LOGO

In this tutorial, I will be explaining a very simple and straightforward way of creating Sky’s latest logo. We will

NE W DI S C U S S

We have teamed up

providing a place to

You can still post bl

you want a more in-

Cryptic GFX.

LO G O TU T O R

 

HOME ABOUTUS CONTACTUS FREE PHOTOSHOP BRUSHES PRIVACY POLICY

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 2/21

pdfcrowd comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

be using layer styles and adjustment layers to achieve a transparent glass effect, which will come in handy for

many other graphics too.

I used A dobe P hotoshop C S3 to crea te the outcome to this tutorial, but cer tainly earlier versio ns of the

program will also be entirely suitable. This tutorial requires no advanced knowledge of Photoshop, and should

be easy for everyone to follow.

The outcome of the tutorial is shown below:

If the Sky Logo isn’t what you are looking for have a look in the Sidebar or follow this Photoshop

Logo Tutorial link for some more logo tutorials

Looking for an Adobe Illustrator Sky Logo?

TVARK has a great selection of Sky things

C reating an RVC

Sleek Blue Logo

Skull T-Shirt Desi

Professional Logo

Award Seal

Globe 3D Icon

Basic Logo

Gel ButtonJimmy Hendrix Si

Creating the Sky

EM O / GO T H  

Emo and Goth Ar

Photoshop

Quick Emo / Got

PHP TU T O R I

Paypal IPN – Ho

How to Hide Affili

Protecting sensiti

encryption

htaccess: Stoppi

Paypal IPN: recei

your web applica

PA Y P A L A N D  

Top 12 Useful Pa

Paypal IPN – Ho

Web Payment

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 3/21

pdfcrowd comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step One:

Firstly, you will need to download the font that is used to create the sky logo. You can find it at this link here:

http://www.dafont.com/sky-logos.font

Once y ou have installed the differe nt TrueType font files, they should automa tically load up for use in

Photoshop. If not, restart Photoshop and try again.

Step Two:

Create a new document with a white background at a size measuring 500 x 300 pixels. Select the ‘Horizontal

Type Tool’ and using the ‘Sky TV Channel Logos’ font, type the number ‘8’ with a size of 400pt into your text

box using black as your colour. Make sure that ‘Smooth’ is selected in the drop down anti-aliasing menu.

You should now have something that looks like this:

Adding an Advan

Adding a more C

Button

Adding a Really

Button

Paypal IPN

Paypal IPN: recei

your web applica

WE B TE M P L A  

Grunge Template

Userbar

Tech Website Lay

Website Panel

 

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 4/21

pdfcrowd comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step Three:

This is where the fun begins! Using only layer styles, we can achieve an awesome transparent glass effect. If 

you are using the same sized text as me, these settings will be perfect. Otherwise, you may have to alter

them slightly depending on your text size, but they fundamentally remain the same.

Open up the ‘Layer Styles’ menu by clicking on the small ‘fx’ icon at the bottom of the layers palette, or

alternatively, double click on your lay er in the palette. The first style we will be adding is a ‘Bevel and

Emboss’. Make sure that the settings have been changed to match those shown in the screenshot below:

 

Stitches

Watermarking

Convert Photo to

Newspaper Photo

Pop Art

Quick Emo / Got

Creating Emphas

Whooshing Sky E

Picture to Brush

EF F E C T S

Flame Tutorial

Manga Backgrou

Plastic Flowers

90s Pop Art

Graphic Box

Text Reflection (

Psychedelic Effec

Disco Bubbles

Really simple 3D

Wavy Shapes

Candle FlameQuick Anime Ava

 

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 5/21

pdfcrowd comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Depth: 225%

Size: 4px

Use Global Light: Unchecked

Altitude: 65 degrees

Glass Contour: Custom

You will also need to add a ‘Contour’ to the ‘Bevel and Emboss’ setting, so check the box underneath in the

rea e a n e

Matrix Emoticon

Bouncing Emotic

AR C H I V E S

February 2011

January 2011

August 2010

June 2010

January 2010

August 2009

May 2009

October 2008

February 2008

January 2008

December 2007

November 2007

October 2007

July 2007

CA T E G O R I E S

All (50)

Brushes (1)

Effects (15)

Emo / Goth (2)

Featured (1)

Keyword Compet

Logos (10)

Paypal and Payp

Photo Effects (9)

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 6/21

pdfcrowd comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Layer Styles menu, and select this to go to the menu. Simply select the first option in the drop down menu

with the diagonal sloping line, like the one shown below:

You should now have something that looks similar to the image below. It looks awful now, but it makes all the

difference for later!

Step Four:

 

PHP (5)

simple (1)

Uncategorized (1

Website Templat

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 7/21

pdfcrowd comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

 

Keep the ‘Layer Styles’ menu open, as we will now be adding a colour overlay. Simply select this in the menu,

and add a white overlay like that shown in the screenshot below:

Also, we will be adding a ‘Satin’ to the image, so select that option in the ‘Layer Styles’ menu and alter the

settings to those shown below:

Opacity: 20%

Distance: 14px

Size: 21px

That’s all the layer styling you need! Your image should now look like this:

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 8/21

pdfcrowd comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Step Five:

The final step is to add the blue tint to the text. We will be doing this through the use of an adjustment layer,

which are amazingly handy layers which can be used to change a number of different things such as colour,

tone and contrast.

Go to the bottom of the layers palette again, and click on the small circle icon, which is filled in half black andhalf white. A small menu should then appear, where you should select the ‘Colour Balance’ option. It should

open up another menu with different ‘slider’ options. Simply follow the screenshots below to get the correct

settings.

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 9/21

df d mi b PRO i Are you a developer? Try out the HTML to PDF API

Cyan/Red: -40

Magenta/Green: 0

Yellow/Blue: +34

Cyan/Red: -4

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 10/21

df di b PRO i Are you a developer? Try out the HTML to PDF API

Magenta/Green: 0

Yellow/Blue: +16

Cyan/Red: -10

Magenta/Green: 0

Yellow/Blue: +7

Now you are finished! Here is your final outcome:

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 11/21

df di b PRO i A d l ? T t th HTML t PDF API

You may want to expand on this technique through sharpening, experimenting with different colours, or

adding more distinct highlights and shadows. Have fun!

END OF TUTORIAL | END OF TUTORIAL | END OF TUTORIAL | END OF TUTORIAL | END OF TUTORIAL |

…More Sky Logo…

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 12/21df di b PRO i A d l ? T t th HTML t PDF API

Just in case the tutorial wasn’t enough, here is some more Sky Logo fun and facts for you.

This Sky Logo Mix plays with the background music from the original Sky Channel from 1984

Picture to Brush Painting »« Home »

96 Responses to “Creating the Sky Logo”

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 13/21df di b PRO i

Are you a developer? Try out the HTML to PDF API

Newer Entries »

Tommy says:

July 16, 2007 at 7:42 pm

Wow this tutorial is cool!

 AvengerX91 says:

July 19, 2007 at 12:40 am

I really like the outcome of this! It looks pretty identical to the real Sky logo. Nice job.

Mudassar Shah says:

October 3, 2007 at 10:04 pm

Hi, I am Mudassar Shah from Pakistan.

i just saw ur site and realy inspire.I am a small Graphics Designer and also doing a job and using Photoshop

7.0. i am very happy that i learnt something from you. this is ur kindness that u gave us some helpfull tips.i

want learn more a lot from Photoshop but i have not enough sourses.anyhow this is my badluck.

Thanks

Thanks a lot,

Mudassar Shah

mudassar.shah@hotmail.com

Pakistan

Harry Roberts says:

October 4, 2007 at 1:53 pm

That’s pretty cool. Almost exact outcome, and I got to download the Sky font

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 14/21df di b PRO iAre you a developer? Try out the HTML to PDF API

matthew says:

October 4, 2007 at 5:07 pm

Has anyone got the sky font for actual typeing as i want to make one like this but saying slash.

Ethan says:

October 11, 2007 at 3:44 pm

Really cool tutorial, simple and quick, i tried to do that before, just ended up with a complete mess,

but with your help its done in seconds

nice one!

Designer Dude says:

October 13, 2007 at 1:54 am

What a day! Anyway, hello. I came across your blog posting after searching for creating freewebsites and your post on rTuts – Free Designer Tutorials makes an interesting read. Thanks for sharing. I

will research more next Saturday when I have the day off.

vinne says:

November 17, 2007 at 9:46 am

where do i put the fonts that i downloaded? ( i use CS2 )

good guide! thxn

admin says:

November 18, 2007 at 2:46 am

There are some instructions here on installing fonts:

htt // d f t /f h

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 15/21df di b PRO iAre you a developer? Try out the HTML to PDF API

http://www.dafont.com/faq.php

Photoshop should then see them automatically.

Glad you liked the tutorial.

Billy says:

November 19, 2007 at 4:10 pm

I can only see the tutorial till step 3. and it looks nothing like the outcome. Is there a step two that i

dont see?

Billy says:

November 19, 2007 at 4:13 pm

err step 4… sorry about the above typo

admin says:

November 20, 2007 at 3:15 am

Sorry about that Billy,

Should be fixed now.

Mike

Billy says:

November 20, 2007 at 11:18 pm

Thanks for the fast responce and fix

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 16/21

Are you a developer? Try out the HTML to PDF API

Mikey says:

December 21, 2007 at 9:23 am

This tutorial is excellent!

Only issue is the last step: my color balance option is greyed out, so cant select it. Am I missing something?

Also, is the ‘Sky’ font available to type with? I’m designing a logo & would like the company name in a similar

font.

Dazz says:

January 22, 2008 at 1:24 pm

i found the sky font to type with here

http://www.dafont.com/font.php?

file=sky&page=1&nb_ppp_old=10&text=Darrell&nb_ppp=10&psize=m&classt=alpha

Great tutorial

Lawrence Job says:

January 30, 2008 at 2:34 pm

This is an immense tutorial. I’m going to blog this ASAP. Not only does it have an amazing set of 

links to highly demanded font resources, it has a tutorial that many designers could do with.

I’ve just got one question. How would you do transparency like on the real logo?

Moses says:

April 15, 2008 at 7:14 am

It’s great but more importantly who and how did they do that animated

sky movie ad. With the glass effect logo actually zooming into the film, (the film was something like the Last

Emperor of China) It distorted the film image as it zoomed into focus. Anyone see that? Anyone knows which

graphics company did it? And how?

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 17/21

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Richard Wilkes says:

August 28, 2008 at 8:45 am

great tutorial, just one ques tion, when i set the colour balance , the c olours dont change on the

image. any ideas why?

ZOTOSHOP says:

December 1, 2008 at 1:45 pm

To vinne:

No matter what Ps you have at home, your downloaded fonts go to C:\WINDOWS\Fonts (just in case you

have Windows)

Erkan Tan says:

February 5, 2009 at 2:29 am

Woow…:))This is nice job..Thank you for turtorial..

 Alex says:

February 12, 2009 at 7:27 am

The font file is password protected and asking me for a password before i extract, anyone else had

this?

admin says:

February 12, 2009 at 9:04 am

Just tried it now and I wasn’t asked for a password.

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 18/21

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

http://img.dafont.com/dl/?f=sky_logos

 Alex says:

February 17, 2009 at 8:19 am

Its ok, I just realised i was because I was at university and had certain restrictions on the C:\,

thanks for writing a reply anyway

CgBaran Tuts says:

March 27, 2009 at 4:16 pm

Great Tutorial

Raven says:April 6, 2009 at 4:29 am

Hi there, great tutorial…

I found this tutorial, I think it is very similar and looks like the old sky logo take a look…

Admin Edit: Just wanted to warn anyone following the link that Google is reporting VPDesignz as spreading

Malware. Turbogfx itself is fine and the tutorial is good but it has a link to VPDesignz so be careful!

http://www.turbogfx.com/tutorials/sky-text-logo/

admin says:

April 8, 2009 at 5:29 am

Thanks for the link Raven. Hope you don’t mind me editing your comment

R

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 19/21

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Russ says:

August 15, 2009 at 5:31 am

Excellent Tutorial.

I tried this, and added the HD bit onto it.

Looks Wicked.

=]

Michelle says:

January 5, 2010 at 4:43 pm

wow this is really good

Brittany says:

January 19, 2010 at 2:18 pm

Awesome post

Shamima Sultana says:

February 10, 2010 at 3:00 am

Nice tutorial….thanks for the post

Logo Design Monster says:

March 2, 2010 at 1:53 pm

I think you have done a really good job of recreating the sky logo. The final logo looks really good.

Thanks for sharing the tutorial.

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 20/21

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Rokaiya Yeasmin Munni says:

August 2, 2010 at 10:18 pm

Nice glass effects logo tutorial.

TTAR says:February 12, 2011 at 12:15 pm

really accurate.. thanks for sharing..

Chris says:

March 27, 2011 at 4:01 pm

I am not getting same effect it appea rs to be too blue

Newer Entries »

Leave a Reply 

 Name (required)

 Mail (will not be published) (required)

 Website

8/3/2019 Designer Tuts Com Creating the Sky Logo

http://slidepdf.com/reader/full/designer-tuts-com-creating-the-sky-logo 21/21

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

Powered by WordPressWebsite by Website Design Li verpool

Submit Comment

Copyright © 2011 Mersey Internet. All Rights Reserved.