Tips & trix


Tips & trixHer kan du finde en evigt voksende mængde ninja-trix til InDesign, Photoshop m.v. – af typen du ikke finder i manualer og på hjælpesiderne. Hver gang vi støder på en ting som det kunne være fedt at vide for andre grafikere skriver vi det ned her. Hvis du har et godt trick der mangler, eller mangler et trick der ikke står her, er du hjerteligt velkommen til at bidrage med input og spørgsmål på support@nordiskgrafik.com

Gå direkte til
Tastaturgenveje
InDesign
Illustrator
Photoshop
Flash
Dreamweaver
Acrobat PDF

Tastaurgenveje

I alle Adobe programmer kan disse bruges til navigation i stedet for at skifte værktøj til hånden og forstørrelsesglasset:

  • Hånden: [Mellemrum] ([Alt] når du arbejder med tekstværktøjet)
  • Zoom ind lup: [Ctrl]+[Mellemrum]+ klik og træk
  • Zoom ud lup: [Ctrl]+[Alt]+[Mellemrum]+klik

InDesign

Importer tekster fra Word® med afsnitsformater til InDesign dokument med afsnitsformater (Paragraph Styles)
  1. Opret et nyt InDesign dokument.
  2. Opret i dokumentet de afsnitsformater/Paragraph Styles du skal bruge; rubrik, mellemrubrik, brødtekst etc.
  3. Sørg for at tekstforfatteren har benyttet afsnitsformater i Word®. Du kan evt. true vedkommende med en røvfuld… Hvis de er svære at finde, så kig til venstre for dér hvor der står “Times New Roman”. Det er ordet “Normal” du leder efter.
  4. Når du placerer ‘Vørd’-dokumentet skal du sørge for at have sat flueben i Import Options (dén der dukker op når du trykker Ctrl/Æble-D).
  5. Når du har valgt filen og trykket OK dukker der en Word Import Options menu op.
  6. Sæt hak i Preserve Styles and Formatting from Text and Tables.
  7. Sæt også hak i Customize Style Import, og klik på Style Mapping.
  8. Du kan nu vælge hvilke af Word’s afsnitsformater der skal blive tryllet om til dine egne afsnitsformater (Paragraph Styles) i InDesign dokumentet; fx Normal => Brødtekst, Heading 1 => Rubrik, osv.
  9. Tryk OK og OK, og placer teksten i dokumentet.
  10. Tip: Du kan evt. bruge dokumentet acoupfortherich.doc til at teste funktionen. Husk at autoflow’e teksten (hold shift nede når du klikker den ind på siden), da den fylder ca. 100 A5 sider.
Dokumentfletning (Data Merge) med Excel fil… … …
  • Det korrekte svar er nej. Du kan ikke flette med en Excel-fil. Dertil er Excel filer for komplekse. Findes de ønskede data i en Excel fil må du først gemme den som en komma-separeret CSV fil eller en tabulator-separeret TXT fil.
Object Style med indbygget Paragraph Style og Next Style…
  1. Opret to Paragraph Styles: Fakta_brød og Fakta_rubrik. Tekstfarven skal være hvid i begge.
  2. I Fakta_rubrik vælges Next Style: Fakta_brød
  3. Opret en Object Style ved navn Fakta_boks. Fyldfarve: Mørk blå, Corner Options: Roundet 3 mm.
  4. Paragraph Styles: Fakta_rubrik, sæt flueben i Apply Next Style.
  5. I General kan evt. sættes en tastaturgenvej, fx Ctrl + Num 9
  6. Markér et tekstfelt og vælg Object Style’n Fakta_boks
De tastaturgenveje du troede ikke fandtes
  • Spring til målpalletten (uden at bruge mus!!!) Æble(Ctrl) + 6
  • Skift mellem Tekst og Afsnit i målpaletten Æble(Ctrl) + Alt + 7
Nested Styles – et alternativ til tabeller
  1. Opret tre Character Styles, fx Hotel, Beskrivelse og Pris
  2. Opret en Paragraph Style (fx Hoteller) og gå til Drop Caps and Nested Styles
  3. Vælg New Nested Style: Hotel through 1 Tab Character
  4. Vælg New Nested Style: Beskrivelse through 1 Tab Character
  5. Vælg New Nested Style: Pris through 1 Forced line break
  6. Indsæt eller skriv en tekst med flere linier hoteller sådan: Hotelnavn [tabulator] beskrivelse [tabulator] pris [return]
  7. Brug tabulatorne til at styre placeringen af teksten.
Kopier alle indstillinger til en anden computer
  1. Find mappen [Bruger]/Bibliotek/Preferences/Adobe InDesign/Version 5.0 (på en Mac) / C:\Documents and Settings\[bruger]\Application Data\Adobe\InDesign\Version 5.0 (på en windows PC)
  2. Kopier mappen ned på fx en USB-dims
  3. Overskriv den tilsvarende mappe på den anden computer
  4. Derved overføres alle dine egne tastaturgenveje, workspaces, glyph-sets, scripts, find-change queries og generelle indstillinger
  • – Tricket kan også bruges til Photoshop, Illustrator og Bridge
Brug din egen vrøvletekst
  • Opret en tekstfil i rent tekstformat (txt) og gem den med navnet placeholder.txt i den samme mappe som selve programmet ligger i.
  • Herefter vil din egen tekst blive sat ind når du vælger Type > Fill With Placeholder Text
  • Du har ikke overskrevet en eksisterende fil, så hvis du bliver træt af din egen tekst kan du slette placeholder.txt filen igen, så går InDesign tilbage til at skrive latin.
  • [ Find evt. layouttekster her ]
Mange billeder eller logoer på én side (CS3 – CS4)
  1. Opret en billedkasse i det rigtige format
  2. Højreklik, vælg Fitting > Fitting on Empty Frame > Fit Content Proportionally
  3. Vælg Edit > Step and Repeat – først på den nen led, og så på den anden
  4. Ctrl + D – vælg alle logoer/billeder og klik dem ind i rammerne
  5. Når du indsætter flere billeder på én gang kan du ’bladre’ med højre og venstre piletast, og slette billeder med Esc.
Mange billeder eller logoer på én side (CS5)
  1. Vælg File > Place (eller Ctrl/Æble + D)
  2. Markér de filer du vil indsætte
  3. Træk en firkant på siden imens du indstiller hvor mange felter du vil have i højden og bredden ved at benytte højre og opadrettede piletast
  4. Du kan evt. tilpasse billederne i felterne ved hjælp af Fitting bagefter
Slip af med ‘søge’-/’gribe’-feltet i billeder
    Gå til View > Extras > Content Grapper

content grapper

– ‘content grapper’. Enormt praktisk eller skide irriterende?

Tilbage til toppen

Illustrator

Uskarpe skærmbilleder

Når du eksporterer din kniv-skarpe vektor grafik til jpg, gif eller png får du somme tider nogle ‘grå’ og uskarpe streger.

I Illustrator CS5 er der en nem løsning:

  1. Vælg View > Pixel Preview
  2. Zoom ind til min. 600%
  3. Åben Transform panelet (Window > Transform) og sæt flueben i Align to Pixel Grid
  4. Voilá!
  5. Eksporter igen til ‘Web & Devices’

Tilbage til toppen

Photoshop

Et foto lyver altid!

Ordet Photoshop dækker over programmet Adobe® Photoshop™, men er også blevet til et begreb på moderne engelsk, der betyder at et billede er blevet manipuleret – ikke altid ved hjælp af programmet Photoshop iøvrigt.

Her kan ses en film fra Dove’s Selvværds-kampagne der understreger sandheden i overskriften “Et foto lyver altid”.

Photoshop online
  • Sidder du på en netcafé og skal bruge Photoshop til en enkelt opgave? Der findes en gratis online version af Photoshop Elements på adressen photoshop.com. Alt hvad der kræves er et gratis Adobe ID, som også er brugbart på kuler.adobe.com og acrobat.com
Et sammenkopieret lag
  • For at oprette et nyt lag, der er en ‘sammenklappet’ kopi af alle synlige lag: Ctrl + Alt + Shift + E / Æble + Alt + Shift + E
Warhols Monroe billede
Andy Warhol?
  1. Åben portrætbillede
  2. Omdan Background i lagpaletten til et lag ved at dobbeltklikke på det.
  3. Gør lærredet fire gange så stort ved at bruge Canvas Size eller Crop Tool
  4. Læg et ‘tegnings’-filter på portrættet, fx Cutout
  5. Opret et nyt lag og mal oven på portrættet i klare farver med penslen
  6. Giv det malede lag en blandingstilstand, fx Multiply med 71% opasitet
  7. Læg et Hue/Saturation justeringslag oven på det malede lag, og indryk det ved at Alt-klikke imellem lagene
  8. Marker de tre lag i lagpaletten med Shift-tasten
  9. Træk med Alt-tasten nede tre kopier af de valgte lag, sådan at billederne nu ligger side-by-side
  10. Juster farverne ved at klikke i Hue/Saturation justeringslagene ét ad gangen, og ændre Hue
  11. Voila!
Fra Photoshop billede i lag til Flash slideshow
  1. Resulatet bliver en flash originalfil og en swf-fil til at uploade på internettet i en html side. Denne type slideshow kan tilpasses i det uendelige med interaktivitet og knapper etc.
  2. Gør billedet klar i Photoshop med lag. tekster etc.
  3. Sæt størrelsen ved hjælp af Image > Size (fx 800×600 pixels) og opløsningen til 72 PPI
  4. Gem billedet som PSD
  5. Åben Flash og opret et nyt dokument. Størrelsen er ligeyldig, FPS 30
  6. Vælg FIle > Import > Import to stage
  7. I dialogboksen der viser vælges Photoshop layers = Flash Layers og flueben i både Place at original position og set stage size to same size as photoshop …
  8. I Flash ligger alle lag nu i første frame i tidslinien, i de oprindelige lag
  9. Lad det nederste billede ligge
  10. Billedet i laget ovenpå flyttes (ved hjælp af musen i tidslinien til frame 90. Højreklik og vælg Insert keyframe.
  11. Højreklik på billedet og lav det om til flash grafik (Convert to symbol – i dialogboksen vælges Graphic)
  12. Klik i samme lag i frame nummer 110. Opret en ny keyframe (Højreklik og vælg Insert Keyframe)
  13. Klik et tilfældigt sted imellem de to frames (90 og 110), højreklik og vælg Create Motion Tween)
  14. Klik nu på den første keyframe (90), og vælg nede i proporties-palletten Color = Alpha = 0
  15. I frame nummer 200 oprettes frames (højreklik > insert frame) i alle lag
  16. Prøv at afspille ved at trykke ctrl + enter
  17. HVis filmen skal stoppe i frame 200 skal der indsættes et nyt lag. I dette lags frame 200 indsættes en tom keyframe (højreklik > Insert blank keyframe)
  18. I denne keyframe skal der sættes en action ind. Højreklik på den nye keyframe og vælg Action. I den pallet der dukker op skrives:
  19. stop();
  20. Prøv igen at afspille ved at trykke ctril + enter
  21. Du burde nu kunne se hvordan det fungerer. Ved flere billeder gentag fra punkt 9…
Fra Photoshop billede i lag til Flash slideshow video eller en animeret GIF-fil
  1. Resultatet bliver en FLV flash videofilm, der kan afspilles, og indsættes i forskellige sammenhænge, men den kan ikke viderebearbejdes med interaktivitet, knapper m.v. – alternativt en animeret gif…
  2. Opret et PSD-billede med mange billeder i lag.
  3. Sørg for at alle lag er vist.
  4. Åben Animation panelet (Window > Animation)
  5. Hvis du ser nogle lange grønne bjælker viser panelet Timeline Animation. Det ønsker vi ikke. Vælg Convert to Frame Animation i panelmenuen.
  6. Nu ser du et enkelt billede i panelet. Det er første frame. – og foreløbigt eneste…
  7. Vælg i panelmenuen (en lille trekant og tre streger i øverste højre hjørne af panelet) funktionen Make Frames from Layers.
  8. Du har nu lige så mange frames som du har lag.
  9. Marker alle frames (hold shift nede imens du klikker).
  10. På undersiden af hver frame står der en tid. Den tid bestemmer hvor længe den frame skal vises. De skal først alle sammen sættes til No Delay (altså nul tid). Så længe de alle er markerede kandu nøjes med at stille tiden på det ene, så retter de andre med.
  11. Vælg nu frame nummer ét og to.
  12. Klik på det lille symbol der ligner en perlekæde i bunden af panelet. Den hedder Tween Animation Frames. Når du klikker på den dukker der en dialogboks op. Vælg Frames to Add: 20.
  13. Der bliver nu oprettet 20 frames mellem første og anden frame, der tilsammen skaber en overgang. Prøv evt at afspille den med den lille play-knap i bunden af panelet.
  14. Gør det samme på alle de andre frames.
  15. Når du har oprettet en Tween imellem alle de frames der blev skabt af de oprindelige lag, og altså ikke er en del af en overgang, skal du finde dem i tidslinien (Frame nummer 1, 22, 43 etc.), og rette deres tid fra No Delay til fx 4 sekunder. Derved har du de oprindelige billeder at kigge på i tre sekunder hver, og imellem dem en overgang på 20/24 sekundt. Det kører lidt langsommere når du ser det i panelet.
  16. Nu skal ‘filmen’ eksporteres. Sørg for at gemme den som en PSD-fil først.
  17. For at eksportere til en Flash video film vælger du File > Eksport > Render Video. I dialogboksen vælges Quicktime: Flash Video (FLV).
  18. For at eksportere til en animeret gif vælges File > Save for Web and Devices og i dialogboksen vælges GIF. Det er ikke nær så pænt som en Flash…
Batch… – ændringer på mange billeder automatisk
  1. Placer filerne i en mappe for sig.
  2. Åben det ene i Photoshop.
  3. Åben paletten Actions (Window > Actions). Her ligger der en mappe med defalt actions. Den hedder Default Actions…
  4. Opret en mappe ved hjælp af det lille mappe-symbol i bunden af paletten, og kald den fx “Mine Actions”
  5. Opret nu en ny action ved hjælp af det lille “ny” symbol (ligner en lille notesblok) i bunden af paletten.
  6. Navngiv den “150ppi”
  7. Den er nu begyndt at indspille den nye action.
  8. Foretag den ønskede rettelse; fx Image > Image Size > ret ppi til 150. Sørg for at der er flueben i “Resamble Image”.
  9. Tryk på den lille stop knap i bunden af Actions paletten (firkanten).
  10. Luk billedet. Når du bliver spurgt om du vil gemme ændringer skal du svare nej!
  11. Vælg nu File > Automate > Batch…
  12. Play: Set > Mine Actions, Action > 150ppi
  13. Source > Folder
  14. Choose > den mappe billederne ligger i
  15. Destination > Save and close
  16. Klik på OK og gå på værtshus imens potentielt tusindevis af billeder bliver behandlet.
Billed-skablon til indsættelse af billede.
  1. Åben det relevante foto
  2. Opret et nyt lag
  3. Opret en markering af en passende størrelse
  4. Fyld markeringen med fx hvid (shift+Backspace)
  5. Fjern markeringen (Ctrl+D)
  6. Lav laget om til et SMart Object
  7. Tilpas dit Smart Object ved hjælp af Ctrl+T (evt. Warp mode)
  8. Opret evt. en maske…
  9. Dobbelklik på Smart Object’et og indsæt relevant foto
  10. Gem og luk
  11. Ta-daaaaaaaaaaaaaaaaaaaaaaaa
Find billeder – find inspiration…

Tilbage til toppen

Flash

Full screen – den hurtige metode
  1. I den første scenes første frame, i et nyt lag, indsættes følgende actionscript direkte i keyframen
  2. (du kan bare copy-paste):

//Don’t scale the movie when the stage size changes Stage.scaleMode=”noScale”; //Function to toggle between fullscreen and normal size//the toggle fullscreen button calls this function when pressed function toggleFullScreen(){ //if normal size, go to fullscreen, else go to normal size if(Stage["displayState"]==”normal”){ Stage["displayState"]=”fullScreen”; }else{ Stage["displayState"]=”normal”; } } //Create a listener for each time the Stage is resized var resizeListener:Object = new Object(); //Called each time the stage is resized resizeListener.onResize = function () { //Move the button to the center of the screen toggleFullScreenButton._x=Stage.width/2; toggleFullScreenButton._y=Stage.height/2; } //Add the listener to Stage Stage.addListener(resizeListener);

  • Indsæt en knap et sted og copy-paste dette actionscript ind i knappens action:
on(press){
toggleFullScreen();
}
  • Der skal også indsættes en kode i HTML-filen for at det virker, men det behøver du ikke at bekymre dig om, hvis du bare vælger Publish Settings, og på fanen HTML vælger Template “Flash Only – Allow Fullscreen”.
Redirect til ikke-flash side
  • Når du har lavet et flash-site, og ønsker at sende ikke-flash browsere direkte til en HTML udgave af siden, så indsæt dette script i Flash-sidens HTML, midt i HEAD sektionen:

<!– ===================================================== –> <!– ========== Redirect-script start ==================== –> <!– ===================================================== –> <SCRIPT LANGUAGE=JavaScript1.1> <!– var MM_contentVersion = 8; var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave flash"].enabledPlugin : 0; if ( plugin ) { var words = navigator.plugins["Shockwave Flash"].description.split(” “); for (var i = 0; i < words.length; ++i) { if (isNaN(parseInt(words[i]))) continue; var MM_PluginVersion = words[i]; } var MM_FlashCanPlay = MM_PluginVersion >= MM_contentVersion; } else if (navigator.userAgent && navigator.userAgent.indexOf(“MSIE”)>=0 && (navigator.appVersion.indexOf(“Win”) != -1)) { document.write(‘<SCR’ + ‘IPT LANGUAGE=VBScript\> \n’); //FS hide this from IE4.5 Mac by splitting the tag document.write(‘on error resume next \n’); document.write(‘MM_FlashCanPlay = ( IsObject(CreateObject(“ShockwaveFlash.ShockwaveFlash.” & MM_contentVersion)))\n’); document.write(‘</SCR’ + ‘IPT\> \n’); } if ( MM_FlashCanPlay ) { doNothing(); } else{ window.location.replace(“http://www.ditwebsite.dk/htmlside“); } //–> </SCRIPT> <!– ===================================================== –> <!– ========== Redirect-script slut ===================== –> <!– ===================================================== –>

Tilbage til toppen

Dreamweaver

Fix Spry Horizontal Menubar
  • Hvis du har brugt Dreamweavers predefinerede Spry Horizontal Menu Bar får du en horisontal (vandret) menu, med undermenuer der popper lodret ned, undtagen i Internet Exploder… – dér er den også vandret!
  • Det kan heldigvis fixes.
  1. I dit site findes der en mappe der hedder SpryAssets. Inde i den findes der en fil der hedder SpryMenuBarHorizontal.css. Åben den og tilføj følgende kode et sted:

ul.MenuBarHorizontal li ul li { clear: left; }

Én af internettets hele store guruer har sendt følgende åbne brev til Bill Gates, Microsoft:

“Will you, for the love of God, STOP developing Internet Explorer!!!”

Husk at downloade Adobes Widget Browser, så du kan hente de sidste nye widgets, fx. spry-menuer:

http://labs.adobe.com/downloads/widgetbrowser.html

Tilbage til toppen

Acrobat PDF

[ PDF indstillinger ] Hent PDF instillinger fra Nordisk Grafik til web, tryk og preflight

[ Excel til PDF konverter ] Løser problemerne i Excel/Acrobat med at konvertere regneark til PDF

[ CutePDF ] Alternativ til Acrobat Professional

Tilbage til toppen