We laten je een interessante techniek zien waarmee je knoppen voor webpagina's kunt maken die eruit zien als golvende vellen papier.
Hiervoor heb je het filter Shear nodig dat je toepast op een eenvoudige rechthoekige vorm.
Vellen papier
Het is een goed idee om het vel papier te maken voordat je het laat vliegen.
Wij willen een eenvoudig crèmekleurig vel met een paar letters.
Je kunt de tekst het beste direct na het vel papier maken zodat je beide op dezelfde manier kunt vervormen.
- Maak een nieuw document van 200 x 200 pixels en vul dit met wit.
- Maak een nieuwe laag en noem hem Layer 1.
- Maak een rechthoekige selectie. Dit wordt het vel papier.
Zorg voor voldoende ruimte rondom de selectie om het vel te kunnen draaien en laten golven. In dit voorbeeld is de selectie 100 x 150 pixels. - Selecteer een voorgrondkleur voor je pagina en vul de selectie hiermee.
In dit geval hebben we gekozen voor een crèmekleur (RGB-waarden 255, 255, 204). - Hef alle selecties op.
Als een echte knop wilt maken met tekst, is dit de tijd om de tekst te typen.
Gebruik hiervoor het standaardgereedschap Type en kies de gewenste kleur.
Laat de lagen met het vel papier en de tekst voorlopig nog apart.
We gaan eerst nog een paar dingen aanpassen.
Uitlijning
Als je tekst wilt zetten op je vliegende vel papier, wil je natuurlijk dat deze goed op het midden van de pagina staat. Dit is een van de functies in Photoshop 5 die we je leren gebruiken.
- Koppel de laag Text aan de laag Layer 1 en controleer of Layer 1 geselecteerd is.
- Selecteer Layer > Align Linked > Vertical Centre.
- Selecteer Layer > Align Linked > Horizontal Centre.
De tekst staat nu keurig in het midden van de pagina op Layer 1.
- Selecteer Layer > Merge Linked om de tekstlaag en Layer 1 samen te voegen tot één laag.
De pagina is klaar, maar we moeten het grootste deel van het werk nog doen.
We moeten het vel papier vervormen.
Golven
We gaan één filter gebruiken om het vel papier te vervormen en het te laten vliegen: Shear.
Met dit filter kunnen we heel eenvoudig een bepaalde curve toepassen op een laag.
- Selecteer Filter > Distort > Shear.
Het dialoogvenster Shear wordt geopend. - Maak een S-vormige lijn op het raster in het dialoogvenster en klik op OK.
Dit is het belangrijkste van de vervorming.
We laten het vel papier nu hellen met de opdracht Rotate voor een nog mooier effect. - Selecteer Edit > Transform > Numeric en geef 70° op in het vak Rotate Angle.
Je kunt zelf bepalen of je het vel staand of liggend wilt laten vliegen.
De tekst is moeilijker te lezen naarmate het golvende vel verder van de horizontale as af komt.
Het vel vliegt!
Het resultaat is alleen niet erg realistisch.
Dat is ook niet zo gek, er is geen diepte of licht!
Licht
De gedeelten van het vel die golven zijn meestal helderder en andere gedeelten vallen in de schaduw.
Nogal logisch! We gaan het gereedschap Airbrush gebruiken op een nieuwe laag om deze schaduw heel nauwkeurig te simuleren:
- Maak een nieuwe laag met de naam Layer 2 en stel Mode in op Multiply.
- Ctrl-klik op Layer 1 op het palet Layers.
Hiermee maak je een selectie die dezelfde vorm heeft als het vel papier.
Zo voorkom je dat je buiten de lijntjes gaat als je de airbrush gebruikt.
Bovendien kan je de oorspronkelijk afbeelding niet verknoeien door een fout als je een aparte laag gebruikt. - Selecteer een voorgrondkleur voor de schaduw.
Wij hebben de volgende RGB-waarden gebruikt: 153, 153, 0. - Selecteer het gereedschap Airbrush met een Size van 35 pixels.
Je kunt het beste een ronde vorm kiezen omdat dit een realistischer schaduw geeft. - Stel de Pressure van de Airbrush in op 10%.
De schaduw wordt zo heel licht en je kunt hem steeds een beetje donkerder maken.
Wanneer het resultaat naar je zin is, hef je alle selecties op en selecteer je Layer > Merge Down.
Je vel papier en de schaduw zijn nu samen gegroepeerd op één laag.
Schaduw
We moeten nog één detail afmaken voor we klaar zijn met het vel: de schaduw.
Zo krijgt de afbeelding meer diepte en wordt het resultaat nog echter.
- Kopieer de laag Layer1 en geef de nieuwe laag de naam Shadow.
- Leg de laag Shadow onder Layer 1.
- Schakel het selectievakje Preserve Transparency op het palet Layers in.
- Vul de laag Shadow met zwart.
Je hebt nu een slagschaduw gemaakt achter het vel papier. - Selecteer Edit > Free Transform en roteer, hel en plaats de schaduw zoals je hem wilt hebben.
Druk op Enter om de transformatie toe te passen op de laag Shadow.
- Stel Opacity voor de laag Shadow in op 20%.
- Selecteer Filter > Blur > Gaussian Blur en pas een Radius toe van 4 pixels. Zo maak je de randen een beetje wazig.
Nu is het vliegende vel papier helemaal klaar.
Als je een paar van dit soort vellen papier maakt met verschillende tekst, kan je een mooie set knoppen maken voor een browserbalk.