Arranged Delirium

Rounded corners should be easy. As I’ve been doing more work with mobile app development, I’ve realized that I have a number of old ways to do it, but I want to get it done fast. So, I’ve put together this little example for making quick rounded edge icons for mobile apps; but you can extrapolate the process for about any image.

First some assumptions: we’ll want to save this as a 24-bit png file - don’t worry, it’s so small it wont make any appreciable difference as far as file size is concerned. Speaking of which, I’ll be using a resolution of 114X114 pixels which will ensure the image looks good on high resolution displays (others will simply render it down to the right size). Lastly, I’m assuming we’re all working in RGB mode. If you are taking an image you’ve already used and indexed (as a gif or png file) make sure you change the mode you are working in or you’ll be flummoxed.

OK, so here we go:

1) Open your file and re-size to 114X114 pixels.
2) Select your Rounded Rectangle tool. You’ll want the defaults for the tool selected in the options bar - specifically, ‘shape layers’ - and set the radius to your desired amount (I recommend 20px).
3) Draw your shape - this will create a new layer for you, with a vector mask. How convenient!
4) CMD-click on the vector mask (in History, you’ll notice this loads a new selection).
5) Click on the original background layer and press CMD-J (this copies the selected pixels to a new layer).
6) Make the original layer and the layer with the vector mask invisible, then Save for Web as a 24-bit png file with transparency.

Of course, as with anything Photoshop, there are a dozen ways to do this. I’ve just found this to be the most efficient for me. I could have made a selection, inverted it, and smoothed it out, and then deleting the pixels in that inverted selection. But I wasn’t as pleased with the edges of the corners, and I found it usually left me with additional trimming work to do. So, I think this works most efficiently.

I’ve been struck by how often I’m articulating in class that design is about organizing content and communication as well as aesthetics. Recently, I came across an article regarding a grad student redesign of the iTunes terms of service documentation, and I thought it would make a good example. One reason people don’t read the TOS is because, well, that’s obvious isn’t it? But while we might want to fault people for not reading, don’t we have an obligation to make the content accessible? Then we can legitimately gripe about people not reading…

Abstract is showing at 64 Arts juried exhibition at the Buchanan Center for the Arts in Chicago. If you are in the area, well actually, there are so many museums there it would be hard to find time for all of them. But…

Abstract is a part of the Desert Textures series, and you can find info/examples of all of my artwork at my photography web site.

My friends in Phoenix can swing by Method Art in Scottsdale and see Flare which is showing in their juries photography exhibition from August 30th - October 29th.

This image is a part of the Desert Textures series, and you can find info/examples of all of my artwork at my photography web site.

As a professor of New Media, I’m often finding myself talking about the appropriation of cultural content - and frequently explaining to students the important distinctions between appropriation and plagiarism. One issue that muddies the water for student is the concept of Fair Use, and I think that holds true for academic partitioners as well who are afraid (for good cause in recent years) of using content they are entitled to employ under fair use guidelines. There’s a very good article in the Chronicle that describes the basics and can help us all feel a bit more at ease with the employ of Fair Use.