Adobe InDesign Photoshop

Adobe InDesign PhotoshopPHOTOSHOP INTERFACEInDesign InterfaceMenu Bar: File Menu NewFile Menu PlaceFile Menu Document Set UpLayout PagesLayout Margins and ColumnsType Insert FootnoteType Insert EndnoteType Insert Special CharacterObject TransformObject ArrangeObject Text Frame OptionsView Screen ModeWindow All Your PanelsPanels PagesLinksSwatchesParagraph StylesCharacter StylesParagraphCharacterText WrapStrokeToolbar Move ToolText ToolLine ToolPen Tool (curved lines)Rectangle Frame Tool (images)Rectangle Tool (shapes)Transform ToolFill and Stroke color picker

Adobe InDesign PhotoshopMove toolDirect Selection - for selectionGap tool - to control spacing between objectsText toolLine toolPen toolPencil toolRectangle Frame tool - for imagesRectangle tool - for shapes, also has ellipse and polygonFree Transform tool - to resize or rotateEyedropper tool - sample colorsColor Picker/Fill & Stroke - Fill and Stroke colors

Adobe InDesign PhotoshopMake a folder on the desktop with your name to save your files.Open InDesignDialogue Box or File New DocumentChoose your options: Document size - 8.5 x 11 inches is standard Orientation - Portrait or Landscape Pages - Facing Pages Columns - how many do you need Gutter - space between columns Margins - space before edge of paperCREATE NEW DOCUMENT WINDOWHit CreateGo to Window and choose: Window Pages Window Links Window Paragraph Styles Window Character Styles Window Character Window Paragraph Window Control (may be default)Look at your Pages PanelNotice all your pages are in a list.You can scroll down the document or doubleclick on the page you want to work onYou can add pages at the bottom of the panelusing the New Page icon; Delete pages byclicking on the Trashcan iconTo fit your whole page into view, you canchoose CNTRL 0GET YOUR PANELS OUT

Adobe InDesign PhotoshopIf you are making a booklet, you may needto change your document set up to “FacingPages”.You can edit this by going to: File Document Setupand check “Facing Pages”CHANGE TO “FACING PAGES” FOR BOOKLETMaster PagesIn your Pages Panel, notice the top, where itsays A-MasterYour Master Pages are an opportunity foryou to make templates in your documentfor reoccurring items, like headings or pagenumbers. It also allows you to set the marginsand columns, individually.You can have multiple sets of Master Pages.To apply them, you just click and drag it ontoyour layout pages in the list.To get back to your editable document pages,double click on the page in the list.

Adobe InDesign PhotoshopParagraph Styles!Noticed that our text is automaticallyformatted in “Basic Paragraph” style in ourParagraph Styles panel.USING THE TEXT TOOL AND PARAGRAPH STYLESIf you Right Click on “Basic Paragraph”, youcan edit the properties of the text for font,size, spacing, color, etc.To make a new Paragraph Style, like“Header 1” or “bullet list”, click on thenew icon at the bottom of the panel or thehamburger menu on the top right of the paneland choose “New Paragraph Style”.Let’s make a few styles!EDITING AND CREATING PARAGRAPH STYLESInserting graphicsWant to add a photo inside your text with atext wrap? No problem!Go to File Place and choose your image.Draw the box in the position/size you want.Click on the image and either use the tooloption panel up top, or the Text Wrap panelto apply your text wrap.You can choose Wrap Around a BoundingBox or Wrap Around an Object Shape.PLACE AN IMAGE WITH TEXT WRAP

Adobe InDesign PhotoshopNeed to resize that puppy?Literally?Click on the image then choose your FreeTransform tool from the toolbar. This allowsyou to resize, rotate or shear your image.Hold down SHIFT when you resize to keepyour image ratios correct.RESIZE YOUR IMAGE WITH FREE TRANSFORMTOOLWant a border on that puppy?Click on the image. You can either choosea border color and size up top, in the tooloptions panel, choose to add color in the colorpicker area, or use your Swatch panel to applycolors to either fill or stroke.ADD A BORDER TO YOUR IMAGEDo you need to edit that puppy?Just right click on the image and choose EditWith Adobe PhotoshopThat will open your file in Photoshop so youcan edit easily between programs.OPEN IMAGE IN PHOTOSHOP

Adobe InDesign PhotoshopLet’s bring in a photo withproblems!Go to File Place and bring in the image ofme. Noticed how I’m under-lit and hard tosee? Let’s fix that!Right click on the image and chooseEdit With Adobe PhotoshopThat will open your file in Photoshop so youcan edit easily between programs.AN EVEN CUTER SUBJECT!

Adobe InDesign PhotoshopPhotoshop InterfaceMenu Bar: File Menu New File Menu Place EmbeddedImage Menu Image SizeImage Menu Canvas SizeWindow Menu Where your Panelwindows are located Select Inverse Select DeselectPanels Layer PanelHistory PanelColor/Swatches PanelCharacter/Paragraph PanelBrush PanelToolbar Move ToolMagic Wand ToolSpot Healing BrushBrush ToolClone Stamp ToolText ToolShape ToolForeground/Background colors

Adobe InDesign PhotoshopMove toolMarquee tool - for selectionLasso tool - free form for selectionMagic Wand tool - for color selectionCrop toolEyedropper tool - to get color from documentSpot Healing tool - to get rid of blemishesBrush tool - paintbrush and pencilStamp tool - for using textures in your document to paint over other areasGradient toolText toolShape toolColor Picker - Foreground and Background colors

Adobe InDesign PhotoshopOpen PhotoshopOur file should come in as a PSD, or Photoshopdocument, which means it can have multiplelayers.We always want to put new things or correctionson NEW LAYERS! This is NON-DESTRUCTIVEediting.You can use Ctrl and Ctrl- to zoom in and out.PHOTOSHOP INTERFACENow let’s fix this photo!Filter Camera Raw Filter Play with the toggles First tabExposure - overall brightness/darknessHighlights - white highlightsShadows - middle greysClarity - softens the image detailsVibrance - brightens colors w/o weirdnessFILTER CAMERA RAW Go to the HSL tab for Hue, SaturationAre your cheeks too pink? Go to the Detail tab for smoothnessLuminance Detail gets rid of noise!Smooth out those freckles! Once you get something you like, press “p” toview the before/after (or see bottom right) If good, hit OKFILTER CAMERA RAW INTERFACE

Adobe InDesign PhotoshopToolbar Spot Healing Brush Click on any blemishesSPOT HEALING BRUSHLayer New Layer aboveNEW LAYERToolbar Clone Stamp Make sure Sample: Current & Below ischosen Check Opacity - 25% is natural looking ALT-click to select area you want toreplicate, then Click on area you want tocover You may need resample to move aroundCLONE STAMPToolbar Red Eye Just draw a little circle over the “red eye”.RED EYE

Adobe InDesign PhotoshopOther ways to alter your imagesUse the layer masks at the bottom of theLayers Panel to do non-destructive edits likeHue & Saturation, Photo Filters or Brightness &ContrastHUE & SATURATION LAYER MASKLayer StylesYou can also double click on the layer youwant to spruce up and use Layer Styles to dodrop shadows, fill with gradients and patters,make beveled edges, etc.LAYER STYLES ARE COOL!FiltersYou can also use Filters to blur, pixellate, warp,artist paint, etc.!Always duplicate your layer before addingfilters! That way, if something really messesup. you have a backup layer!Just RT Click on the layer and chooseDuplicate LayerFILTER MENU

Adobe InDesign PhotoshopHow to SaveFile Export Save for Web(SHIFT, ALT, CTRL S) Choose JPG for all photographs or art Choose GIF for solid color graphics Choose PNG if your background istransparentFile Save As (SHIFT, CTRL S)EXPORT SAVE AS FOR WEBChoose TIF for printed documentsChoose JPG for images that will appear on ascreen or lower resolution mediumChoose SVG for scalable vector web graphics(tricky little things!)File Save (CTRL S)This is just when you’re saving your PSD. DOTHIS OFTEN! EVERY FEW MINUTES!! DON’TLOSE YOUR HARD WORK!!DPI / ResolutionDPI stands for dots per inch, so basically, howmany dots fill up a square inch? 72dpi - web 150 dpi - printing words 300 dpi - printing photographsRaster vs. VectorRaster images are TIF, GIF, PNG, JPG - can’tresize without distortion due to pixels.Vector images are EPS, SVG, AI - can resize allthe time because it’s made of math!SAVE AS FOR WEB

Adobe InDesign PhotoshopBack to InDesignOnce you save your PSD and close it out, goback into your InDesign document.In your Links panel, you’ll notice a yellowcaution triangle next to the image you edited.This let’s you know that there is an updatedversion of this file that InDesign needs to load.Just double click on the triangle to reload theedited image.Last thing to do.Hit File Save or CTRL SGo to File Print to print to a printer or PDF.UPDATE YOUR LINKS

Adobe InDesign Photoshop

Adobe InDesign Photoshop Move tool Marquee tool - for selection Lasso tool - free form for selection Magic Wand tool - for color selection Crop tool Eyedropper tool - to get color from document Spot Healing tool - to get rid of blemishes Brush tool - paintbrush and pencil Stamp tool - for using textures in your document to paint over other areas