Embedded Files
Der er ikke kun en måde at lave grafik på, men disse tutorials viser en af måderne! Fireworks bruges til at fremstille grafik med, ikke til at printe grafik ud fra, det er der andre velegnet programmer til!
Tip: For at finde et ord let på siden kan du holde CTRL+ f nede samtidigt og så skrive ordet i det lille felt foroven og så søg! Demoerne er næsten alle korte og med vilje holdt i en sværhedsgrad let! Husk det er muligt at PAUSE demoerne og trække i SKYDEREN med musen!
Husk også at Fireworks programmet selv her sin egen hjælp på engelsk - tryk F1
Brug af starter værktøjer tíl fireworks:
Ny fireworks dokument:
Start i menulinien - klik på File - New - Vælg størrelse på canvas = "scene" på 800x600 px - (dette er et godt udgangspunkt for scenestørrelse) - Nu er Fireworks dokumentet oprettet (default PNG) - Ændre eventuelt størrelsen på canvas ved at klikke på % i nederste højre hjørne og vælge % der passer der passer til scenestørrelsen. Det er vigtigt at gemme som PNG fil da du så altid kan redigere grafikelementerne, når du åbner filen igen.
hvis du peger med musen på et redskab i Tools = værktøjet, vil du se et bogstav, som er genvejstasen til værktøjet! Hvis du lærer disse bogstavs genvejs taster behøver du ikke at bruge musen!
En af Fireworks store forcer er at Fireworks understøtter png (vektor) filformatet. Hvis du redigere som png og gemmer kan du bagefter redigere de enkelte grafikdelelementer. Dette kan du ikke i jpg og gif filformatet, hvis du gemmer filen i dette filformat smelter de enkelte delelementer sammen, så de ikke mere kan redigeres enkeltvis, så det er derfor en stor fordel at gemme i png filformatet.
se forskellen på at gemme i PNG og JPG format
Tit ved billedbehandling bruges klippebordet for at tage en kopi. Klippebordet gemmer billedet i BMP format. Vær opmærksom på at der sker billedkvalitets forringelse hvis du skifter fra et format til et andet. Eksempelvis bliver et jpg billed forringet.
Arbejde nemmere og hurtigere med Fireworks:
brug af de de almindeligste værktøjer til at håndtere scenestørrelse og brug af farvepaletten
vis rulers (linialer) og grids (gitre) på scenen (god hjælp til at placere grafikken)
tag et skærmdump (Print Screen) og sæt det ind i fireworks (fireworks kender dimensionen af skræmdumpet)
brug zoom tool (Værktøj også kaldet magnify, som kan gøre din hverdag meget nemmere)
Hvis du skal gemme dine fireworksCS3 billeder og tekst fra word 2010 eller flashpaper nemt som PDF
Brug af Select værktøjet
lær at bruge subselection tool
Brug Fireworks til dit fotoapparat:
overfør billeder fra digitalapparat til computer og start fireworks 8 for at redigere billede
overfør billeder fra digital fotoapperat til fireworks
fjern røde øjne fra billede taget med blitz
copyright tekst til fotografi eller som baggrund til dokument
Brug Fireworks til hjemmeside:
demo på hjemmeside lavet med slice i fireworks
nem hjemmeside med Fireworks sæt et animeret gif billede ind
nem hjemmeside lavet i fireworks og eksporteret som html dokument
nem baggrund med grøn vertikal gradient til hjemmeside
nem baggrund med fireworks ved at justere transparency (gennemsigtighed) til 20 på billedet
se hvordan baggrundsmønstre med forskellige strukturer laves
tag 2 delklip af en webside og sæt dem sammen
lav masterpage i fireworks - masterpage næsten lig template - en nem hjemmeside
kopier billeder og tekst fra word og sæt ind i Fireworks
lav buet banner til hjemmeside med vektor pen tool
vend header buet vektor banner 180 grader så det kan bruges som footer
lav baggrund med vektor regtangel 800x600 til baggrund med assets
Arbejde med banner til hjemmeside:
(Demoen viser et banner med en collage bestående af 4 billeder. 1 billede er baggrundbillede og de 3 billeder bliver fadet (fortonet) ind i baggrundbilledet)
lav let banner med grå tekstskyggeeffekt
lav et let banner af 3 billeder (fordel afstand mellem billederne og brug crop document)
lav et banner med blur effekt for banner baggrunden og inverse tekst effekt for teksten
banner med gradient i begge sider (nedtonet i begge sider. men der er mange muligheder for at ændre til andet)
kopier billeder og tekst fra word til fireworks ( kopier billed og tekst hver for sig)
billedmønster med vektorgrafik (viser et billed bliver sat ind i en vektorfigur til et banner, men mulighederne er mange)
lav kurver i fireworks (nederste linie i et regtangel bliver lavet om til en kurve, figuren kan så udvikles som banner)
combine path punch (en firkant af billedet dækkes med 60% transparent sort og scenen laves med runde hjørner)
Let wireframe - starttegning over hjemmeside lavet med fireworks kan også laves som blyanttegning.
Arbejde med billeder:
Under Bitmapværktøjer er der mange tutorials som også kan bruges til til at arbejde med billeder.
Skær halvbue billede ud af google map billede
importer billede til scenen og lav en collage (når billedet er importeret dannes en vinkel og ved klik med musen på scenen sættes billedet ind, hvor vinklen befinder sig)
Klip maske ud af billede med sløret kant med Bitmap Masking
Få en sløret baggrund med gaussian blur og brug pen tool til at lave en masken
spejlvend tekst og billede vertikalt og horisontalt
retvend billede som er spejlvendt
retvend spejlvendt billede af sten (demo med lyd)
spejlvend et billede horisontalt og vertikalt - menulinie - modify - transform - flip horizontal
sæt ramme om billede - Menulinien - Commands - Creative - Add Picture Frame
sæt sepia tone (gammel brun fotografi effekt) på billede
sæt transparente kanter på billede
vægtelefon billede ændres med levels (menulinie - view filters - color ajust - levels)
sæt sløret kant på på grafikfigur brug Oval Marquee tool i bitmap ( hold Shift nede så kan du tegne flere figurer )
farve bliver blandet ind i billede (vektorgrafik)
cool fotorammer effekter ( virker i Fireworks 8 og Mx 2004, virker ikke i CS3, ved ikke om det virker i CS4 og CS5)
(NB! convert Path to Marguee kan bruges både til vektor filer og bitmapfiler)
lav runde hjørne på billede med en maske (maske til alle vektor figurer kan anvendes)
swap billeder i fireworks (Klik på miniature billede og swap om til et stort billede - lær om lag i fireworks)
arbejde videre med swap billede og lave en hussalgsannonce
åben et photoshop billede = psd extension i FIREWORKS ( du kan også gemme et billede som psd = photoshop)
blege billede med nedtonet kant (kan også bruges til at lave et nedtonet baggrunds billede som eventuelt kan bruges til vandmærke)
fading billed til sort/hvid og farve område med ulden kant
fjern baggrund med tryllepind (magic wand)
fjern hvid baggrund på gul rose (magic wand)
fjern bums med Rubber Stamp Tool (gummistempel)
figur bliver klippet ud billede med lassoværktøjet som er et bitmapværktøj
sæt billede ind i vektorfigur (past inside)
Skift rød farve på rose til gul med Replace Color Tool (skift farve værktøj)
sæt vandmærke eller logo i billede
sæt skråkant på billede - outer bevel
skær en skråtstillet figur ud af et billede
runde hjørner på regtangel (de runde hjørner gør eksempel vis et banner pænere at se på)
afmaske billede som regtangel med runde hjørner og giv det nedtonet kant
sæt hotspot på billede af bil (hotspot bruges til at lave link med, i dette tilfælde linkes til et billede af en større bil)
filtereffekten Alien Skin Splat
tilføj billede til bærbar computerskærm
twist og fade effekten (alt efter som ud hiver i skyderne kan der skabes mange sjove effekter)
udtone billede omkring et hoved, så det cirkelformet hoved kommer i focus
Brug biblioteket i Fireworks:
Et symbol er et objekt, der er gemt i et bibliotek. En forekomst er en kopi af et symbol der kan anvendes igen og igen
d.v.s. skab engang og brug mange gange!
konverter grafik til symbol (genvejstast F8 som i Flash)
Arbejde med tekst:
Når du skal arbejde med tekst i Fireworks klikker du på A i værktøjskassen i venstre side og så på scenen så kan du bare begynde at skriv, du har så mange muligheder for at redigere teksttype, størrelse osv.
Lav transparent tekst med convert to path let (tekst bliver nu til vekstorgrafik)
lav hul med tekst i sort regtangel så du kan se baggrundsbilledets som bogstaver
lav tekst som bøjer sig omkring en bue
ændre kantfarve og kanttykkelse på bogstaver med blyanten (pencil)
brug filter emboss (præge) effekt under filter i properties til tekst
kopier og past tekst og billeder ind i fireworks
bogstav modulering - ændre på de enkelte bogstaver (farve, stregtykkelse, gradient, farve m.m.)
skriv tekst med raised imboss filter effekt (transparent tekst)
indsæt special characters (special karakter som foreksempel copyright)
farv enkeltbogstaver og sæt stregfarve på bogstaver i teksten (Lucida Handwriting, størrelse 57, bold)
skriv tekst og ændre stregtykkelse og sæt skygge på tekst (valgt tekst er Edwardian Script ITC)
lav textured (struktur) tekst (her er ultra mange muligheder for texture og kombinere med farver)
transparente teksteffekt Bevel og Emboss = facet og relief bliver sat på en tekst
shiny texture tekst med hvid gradient i midten
skriv tekst med tekstfarve, stregfarve og skygge
sæt bevel og emboss på grønne bostavtekst (skråkant og kantskygge)
billede bliver brugt som tekstfarve i bogstaver
sæt billede ind i bogstavtekst og sæt skygge omkring teksten
lav personlig signatur ved brug af Filters - Noise funktionen
ultra nem tekst effekt med STYLES (kan for eksempel bruges til banner)
ændre horisontal tekst til vertikal tekst (lodret tekst)
tekst bliver buet om en elipse med attach to path og vektor elipse værktøjet
Bitmapværktøjer (Tools) i Fireworks:
Hvis du har fotos er det vigtigt at tænke på at alle fotos består af bit - så skal Bitmapværktøjet bruges!
jpg og gif extention er bitmap - husk på når delgrafikken gemmes så SMELTER disse sammen så delelementerne ikke mere kan redigeres.
polygon lasso tool fjerner støv og ridser fra et gammelt foto (metoden kan bruges i næsten alle fotoredigeringsprogrammer)
klip maske ud af billede med sløret kant med Bitmap Masking
Brug bitmap beskær værktøjet = cropping tool
lav sløret (transparent) effekt med bitmap viskelædderet i et bælte foroven på billedet
lasso værktøjet bruges til at klippe et billede ud med og udklippet sættes ind i et andet billede
fjern pletter og ridser fra gamle beskadiget foto med bitmap penslen
brug zoom tool (Værktøj også kaldet magnify, som kan gøre din hverdag meget nemmere)
skift hvid baggrund på billede ud til anden farve med tryllestav (Magic wand) Tyllestavens "niveau" justeres i tolerence
(samme princip for næsten alle fotoredigeringsprogrammer)
skær cirkelformet billede ud med Bitmap Oval Marquee tool og sæt (paste) det ind i andet billede
(husk hvis du holder SHIFT ned tegnes en cirkel med nedtrykket musetaste ellers tegnes en elipse)
brug af gradient tool (der er mulighed for at lave mange forskellige figurer med forskellig gradient)
combine path union (svarer til gruppering af elementer i Microsoft Publisher)
skær et område ud af et billede med lasso tool
rename_imagesDSC04331_DSC04339_til_img1_img9
(batch process) ( multiomdøb - bruges hvis du for eksempel har en mappe med lysbilleder1990_1 og en mappe med lysbilleder1990_2 som indeholder samme image navne. Så ændre du blot images i mappen lysbilleder1990_2 til fortløbende numre fra sidste image nummer i mappen lysbilleder1990_1.
brug skew tool ( viser hvordan et billede får et skew'et (skruet) udseende)
fjern hvid baggrund på billede med tryllestav - magic wand (efterfølgende kan baggrundsfarven ændres)
Brug af morphing (forvrængning med fingeren) (Bitmap værktøjet kan give mange sjove effekter)
Vektorværktøjet i Fireworks:
Husk vektor beskriver grafik matematisk og er ikke påvirket af pixels og har extension png. Vektorgrafik kan skaleres uden at foringe kvaliteten, modsat bitmap, som er opbygget af bits - pixels.
Vektor værtøjet bruges til at skabe "grafik figurer". Vigtigt: Når de enkelte delelemter gemmes som png kan delelementerne REDIGERES bagefter.
brug Autoshapes (Sunburst = solstråle) under Assets (hjælpeværtøjer) (lav solstråler)
lav en gradient grøn ramme kant
lav en grøn kugle med et hvidt gradient område foroven
lav skyer (lav først en "storsky" med elipseværktøjet - så Modify - Combine Paths - Union)
brug vektor kniven til at skære i figurer med
Lav en vektor firkant med runde hjørner og med glow (glød) effekt
lav spiralfigur som kan bruges eksempelvis til logo
lav funklende stjerne over lysthusets tag (ændre størrelse, antallet af stjernespidser og afstanden til centrum)
lav dine egne mønstre = patterns og strukturer = texture (mulighederne er mange)
fremstilling af Google Map Drop pegepin figurer (farverne kan ændres let)
lav let talebobbel med assets shapes (ligger under Windows - Autoshapes - Assets - Shapes)
sæt billede af blå ko med inner glow filter ind oven i et andet billede
importer et billede ind i et andet billede og bestem størrelsen med musen af det importerede billede
aendre til fast billedbredde for mange (gruppe) billeder samtidig (batch progress)
viser et regtangel med ulden kant bliver sat ind på et billede let (skær billedel ud)
viser mulighed for en farveeffekt som bliver sat ind på et billede og kan flyttes rundt på billedet
sæt ulden kant omkring et billede let (Vector Pen Tool kan også bruges til at afmærke området)
(tilsidst vises med subselection skew tool kan der hives i et hjørne uden at de andre hjørner ændrer sig)
ret skævt billede op med distort tool
let wireframe - starttegning over hjemmeside lavet med fireworks kan også laves som blyanttegning.
Lav fotoalbum med fireworks:
lav en collage (Collage kan bruges til meget, der er mulighed for at klippe i collagen og f. eks. bruge den som banner)
superlet fotoslideshow - keep it simple med lag og rammer (du kan frit vælge størrelse på og antal af billeder)
Eksempler på ting lavet i Fireworks:
sæt ramme om et af Piets Heins gruk
lav talebobler nemt ( vektor regtangel der bliver ungrouped for at dele regtanglet op i delelementer)
brug replace color tool - skift farve på billedelement
sæt ramme på billede med Commands - Creative - Add Picture Frame
behold tulipanens røde farve og lav alt andet sort-hvidt
(Dette kan du gøre efter samme princip med næsten alle fotoredigeringsprogrammer)
(samme princip for næsten alle fotoredigeringsprogrammer)
et tiger farvebillede bliver ændret til en sort hvid blyanttegning
(mulighed med sharpen at ændre skarpheden)
et tiger farvebillede bliver ændret til sort hvid billede
(med Creative - Commands - Convert to Grayscale)
( Hvis du peger med musen på farve billedet skifter det til et sort hvidt billede)
lav en figur og sæt et billede ind i figuren
(konfigurer vektor stjernen og brug paste inside til at sætte billedet ind i figuren med)
Scan billede med Fireworks
scan billede ind med fireworks ( fireworks åbner min HP scanner som er indstillet til 300 dpi og du har mulighed for at vælge mellem Printer eller Webcam)
text path (sæt buet tekst inden i eller udenpå cirkel)
Arbejde med symboler, lag, rammer og skab animationer
Fireworks store force er grafikprogrammet kan arbejde i lag, som kan synlige, usynlige, låses og ikke låses.
gul tekstanimation som roterer (niveau - nem)
indsætning af animation (Planet) fra common library (husk at gem som animeret gif)
eksport af slideshow_animation.gif til Flash (gemmes som swf fil)
Opret knapper, tekst og navigationstionsværktøjer
smukke knapper og tekst med assets (nemmere kan det ikke være)
Page updated
Google Sites
Report abuse