Designer Tuts Com Creating the Sky Logo
Transcript of Designer Tuts Com 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 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
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.