Webdevtuts

  • Categories
    • Articles
    • Coding
    • Css
    • Drupal
    • Freebies
    • Inspiration
    • Interviews
    • Javascript
    • Photoshop
    • PHP
    • Premium
    • Quicktips
    • Screencast
    • SEO
    • Tutorials
    • WordPress
  • About Us
    • Contact
    • Write for us
  • RSS
  • Facebook
  • Twitter
  • Newsletter
  • Home /
  • Photoshop /
  • Create a simple logo in photoshop
beginners, easy, how to, how to create a logo, logo, photoshop beginner logo tutorial, photoshop logo tutorial, photoshop text effect, text effect tutorial, Tutorial

Create a simple logo in photoshop

  • Published by webdevtuts
  • Posted on June 11, 2010
  • 6 Comments

Designing or creating a logo can sometime be extremely stressful if you let it get to you. When it comes to the creation of logo’s many designers like to sketch them out then bring them into illustrator and finish the job. Well We’re going to do things a bit different today. I know there are many designers out there wondering how they can create a logo in photoshop. Today we’re going to be using are creative minds and create a simple and fast logo in photoshop. No Sketching, enjoy.

Download Final

Things You Need

  • Airstream Font

Step 1

Create a new document 1000px x 72px. Background color:#0096ff.
Logo

Step 2

Select the blur brush tool color:#61beff and create a circle blur above our background layer. You should have glow look if done correctly.
blur

Step 3

Select the type tool size:200px, Text:Airstream, color:#ffffff, and create the word Eclipse. Then go to Window>>Character and change to settings below.
create

Step 4

Duplicate the text layer and change the color to #000000. Then move text downward left to give it that eclipse look.
move text

Step 5

Now this is where the neatness comes in or shall I say the great effect of out logo. Select the black text layer and change the color from black to #61beff. Text should now blend in with background.
blend

Step 6

Select the type tool size:30px, Text:Airstream, color:#fff, and create the word Solar. Then add the word to the top upper left of the Eclipse text.
solar

Step 7

Select the rounded rectangle tool color:#fffff and create a circle.
circle

Duplicate the layer and change the circle color to #61beff. Move it down leftward. Click image below to enlarge!
secondary color

You are now done! I know this tutorial was quite simple but you should have an basic understanding of how creating a logo.

Beyond This tutorial

If you would like there are many things you could do with this logo or any logo you create. I just change the backgrounds and dropped the shadow on some but there were a ton of other things I could of done with this. So be creative and don’t just settle for your first idea.
extra logo
extra logo
extra logo

Newsletter

Stay up to date with my web activities

follow @dynamick

Razvan Sava the author

Razvan is the founder of Webdevtuts. He is also a web designer & developer who loves to design and develop websites. If you're looking for him you can find him via @webdevtuts
  1. Stone Deft says:
    June 14, 2010 at 5:47 pm

    I love all the colors you used.

    Reply
  2. Marcel says:
    June 15, 2010 at 11:31 am

    Hi, I think that logo have to be easier readable. Anyway, nice colors.

    Reply
    • Marcell says:
      June 15, 2010 at 12:20 pm

      It’s suppose to be an eclipse haha. I just a made a tutorial so you guys can get the idea of how to create a logo and be creative. I could of did a in depth tutorial but I will save that for later. Just enjoy the simpleness of it :)

  3. Auto Glass Shop says:
    July 30, 2010 at 6:19 am

    Splendid ! I would like to pose a picture to illustate your fantabulous article, but I don’t know how to do ? Can someone assist me ?

    Reply
  4. logo templates says:
    October 6, 2010 at 6:05 am

    Great post. Its easy to follow tutorial.
    Thanks for sharing.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Categories

  • Articles
  • Coding
  • Contest
  • Css
  • Deals
  • Drupal
  • Freebies
  • Giveaway
  • Inspiration
  • Interviews
  • Javascript
  • Marketing
  • Photoshop
  • PHP
  • Premium
  • Quicktips
  • SEO
  • Tutorials
  • Wordpress

Friends

  • Royalty Free Images
  • Webmaster Deals
  • Admixweb
  • Typography daily
  • Premium Design Resources
  • Free Stock Graphics
  • Insanelyart

Recent Posts

  • How to Evaluate the Success of Your Press Releases
  • Things needed to build your editorial calendar
  • Tips for Picking a Great Color Scheme
  • Minimalistic 10 WordPress Themes with Responsive Layout
  • Thought Evoking Brand Strategies Involving Digital and Social Prowess

Tags

10 20 article beginners business Coding contact form Css css3 css3 tutorial design designer designers developers drupal Freebies freelance Freelancing graphic html HTML5 javascript jquery List photoshop web design php PSD quick tip showcase social networking text effect tips Tutorial typography typography wallpaper vector web design web designer Web designers web developer website website design tutorial website layout tutorial websites Wordpress

Write for us

Here at Webdevtuts we are always seeking individuals who would like to share their thoughts or knowledge with the design community. Are you a talented individual that's looking to show the world your skills? If so why not start by writing a tutorial or post and get EXPO$URE for it!
  • Read more

© 2013 Copyright Webdevtuts. Powered by Webdevtuts.