Thursday, November 20, 2014

Exercise 23 - Design your own iPhone App Icon

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/CMT/App Design for Exercise 23.
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_23x.

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.  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.

4.  Open Photoshop.  Then open the .psd file, App Icon Template [3.3].psd

5.  Draw a design in Illustrator and bring in image.  Draw, save and go to Photoshop and "File > Place", 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_23x along with the original photoshop file.

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

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