Tools & Tips

Quick Tip: How to Illustrate an iOS style Fitness Icon


In this Quick Tip, learn how to create a glossy style iOS icon with a fitness theme. You will learn how to use Gradients, the Pathfinder Panel and an Opacity Mask to create this great looking glossy icon.

Related Posts
  • Design & Illustration
    Text Effects
    Create a High-Gloss, Bubble Gum Text Effect in Photoshop0954 heck yeah preview400
    When combined with the right techniques, the Pen Tool in Photoshop is an incredibly powerful tool to help you create your artwork. In this tutorial, I will show you how to create a glossy, bubble gum text effect using a combination of Photoshop's Pen Tool and Layer Styles. Let's get started!Read More…
  • Code
    Corona SDK
    Corona SDK: Create a Helicopter Obstacles GameCoronasdk helicopter preview@2x
    In this tutorial, I'll be showing you how to create an obstacles avoiding game using the Corona SDK. You'll learn more about touch controls, collision detection, and physics. The objective of the game is to avoid as many obstacles as you can to obtain the highest score. Let's get started.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…
  • Web Design
    Web Design Workshop #37: Matthew Williamson Mw retina
    Web Design Workshop is our regular community project where we ask readers to submit their work for your friendly, constructive criticism. It's the perfect way to learn, offer opinions and have your own work critiqued! This week, a spanking new site for British fashion designer Matthew Williamson..Read More…
  • 3D & Motion Graphics
    Stock Video Pack: Battery Icon AnimationsContent pack battery icon animations400px
    Today we have another great stock video collection for you courtesy of Stefan Surmabojov. This pack contains 20 battery icon animations from five different camera angles, with two fill styles per angle. These have been modeled, textured and pre-rendered by Stefan, and are available in high quality 1920x1080 resolution, compressed into Quick Time format using PNG compression and contain built in alpha channels for easy compositing. These are completely free to everyone, so download them today!Read More…
  • 3D & Motion Graphics
    Cinema 4D
    Create a Glossy, 3D Smartphone Battery Icon in Cinema 4DBattery icon 400px
    In this tutorial, you'll learn how to create a nice looking, glossy 3D smartphone battery icon using Cinema 4D. You'll start by creating the battery model using some simple parametric primitives and then learn how to create some shaders to make it look nice and shiny. Finally, you'll learn how to light the scene and render things out.Read More…