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

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

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

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

5. 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
IT Services Links 5

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

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

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

9. Network Drives
There are FacultyFolders and StudentProject links on most of the lab iMacs.
Or use Finder -> Go -> Connect to Server, enter
afp:// /FacultyFolders
afp:// /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

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

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

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

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

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

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

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

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

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