Transperacy over et baggrundsbillede

PS: Det skal se ud som, at billedet ligger hen over baggrundbilledet over i den næste frame, som har en ensfarvet baggrund.

PPS: Jeg arbejder i Adobe Photoshop og Adobe ImageReady. Jeg har også Illustrator og ImageStyler.

Hvad er det du vil lave? Transparente giffer til en internetside?

Det fnidder der er i kanten er de pixler der i photoshop/imageready er halvgennemsigtige. Når du i imageready\'s Optimize vælger matte, så skal du fortælle hvilken farve billedet skal ligge over, så får kanterne en farve der ligger imellem den farve, og billedets egen. (håber du forstår).

Det går fint med en ensfarvet baggrund, men dårligt med en \"mønstret\" baggrund, som dit baggrundsbillede sikkert er.

Når du siger at kanterne bliver hvide, så er det fordi det er det du har valgt. Hvis dit baggrundsbillede har en fremherskende frave, fx. hvis det overvejende er blåt, så vil det være en god ide at prøve at vælge en mattefarve der er blå og måske ikke for kraftig. Det kunne løse problemet. Ellers må du søge helt andre løsninger.

Vis mig evt siden, som du vil have den ser ud, og hvad du har nu

Har du en e-mail. IDanielsen?

Ja, det er en tranparent gif. Og ja, baggrunden i den ene frame er mønstret, med 2 lyse, blå farver, samt et pattern (hvide, vandrette striber med 3pixels mellemrum). Jeg har lige prøvet \"matte\" samt baggrunds-\"motiv\". Det hjalp ikke.

Eller skulle jeg måske lave teksten som en del af baggrundsbilledet, og på en eller anden måde få det resterende af teksten over i den anden frame, så de støder nøjagtigt ens sammen? Eller har du et helt femte forslag?

Jeg har set en .....eps....? - fil, som var MEGET skarp i kanterne. Jeg MENER det programmet var lavet i Adobe Illustrator V8.0. Kan det ikke passe? Og kunne det ikke være en mulighed, så man undgår de flossede kanter?

Nej. illustrator laver godt nok skarpe kanter, men eps\'er kan ikke vises på internettet.

Det ville være det bedste at lave teksten og baggrunden sammen i et billede.

Min email: ldanielsen@yahoo.com

send både imagereadyfilen og internetsiden, så kigger jeg på det

Hej Idanielsen!

JEG KLAREDE DEN!! Jeg lavede teksten som en del af billederne. Den er hjemme!

MEN...du kan få de 30 point ved at hjælpe mig med en anden sag:

Jeg skal lave nogle symboler:

1. En åben konvolut (send en mail)
2. Et lyn (opdater siden)

etc.

Det skal laves i en hvid stregtegning. Men symbolerne skal så være transparente til den ensartede baggrundsfarve. Og de må gerne være lidt \"hævede\" (emboss el. lign.).Kan du hjælpe med det istedet?

Jeg sætter så en lille forklarende tekst ned under billedet: \"Opdater\", \"Kontakt os\", \"Føj til foretrukne\".....

Lige en indskudt bemærkning: Nej, jeg ved godt, at eps\'er ikke kan bruges til Internettet, men når det er så skarpt i kanterne mente jeg, at man kunne lave så skarp en kant, som kunne skille sig ud fra baggrunden. Bruger man bare tekst i PhotoShop, bliver kanten af bogstaverne meget flossede.

Andre der kan?

Jeg kan ikke tegne, og har hverken lyn eller kuverter på lager.

Men jeg kan forklare dig hvorfor problemet med de flossede kanter opstår!

MEGET GERNE :o)

Du får de (sølle) point som tak for din tid

Jeg får forklaringen på et tidspunkt?

Jamen så hør her:

Billeder består af pixels. Derfor, hvis du skal lave en skrå linie, så bliver den nødt til at være en lille \"trappe\", som du kan se hvis du zoomer ind på den.

Så bliver kanterne takkede!

Lav et tekstlag i photoshop, og sæt Anti-Alias til None, så kan du se at teksten bliver takket.

Derfor vælger vi at lave antialiasing. Det glatter kanterne ud, så det ser pænt ud. Det der sker, er at pixlerne i tekstlagets kanter bliver halvgennemsigtige.

Så hvis du laver en sort tekst på hvid baggrund, så bliver teksten sort, men med en tynd kant af lyserer eller mørkere grå pixler.

OK, så sætter du aitialias til crisp Smooth eller strong, der er ikke så meget forskel, og så siger du til imageready (eller photoshop) at den skal lave en gif af det billede, og at den skal gøre alle hvide pixels usynlige (Nu vil du måske protestere, og så skal jeg nok svare, men det er faktisk det du gør, selvom det ser lidt mere smart ud i programet).

Du vælger Matte, og sørger for at mattefarve er hvid. Du gør baggrunden usynlig (fjerner øjet ved \'Background\' eller \'Layer 0\' eller hvad det nu hedder i Layers-paletten). Du sætter kryds i transparency og vælger en palette med mindst 16 farver, Perceptual.

Så lægger du giffen ind på en hjemmeside med hvid baggrund. Flot, fine jævne kanter. Så gør du baggrunden RØD. GRIMT, teksten har kedelige grå kanter.

Ja, det har den nemlig, for det var det du bad om i Imageready. Det er kun én farve der er usynlig. De grå pixler i kanten bliver ikke halvgennemsigrige, som de var i Imageready. De er grå.

Tilbage i imageready:
Vælg rød som mattefarve, skift fra \'Original\' til \'Optimized\' i fanerne over billedet. Nu er kanterne røde eller rød-sorte (mørkerøde?), som de skal være hvis de skal stå mod en rød baggrund. Gem den og se at det ser perfekt ud på siden med rød baggrund.

Så hvis baggrunden ikke er ensfarvet har man et problem. Og det rækker temmelig vidt, men jeg har da nævnt noget i det første svar.

Håber det kunne bruges
Hilsen Lars

Jamen, det kan da, Lars! Tusind tak for flotte svar!

Fortsat godt nytår