Wednesday, November 19, 2014

Exercise 17 - Design your own iPhone App

Due: November 21
100 Points




Today you will design an icon for an app that you create!

Requirements:
1.  Use the Photoshop template found in the Mr. Komar Shared Folder for Exercise 17.
2.  Make an App Icon.
3.  Type a 1 paragraph description of the app and what it will do in Microsoft Word.
4.  Save the photoshop file and the Word document to a FOLDER called period#_lastname_firstname_17x.

Steps:
1.  Look for 2 files in the Mr. Komar Shared Folder under Ex 17:
      a.  App Icon Template [3.3].atn
      b.  App Icon Template [3.3].psd
2.  Copy both to your computer.

3.  Open Photoshop.

4.  Open the .psd template file and then go and double click on the 1st file, App Icon Template [3.3].atn.  The .atn file is what makes the necessary "action" which you will use later to export the different sized graphics.

5.  Draw a design in Illustrator and bring in image, or import image you already made this semester, or import a photo...you decide.  

6.  Look in the Layers panel.  See the layer that says, "Edit me and ..."?  Double click on the graphic on that layer box...yes the little graphic.  



7.  You then get a BIG version of the box to put in your design...I put in a Whale Shark.



8.  When you are happy with the design, go to File > Save..., then close the file and your original template will update with your design.  

9.  If you want to export the different icon sizes to show your friends and family, go to Window > Actions...


See the one that says "Icon Export"?  Click on one of those and press the button that looks like a triangle.

10.  A Window comes up confirming the settings...just go with the ones preselected.

11.  Save them to FOLDER called period#_lastname_firstname_17x along with the original photoshop file.

12.  Open up Microsoft Word in your Applications > Microsoft Office folder.
13.  Type at least 1 paragraph describing what you app will do.

14.  Save the file to the same folder above and turn it all in!