Advertisement
Icon Design

How to Create an iOS Style Sandwich Icon

by

Tired of your old icons? Follow this creative recipe to cook up a great looking iOS styled sandwich icon. We will use a few of tasty ingredients, like meshes, gradients and blending modes to spice up your design!

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…
  • Web Design
    HTML/CSS
    Unicode: A Beginner's PrimerUnicode retina 400x400
    Believe it or not, there's an image format which is built right into your browser. It allows images to be downloaded even before you need them, renders them perfectly on Retina screens, and allows them to have CSS colours and effects applied to them. Ok, I'm not being entirely truthful there. It's not an image format as such – but the rest still applies. Using Unicode you can create icons that are resolution independent, have virtually no download time and can also be styled with CSS.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…
  • Code
    Creative Coding
    Making Use of the Genericons Font in Your WebsiteGenericons 400
    I believe that icon fonts are one of the greatest ideas ever born in the golden age of web design. Some great guys at Automattic probably feel the same way, since they decided to come up with a nice icon font named Genericons. In this article, we're going to learn how awesome icon fonts are and how to make use of the Genericons font.Read More…
  • Music & Audio
    Audio Production
    Customizing Logic Pro X Icons Logic x icons 400
    The jury is still somewhat out in regards to Logic X. Although there are some exciting and novel features which have been added, some rather obvious past functionality which needed improving has been unaddressed. In certain instances, past functionality which some users took as necessary mainstays has been eradicated entirely. The one feature I found to be most jarring on first inspection (aside from no longer being able to openly choose a track/region color pallet - no great work around yet exists to my knowledge) is the inability to easily customize track icons.Read More…