I have a 57x57 png icon image which I use as my app's main icon. How do I programatically use the iOS's rendering system to produce a glossy effect in the same way the icon is rendered in the home screen? I would preferbably like to use a Uimage passing it with the raw image.
There doesn't seem to be a class called UIPrerenderedIcon to accomplish this, although there is a property in that settings?
It's kind of a weird hack, but why not just go to your home screen on the simulator, take a screen shot, and cut it out from there via PhotoShop, InkScape, or something similar? It might be the quickest way to accomplish this.
Related
I am using canva.com to create an app icon. I create it using 1024x1024 and plug it into the app icon generator which returns all the sizes for the icons. However, as the size decreases the image gets completely ruined to the point that it is completely illegible.
This is the original:
and this is the size that shows up on the users device (home screen icon):
It is completely blurred out and shows up this way on my device. Any way to fix this?
You've designed your icon incorrectly. You have not planned for the size that it actually will be, so when your icon is shrunk, your strokes are all too thin and the image in the square is ridiculously small. You cannot make a small icon by shrinking a large icon; you need to supply both a large icon and a small icon, each drawn correctly.
I'm experiencing issue when trying to set png image for tab bar item icon for my iOS application. If I'm creating png image (with transparent background) and setting it, everything works as expected, but when I'm using another png file (created by another person, or downloaded from web) it not works. Actually in my case I'm making png file from .pdf file and it's absolutely not clear for me why this not works. For more information please see screen captures below (top image represents not working one).
Thanks in advance.
Those specific icons/buttons work funky in terms of PNG and transparency for those images. You have to have look at the png's you download in image preview, make sure transparency exists for the white space. If there is whitespace it'll come through and show in your iOS app. Any other nonwhitepsace transparency will show up dark. It threw me off the first time I encountered this, A lot of graphics and PNG's you download from the internet doesn't have transparency built in or they have it very subtle. THose will show up as a blob for your ViewController Tabs.
Here is a good resource and guideline I found: http://steveweller.com/articles/toolbar-icons/
I should probably be asking this on some art website, but in my iPhone app I am trying to make a center button on my tab like the one Daily booth has, but mine is coming out fuzzy. Does anyone know how to make then clean and crisp? I used illustrator to create and save the icon as a png.
Try setting the image size to 30x30 and remember to only use black and transparency. You can make this bigger for the retina display.
Also, are you saving the image as grayscale?
If you're struggling to make them yourself, why not try glyphish.com?
I really like Paint.NET on Windows for image editing, mostly because it is free.
I noticed somebody had created an Effect for Paint.NET to create tab bar icons. I haven't tried it myself, so can't vouch for it in any way:
http://www.softpedia.com/get/Multimedia/Graphic/Graphic-Plugins/iPhone-TabbarIcon-Maker-Alpha-from-RGB-Intensity.shtml
I'm using the Default.png method to create a splashscreen. I'm using the same file for my background and the Default.png (except default.png has the 20 pixel status bar at the top).
However, the iphone isn't displaying them in them the same. The Default.png is being displayed darker than the background, so it's painfully obvious when the app is loaded.
As a visual example of what I mean, please see below:
The image on left is the Default.png whereas the image on the right is when the app has loaded. The difference looks subtle here but when the whole image changes, it looks quite drastic.
Is this an issue with the colour-formatting of the pngs? Or is this an iOS feature whereby the Default.png appears slightly darker anyway?
It's probably not worth mentioning but I'm using Monotouch to develop my app, I doubt that would have anything to do with this.
I had a problem like this after editing a screenshot with OSX's Preview to cut out the status bar (as needed for iPad splashes). Preview sticked a color profile, and splash screen appears darker than the real thing in device.
If you open the image with GIMP, it shows a dialog offering to convert the color profile to SRGB. Take it (press "Convert") and save the image. This fixes the color difference.
Solved the problem. The designer sent me new versions of the backgrounds and the Default.png is now displaying the correct colour.
I have a feeling I had saved the previous version with a different colour profile to the background, hence why it was being displayed differently.
Is there a way to create buttons similar to the glossy icon-buttons on the home screen on the iphone but in your own app? The only thing i've found to create image button is to create rounded rect-buttons and set the image or background property on it, but that does not automatically create the glossy surface and rounding.
You'll need to use images. Apple doesn't make the glossy UIGlassButton class public.
If you're after buttons the same size as on the home screen, on black background, you could just set the image as your Icon.png, install the app in the simulator, take a screenshot of the home screen with the generated glossy icon, cut the icon out, and repeat the whole process with the rest of your icons.
Maybe simpler, if you don't have Icon.png set in your app, you'll get the white button on the home screen. Take a screenshot of that, and use it in a layer in Photoshop or similar to lighten up the underlying layer with your icon.
If you need buttons with other sizes, have a look at this blog entry on Cocoa with Love. Those buttons don't look exactly like the ones on the home screen, but you might be happy with that look, or modify the code to your taste.