ࡱ> ~} Z$bjbjcc (vvZ  t)2kkkkkkkk#)%)%)%)%)%)%)*T-%)kkkko%)kk:)skk#)k#)#h$_WI:'$% P)0)7$-- $$kkk  :   Craig Stroupe | University of Minnesota Duluth Color Text Headers with Dropshadows on Transparent Backgrounds What to doHow to do itOpen a new Photoshop document with a transparent background. Set the width to that of one of the headings you want to create. Save the .psd document with a short, descriptive file name (all one word, all lower case) somewhere in your class folder (not www). Adjust image height as desired (unconstrain proportions) Add a new layer On that layer, type in your headers text In the Properties Palette, set the anti-aliasing to sharp or noneAdjust your text for font, color, size, location Create a dropshadow on a separate layer, name it, and link it with the related text layerIn the Layers Palette, double click the layer containing the text. In the Dialog Box, click Drop Shadow on the left. Adjust the properties of the drop shadow. Note: Layer effects such as dropshadows dont work against transparent backgrounds in GIF format. Use PNG format for such cases, or use this alternative method of creating dropshadow effects in GIF format : Duplicate the Layer Name the layer [layername] shadow Highlight the text and change the color to black (or desired shadow color) In the Layers Palette, drag the shadow layer beneath the text layer In the document, use the move tool to drag the shadow layer slightly down and to the right. Test your graphic headers text against a layer with the intended background pasted in, and adjust colors, layer effects as desired. Then name and turn off background test layer. Insert a new fill layer of the background color of the page or Copy the background pattern/image onto a new layer at the bottom. On a new layer, insert additional image content Name the new layer with the image contentTest again against intended background layer Show layer with intended backgroundAdjust character spacing of text (especially AV horizontal, or kerning) Choose Window > Character (checked) Highlight Text Change values in Character PaletteCrop the entire header image again for height and composition Save for the Web as a GIF or PNG in the projects assets folder and then test on the page Duplicate and rename layers for as many versions of the header you need. Add text and images on those other layers. Organize your layers into sets for easy managementIn the Layers Palette, folder icon at the bottomCreate the various headers youll need by hiding and showing the various layers and sets of layers and then Saving to the Web.  Image into Text What to doHow to do itOpen a new Photoshop document with a white background Open the background image you want to put into typeFile > New In the New dialogue box,, enter 450 for Width and 200 for Height Choose a white or transparent background depending on the Web page where youll insert the image/text Note: You can always resize the document by choosing Image > Image SizeSave the document as imagetype.psd in a folder called imagetype in your class (non-www) folderFile > Save As Navigate to/create a folder called imagetype in your exercises folder on your diskWith black set as your color, type in the text of your headingpress d to set the foreground color to black or double click the foreground color tile in the toolbox and choosing black. select the type (T) tool Highlight the text and format it by changing the values in the Properties Palette Tip: choose a fat, tall typeface and choose the bold option Note that you can actually see the typefaces in MS Words drop-down menu for choosing fonts. With Photoshop, open the image you want to put into the type and resize it so the image will fit into the type in the other document. Move the image into the type document. File > Open Image > Resize and enter pixel values for Width or Height Choose the Move tool (press v) On your screen, drag the image from the image document into the type document and drop it In the combined document, create a clipping group so the type (lower layer) clips or controls the display of the image (top layer)With the top layer (with the image) selected, press control+g or Choose Layer > Group with PreviousReposition the image within the typeWith the image layer selected in the Layers Palette, use the move tool to move the image in relation to the type. Optional: add a drop shadow to the type if youre going to use the heading against a white or colored backgroundIn the Layers Palette, double-click the layer containing the text In the Layer Style box, double-click Drop Shadow on the left In the Drop Shadow box, enter and adjust the values for the desired effects Hint: If youre using a transparent background, make sure your shadow has little Size so the shadow is dark and has a hard, distinct edge. Fuzzy edges will not save well against a transparent background. Recolor the background or make it transparent, if neededIf you want a different color background (to match the color of the page where youre inserting the image, choose the Create New Fill Layer button at the bottom of the Layers Palette (looks like half moon) In the Layers Palette, drag the new fill layer down the stack so it serves as a background to the other visible layers. If you want to change a white background to transparent, go to the Layers Palette and click off the eyeball icon next to the white background layer. (The background in the image should change to checkerboard, which indicates transparency). Crop and resize the image to be 350 pixels wideUse the Crop or Marquee Tool to choose the image and any drop shadow, eliminating unnecessary background. Cut it especially close on the sides. Choose Image > Image Size and set the width to 350 (with the constrain proportions box checked, which should be the default setting). Save your .psd image, and then create an optimized version (.gif or .jpg) for the Web. (Youll need to save it as a GIF if youre using a transparent background)hit control+s to re-save imagetype.psd File > Save for Web In the Save for the Web window, choose the Original tab at the top Find the drop-down menu in the panel on the right immediately below the word Settings From that drop down menu, choose GIF for cartoons, icons, line drawings or other images with lots of solid colors, OR choose JPEG for photographs or other images with lots of halftones and gradations of color From the top, choose the Optimized tab or the 4-Up tab. (In the 4-Up window, youll be able to choose the version of the image that looks acceptably good, but that has as small a K number in the bottom left corner of each pane. Click the version of the image you want.) Click Save in the upper left of the window. With the Saved Optimized As box, navigate to/create a folder called imagetype in your exercises folder. At the bottom, name the file imagetype.gif or imagetype.jpg Click SavePost the exercise folder containing your .gif or .jpg to the appropriate place on the Web. This imagetype folder should be placed in the folder: www//exercises/  /0;CRSo  \ ] i   9:23tu"#RS<?ɾɾɾɾɾɾɾɾɾɾɾɾɾɾɾɾɾɾh h 56CJaJh h 5CJaJh h 6CJaJh h CJaJh h h 5h 5CJ,aJ,ho:h 5CJ,aJ,h_Sh 5CJaJh 5CJaJ:0oz$Ifgd l $If^`gd l H$If^Hgd l 0^0gd  a> L$If^`Lgd l # & F L$If^`Lgd l kd$$IflF0 !\ d t0$6    44 lap  5kd$$IflF0 !\ d t0$6    44 lap$Ifgd l $If^`gd l  $Ifgd l $If^`gd l  L$If^`Lgd l # & F L$If^`Lgd l  c@! L$If^`Lgd l # & F L$If^`Lgd l kd$$IflF0 !\ d t0$6    44 lap 1kd_$$IflF0 !\ d t0$6    44 lap$Ifgd l  5$If^`gd l  $Ifgd l $If^`gd l  L$If^`Lgd l # & F L$If^`Lgd l    c@! L$If^`Lgd l # & F L$If^`Lgd l kd($$IflF0 !\ d t0$6    44 lap [ \ ] 5kd$$IflF0 !\ d t0$6    44 lap$Ifgd l $If^`gd l ] $Ifgd l $If^`gd l  L$If^`Lgd l # & F L$If^`Lgd l  2 h c@%%$If^`gd l # & F L$If^`Lgd l kd$$IflF0 !\ d t0$6    44 laph i j ~ 2 $Ifgd l $If^`gd l  OPcM. L$If^`Lgd l  & F$Ifgd l kd$$IflF0 !\ d t0$6    44 lapP$Ifgd l $If^`gd l   cM. L$If^`Lgd l  & F$Ifgd l kdL$$IflF0 !\ d t0$6    44 lap    5kd$$IflF0 !\ d t0$6    44 lap$Ifgd l $If^`gd l  789$Ifgd l $If^`gd l  & F$Ifgd l 9:ghcM. L$If^`Lgd l  & F$Ifgd l kd$$IflF0 !\ d t0$6    44 laph5kd$$IflF0 !\ d t0$6    44 lap$Ifgd l $If^`gd l 12$If^`gd l $Ifgd l  & F$Ifgd l 23qrcM. L$If^`Lgd l  & F$Ifgd l kdp $$IflF0 !\ d t0$6    44 laprstu5kd9 $$IflF0 !\ d t0$6    44 lap$Ifgd l $If^`gd l u$Ifgd l $If^`gd l  L$If^`Lgd l  & F$Ifgd l  !cM2$If^`gd l  & F$Ifgd l kd $$IflF0 !\ d t0$6    44 lap!"#PQRP: & F$Ifgd l kd $$IflF0 !\ d t0$6    44 lap$Ifgd l RScM::$Ifgd l  & F$Ifgd l kd $$IflF0 !\ d t0$6    44 lap:;<cM::$Ifgd l  & F$Ifgd l kd] $$IflF0 !\ d t0$6    44 lap<=>?P[caXO8H$If^Hgd l ^gd 0^0gd kd&$$IflF0 !\ d t0$6    44 lap?@Pij]hijjk~2=IJ>!A!!!!"##;$F$V$Z$սսh h 5CJaJh h 6CJaJh h CJaJh h h 5ho:h 5CJ,aJ,h CJ$aJ$4[hij3kd$$IflF0T!$  t0$6    44 lap$Ifgd l $If^`gd l j#$Ifgd l $If^`gd l  L$If^`Lgd l  & F$Ifgd l :IcM22$If^`gd l  & F$Ifgd l kd$$IflF0T!$  t0$6    44 lapP: & F$Ifgd l kd$$IflF0T!$  t0$6    44 lap$Ifgd l ]xghi$Ifgd l  5$If^`gd l $If^`gd l $If^`gd l ijcM.M L$If^`Lgd l  & F$Ifgd l kdN$$IflF0T!$  t0$6    44 lap'a$Ifgd l $If^`gd l dcM222$If^`gd l  & F$Ifgd l kd$$IflF0T!$  t0$6    44 lapP: & F$Ifgd l kd$$IflF0T!$  t0$6    44 lap$Ifgd l ijk5kd$$IflF0T!$  t0$6    44 lap$Ifgd l $If^`gd l k]|}~$Ifl $If^`gd l  & F$Ifgd l &cM2$If^`gd l  & F$Ifgd l kdr$$IflF0T!$  t0$6    44 lap&$Ifl $If^`gd l  & F$Ifgd l +HcM22$If^`gd l  & F$Ifgd l kd;$$IflF0T!$  t0$6    44 lapHIJS= & F$Ifgd l kd$$IflF0T!$  t0$6    44 lap$Ifl  ( o A!!!""R####$Ifl $If^`gd l  & F$If^`gd l $If^`gd l ###T$cM2$If^`gd l  & F$Ifgd l kd$$IflF0T!$  t0$6    44 lapT$U$V$W$X$Y$Z$@>9>gd kd$$IflF0T!$  t0$6    44 lap$Ifl $Ifgd l &1h:p / =!$ "#$%$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5\ 5d5#v\ #vd#v:V l t0$65\ 5d5ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap$$If!vh5$ 55#v$ #v#v:V l t0$65$ 55ap6666666662 0@P`p2( 0@P`p 0@P`p 0@P`p 0@P`p 0@P`p 0@P`p8XV~_HmH nH sH tH @`@ NormalCJ_HaJmH sH tH DA D Default Paragraph FontRi@R  Table Normal4 l4a (k (No List j@j s Table Grid7:V0PK!K[Content_Types].xmlj0Eжr(΢]yl#!MB;BQޏaLSWyҟ^@ Lz]__CdR{`L=r85v&mQ뉑8ICX=H"Z=&JCjwA`.Â?U~YkG/̷x3%o3t\&@w!H'"v0PK!֧6 _rels/.relsj0 }Q%v/C/}(h"O = C?hv=Ʌ%[xp{۵_Pѣ<1H0ORBdJE4b$q_6LR7`0̞O,En7Lib/SeеPK!kytheme/theme/themeManager.xml M @}w7c(EbˮCAǠҟ7՛K Y, e.|,H,lxɴIsQ}#Ր ֵ+!,^$j=GW)E+& 8PK!\theme/theme/theme1.xmlYOoE#F{o'NDuر i-q;N3' G$$DAč*iEP~wq4;{o?g^;N:$BR64Mvsi-@R4Œ mUb V*XX! cyg$w.Q "@oWL8*Bycjđ0蠦r,[LC9VbX*x_yuoBL͐u_. DKfN1엓:+ۥ~`jn[Zp֖zg,tV@bW/Oټl6Ws[R?S֒7 _כ[֪7 _w]ŌShN'^Bxk_[dC]zOլ\K=.:@MgdCf/o\ycB95B24S CEL|gO'sקo>W=n#p̰ZN|ӪV:8z1f؃k;ڇcp7#z8]Y / \{t\}}spķ=ʠoRVL3N(B<|ݥuK>P.EMLhɦM .co;əmr"*0#̡=6Kր0i1;$P0!YݩjbiXJB5IgAФ޲a6{P g֢)҉-Ìq8RmcWyXg/u]6Q_Ê5H Z2PU]Ǽ"GGFbCSOD%,p 6ޚwq̲R_gJSbj9)ed(w:/ak;6jAq11_xzG~F<:ɮ>O&kNa4dht\?J&l O٠NRpwhpse)tp)af] 27n}mk]\S,+a2g^Az )˙>E G鿰L7)'PK! ѐ'theme/theme/_rels/themeManager.xml.relsM 0wooӺ&݈Э5 6?$Q ,.aic21h:qm@RN;d`o7gK(M&$R(.1r'JЊT8V"AȻHu}|$b{P8g/]QAsم(#L[PK-!K[Content_Types].xmlPK-!֧6 1_rels/.relsPK-!kytheme/theme/themeManager.xmlPK-!\theme/theme/theme1.xmlPK-! ѐ' theme/theme/_rels/themeManager.xml.relsPK] Z?Z$4   ] h P  9h2ru!R<[jik&H#T$Z$ !"#$%&'()*+,-./012356789:;<=>?@ABCDEF\\HSEO   m v +4p} ;F\_g% +   \::::o$-$B*,Z^zmZ#WF#~Ph ^`hH.h ^`hH.h pLp^p`LhH.h @ @ ^@ `hH.h ^`hH.h L^`LhH.h ^`hH.h ^`hH.h PLP^P`LhH.h ^`hH.h ^`hH.h pLp^p`LhH.h @ @ ^@ `hH.h ^`hH.h L^`LhH.h ^`hH.h ^`hH.h PLP^P`LhH.h^`OJQJo(hHh^`OJQJ^Jo(hHohpp^p`OJQJo(hHh@ @ ^@ `OJQJo(hHh^`OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHohPP^P`OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHohpp^p`OJQJo(hHh@ @ ^@ `OJQJo(hHh^`OJQJ^Jo(hHoh^`OJQJo(hHh^`OJQJo(hHh^`OJQJ^Jo(hHohPP^P`OJQJo(hHh ^`hH.h ^`hH.h pLp^p`LhH.h @ @ ^@ `hH.h ^`hH.h L^`LhH.h ^`hH.h ^`hH.h PLP^P`LhH.zmZ*,o$-$F#~                                              0oz   [\]P    789:h123rstu ! " # P Q R S : ; < = ? P [ h i j : hijdijk+HIJUVW\z@Z@UnknownGTimes New Roman5Symbol3 Arial?pCourier New;Wingdings"qhfff 0 9$ 24d 3qHP)?; A2)Digitalizing Images from a Print DocumentcstroupeCraig       Oh+'0   0< ` l x ',Digitalizing Images from a Print Document cstroupe Normal.dotmCraig2Microsoft Macintosh Word@^в@PW@lW@lW ՜.+,0$ hp  'UMD Composition Dept.0  *Digitalizing Images from a Print Document Title  !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGIJKLMNOPQRSTVWXYZ[\]^_`abcdefghijklnopqrstvwxyz{|Root Entry FڳWData H_1TableU .WordDocument(SummaryInformation(mDocumentSummaryInformation8uCompObj`ObjectPoolWW F Microsoft Word 97-2004 DocumentNB6WWord.Document.8