Go Back   vb.org Archive > vBulletin Article Depository > Read An Article > Graphics Articles
Reload this Page Designing a Professional Web 2.0 Logo [Photoshop]
FAQ Community Calendar Today's Posts Search

Reply
Page 1 of 3 1 23
 
Thread Tools
Designing a Professional Web 2.0 Logo [Photoshop]
Alex LD
Join Date: Aug 2008
Posts: 68

 

Iowa
Show Printable Version Email this Page Subscription
Alex LD Alex LD is offline 09-29-2008, 10:00 PM
Hello vBulletin.org!

I am Alex the Founder and Administrator At TransverseGFX.com

I Decided to share my tutorial with you guys. This tutorial will show you 2 basic things that are key in web design and development. Those 2 elements are, Opacity/Fill. Opacity can be many things in this tutorial we will use it to represent the reflection in this tutorial. And the 2nd thing you will be looking at is the style. Style is key to standing out and being noticed. It is not recommend you copy this tutorial EXACTLY! feel free to tweak around and add your own effects and tricks. I am just demonstrating a few basics. I hope once you'r finished you can start making your own logos and banners for your own vBulletin!

I hope you guys like the tutorial.

Start of by making a New Document>File New>

1.) Type the words you'd like to make glossy and web2.0 like, With the font "Tahoma" Selected with a 48 PT as the font size.
>>>Feel free to make words bolder or bigger with different colors at your own desire.



2.(optional) Go to Layer>Layer Style>Gradient Overlay and make something so that the top color of the font is lighter then the bottom or you can just leave it.



3.) Select the Text layer you want to be reflective then go to Layer>Duplicate layer. You will now have 2 of the exact same text layers overlapping each other. With the Move tool Drop it just under the original text.




4.) Select the layer on the bottom. Go to Edit>Transform Flip Vertically.



5.) On the text layer. Change the "Opacity" And the "Fill" to 45% for both! If you feel this isn't strong enough or it is to strong then you can either lower the number for a lighter effect or raise the number for more boldness.



6.) To add a cool little effect select the line tool and make it be a 3 PT Line, Select a 3 PT soft brush. Then make something similar to this. With the pen tool. Click Create new layer for this layer will be the layer of this pen tool.


Right click and go to "Stroke Path" With "simulate" Pressure on. You will get something similar to this
Reply With Quote
  #2  
Old 11-06-2008, 11:03 PM
Winterworks Winterworks is offline
 
Join Date: Feb 2008
Location: Canada
Posts: 640
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Hmm...

It's amazing how many people view this, but don't reply.

This is an excellent tutorial. I knew all of this before, as it's pretty basic, but it is very useful, and attracts peoples attention.

Amazing tutorial, great job mate.
Reply With Quote
  #3  
Old 11-07-2008, 11:50 AM
Skierpetros's Avatar
Skierpetros Skierpetros is offline
 
Join Date: Jan 2008
Location: www.shopforum.gr
Posts: 180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
thanks nice!
Reply With Quote
  #4  
Old 11-07-2008, 05:14 PM
trigxm trigxm is offline
 
Join Date: Nov 2008
Posts: 4
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Fantastic, thanks for the time and effort even if some people don't give kudos.. well done
Reply With Quote
  #5  
Old 11-14-2008, 06:54 PM
ExTincTi0N ExTincTi0N is offline
 
Join Date: Mar 2008
Location: Texas
Posts: 332
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Thanks for the article man I will use this for my logo.
Reply With Quote
  #6  
Old 11-16-2008, 08:48 AM
PremierFootball PremierFootball is offline
 
Join Date: Nov 2008
Posts: 44
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Awesome tutorial.
Reply With Quote
  #7  
Old 11-18-2008, 02:34 AM
wmlvb's Avatar
wmlvb wmlvb is offline
 
Join Date: May 2008
Posts: 200
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Awesome thanks I just bought CS4 for mac with educational version. I will have to try this.Thanks
Reply With Quote
  #8  
Old 01-15-2009, 11:56 PM
Daniel_HBK Daniel_HBK is offline
 
Join Date: Feb 2006
Location: Egypt
Posts: 141
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Reply With Quote
  #9  
Old 01-18-2009, 05:01 AM
Alex LD Alex LD is offline
 
Join Date: Aug 2008
Location: Iowa
Posts: 68
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by Daniel_HBK View Post
Looks good :up:
Reply With Quote
  #10  
Old 01-23-2009, 03:20 PM
Vaupell's Avatar
Vaupell Vaupell is offline
 
Join Date: Apr 2008
Location: Esbjerg, Denmark
Posts: 1,036
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Unfortunally i cant afford newer photoshop versions they have become
way to exspensive for the average joe like me..

So im still using my good old Ps 6
i did not locate or belive i have the "line tool" so i had to use the cut tool
and ended up with some off and odd looking thing..

Attachment 93339

Well hell, might aswell use it for something so tryed attaching it to a glass test.

Attachment 93338

haha allright tx for the tutorial.. :up:
Reply With Quote
Reply
Page 1 of 3 1 23

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 05:40 AM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.09860 seconds
  • Memory Usage 2,311KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_article
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (10)post_thanks_box
  • (1)post_thanks_box_bit
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (10)post_thanks_postbit_info
  • (9)postbit
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete