Advertisement
Icon Design

Web 2.0 Badge in Photoshop

by

When we are working on a Web design project, we quite often need icons to show commands like add, delete, or edit. With the Web 2.0 trend, the use of badges and subtle 3D has become very popular. In this tutorial, I will show you how to create a really easy and very nice 3D effect to be used in either buttons and icons or elements that need some depth - Fabio

Related Posts
  • Code
    Theme Development
    The Beginner's Guide to Icon Fonts in WordPressIcon fonts
    I like social icons, I'll admit it. I have literally dozens of social icon sets I've collected over the last few years, and have even created a few sets of my own to try to achieve that perfect fit for a particular project. But lately, I've discovered icon fonts, and I haven't been using those old image icons in a while.Read More…
  • Design & Illustration
    Interface
    How to Design an iOS 7 Email App in PhotoshopEmail app interface preview400
    In this tutorial, I will show you how to create a flat and modern, Gmail-inspired, iOS7 email app in Photoshop. We will begin by showing you how to sketch out your ideas, then we will see how to create your design in Photoshop, and finally, how to incorporate your design into an iPhone mockup. Let's get started!Read More…
  • Design & Illustration
    Tools & Tips
    Comprehensive Guide to Working With Video in Photoshop: 3D AnimationsCoin preview400
    3D modeling and animation can be a bit intimidating for some users. You might be surprised to hear however that 3D animation is easier than you think. In this tutorial, we will show you how to create a 3D animated coin in Photoshop using its 3D and Timeline features. Let's get started!Read More…
  • Design & Illustration
    News
    Complete Guide to What’s New in Adobe Photoshop 14.214 2 preview retina
    One of the biggest advantages of the Adobe Creative Cloud is the speed at which new features can be deployed. When the Adobe Creative Cloud was first announced, Adobe promised that their software would be updated much more frequently than in the past. Recently, Adobe made good on that promise and announced some new updates to Photoshop, as well as some of their other applications. In this article, we will explain everything you need to know about Photoshop's new features including Perspective Warp, Linked Smart Objects, 3D Printing Support, as well as all the other minor improvements. Let's take a look at what is new in Photoshop 14.2.Read More…
  • Web Design
    User Experience
    Use and Abuse of Icons in the Modern AgeIcon retina
    The number of icons we see on daily basis is amazing. They are everywhere around us, both online and offline. We love to use them. They enhance the aesthetic of our sites and can provide a better user experience. Sometimes however, we forget the reason behind using an icon, and that's when it becomes easy for icons to lose their effectiveness.Read More…
  • Design & Illustration
    Text Effects
    Create a 1980s Inspired 3D Text Effect in PhotoshopPreview400
    Colorful gradients, lens flares, and textures are essential elements to any 1980's inspired artwork. In this tutorial, we will show you how to use Photoshop's 3D tools to create a 1980s inspired text effect. Let's get started!Read More…