Kang Notebook
Kang Notebook
JMC112
Yejin Kang
Contents
Part. 1
General Information
Lab Rule................................................................................................................. 5
File Storage........................................................................................................... 6
Image & Document File Types............................................................................ 6,7
CRAP................................................................................................................... 8,9
Part. 2
InDesign
What is InDesign?................................................................................................ 10
Format................................................................................................................. 10
Workspace........................................................................................................... 10
Tool Panel Overview............................................................................................ 11
Creating Document......................................................................................... 12,13
(Column & Gutter, Margins, Bleed &Slug)
Frames............................................................................................................ 13,14
(Text Inset, Graphic Frame, Unassigned Frame, Boarder)
Swatches.............................................................................................................. 15
(Creating Color, Stroke & Fill)
Text............................................................................................................16,17,18
(Kerning & Tracking, Leading, Drop caps, Baseline Shift,
Type on the Path, Inset Text, Tap, Space before & after,
Hidden Characters, Text Flow, Text Inset, Color, Spell Check)
Paragraph & Character Style............................................................................... 18
Path & Wrapped................................................................................................... 19
Arranging & Aligning........................................................................................... 20
Page 2
Contents
Images................................................................................................................. 19
Missed Image....................................................................................................... 20
Master Page........................................................................................................ 20
Snippets............................................................................................................... 20
Library................................................................................................................. 20
Preflight............................................................................................................... 21
Package............................................................................................................... 21
Glyphs.................................................................................................................. 21
Gradient............................................................................................................... 21
Long Text & Over Flow......................................................................................... 22
Bulleted & Numbered Lists.................................................................................. 22
Pull Quote............................................................................................................ 23
Checklist Before Printing................................................................................24,25
Part. 3
Photoshop
Tool Panel Overview............................................................................................ 26
Workspace........................................................................................................... 27
Necessary Tool Panels...................................................................................27,28
Format................................................................................................................. 28
Selection Tool.................................................................................................29,30
(Move Tool, Marquee Tool, Lasso Tool,
Quick Selection Tool, Path Selection Tool, Hand Tool)
Healing Tool....................................................................................................30,31
(Clone Stamp Tool, Healing Brush,
Patch Tool, Red Eye Tool)
Page 3
Contents
Text.................................................................................................................31,32
(Point, Paragraph, Pen Tool Handout)
Path & Shapes..................................................................................................... 32
(Shapes, Typing on Shape or Path)
Clipping & Masking.............................................................................................. 33
Color Fill..........................................................................................................33,34
(Color Fill, Gradient)
Layers.............................................................................................................34,35
Page 4
General Information
Lab Rules
Printing In Labs
After saving your document on Comm Server, if you want to print something in
lab, you can click the print, you would see the “Pay for your print”. Enter the first part
of your email address and password. Don’t forget charging your Loper Dollar!
Adobe ID Required
When you want to use Adobe CC 2019 in the Lab, don’t forget logging before
you work on. If you forgot, the Adobe application wouldn’t allow you to access the
application. After your work, make sure you quit out all of Adobe apps and sign out.
Page 5
General Information
Fill storage
Comm Server
This is the server used to store all data for classes their data from staff. Storing
just on the desktop is dangerous, that’s because the staff remove all of the data on the
desktop. So, I highly recommend you to store your data on Comm Server not to lose it!
Wait!
Opening and saving file just on the Comm Server is dangerous! Make sure you
drag your file to the desktop and save your data. Don’t forget to drag your file on the
Comm Server after saving!
Page 6
General Information
.gif
Using 216 colors ( limited color )
Use for basic photos or web images from Internet
.psd
Photoshop Document
File extension used by Adobe Photoshop
Save all your layers
.png
Shared with other people
72 pixels per inch
Universal image format
.jpg
Using across all operating system.
When we want to share files with people, use this format.
DOES NOT save the layers.
Universal image format.
Support millions of color.
.docx & .doc
Microsoft Word Documents
DO NOT copy and paste into InDesign - PLACE into InDesign
CAN NOT edit
Page 7
General Information
CRAP
Contrast
Contrast is usually used to add visual interest to your page. If contrast is to be
effective, it must be strong. This means if two items are not exactly the same make
them very different. Contrast can be accomplished in a variety of ways: large/small
font, cool/warm colors, smooth/rough texture, thick/thin lines. Determine what the
focus should be and use contrast to create that focus. It will also help organize the
reader to focus on your page.
Repetition
Repetition is very useful in a multiple page publication. It requires you to repeat
some aspect of the design throughout the entire piece. It can be a font, a ruler, an image,
a bulleted design or even a color. Repetition is the way to create unity and organization to
guide the reader through pages (and columns / sections of a single page document).
Alignment
Every item should have a visual connection with something else on the page. Nothing
should ever be placed on the page arbitrarily. Alignment forces you to be conscious of item
placement. Center alignment is common but is for beginners. Use it sparingly. It is for formal
publications. Also, be very careful using full (or block) alignment. Use alignment for a visual
tie between separate elements on your page.
Page 8
General Information
Proximity
Group related items together, that is physically close to each other so they are seen
as one cohesive group. Unrelated items should NOT be close in proximity (nearness) to the
other items. Proximity implies a relationship and gives the reader an instant visual clue as to
the organization and the content of the page. Eliminate all trapped white space - Does the
item belong to the group or not? For example see the heading“Proximity” on this page.
Page 9
InDesign
What is InDesign
InDesign is a desktop publishing software application for creating
brochures, magazines, newspapers, and books. Projects created using
InDesign can be shared in both digital and print formats. InDesign is used by
graphic designers, artists, publishers, and marketing professionals. It is de-
veloped and produced by Adobe Systems and is available individually, or as
part of the Adobe Creative Cloud. InDesign was previously available as part of the Creative Suite.
Format
For print and web design, Dr. Michell prefers to set 8.5*11inch with 0.5 Margin that
is set on File> New> Document> Print> letter. This format is used for print.
Workspace
The workspace is what you look at while you are working on a project. The black
space around the actual page is very important. Black space is the area around your
document that can be used for setting color or changing font even just an area to use
while restructuring. For restructuring workspace, go to Window>Workspace. You can
make your own workspace or choose what you made after saving. Or you can choose
whatever they have (Advanced, Book and etc.)
Page 10
InDesign
Tool Panel Overview
Page 11
InDesign
Creating Documents
To create a document follow these steps:
File>New>Document> a pop up will show>choose your
number of pages, facing pages, page size, orientation,
columns, gutters, margins, bleeding and Slug. You can go
back at any time and make changes to the document with
the options at the top of the computer screen.
Margins
Margins separate the content from the edge of the page, framing and defining
the type area of the page. This is good for printing because when we print document
we can loose the text. For adjusting margin, we can do when we create document or
go to Layout> Margins and Column.
Page 12
InDesign
Bleed & Slug
A bleed occurs when any image or element on a page touches the edge of the page,
extending beyond the trim edge, leaving no margin. An element may bleed or extend off one
or more sides of a document. A slug is usually non-printing Information such as a title and
date used to identify a document. It appears on the pasteboard, usually near the bottom of
the document. You can set when we make a document, but we don’t use usually.
Frame
Text Inset
To create a text box, click on the text tool, click and drag the outline to make a
box and let go, from there type in the box to add text. The type tool is used to create
a text box or make changes to one. If at any time you need to make changes to the
text box, double click in the box to re-select the tool, and begin making the changes.
If you would like to type on a path, click and hold over the type tool, then click on type
on a Path or T. From there, click on the area where you want to type and it will be
done.
Graphic Frame
When you create a graphic frame, diagonal lines inside the frame indicate that
you can insert a graphic inside the frame. If you want to make graphic frame, click the
Rectangle Frame Tool or press F and click wherever you place and enter the size you
want or drag it. If you want to make ellipse or polygon, right click on Rectangle Frame
Tool and choose whatever you want.
Page 13
InDesign
Unassigned Frame
Unassigned Frame is useful for adding color to your layout or a stroke around an
area without inserting a graphic or text. You can make by clicking Ellipse Tool or press
L. If you want to make circles or ovals; as with any other shape, to draw proportionately,
hold shift. Shift will create a perfect circle.
To get the polygon draw tool, click and hold or right click on the ellipse tool to get
the option; then click on polygon. Once you have it selected, draw the shape, and it will
give you the basic polygon. However, if you double click on the image, you may edit how
many sides you want to change the shape.
To get the rectangle tool, click and hold, or right click on the ellipse tool to get the
option, then click rectangle. As with any other shape, to draw a perfect square, hold shift
as you draw the image.
Boarder
When you want to change the boarder of frame, click whatever you want to change
and go to Stroke (if you don’t have on your tool palette, go to Window> Stroke) you can
change the size of boarder line or type and etc.
Page 14
InDesign
Swatches ( Color )
Swatches are pretty much a pre-made color panel,
making colors a lot easier to change and saving your selected
colors. There are some preexisting swatches, though you can
make your own. None- the choice to give no color. Paper- this
will make the selection match the color of the paper it is being
printed on. Black- not as dark as registration(another option,
but avoid using it). Most prefer to use the swatches panel
over the color panel. It can be found in the panel with Layers
and Info. Use CYMK color since printers usually go off of this.
Tint allows for you to lighten the colors making it less bold. To
tint, select your color and then in the control panel just above it, click tint and select your
level. There are pre-set colors. The Swatch panel allows to you to change a set color and
save that.
Creating color
If you want to create color, click button on the picture(whatever is
okay)> horizontal 3 line on the right> New Color Swatch> Set the color
whatever you want.
Page 15
InDesign
Text
Kerning & Tracking
Kerning and tracking are the gap between characters.
These are essential for readability. If you want to adjust
kerning and tracking, you can find easily on Character
Formatting Controls (it appears when you click the text)
upper button is Kerning and the other one is Tracking. If you find hyphen on your text,
you can adjust tracking. Kerning is not usually used than tracking.
Leading
Leading is the gap between the lines. This is usually set auto but feel free to
adjust for readability! This is also on the Character Formatting Controls.
Drop Caps
When you read the book, you can see the first letter is bigger
than other letter. That’s drop caps! You also can make this Type>
Paragraph> Drop Caps Number of Lines or Drop Caps One or
More Number of Characters.
Baseline Shift
Baseline shift can make your text to go up or down. This one
is also essential for readability!
Page 16
InDesign
Insert Text
For inserting text, click the Type Tool or press T. And drag whatever you want or
click for setting specific size. For more information, go to Frame - Text Inset.
Tap
For setting Tap, you can find in Type> Tap. You can click whatever you want to set.
Hidden Characters
InDesign uses special text characters that are invisible to your eye and in the
printed version of your document. Showing InDesign hidden characters is especially
helpful for having complete control over you content. For seeing hidden characters,
go to Type> Show Hidden Characters.
Text Flow
Using the Selection tool , select a text frame, and then click the in port or out
port to load a text icon. Clicking the in port lets you add a frame before the selected
frame; clicking the out port lets you add a frame after the selected frame. Position the
loaded text icon where you want a new text frame to appear, and then click or drag to
create a new text frame. Don’t forget to press shift when you do!
Page 17
InDesign
Color
To change the color of your font, there are two ways. The first is in your command
bar. When you have your text tool selected, highlight the thing you want colored. After
passing the text type, extra options, size and then letting options, there will be two boxes
with T’s inside of them. One white box with a bold black T, and the other underneath of a
white box, white outlined T and a red line through it. To change the actual font, click the
first box and change the color, the bottom box changes the outlines.
Spell Check
Spelling and grammar need checked in order to make your document look and act
professional. Grammar will need a basic read through, as the InDesign does not gram-
mar check. However, spell check is an option through Edit>Spelling>Dynamic Spelling.
See there is any red line on the bottom of your text.
Page 18
InDesign
Path & Wrapped
If you want to set the path for entering text, go to Type> Type on a Path> Option.
And set whatever you want!
Text wrap is very important when you place image in your text. To use this function,
this workspace is on the Window> Text Wrap. And adjust to space between image and
text.
Images
If you want to put image on your text, don’t copy and paste. Save image and place
your image. For placing, go to File> Place or press command D> choose the image you
want. Do you want to edit your image? For editing image on your document, you can
go Photoshop for specific editing by going to Edit> Edit with. For changing color, select
the image you want to change and select Stroke. For selecting Stroke, you can go to
Swatches (Color). And If you want to adjust size of image, select the image then you can
see the small square on the edge of the image. For the blue button you can adjust frame
of image, for the red button you can adjust size of image. If you want to see the status
when you print, just press W for quick command. Then you can see the preview.
Page 19
InDesign
Missed image
While you work on InDesign sometimes you can loose your image. Then, Don’t
worry! Just go to Window> Link and find what you missed. And when you double click it,
pop-up will open, then select the image where saved.
Master Page
Master pages are an easy way to keep a consistency
with long page documents. In order to create a master page,
have your pages panel open, and up top it will say [None].
Right click and go to New Master Page. From there it will open
a new page for you, design and that will be a master page. If
you want to apply a master to a page, simply right click on it in
the page panel>Apply Master to Pages>choose the master
page desired.
Snippets
Snippets are useful if you use the image/ text multiple times in your document or
across several documents. They can be made by simply clicking and dragging the image/
text directly from your document onto your desktop.
Library
Libraries are like snippets but are closer to packages for all the texts used in the
document. To create a library go to File>New>Library>Desktop>make a name>save.
This will allow you to reuses several elements that you have already created many times
over.
Page 20
InDesign
Preflight
Preflight is the small little box down at the bottom of the document, where the
handle/moving bars for the document are located. It will say: Checking (with a little grey
circle), No Errors (with little green circle), or (#) Error (with a little red circle). This will
tell you if there is any overflowing text or missing links
Package
Are you afraid of loosing your document or image or font and etc. Don’t worry
about it. Just make sure you package everything after you save it. It saves your font and
Links of Image and .idml, .indd and .pdf format of your document. For packaging go to
File> Package and save wherever you want, make sure you don’t save on the Comm
Server directly.
Glyphs
Glyphs are the symbols, figures or characters that are not on a keyboard, al-
though ones on a keyboard can also be found in a glyph set. To open the panel :
Type>Glyphs and it will appear with the variety of selections. Double click to use. Font
type will affect your glyphs.
Gradient
Gradient is the transition from one colors to the next. To use gradient in InDesign, you
can use the tool panel on the left, and it is two under the scissors or in the panel along with
stroke. There are two types of gradient, Linear and Radial. Linear is when the color shift goes
from one selected area to the other side; Radial is when a ‘circle’ is created and the gradient
is filled that way. The gradient swatch tool helps to create new ways for the gradient to look, it
makes the adjustments to the already applied gradient.
Page 21
InDesign
Long Text & Overflow
Overflow, also called Long Text, happens when you
place a text selection onto a document and it doesn’t
fit, or overflows, onto another page. You will know
there is overflow text by a little red plus sign in the
bottom of your text box. To easily place this overflow
text into a new text box, hold the option/alt key and
click on the red plus; while still holding option/alt click
and draw the area where you want to place the new text box. It should automatically
fill it in with the overflowed text and get rid of the plus sign in the process.
Wait!
If you see the red plus sign at the below text box, you have to check that there
are more texts by dragging or making text box larger or applying font with smaller
size.
Page 22
InDesign
Pull Quote
A pull quote is a quotation usually taken out
of your body of text to make a better impact
on the reader. It is usually bigger and has an
area of white/a picture around it. Because it is
usually in the center of your body, interrupting
it, so you will want to text wrap it. This is mainly
used for readers to grab attention by putting
separate and unique word box or making larger
fonts or different colors.
Page 23
InDesign
Checklists Before Printing
Check the text (overflow)
Go through your document checking for any red plus signs or any cut off text box
areas too close to actual text. This can also be ‘skipped’ (not recommended) by just
using the preflight at the bottom of the screen. You want it to read, No Errors.
Check Links
Checking the links allows for the links to be packaged neatly together so that the
document will not be missing links when later opened. This can be done by going to
Windows>Links and finding “okay” as the status for each link. This is also a good time
to check and make sure that all images are in CMYK color and 300 resolution for easy,
problem-less printing.
Check Swatches
Make sure all swatches used are in CYMK color for easy, problem-less printing.
Page 24
InDesign
You are good to print
Send to printer and wait for image to come, or, if you are working with a company,
package, and send in an e-mail. Use a request receipt so that you know they received it,
then wait for further instructions.
Page 25
Photoshop
Tools Panel Overview
Page 26
Photoshop
Workspace
Workspaces are the tool panels, bars, or options you have open to help make
designing easier and convenient for you. Many people will set a custom workspace
if a computer is shared, to make your own workspace: have your panels up, go
up to your bar at the top of the screen, far right, click on the double arrows>New
Workspace>Name it>Save. To change back to your workspace if someone else
used the computer, go to up to the arrows area and click the name that you saved it
as.
Options
Options changes each time you select a different tool. This is the bar located
at the top of your screen.
Layers
This is very important to pay attention to as you do NOT want to work off your
original layer, that way it is protected in case something happens and you can reverse
back to it. Through the Layers Panel you are able to choose which layers you want to
view, how you want them stacked or arranged and also add and delete.
Page 27
Photoshop
History
The most important tool panel to have open when using Photoshop. Its main purpose is
for you to view all the changes you have made to the layers you have been working on. Because
it saves and you see all these steps, if something happens that you do not want, all you have to
do is go back to the step that you do and start working again without that mistake.
Format
Dr Michell prefers to set format 8.5*11in @300 ppi with RGB color and 8 bits.
For the Web 1024*768 px @ 96 ppi. That should be set when you make a document.
Page 28
Photoshop
Selection Tool
Move Tool
The move tool is the four sided arrow and it allows for you
to click and drag the path to a new position. Artboard Tool is
grouped with the move tool to create special group layers.
Marquee Tool
Marquee Tool has multiple choices depends on what shape
you want to select. For the Ellipse and Rectangular Marquee Tool,
this will draw an elliptical or circle or rectangular, like with other
drawings, hold the command while dragging to create a perfect
shape.
Single Row and Column Marquee Tool allows you to pick an entire row or column of
pixels for editing.
Lasso Tool
This tool also has multiple choices depends on what you want to make. Lasso Tool
creates a selection by drawing around what you want selected. And Polygonal Lasso Tool
creates a selection by using straight lines; click on your starting point and then moving
onto the next point creating a straight line. Magnetic Lasso Tool uses shades of contrast
and similar selection as the original Lasso Tool.
Page 29
Photoshop
Path Selection Tool
Path Selection Tool is the black arrow. It can select or move or change the path.
Direct Selection Tool is the white arrow. It can be used to use the handle bars to
change the shape of the path or move the section of path
Hand Tool
Hand Tool pans over on the different part of image. Rotate View Tool is for seeing
the rotated image
Healing Tool
Clone Stamp Tool
Clones are created by using a brush type of tool, to
clone hold Alt/Option and click the area you would like to
clone. After the area is cloned, release Alt/Option and click
the area that needs to be cloned over.
Healing Brush
Healing Brush Works much like the Spot Healing Brush,
but instead of working with the area around the selection, it
works with the selected area itself. Spot Healing Brush is used
commonly for what is named after, spots. Blemishes, dust
particles or small imperfections are corrected with the brush
selected and blends with the AREA AROUND the selection.
Patch Tool
The Patch Tool works along with the Lasso Tool. Use the Lasso Tool to make a
selection and then click and drag the selected area to one that you want to replace it
with.
Page 30
Photoshop
Red Eye Tool
Simple as click on the red eye to correct
it. Be careful with peoples faces that are
naturally darker because it might try and
correct that also.
Text
Point
Point text is where you can simply click on your text tool,
click once on your document and begin typing. However this will
not allow for alignment, text wrapping and can be problematic
when trying to resize your text box. You cannot change the size
of the text box because changing the box is directly related to
your text, meaning resizing the box will resize the text.
Paragraph
Paragraph is the most common type of text; you click on
the type tool and the click and drag a box on your document to
draw your text box. From there you may begin typing. Your text
will align within the box, you can wrap within the box, and like that
of the Point Text, changing the box will change the size of the
text.
Page 31
Photoshop
Pen Tool Handout
The pen tool is a highly useful tool, but it is also
very hard to work with. This tool can create paths
and or shapes and if you don’t like the position of a
point, use the direct selection tool to click and move
the point.
Page 32
Photoshop
Clipping & Masking
Clipping
A clipping mask works in a similar fashion as a layer mask by hiding the con-
tent of the layers it effects. However, the applications of a clipping mask are a little
different. Below, I’ll outline two different uses for this helpful type of mask.
Masking
Masking creates a sharp-edged shape on a layer and is useful
anytime you want to add a design element with clean, defined
edges. After you create a layer with a vector mask, you can
apply one or more layer styles to it, edit them if needed, and
instantly have a usable button, panel, or other web-design
element.
For adding mask, select what you want to make mask and ad-
just feather, smooth and etc. For the next, click the New Layer
Mask button and create mask! You can make funny picture like
this!
Color Fill
Color Fill
If you use the Gradient Tool or Paint Bucket Tool or 3D
Material Drop Tool. You can fill the color easily. Select the place
you want to fill with color and click the Tool depends on what color you want to paint.
Don’t forget choosing the color before you fill it!
Page 33
Photoshop
Gradient
Gradient is the transition from one colors to the next. To use gradient in InDesign,
you can use the tool panel on the left, and it is two under the scissors or in the panel
along with stroke. There are two types of gradient, Linear and Radial. Linear is when
the color shift goes from one selected area to the other side; Radial is when a ‘circle’ is
created and the gradient is filled that way. The gradient swatch tool helps to create new
ways for the gradient to look, it makes the adjustments to the already applied gradient
Layers
As discussed a page earlier, layers is an important tool
panel to have open when working in Photoshop. Like discussed,
through the Layers Panel you are able to choose which layers you
want to view, how you want them stacked or arranged and also
add and delete. Consider naming the layers,this will allow for easy
navigation and understanding of what each layers purpose is
when working with multiple layers at a time. If you need to create
a new layer, simply click on the post it note looking app at the
bottom of the Layers Pallet.
To delete, click on the layer you want to get rid of and
press delete or the little trash can app. You can move layers so
that they sit on top of another- just click and drag. To duplicate a
layer, right click on the layer you want, then select Duplicate Layer. This will copy the layer.
Page 34
Photoshop
Creating Layers
To create a new layer- Shift, Command, “N”
To add a border- Command A, Edit - Stroke.
To create a text layer- “T” on the keyboard; automatically puts the text onto a new
layer.
To duplicate a layer- Command, “J”
To create a layer group- Click on the New Layer Group icon.
To place layers into the group you select and drag them manually.
OR: Select all of the layers before creating a folder by holding Shift.
This is a faster way to create a new folder with the layers
Page 35