I'm trying to find a way to use the original Apple system buttons and icons in a web site.
Is there a way to get these original graphics in png format?
There are not-so-nice ways to obtain them of course. Two I was thinking of:
Save them from this link, then convert to png.
Take screen captures on the iPhone itself, and cut the icons from the saved images.
Is anyone aware of a nicer way to obtain the original graphics? Does anyone know where they are stored on the Mac?
Thanks :-)
Ariel
You can download this UIKIT ARTWORK EXTRACTOR project from github and try run it on any simulator , it will extract the all icons of the current SDK and save it to your desktop with all icons.
Source : https://github.com/0xced/UIKit-Artwork-Extractor
Apple HIG Issue: https://github.com/0xced/UIKit-Artwork-Extractor/issues/11
As per the above issue, The extracted appropriate icons can be used in your iphone apps but using it in other platform may cause any copyright issue.
The icons are scatter throughout the system applications they are a part of. There is no central location they can be harvested from. Some of the icon apps might be useful for harvesting them once you find them.
If your interested in UI elements, the Interface Builder bundles have most of them inside.
I know that Graffeltopia has numerous Omnigraffel stencils with Mac system graphics in them.
I think copyright wise, your okay as long as (1) you put a notice that that Apple has the copyright on the images and (2) you don't create the impression you are in anyway Apple Computer and (3) you don't use them to create close simulations of the Apple user interface in any medium.
Otherwise, it follows under fair use. For example, if your doing and article on the Apple UI you can definitely use the graphics in examples.
Related
I am thinking of building a camera application - with the ability to do image processing (adjust contrast, apply different image filters) while you are taking picture or after the pictures has taken.
The app will also have the ability of drag and drop icons.
At the end you are able to export the edited images either to the camera roll or app memory.
There is already many apps out there like this. (Line Camera) etc...
Just wondering what is the best way to build such app.
Can I build the app purely with Objective C ios sdk? or do i need to build it with C++/cocos2d, etc...
Thanks for your help!
Your question is very broad, so here is a broad answer...
Accessing the camera/photo library
First you'll need to access the camera using UIImagePickerController to either take a new photo or grab one from your photo library. You can read up on how to accomplish this here: Camera Programming Topics for iOS
Image Manipulation
AviarySDK has much of this already built for you. Very easy to set up and use in your apps. You can download their sample app for free in the app store if you want to see what it can do. Check it out here: http://aviary.com/
Alternatively, read up on Core Image if you'd like to avoid third-party libraries. See Core Image Programming Guide for more information.
There is absolutely no need for cocos2d which is a game engine.
You can accomplish everything you mentioned using only Objective-C.
If you want real-time effects you will need to dive into OpenGL. you can use GLKit if you target iOS 5 and above.
I've designed the User Interface of an iPhone app and I wish to show an online demo of that consisting for the moment of a series of static images representing the main steps of the app.
According to you what is the best way to do this simulation?
You know, something like a series of single webpage, optimized for mobile, containing a single image linking to the next step, but I was wondering if exists a much elegant and sophisticated solution, with a transition effect for example or other features.
I hope I was clear enough :)
Any help will be sincerely appreciated.
Thanks in advance for your attention.
This sounds like a good use for Briefs Briefs App Website. This pretty much allows you to create an interface and step through it as if it were an application. I believe you'll need to have a developer account to run the app that will read the brief on your phone (since it wasn't able to be released in the app store).
An alternative to static images would be to make a video. I use the iShowU video screen capture tool and set it to record the iPhone/iPad simulator window. I then run through the screens, type inputs, etc. In addition to recording the video, the program records my voice as I narrate the app's features.
As to transition effects, the video will capture whatever transition animations are in your program.
In the end you have a video that you could give your user, put on YouTube, or whatever.
You can do this easily and for free on AppDemoStore. You just have to upload the app screenshots and then add hotspots which are used for the navigation through the demo.
AppDemoStore offers also the sophisticated features you are asking for:
iPhone specific transition effects such as slide up/down/left/right, fade and flip
gestures icons for the hotspots
text boxes and callouts
multiple hotspots on a screen in order to create a simulation of the app (and not just a linear demo)
Here's a sample demo: http://www.appdemostore.com/demo?id=1699008
Moreover, the demos created on AppDemoStore run in any browser and mobile device and can be embedded in your webpage or blog (like you do it with a YouTube video). With the FREE account, you can create up to 10 demos with unlimited screenshots and all the features specified above.
Regards,
Daniel
What are some good tools for creating icons with specific size such as apps and loading screens for 3gs screen and the 4 retina screen? Is there a program where i take a picture and it scales it to specific sizes??
Thank you!!!!
A vector drawing tool like Inkscape or Illustrator is what you're looking for. These export to different bitmap sizes easily.
Alternatively, task a good artist with this :)
There are many apps out there that help you create icons, as well as some websites. I think your best bet is to look through the Mac App Store, which is where I've found some of the greatest apps to assist in my coding.
If you go into the App Store and choose 'Categories', then choose 'Developer,' it should bring up all the Developer apps. Some will apply to what you're working on, and some won't, but you will certainly find an icon generator. Rather than suggest a single one, it's probably best to look through the offerings there and figure out which one suits your tastes the best.
It's also nice to take a quick browse around there and see if there's anything else that could be helpful to you. I like to look around every few days/weeks, and see what my fellow coders have to offer :)
Adobe Photoshop / Illustrator <- Your best bet.
That being said, I initially misread your question and was going to tell you about http://glyphish.com/ which is also useful....
I'm looking to commission an icon for an iphone app, and would like to provide the designers with the technical requirements. Also, as this may also be used as a logo for the website I'd like to be have a format that I can reuse and scale myself.
What technical requirements should I give to the designer and does apple have a publically linkable description of these? Is it simply 57x57 and 150x150 png or is there more to it?
Also, what is a reasonable, preferably open, scalable master format to request? I don't have photoshop and don't want to get it just for this.
The iPhone Human Interface Guidelines document about custom icons and images explains it in detail
My icon designers typically provide me with a vector file format version of my icon (usually an Illustrator file), a 512x512px TIFF file (which is submitted to Apple for use in the AppStore), and a 57x57px PNG (which is used as the actual application icon).
Also, If you want to get rid of the pre-rendered glossy bit you'll see on most iPhone apps' icons, go search for UIPrerenderedIcon, which is a flag you can set in your app's Info.plist file.
You don't need to go get Photoshop or Illustrator just for this, but you should have a 'master' file that you can keep in perpetuity in case you ever need another graphics designer to make modifications to the original icon.
I want to make a small app that displays a PDF, presenting zoom-able single pages with a previous-next page function.
The Core Graphics API is pretty much the same in Cocoa and Cocoa touch. Read up on CGPDFDocument, it should provide you with everything you will need to render PDF pages. You won't need to read the PDF spec or use a library to parse PDF files directly. You will probably to learn more about Core Graphics / Quartz 2D / etc. to understand how to use those functions inside of a Cocoa app.
Based on the gradually evolving Apple policy of rejecting application submissions that duplicate functionality already on the iPhone I would worry about spending too much time even as a newbie on something that is part of the core iPhone feature-set.
This is pretty trivial. The CGPDFDocument functions will allow you to do anything you'd want to do with a PDF file.
The iPhone and iPod touch can view PDFs already, as one of the TV adverts in the UK shows an email with a .pdf attachment (of swimming lessons) being viewed. It can also view .doc, .xls, and so on, so if he is creating a viewer type application then supporting those as well could be a nice feature addition later on.
This means there is a PDF framework on these devices that you will need to access. Presumably Apple can provide support here if he is a paid up developer. Syncing the PDFs to the device is the actual real difficulty, as this isn't supported by iTunes. I assume that you would need to write a network based synchronisation tool, or have an online cloud for holding people's PDFs.
The device doesn't support Flash, so using PDF to Flash conversion tools will not work.
I found this HTML5 framework that should work on an iPad http://bakerframework.com/
but I didn't test it yet.