Prof John Carelli http://faculty.kutztown.edu/carelli CSC020 Computer Graphics Prof John Carelli http://faculty.kutztown.edu/carelli 1

Digital Media The digital world is a description of an analog world that is analogous in some way to the physical world. OK, so what are analog and digital? We use the term analog to describe information that changes smoothly or continuously The “real world” – colors in a rainbow, speed of a car,… digital describes a numerical representation of the analog phenomenon Why? Because computers work with numerical data 2

Digital Media In order to take advantage of the power of computing machines, digital representations of analog phenomena are created That digital information can then be manipulated! Digital images represent light intensity and frequency (color) using binary numbers. Digital audio represents sound intensity and frequency (pitch) using binary numbers. Digital video combines images and audio across time. C 3

Digital Images and Graphic Art We will explore two computer tools for manipulating digital images and graphic art Both are professional level, powerful tools from Adobe Photoshop Manipulates digital images (i.e. pictures) Convert, edit (cut/crop/paste), retouch, … Illustrator Digital drawing (i.e. line art) 4

Use your student account login If you do not have an account, follow the new IT account setup instructions, which require a student PIN. The Helpdesk is at 610-683-1511. IT Services Links 5

The iMacs and the OSX Operating System Carelli course website Look at ”First Day Handout” Attendance (Expected, and will be taken) Everyone needs an account & networked storage access. Log onto the iMacs. Warning: about file storage! Only network folders or flash drives persist. Flash drives are are available at the bookstore. Work stored on classroom desktops will eventually disappear! So, save your work!!!!!! 6

OSX User Interface (UI) The Desktop The Menu Bar Applications do not die when you red-X them! The Dock Apple -> System Preferences -> Dock Applications to run Applications that are already running Other stuff in the Dock Command-C, Command-V, conventions. Similar to control-C and control-V in MS Windows 7

The Mac Finder is like Windows Explorer Starting the Finder Different ways to View Folders and Files Action Icon or Right Click Get Info on files and folders. Applications folder – How to get at programs? TextEdit How to get at data – accessing networked folders and flash drives. 8

Network Drives There are FacultyFolders and StudentProject links on most of the lab iMacs. Or use Finder -> Go -> Connect to Server, enter afp://156.12.108.31/FacultyFolders afp://156.12.108.31/StudentProjects FacultyFolders -> Carelli-> CSC020 -> Outbox contains course materials Presentations, Resources, Assignments, … Go here to get the latest information FacultyFolders -> Carelli-> CSC020 -> Inbox Turn in your Assignments here (more to follow…) 9

Network Drives (storage) The StudentProjects directory is where you can save your work So you don’t lose it when the classroom machines re-boot You must create a Folder FirstLast (using your name) under StudentProjects today. If you name is Jamie Doe, the folder will be JamieDoe Always save a copy of your current assignment folder under your named directory here. 10

Rules for turning in Assignments Each assignment/project will be given a name Save your work in a folder called FirstLastProjectName, where FirstLast is YOUR first and last name ProjectName is the name of that particular project (assignment) Please note the capitalization Compress the folder Right-click on the folder, choose “compress” It will produce a new file called FirstLastProjectName.zip Drag the newly created zip file here: FacultyFolders -> Carelli-> CSC020 -> Inbox 11

Assignment Example Your name is Jamie Doe, The first assignment is called “ScreenShot” The folder you create will be called: JamieDoeScreenShot Put your work in that folder When you are ready to turn it in Right click on the folder Select compress from the menu items JamieDoeScreenShot.zip gets created Drag the .zip file it to Inbox (I am constantly amazed at how often folks can’t seem to follow these directions) 12

Some Quick File Manipulation Finders -> Applications -> TextEdit Enter the following: My name is First Last and this is my TextEdit file of September 2017. Save As README on the Desktop. Close file – TextEdit persists. Quit TextEdit. 13

Making and Zipping a Folder and Testing Networked Storage Create a new Folder on Desktop. Rename it to FirstLastTest Use your name, not FirstLast !!!!!! Move README.txt into it. Go inside via Finder, Open & Close the file Just to make sure you can! Right-click -> Compress FirstLastTest Now you have a zip file 14

Making and Zipping a Folder and Testing Networked Storage (continued) Drag FirstLastTest.zip to Student storage. This is your copy, so you don’t lose your work Drag FirstLastTest.zip to Carelli Inbox Once these are verified, drag Desktop copies to the Trash can. 15

Assignment 1 Today is Practice. It is due by day’s end. Command-Shift-4 lets you sweep a screenshot. Command-Shift-3 captures the entire screen. PNG means Portable Network Graphics You will see many file types and extensions. We will discuss them later. Rename this to something intelligible. The folder where you store these files is always FirstLastProject, where “Project” is a project name. Applications -> Photo Booth lets you take a JPEG snapshot (extension .jpg or .jpeg).

Assignment 1 warm up Applications -> Adobe Bridge Compare to Finder Inspect Desktop, FirstLastScreenShot Magnify image using loupe. Open from Bridge in Photoshop. Inspect Image -> Image Size. Physical versus Pixel Dimensions. Estimate file size. Why is it wrong? 17

Assignment 1, See its handout Make sure to back up your data. Save it to your networked Folder. Turn it in using my Inbox for your class. I advise saving a backup on a Flash Drive (thumb drive). You can leave files on your Desktop, but . . . Do not count on storage on a local iMac machine. 18