"Jesper F. Jørgensen" <dsl33195@vip.cybercity.dk> skrev:
> I Photoshop skal jeg lave et billede (en menu) med en forholdsvis lille
> skrift størrelse (omkring størrelse 12), men skriften bliver en smule
> grumset. Jeg har forsøgt mig med Arial, størrelse 12 (skriften er skrevet
> med STORT), bold og strong - ellers bliver den for svag. Men som sagt
> skriften bliver ikke "ren". Er der nogle der har forslag til hvordan det
> gøres bedre, hvilke indstillinger og hvilke fonts er gode til formålet?
Har du prøvet at slå anti-aliasing fra? Det er som regel en god idé
at gøre hvis det er lille skrift du har med at gøre da anti-aliasing
slører teksten eller "fader" de yderste pixels i din skrift. Nu ved jeg
ikke hvilken version af Photoshop du bruger, men i version 6.0 kan
du vælge tekstværktøjet og så vælge "None" i det felt der har med
anti-aliasing at gøre i værktøjsbjælken.
<URL:
http://www.wol.dk/~hijklm/photoshop/antialiasing.gif >
Mht. skriftvalg så er det i hvert tilfælde dumt at vælge serif-skrifter
Altså fonte med fødder og andre "krummelurer" på. Specielt ikke
når det er forholdsvis små skriftstørrelser som skal kunne læses
på skærm.
Hvis du bruger Windows og True-type så har Microsoft udgivet en
pakke med fonte som skulle være fine til skærm hvad angår læs-
barheden. Du kan hente dem her:
<URL:
http://www.microsoft.com/truetype/fontpack/ >
> Skriften på
www.chart.dk ved "Tilmeld website" er pæn - gerne noget lignende
> den (bare ikke kursiv). Er der for resten én der ved hvordan man laver sådan
> en "fade-out" som chart benytter (en tutorial til gif-animationen ville være
> alletiders)?
Hvis du i forvejen har Photoshop så har du sikkert også Image-
Ready. Det nemmeste for dig er simpelthen at gemme billedet
på disk og så studere hvordan det er lavet. Hvis jeg henter det,
så kan jeg se det består af 5 "frames" som du kan sammenligne
med lag i Photoshop. De optræder for øvrigt også som lag i
ImageReady, som på mange måder ligner Photoshop i opbygning.
Du kan jo evt. prøve at lure denne her:
<URL:
http://www.wol.dk/~hijklm/imageready/chart.gif >
ImageReady afslører det hele. Den viser at den første frame står
der i 3 sec. og bliver så afløst af de tre efterfølgende, som hver
især står på skærmen i 0.1 sec. før de skifter. Den sidste frame
står der i 5 sec. hvorefter hele balladen starter forfra.
De gange jeg har rodet med animerede gif'er har jeg lavet for-
arbejdet i Photoshop og så lavet selve animationen i Image-
Ready, men egentlig er ImageReady opbygget så du sagtens
kan lave det hele fra bunden af i den. Alligevel kan jeg bedre
lide at bygge det op i Photoshop og så først sende det hele
til ImageReady når det er som jeg vil have det, men det er jo
smag og behag.
Som du ser så er det egentlig uhyre simpelt bygget op.
Du kan jo f.eks. åbne et billede af en sød pige inde i Photoshop
og så stille billedet i den størrelse det nu skal have den færdige
gif til at være i.
Pixeldimensionerne på grafikken fra chart.dk er 110x160 pixels
og det gælder jo om ikke af få den for stor så den tager for lang
tid at hente. (Den fra chart.dk fylder 40.6 Kb.)
Nu bygger du simpelthen din animation op i Photoshop.
Hver gang du skal have et skift i animationen så laver du et nyt
lag i lagpaletten og på hver enkelt lag laver du de effekter som
nu skal foregå. Som du ser på grafikken fra chart.dk, så har de
taget farvemætningen af det første lag. Det næste lag har så
fået lidt mere farve, mens teksten på laget er kørt ned i gennem-
sigtighed. Næste lag igen har så fået lidt mere farve og teksten
er kørt endnu mere ned i gennemsigtighed. Det sidste lag har
så fået fuld knald på farven og teksten er skiftet ud med det
der nu skal stå til sidst.
Når du har alle dine lag som de skal være i Photoshop, så
trykker du Shift + Ctrl + M eller klikker på det lille ikon nederst
i værktøjspaletten.
<URL:
http://www.wol.dk/~hijklm/imageready/palette.gif >
- hvorefter ImageReady vil starte og dit billede vil ende ovre
i det program helt automatisk.
Nu vil du så kunne se dit billede lidt på samme måde som i
Photoshop. Hvis du kigger i din lagpalette så har du alle lagene
endnu, men du skal have lavet frames ud af dine lag for at kunne
få bevægelse i det. Hver frame er det samme som det enkelte
billede i en tegnefilm, kan man vel egentlig godt sige.
Prøv at gå op i Window og vælge Show Animation, hvis du ikke
allerede kan se den. Nu får du en palette frem hvor du kan se
en enkelt frame i. Denne frame svarer til det første lag i din lag-
palette, men du skal jo have lavet en frame ud fra hvert lag, og
det kan du gøre i sidemenuen til animation-paletten. Funktionen
hedder "Make Frames from Layers":
<URL:
http://www.wol.dk/~hijklm/imageready/make_frames.gif >
Som så resulterer i dette:
<URL:
http://www.wol.dk/~hijklm/imageready/frames_maked.gif >
Nu er der ikke langt igen. ;)
Du skal nu have stillet hvor lang tid du vil have hver enkelt frame til
at optræde i sekunder. Det kan du gøre ved at klikke på den lille
pil nedenunder hver frame.
<URL:
http://www.wol.dk/~hijklm/imageready/delay.gif > Her kan
du vælge imellem nogle faste værdier, eller du kan klikke på den
der hedder "Other" og så selv skrive en eller anden værdi.
(Du kan vælge alle frames på en gang ved at klikke på den første,
trykke shift ned og så klikke på den sidste, eller du kan bruge Ctrl.
til at markere enkelte frames ud, på samme måde som når du
markerer flere filer i en mappe i Windows f.eks.)
Så er der kun tilbage at bestemme hvor mange farver din Gif skal
ligge i og samtidig finde ud af hvor meget den kommer til at fylde.
Antal farver har jo indflydelse på filstørrelsen bla. Til det har du en
palette der hedder Optimize. Her kan du stille antal farver og nogle
andre ting, som jeg ikke gider at komme ind på her.
Hvis du samtidig klikker på det felt over dit billede der hedder
Optimized, så kan du se hvad det fylder ved forskellige antal farver
og hvor lang tid det tager at hente med et 28.8k modem, eller hvad
du nu vælger at stille den til.
<URL:
http://www.wol.dk/~hijklm/imageready/colors.gif > Som du
kan se så fylder den mere, jo flere farver du vælger at putte i.
Tricket går så ud på at man ikke putter flere farver i end der er
behov for, men selvfølgelig nok til at man kan vise det man gerne
vil vise.
Når du har stillet det så er der kun tilbage at trykke Shift + Ctrl
+ Alt + S (eller File => Save Optimized As) - og så er den potte
sådan set ude. Husk på at du altid kan trykke Ctrl + Alt + P inde
fra ImageReady og så se animationen i den browser du har
installeret. Mange gange er det en bedre idé end at se på
animationen inde i ImageReady med Play-knappen i Animation-
paletten, for den passer ikke for godt med den hastighed man
reelt kommer til at se den med i browseren.
Jeg har lige lavet en hurtig Gif som du kan tjekke på følgende link.
Den har samme størrelse som den fra chart.dk hvad pixeldimen-
sioner angår, og antal sekunder hver frame bliver vist i er også det
samme. Dog er indholdet ikke helt magen til. Man skulle jo nødig
bliver kaldt for copycat ;)
<URL:
http://www.wol.dk/~hijklm/imageready/minegen.gif >
--
Mvh. Madsen
(Remove »who« in email)