Tekst anti-aliasen in Photoshop
5 mei 2003 - 19:54   
geplaatst door: mvdg
Stel het volgende probleem:

Ik maak een website met een achtergrondplaatje. Daaroverheen wil ik een tekst zetten in de vorm van een transparante GIF.

Als ik een GIF maak in Photoshop krijg ik een anti-alias naar wit toe. Daarmee bedoel ik dat als ik zwarte letters gebruik, PS ze 'glad' maakt door de rand lichtgrijs te maken (naar wit toe, als het ware).

Maar als ik nu een achtergrondplaatje heb met bijvoorbeeld veel blauw erin, hoe zorg ik dan dat de letters in het GIF bestand geen witte maar blauwe randjes krijgen?? De letters moeten natuurlijk glad overlopen in de achtergrond.

Ik heb geprobeerd een laag met de goede kleur onder de tekst te zetten op het moment dat ik de laag omzet van tekst naar pixels (Layer > Rasterize > Type) maar dat werkt ook niet..

Kan iemand helpen hoe ik dit moet doen?

Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
Tekst anti-aliasen in Photoshop
5 mei 2003 - 23:02    reactie #1
geplaatst door: Natalia
Heb je het al als PNG geprobeerd? Dan blijven de randen meestal wel transparant.
Of een bv "slagschaduw"? (heb sinds 3/4 weken Photoshop elements in de NL versie, weet even het preciese Engelse woord niet, behalve gewoon "shadow")
groet, Natalia
Tekst anti-aliasen in Photoshop
6 mei 2003 - 01:43    reactie #2
geplaatst door: Vasilis
vanaf versie 5.5 is er de mogelijkheid file -> save for web... Hierin kan je de matte (=randje) kleur aangeven.

Verder kan je de ruimte om de tekst selecteren met de toverstaf (zonder antilias), selectie 1 pixel vergroten, het plaatje plat maken, de overgebleven laag dupliceren, de onderste laag onzichtbaar maken, de selectie weggooien en voila, beter kan niet.

Vasilis
Trash Chique, nu ook via RSS
het schaftlokaal, uiteraard ook via rss
Tekst anti-aliasen in Photoshop
6 mei 2003 - 03:47    reactie #3
geplaatst door: Powerbooky
Misschien zijn de volgende 3 manieren iets? (Photoshop 7)

A: Het meest simpele is de gehele tekst zonder transparency in een GIF te zetten. Dus met de juiste kleur / plaatje er al achter.

B: Maak je documentje met transparante achtergrond aan. Klop je tekst in.
Voeg een extra effect toe: OUTER GLOW. In dit effect: Stel de kleur in van de achtergrond, de BLEND MODE naar NORMAL zetten, Opacy naar 100%, Spread 0%, size een pixel of 4.
Vervolgens SAVE FOR WEB.
Dit werkt natuurlijk alleen bij een monochrome achtergrond.

C: Maak je documentje aan met alle tekst. Je achtergrond als LAYER eronder zetten. Doe vervolgens LOAD SELECTION terwijl je op je text-layer staat. Kies LAYER TRANSPARANCY en NEW SELECTION. Heb je meer tekst lagen of andere lagen (behalve de achtergrondlaag) dan herhaal je de LOAD SELECTION waarbij je ADD TO SELECTION kiest.

Daarna als het nodig is SELECT -> MODIFY -> EXPAND met een paar pixels.

Vervolgens SELECT -> INVERSE

Nu kun je 2 dingen doen, of wel SAVE AS als GIF (de selectie wordt de transparancy)
Of de gemaakte selectie gebruiken om via EDIT -> CLEAR de achtergrond schoon te maken. DESELECT en dan SAVE FOR WEB.

(Bewerkt door Powerbooky om 4:07, 6-05-2003)

Smart people usually do their things on a Mac!  | Mac mini 2009 | Mac mini 2014 ProxMox | Mac Pro 2008 | MacBook Pro 2019 | Mac mini M4 pro
Tekst anti-aliasen in Photoshop
6 mei 2003 - 09:17    reactie #4
geplaatst door: Fabio
Citaat
Vasilis om 1:43, 6-05-2003

vanaf versie 5.5 is er de mogelijkheid file -> save for web... Hierin kan je de matte (=randje) kleur aangeven.

als je je document opzet met een lege achtergrond (de blokjes) en vervolgens 'opslaan voor web' kiest heb je het mooiste resultaat..  :biggrin:

volgens mij zijn selecties, effecten etc niet nodig hoor. stel wel de juiste anti-aliasing in (hoe kleiner hoe 'harder' is mi het mooist)

Tekst anti-aliasen in Photoshop
6 mei 2003 - 09:33    reactie #5
geplaatst door: Peter Villevoye
Citaat
Vasilis om 1:43, 6-05-2003

vanaf versie 5.5 is er de mogelijkheid file -> save for web...
Hierin kan je de matte (=randje) kleur aangeven.

Daar moet je het inderdaad van hebben !
In de nederlandse versie(s) heeft deze optie echter allerlei termen gehad:
Matte, Zwak, Rand, vanalles. Als je (in je originele beeld) maar ruitjes ziet
en het knopje "Transparantie" aan hebt staan. Kies dan de kleur, en als je
achtergrondbeeld meerdere kleuren heeft, kies dan een goeie gemiddelde.
En als dat niet goed genoeg is, dan... is je achtergrondbeeld veel te 'druk' !
Ga terug naar AF; U bent geen webdesigner; U ontvangt geen 400 Euro ;-)

Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Tekst anti-aliasen in Photoshop
6 mei 2003 - 09:58    reactie #6
geplaatst door: mvdg
Dankjewel allemaal. Fijn om snel zoveel reacties te hebben.
Ik denk dat voor mijn geval inderdaad de Matte functie bij het opslaan het beste is. Weet ik eindelijk wat die precies doet!  :colgate:
Alleen nog even voor elk plaatje de meest geschikte 'gemiddelde' kleur opzoeken om te gebruiken.
Nogmaals dank!

Michael (mvdg)

Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl