Pseudo 3D met Gimp

ArticleCategory: [Kies een categorie voor je artikel]

AuthorImage:[Hier komt een kleine foto van jou]

TranslationInfo:[Info over schrijver(s) en vertaler(s)]

original in fr André Pascual

fr to de Katja Socher

de to en Katja Socher

en to nl Rano Kuhl

AboutTheAuthor:[een korte biografie over de auteur]

Van oorsprong een industriëel ontwerper, nu een professor in produceren, hij geeft les in CAD. Computer animaties, vooral 3D animaties, zijn één van zijn passies.

Abstract:[een kleine samenvatting/beschrijving van het artikel]

ArticleIllustration:[Titel-illustratie van het Artikel]

ArticleBody:[Het eigenlijke artikel: zet hier teks en HTML codes]

Om hetzelfde resultaat te krijgen als in het voorbeeld dat is weergegeven in figuur 1 zijn vier stappen nodig:

1. Maak een achtergrond met een perspectief voor de ondergrond.
2. Maak een tekst met een effect als dat van een vergrootglas op de verticale wand.
3. Maak een weerspiegelend pseudo bol.
4. Verfraai het door toevoeging van schaduwen, indrukwekkende lenzen en glans.

Creëer de ondergrond

Kies het achtergrond model

Ik neem aan dat het model "circuit" in Gimp beschikbaar is. Als dit niet het geval is zal elk ander model (de lijst in Gimp verschijnt door het klikken op <File><Dialogs><Patterns> of door het indrukken van [Shift+ Ctrl+ P]) het wel doen. Klik, in deze lijst, op het model om de image in grootte van 1:1 te krijgen. Je ziet dan ook de naam van het model bovenin het scherm.

Als je precies dezelfde image wilt weergeven en het model "circuit" niet bestaat in Gimp, kun je het alsnog krijgen. Open hiervoor Gimp, laad het bestand /opt/kde/share/wallpapers/circuit.jpg en bewaar dit met de extensie "pat", kies in de lijst van formats <By extension> in het menu <Save Image>, dat wordt /usr/local/share/gimp/patterns/circuit.pat.

Het model zal beschikbaar zijn wanneer Gimp opnieuw is gestart. Merk op dat voor deze manier KDE 1.1.1 en Gimp 1.0.4 is geïnstalleerd op Mandrake 5.3; dit kan per distributie variëren.

Voordat je begint, als je niet weet wat de betekenis is van een icoon in de werkbalk, hoef je alleen maar de cursor over de icoon in kwestie te plaatsen en een help-tekst zal verschijnen. Als je dubbelklikt op een icoon verschijnt het dialoogbox <Tools options> voor de tool die je hebt gekozen. En als je op een image klikt verschijnt er een menu met bewerkings tools voor die image, van opslaan tot filters en ander Script-Fu... Tot slot, Gimp heeft shortcuts voor alle menukeuzes. Sommigen zijn erg handig: new, open, close, quit, copy, paste, cut, undo, redo...

Het voorbereiden van de achtergrond

• Start Gimp, als je dat al niet had gedaan.
• Maak een leeg bestand met 'File > New > 640x480 > Background > OK '
• 'Open File > Dialogs > Patterns' en kies 'Circuit' (of iets anders)
• Maak de achtergrond wit door het dubbelklikken op 'Fill (fill bucket) > Pattern Fill'
• Klik in het actieve scherm.

Dat is het.

Je hebt één image nodig hebt voor de muur en één voor de bodem. Bewaar daarom het werk in jpeg kwaliteit 1.00 (zonder compressie; later zullen we de uiteindelijke image inpakken) eerst als 1.jpg en dan een nieuwe als 2.jpg. We hebben nu twee identieke images, 1.jpg en 2.jpg, waarvan image 2 op het scherm staat. Hiermee zullen we de achtergrond creëeren.(Zie Figuur 2)

Creëer de ondergrond

De uiteindelijke image zal een dimensie hebben van 400x400 (willekeurige keuze). Je kunt 2.jpg vervormen, die veel groter is (640x480) en die op het scherm is gegeven, met behulp van magnetische guides. Deze zijn te activeren door het klikken in de rulers op de rand van de image. Klik op een ruler en klik dan op de linker muisknop, houdt de knop ingedrukt en beweeg de aanwijzer naar de werkzone. Je ziet nu een gestippelde rode lijn bewegen, horizontaal of verticaal, afhankelijk van de ruler waarop je geklikt hebt. Plaats de guides op de manier zoals hieronder. Deze gestippelde lijn wordt blauw als het niet is geselecteerd: dit is een magnetische guide dat de muiscursor of de rand van de selectie tekent, wanneer je deze benadert.

• Plaats op deze manier een horizontale guide van 300 pixels van het origineel, dan twee horizontale guides, een op 120 en de ander op 520.
• Selecteer een layer door het klikken op de image en kies Select:> Select all
• Dubbelklik op de tool Transform voor de opties . In het menu <Tools options> wat hierna verschijnt, kies vervolgens voor <Perspective>
• Vervorm de selectie tot een trapeze en laat ondertussen de linker bovenhoek van de selectie samenvallen met de linker intersectie van de guide. Let op! Deze actie vraagt veel van je cpu; berekingen vergen dus wat tijd. Wacht nu tot het klaar is, voordat je verder gaat.
• Verplaats de rechter bovenhoek van de rechter intersectie van de guides. Je krijgt een gelijkbenige driehoek. (Zie Figuur 3)
  
  Figuur 3, de grond
  
  
• Voorzie de image van een icoontje of stuur het naar een ander bureaublad. Uit voorzorg kun je het ook opslaan.

Creëer de voorgrond

• Roep image 1.jpg aan
• Plaats een horizontale guide van 400 pixels, en twee verticale guides, een op 120 en de ander op 520.
• Selecteer de layer door het klikken op Select >Select all
• Selecteer Transform Layer of Selection en in <Tool option> welke nog steeds beschikbaar moeten zijn van de vorige actie, kies voor Scaling.
• Vervorm de layer zo, dat een vierkant van 400x400 precies valt op de guides.
• Voeg nu een doorzichtige layer toe door het klikken op Layers >Layers and channels >New layer. Plaats de grond op de layer. Nu kun je de standaardnaam "new layer" wijzigen door erop te klikken en te wijzigen in "ground". (Zie Figuur 4)
  
  Figuur 4, toevoeging van de grond aan de muur
  
  

Het assembleren van wand en ondergrond

• Kopiëer de trapeze-vorm ondergrond in 2.jpg (gebruik de feather tool klik op elke top van de trapeze, eindig door het klikken op het punt waar je begonnen bent en dan binnenin de trapeze)
• Om het in de layer "ground" van 1.jpg, die we net aangemaakt hebben, te plakken, klik op > Edit >Paste. De bodem plaats zichzelf in de leegstaande layer. Verschuif het zo dat de binnenste hoek van de selectie samenvalt met de horizontale guide.(Zie Figuur 5)
  
  Figure 5
  
  
• Trek de image vlak door op Layers> Flatten image te klikken. Nu heeft de image nog maar één layer.
• Knip de image in een dimensie van 400x400 met de Crop tool van de toolbox (het plakken naar de magnetische guides gebeurt automatisch)
• Voeg een layer "Text" toe
• Bewaar (gewoon uit voorzorg) als 3.XCF (het Gimp formaat beschermt de layers)

Tekst aanmaken

Een tekst-logo maken

• Klik op Xtns> Script-Fu> Logos> Crystal
• Type de tekst "LOUPE" ("Magnifying glass" of iets anders), Font "Cooper" (of anderen), Font size "105", Background "/opt/kde/share/wallpapers/circuit.jpg", OK.
  • Merk op: de font "Cooper" maakt deel uit van het "Freefont" pakket en is, bij alle distributies, standaard niet geïnstalleerd. Het is een goed idee om dit pakket te installeren samen met het "Sharefont" pakket die essentiëel zijn voor het maken van een logo in Gimp. (101 fonts zijn verkrijgbaar bij Christoph Lameter, <clameter@waterf.org>.
• Het logo is geproduceerd; de letters zijn hetzelfde als de wand, maar alleen op een grotere schaal dan dat van de wand, die we hadden verkleind. Je krijgt nu een vergrootglas effect.
• Het logo bestaat uit verschillende layers, waarvan er één "Background" is genoemd. Dit heeft geen nut, verwijder het door het dubbelklikken op Layers> Layers & channels> Delete layer, de layer moet geselecteerd worden, voordat je het verwijderd. Selecteer het door het klikken op de knop: het is in de blauwe glans.
• Assembleer de overige layers door het klikken op Layers> Merge Visible Layer (de meeste maken geen gebruik van Flatten image: je zou de transparantie van de achtergrond verliezen) (Zie Figuur 6)

Het assembleren van tekst

• Kopiëer de tekst op het klembord.
• Plak in 3.XCF (die nog niet was afgesloten) op de layer "Text"
• Plaats het naar eigen keuze (dat wat je kunt zien door de transparantie moet een beetje overeenkomen met de tekening van de wand op de achtergrond. Zie Figuur 7).
  
  Figuur 7
  
  
• Opslaan als 3.XCF (dit is nodig, omdat we nu de image op het scherm willen splitsen zonder dat we wat willen verliezen)

Creëer de weerspiegelende bol

Voorbereiding van de reflectie

De bol moet de tekst weerspiegelen op de voorste wand, dat betekent, de tekst moet rondom de bol komen en het omgekeerde van het origineel zijn.

• Selecteer de tekst met een "rechthoekige" selectie, de layer "Text" is de actieve layer.
• Selecteer de symmetrisch verticale tool door het dubbelklikken op Flip layer of kies selection> Vertical (De Flip layer is te vinden in de toolbox)
• Definiëer de selectie om het te vervormen met de cursor die zal veranderen in een omhoog/omlaag aanwijzer.

Het tekenen van de bol opzich

Nu wordt het wat preciezer.

• Vlak de image af door het klikken op >Layers> Flatten image
• Gebruik de "cirkel" selectie tool (houdt Shift ingedrukt en beweeg de muis, totdat je een cirkel krijgt en niet een ellipse), zodat je tenminste 3 letters binnin de selectie krijgt en deze dan plaatst in het bovenste gedeelte van de cirkel.
• Vervorm de selectie door het klikken op Filters >Distorts> Whirl en Pinch met de volgende waarden: "whirlangle:0", "Pinch amount:-1", "Radius:2" (dit zijn de gekozen waarden voor het gewenste resultaat en zijn te verkrijgen door steeds maar te experimenteren: er bestaat geen formule voor dit veld)
• Herstart de werking met dezelfde waarden (Zie Figuur 8)
  
  Figuur 8, Whirl en Pinch
  
  
• De selectie is altijd actief, kopiëer het in drukpapier. Je kunt de tekening nu sluiten zonder op te slaan.

Illustraties toevoegen voor bol en achtergrond

• Roep bestand 3.XCF aan
• Maak een layer en noem het "sphere"
• Plak de bol en plaats het (ook al is het op schaal) zo, dat de weerspiegelende letters corresponderen met de letters op de wand.
• Opslaan als 3.XCF

Verfraaing van het werk

Creëer een schaduw op de bol

• Voeg een layer "shadow sphere" toe, transparant, opacity 90 (de mogelijkheid om dit te veranderen is er altijd), mixing mode "Normal"
• Plaats 4 magnetische guides tangens aan de bol.
• Voer een "cirkel" selectie met behulp van de guides (Beginnend op de intersectie linksboven naar de intersectie linksonder). De selectie moet de bol omhullen
• Dubbelklik op de tool Fill met de kleur gardient; in het menu <Tool options> kies "Blend: FG to transparent" en "Gradient: Linear".
• Selecteer een zwarte kleur als dat nog niet gedaan is.
• Vull de "cirkel" selectie op met zwart ->doorzichtig door het tekenen van een horizontale lijn die van het uiterste rechtse gedeelte van de doorsnede van de bol, naar het uiterste linkergedeelte van de bol gaat. (de doorsnede moet je je voorstellen : deze in niet gesymboliseerd).
  De schaduw is in zijn positie. Experimenteer wat met de mixing mode van de layer "shadow sphere", om te kijken hoe de zwarte pixels zich gedragen met degenen die zich onder de layer bevinden.
• Bewaar het werk als je tevreden bent.

Creëer een bewegende schaduw op de grond

• Voeg een layer "shadow ground" toe, transparant, opacity 80
• Stel je de vorm van deze schaduw voor: het is een vlakkende ellips. Om dit te krijgen teken je een "elliptische" selectie (zonder pressie) en plaats deze zo, dat de buitenste linker lijn (horizontaal hier) samenvalt met het contactpunt tussen sphere/grond. Je kunt de magnetische guides gebruiken als hulp. (Zie figuur 9)
  
  Figuur 9
  
  
• Dubbelklik op de tool Fill with a color or pattern; in het menu <Tool options> kies "Mode: Normal" en "Fill Type: Color fill".
• Kies een heel dof veld (Bijvoorbeeld, R:18, G:35, B:14 )
• Vul de selectie met dit veld.
• Het resultaat, de schaduw, is niet realistisch, omdat de omgeving te licht is. Een realistische schadow is altijd wat gespreider op de kanten. Dit kunnen we verkrijgen door twee stappen:
• In de selectie die altijd actief is, klik Filters> Blur> Motion Blur> Radial met de waarden "Length: 35" and "Angle: 45"> OK
• Deselecteer, dubbelklik dan op Filters> Blur> Gaussian Blur (RLE) met de standaard waarden> OK

Creëer een spiegelbeeld op de bol

• Voeg een layer "reflection" toe.
• Maak en selectie die groot genoeg is om een halve cirkel te vormen van het linker frame van de bol met de Feather tool (moeilijker is dit met de lasso).
• Selecteer een witte kleur.
• Kleur het volledig FG->Transparent met dezelfde methode zoals hiervoor, maar dan van links naar rechts.
• Mix de layers met de mode "overlay". Als je nog niet het goede effect hebt, doe dan de handeling nog twee à drie keer.

Een lens effect creëren

• Image vlak maken
• Plaats twee magnetische guides zo, dat de kruising overeenkomt op het midden van de relexie (Zie figuur 1) Verschuif ze nu terug op de rulers naar hun positie op X en Y.
• Dubbelklik>Filters> Light Effects> Flare FX
• Vul de waarden van X en Y in de parameters "Center of Flare FX". Je kunt ook de cursor vervormen met de muis met de knop van de image en plaats dan het middelpunt van het spiegelbeeld.

De afwerking

Conclusie

Voilà. Het werk is bijna klaar. Bijna, want als we goed kijken zijn er zeker fouten, foute benaderingen... Alle ontwerpers hebben hun eigen style en een eigen kijk op objecten. Iedereen zal van mening verschillen.

Iedereen zal zich vermaken.

Aangezien Linux en meer Gimp, of nog meer het enthousiasme van de schepper niet zou moeten worden verwaarloosd als een bron van vermaak.