[Photoshop] Witte schaduw achter tekst

[Anoniem: 178981]

Ik vraag me al een tijdje af hoe ik dit onderstaande effect kan creeeren. Ik doel op de witte schaduwachtige rand bij de Log in en Register kopjes.



Ik zit wat te knoeien met de Drop Shadow functie, maar het ziet er niet naar uit dat dat de manier is.. Heeft iemand een idee hoe ik dit effect kan bereiken?

Alvast bedankt!

[CyBeR]

Dat zijn twee heel subtiele (1px) schaduwrandjes. Een naar linksboven (donker), een naar rechtsonder (licht). Te doen door de tekst tweemaal te dupliceren, die beide achter je origineel te proppen, licht en donker maken en offsetten. Blurren naar smaak.

[Anoniem: 275639]

Lijkt mij als een inner bevel van indd 1px ipv schaduw. Meestal is schaduw in de richting van zwart. Kan aan mij liggen

[NMe]

In CSS3 kun je dit proberen te simuleren met shadows maar ik zou dit inderdaad in Photoshop gewoon met bevels doen, ja.

[Tjeemp]

Over het algemeen zijn het outer bevels of drop shadows (in css text-shadows).

De drop shadow in Photoshop niet vergeten op een andere blend mode (normal) te zetten. Gebruik zelf meestal een offset 0px horizontaal, 1px verticaal. (lichtbron van precies boven dus)

[Anoniem: 178981]

Dank! Ik weet voldoende!

[2020Media]

Volgens mij kan dit veel simpeler, gewoon je text duplicaten wit maken en een offset van 1 px down geven:

[Stukfruit]

Sites waarop je dat ziet gebruiken 9 van de 10 keer CSS3, bekijk dezelfde sites maar eens in bv. IE
Goede manier om mensen over te halen een Webkit-browser te gebruiken, je site wordt er mooier van

[NMe]

ZypherNL schreef op woensdag 23 juni 2010 @ 13:22:
Volgens mij kan dit veel simpeler, gewoon je text duplicaten wit maken en een offset van 1 px down geven:

[afbeelding]

En dat noem je simpeler? Het is duplicated content (wat je kan afvangen door het met javascript te printen, fair enough) en als je spul wil selecteren/kopiëren dan is dat een hel. En dan heb ik het nog niet over screenreaders voor blinde mensen.

Als je geen CSS3 wil/kan gebruiken, dan is een image met een goeie alt nog altijd een betere oplossing.

Stukfruit schreef op woensdag 23 juni 2010 @ 13:31:
Sites waarop je dat ziet gebruiken 9 van de 10 keer CSS3, bekijk dezelfde sites maar eens in bv. IE
Goede manier om mensen over te halen een Webkit-browser te gebruiken, je site wordt er mooier van

Niet alleen Webkit hoor. Alle non-Trident-browsers werken over het algemeen prima met CSS3.

[ Voor 25% gewijzigd door NMe op 23-06-2010 13:51 ]

[jorde]

Meest makkelijke manier imo:

bevel and emboss met de volgende instellingen

outer bevel
smooth
depth 100%
direction down
size 1
soften 0
angle 90
altitude 30
closs contour normaar (diagonale lijn)
highlight mode screen kleur wit
opacity 35%
shadow mode 0% opacity

Hier kun je dan ook makkelijk mee spelen. En op deze manier houd je dropshadow etc over voor andere effecten.

[Anoniem: 226971]

Hier ook een manier. Met de oppacity van de highlight mode moet je ff spelen.. Verschilt per achtergrond.

[ Voor 41% gewijzigd door Anoniem: 226971 op 23-06-2010 15:17 ]

[Giant87]

En het heet letterpress effect:)