Lime Blast » Photoshop http://limeblast.co.uk The virtual home of Web developer Daniel Hollands, the place to be if you're looking for articles and tutorials (and rants) on all aspects of the World Wide Web. Wed, 14 Oct 2015 13:13:21 +0000 en-US hourly 1 http://wordpress.org/?v=3.9 How to easily create iOS app icons for your website /2013/01/how-to-easily-create-ios-app-icons-for-your-website/ /2013/01/how-to-easily-create-ios-app-icons-for-your-website/#comments Fri, 25 Jan 2013 18:14:18 +0000 /?p=881

Related posts:

  1. Rotten to the CoreI don’t know if there is a term for what I am – Applephobic maybe – but I hate Apple. I’m about as PC as PC can get (and I’m not talking about being Politically Correct). In my opinion, the......
  2. How to use Couch CMS with GitAfter around a year of using WordPress for the majority of the websites I built for Ghost, I was looking for something different. That isn’t to say that WordPress is bad – it isn’t – it’s just that for some......
  3. Windows 8 as a Desktop UserMuch like a lot of other geeks around the world, I spent some time playing with the new Windows 8 Consumer Preview last night. The long and the short of it is this – as a desktop user, I don’t......
]]>

Introduction

I’ve been meaning to make this post for a few months now, but one thing lead to another, and before I knew it an unhealthy amount of procrastination had set in. I really don’t have any real excuse for this either, as all I really wanted to do was share the following resource with you…

iOS App Icon Template

The iOS App Icon Template is a Photoshop template (and action) which makes it easy to create, and then export, an iOS icon in all the different sizes you might require, for whatever purpose you might require them (in this instance, we’re looking to provide a custom icon for sites that get added to the iOS home screen).

I’ll not go into detail on how to use the template itself (its site does a good enough job of that), but I will tell you that once you’ve created the files, you need to rename the files with the relevant dimensions like so:

  • apple-touch-icon-114×114-precomposed.png
  • apple-touch-icon-144×144-precomposed.png
  • apple-touch-icon-57×57-precomposed.png
  • apple-touch-icon-72×72-precomposed.png
  • apple-touch-icon-precomposed.png (57×57)
  • apple-touch-icon.png (57×57)

Once you’ve done this, and compressed them using TinyPNG, simply upload to the root of your site, and iOS (upon someone choosing to add your site to their home screen) will do the rest.

Related posts:

  1. Rotten to the Core
    I don’t know if there is a term for what I am – Applephobic maybe – but I hate Apple. I’m about as PC as PC can get (and I’m not talking about being Politically Correct). In my opinion, the......
  2. How to use Couch CMS with Git
    After around a year of using WordPress for the majority of the websites I built for Ghost, I was looking for something different. That isn’t to say that WordPress is bad – it isn’t – it’s just that for some......
  3. Windows 8 as a Desktop User
    Much like a lot of other geeks around the world, I spent some time playing with the new Windows 8 Consumer Preview last night. The long and the short of it is this – as a desktop user, I don’t......
]]> /2013/01/how-to-easily-create-ios-app-icons-for-your-website/feed/ 1 Facebook Timeline Photoshop Template /2012/03/facebook-timeline-photoshop-template/ /2012/03/facebook-timeline-photoshop-template/#comments Fri, 02 Mar 2012 15:37:06 +0000 /?p=242

Related posts:

  1. I love you Jose Diaz-GonzalezThis is a very quick post to thank Jose Diaz-Gonzalez for the Upload behaviour he wrote for CakePHP. I needed a way of uploading multiple images in the admin area of the Chameleon Photography site. During my Cake 1.3 days,......
  2. Scrap it and start againAfter spending almost all of my spare time during the last four weeks working on designing and building the Lime Blast site, I had gotten to a point on Saturday morning where all I had to do was fix the......
]]> Seeing as Facebook’s Timeline feature is making the move to Pages, I figured that now was a good time to share the Facebook Timeline Hack Template that I used to style up my Timeline Page.

The download includes a Photoshop template file which gives you a mock-up of Timeline header to style up, and an action file which allows you to save the separate header and avatar files ready for uploading to Facebook.

As you can see above, even someone with zero design and graphical talent, such as myself, is able to put something rather attractive together.

Related posts:

  1. I love you Jose Diaz-Gonzalez
    This is a very quick post to thank Jose Diaz-Gonzalez for the Upload behaviour he wrote for CakePHP. I needed a way of uploading multiple images in the admin area of the Chameleon Photography site. During my Cake 1.3 days,......
  2. Scrap it and start again
    After spending almost all of my spare time during the last four weeks working on designing and building the Lime Blast site, I had gotten to a point on Saturday morning where all I had to do was fix the......
]]> /2012/03/facebook-timeline-photoshop-template/feed/ 0