InDesign tip: cijfers

Jawel, bericht nummer 100!

Een cijfer is een cijfer zou je misschien denken. Nou dat dacht ik dus niet. Bij Opatel in Rotterdam hebben we bijvoorbeeld nog echte oude zetbokken staan.

…en hadden we een prachtige Sabern proefpers met elektrisch inktwerk en een netto drukformaat van A2 die ik nog met bloed zweet en tranen en boutje voor boutje in elkaar heb gezet en nu als oud vuil waarschijnlijk op de schroothoop ligt :–(…
Maar goed dat is een ander verhaal. Ter zake nu.

In de lades tref je soms twee soorten cijfers aan; Mediaevalcijfers en Tabelcijfers. Mediaeval cijfers werden gebruikt binnen de lopende tekst. Tabelcijfers werden gebruikt in prijslijsten, fomulieren etc. Met de komst van de DTP waren we overgeleverd aan de digitale versies van lettertypes. Veel van deze lettertypes hadden alleen de tabelcijfers aan boord. Gevolg hiervan was dat je alleen deze cijfers in de tekst aantrof. Dit leverde niet altijd een fraai zetwerk op. De cijfers waren namelijk veel te groot en knalden van het papier. Vroeger gebruikte je dan ook voor dat zetwerk mediaevalcijfers. Hierbij ging de grootte van de letter uit van de x-hoogte en kwam bijvoorbeeld de staart van de negen mooi onder de basislijn uit. Veel mooier. Een tabelcijfer staat altijd op de basislijn.
Kijk eens naar het onderstaande voorbeeld. Je moet toch toegeven dat de tweede regel er veel beter uitziet.



Met de komst van InDesign en met naem OpenType is het klassieke zetwerk gelukkig weer in alle glorie hersteld. Sterker nog, er zijn maar liefst vijf variaties te kiezen.
Medieaval noem je in het Engels trouwens Old Style.
Vooral de zogenaamde Pro-lettertypes zijn interessant. De kans is groot dat je hier een variatie aan verschillende cijfers aantreft. In het onderstaande voorbeeld heb ik bijvoorbeeld het lettertype Arno Pro gekozen.


Vervolgens heb ik het Tekenpalet (Character) gekozen. Uit het paletmenu koos ik OpenType en onder in het menu zie je de verschillende cijferstijlen staan.




Staan de opties tussen teksthaken dan zijn deze cijfervariaties binnen het het gekozen lettertype niet beschikbaar. In het onderstaande voorbeeld zie je dat in deze versie van Times niet veel te halen valt. Vrijwel alle opties staan tussen teksthaken.


In de lijst zie je dat InDesign vijf variaties kan gebruiken. Elke variatie heeft echter zijn eigen toepassing. Hieronder geef ik aan waar ze eigenlijk voor bedoeld zijn.

Tabular Lining - Tabelarische uitlijning
Zoals de naam al aangeeft zal je deze letters vooral gebruiken binnen een tabel of lijst. He kenmerk van deze optie is namelijk dat alle cijfers exact evenveel ruimte in nemen. Hierdoor staan ze dus altjd mooi onder elkaar en zijn daardoor makkelijker uit te lezen. In het onderstaande voorbeeld staan de eerste twee regels in Proportionial Lining en de onderste twee in Tabular Lining. Je ziet dat de onderste twee regels veel beter uitlijnen dan de bovenste twee regels.



Proportional Old Style - Proportioneel Mediaeval
Hierbij worden mediaeval cijfers gebruikt. Deze optie kan je goed gebruiken binnen een lopende tekst. De cijfers vermengen zich beter met de letters. Ook omdat bijvoorbeeld de 9 mooi onder de basislijn uitkomt.

Proportional Lining
Dit zijn tabelcijfers die variëren in ruimte. Hierbij staan de cijfers op de basislijn. Gebruik je deze binnen een lopende tekst dan knallen ze echt van het papier af. De meeste, niet Open Type, lettertypes maken gebruik van dit cijfer.

Tabular Old Style
Dit zijn mediaevalcijfers die evenveel ruimte innemen. Met andere woorden het cijfer 1 neemt evenveel ruimte in als het cijfer 8. Dit is echt een esthetische keuze. In principe gebruik je tabelcijfers hiervoor maar als je het mooier vindt kan je dus ook deze variatie gebruiken. In de odnerstaande afbeelding staan de bovenste twee regels in Tabular Lining en de onderste twee regels in Tabular OldStyle. Het is maar wat je mooier vindt.


Default Figurestyle
Dit is de standaardinstelling. Hierbij wordt gewoon de cijfervariatie gebruikt die beschikbaar is in het lettertype.
•

InDesign tip: + of - bij Objectstijlen

Wanneer ik bij Opatel een training InDesign geef komt vrijwel altijd de vraag wat het verschil is tussen een - teken, + teken of geen teken binnen een dialoogvenster. Je begrijpt waarschijnlijk direct wat ik bedoel wanneer je de onderstaande afbeelding bekijkt.


Waar je deze symbolen vooral tegen zal komen is bij het ontwerpen van een Objectstijl.
De verschillen zijn subtiel maar wel van belang. Daarom geef ik even een voorbeeld.

Open het objectstijlenpalet



Kies uit het paletmenu: Nieuwe Objectstijl



Wanneer je goed kijkt zie je dat de opties Paragraph Styles en Frame fitting Options met een - teken worden gemarkeerd. Alle andere optie hebben een + teken.
Een - teken betekent dat de instelling genegeerd moet worden. Zet je bijvoorbeeld bij de opie Fill een - teken dan zeg je eigenlijk tegen InDesign, laat bij het toepassen van de stijl de aanwezige vulling met rust. Een + teken bij de Fill betekent dat je de in de stijl aangegeven vulling ook wilt toepassen op het object. Een eventuele bestaande vulling wordt dan vervangen.

Tip: klik met een ingedrukte Alt-toets op één van de vakjes en alle andere krijgen een - teken.

Onderin het venster vind je de effecten. Hierin kan je een + teken, - teken of geen teken plaatsen. + en - weet je nu. Maar maak je het vakje leeg dan zeg je tegen InDesign dat wanneer dit effect is toegepast op het object, het effect verwijderd moet worden.

Wil je meer weten? Binnen de Opatel training InDesign gevorderd gaan we vooral in op dit soort, niet altijd even duidelijke, opties.
•

Fisheye effect in Illustrator en Photoshop

Waarschijnlijk wel een bekend effect. Met een speciale fisheye-lens leg je een beeld met een extreme beeldhoek vast. Een soort super groothoeklens.
In Illustrator en Photoshop kan je een soortgelijk effect bereiken.

Fisheye in Illustrator
1. Begin met het ontwerpen van een skyline.



2. Open het Penselenpalet (Brushes).

3. Selecteer je ontwerp en sleep dit in het palet. Illustrator vraagt nu wat voor je penseel je wilt maken.



4. Kies voor Kunstpenseel (Art brush). In het dialoogvenster kies je voor de optie 'Flip across'.


Klik OK. Je ontwerp wordt nu in het palet vastgelegd.

5. Maak een cirkel.



6. Kies het zojuist vastgelegde penseel.Het penseel wordt nu rondom de cirkel toegepast.

In hiet dialoogvenster vind je nog andere opties. Hier kan je natuurlijk mee experimenteren. In het onderstaande voorbeeld heb ik alleen de optie 'Flip along' aangevinkt.



Ook met de optie Size Width (Grootte) kan je allerlei variaties maken.




Fisheye in Photoshop
In deze korte beschrijving ga ik er even vanuit dat je weet hoe je een panorama-montage maakt.Het meest eenvoudig ga dat trouwens via Bestand (File)> Automatisch> PhotoMerge.

1. Plaats het panorama op een eigen laag. Hoe langer het panorama, hoe mooier het effect. Voor dit voorbeeld heb ik dan ook dit panorama van San Francisco nogmaals gespiegeld geplaatst.



2. Maak het canvas groter. Lees hiervoor mijn eerder gepubliceerde tip. Het mooist werkt het wanneer je je canvas vierkant maakt. Ik heb trouwens de lucht ook wat hoger gemaakt. Doe je dit niet dan komen de toppen van de gebouwen in het midden te liggen.De vervorming wordt in dat geval wel heel erg extreem.



3. Selecteer de laag met het panorama.



4. Kies Filter> Distort> Polar Coordinates. Klik OK.


•

Flex! 3

Tijd voor weer een Flex! bericht dacht ik zo.

GeoEye

Google's nieuwe supersateliet,GeoEye heeft op 7 oktober j.l. zijn eerste foto doorgestuurd. Iedereen maakt natuurlijk wel eens gebruik van Google Earth. Sterker nog, ik controleer zelf mijn vakantiebestemming eerst even via de satelietopnames van Google. Je wilt wel weten waar je terecht kom niet waar?
Met deze nieuwe sateliet is men zelfs in staat om opnamen met een nauwkeurigheid van 41 cm. Helaas voor Google mogen ze vanwege juridische redenen 'slechts' tot 50 cm gaan. Meer over deze Google gadget vind je op de site van wired.

Onderwatereffect


Door de tussenruimte van twee glasplaten met water te vullen werd dit onderwater effect verkregen. Meer foto's vind je hier.

Submarines and Diving Suits


Hier vind je een leuk bericht over de meest bizarre duikpakken en duikboten.

Photoshop tip: Aquarelpenselen

Ik dacht dat ik met mijn laatste penselenbericht wel zo'n beetje de beste penselen had gevonden. Dus niet. Op onderstaande link vind je penselen met een breedte van 2500 pixels (!). Ideaal voor aquarel of andere schilderachtige effecten. Naast twee verzamelingen aquarelpenselen vind je hier ook andere, zeer bruikbare, penselen.
Let er ook op dat je hier ook vectorpenselen voor Illustrator kunt vinden.


De link is: Bittbox
•

Photoshop tip: de F-toets

In mijn vorige bericht noemde ik terloops de F-toets. Deze toets gebruik je om naar een andere beeldschermweergave te gaan. Toch wil ik hier nog iets over kwijt.
Sinds Photoshop CS2 (bij mijn weten) beschikt Photoshop over vier beeldschermindelingen. Deze kan je oproepen door simpelweg op de letter F te drukken. De vier instellingen hebben elk een praktische toepassing.

Standard Screen Mode
Open je voor het eerst een afbeelding in Photoshop dan zal deze in de vensterweergave getoond worden. Hierbij wordt de afbeelingen vergezeld van o.a. 'scrollbars', informatie over het document, een titelbalk en een verschaalvlak.



Deze instelling is erg handig wanneer je beelden naar elkaar toe wilt slepen. Zelf doe ik dit als volgt:
1. Open de benodigde beelden
2. Kies Venster> Ordenen. Naast elkaar. De beelden worden u onder elkaar geplaatst:-).
Kies je naast elkaar dan worden de beelden onder elkaar geplaatst.
3. Sleep het ene beeld naar het andere. Er wordt nu een kopie op een aparte laag geplaatst. Sluit het originele beeld en druk op de F-toets om direct naar de volgende beeldschermweergave te gaan.

Tip: houd tijdens het slepen de shifttoets ingedrukt. De afbeelding wordt dan precies in het midden geplaatst.

Voordeel van deze werkwijze is dat je geen onnodige beelden open laat staan en dat je direct verder kan met je montage

Maximized Screen Mode (1x F)
Dit levert hetzelfde resultaat op als het klikken op het maximaliseer knopje van Windows.



Full screen mode with menu bar (2x F)
Deze instelling levert een volledige schermweergave op inclusief de menubalk.



Deze weergave is verreweg het meest interessant. Je kan namelijk nu met het hand-gereedschap (of spatiebalk) je foto verschuiven op je werkgebied. Hierdoor creëer je meer ruimte voor je dialoogvensters zonder dat je beeld achter dit venster verstopt ligt.

Full screen (3x F)
Ik noem deze stand de presentatiestand. Je krijgt nu een zwarte omgeving rondom je afbeelding.



Tip:Druk eenmaal op je tab-toets en alle paletten verdwijnen eveneens. Druk nogmaals op de tab-toets om deze weer terug te krijgen. Werkt trouwens ook in InDesign en Illustrator. In CS4 zal in Photoshop de full screen mode automatisch ook alle andere zaken als paletten etc. verbergen.



Kleur van omgeving veranderen
De kleur omgeving rondom je foto kan je ook nog veranderen. Kies het vulgereedschap (emmertje). deze zit achter het verloopgereedschap verstopt. Kies een kleur. Houd de shifttoets ingedrukt en klik in de achtergrond.


•

Photoshop tip: Canvas vergroten

Misschien voor een aantal van jullie oud nieuws maar toch. Tijdens mijn trainingen merk ik vaak dat zelfs bij de Photoshop Expert training deze methode nog niet altijd bekend is. Dus bij deze.
Je weet natuurlijk dat je het uitsnede-gereedschap (croptool) gebruikt voor het maken van een uitsnede. Maar je kan deze ook uitstekend gebruiken voor het vergroten van je canvas.

1. Zorg dat je rondom de foto een grijze omgeving hebt. Druk daarvoor tweemaal op de letter F.



2. Sleep met het uitsnede-gereedschap een kader rondom de foto.


3. Versleep de punten naar buiten.


4. Druk op je enter-toets. Vervolgens wordt er meer ruimte rondom je foto geplaatst. Handig wanneer je tekst, een kader of andere afbeeldingen wilt plaatsen.
Natuurlijk kan je daar ook de optie Canvasgrootte voor gebruiken. Maar deze methode werkt gewoon veel sneller.
De nieuwe ruimte krijgt de kleur van de achtergrondkleur. Standaard staat deze op wit. Maar beter is toch even deze te controleren voordat je het canvas vergroot. in dit voorbeeld stond de achtergrondkleur bijvoorbeeld op zwart.



Een paar toetsen om te onthouden:
D voor het in stellen van zwart en wit en
X voor het wisselen van van voor- en achtergrondkleur.

5. Natuurlijk kan je ook in je optiespalet een bepaalde afmeting in voeren. Sleep vervolgens met je uitsnede-gereedschap een kader. Versleep de punten en klik op Enter. Het canvas krijgt automatisch de afmeting van de ingevoerde waarde.
Maar nog mooier is dat je een bepaalde afmeting kunt vastleggen als een voorinstelling (preset). Stel dat je vaak dezelfde afmetingen nodig hebt. Denk aan Powerpoint en Webpagina's, dan kan je de ingevoerde waarde als preset vastleggen. Dat gaat heel eenvoudig:

1. Voer de gewenste afmeting en eventuele resolutie in.



2. Kies uit het presetmenu (zie afbeelding); het paginasymbooltje.



3. Standaard voert Photoshop zelf de afmetingen en resolutie als naam in maar deze kan je uiteraard wijzigen. Klik OK.

Deze voorinstelling kan je vervolgens altijd weer oproepen.
•

Wereldkaarten in vector

In een eerder bericht heb ik een link gegeven naar een site waar je vectorbeelden kon downloaden van verschillende landen.
Ter aanvulling geef ik je nog deze link.
Hier vind je alle wereldkaarten verzameld in vectorformaat. Altijd handig.
•

Pantone Modekleuren 2009

Op de site van Pantone kun je een interessante PDF downloaden over de nieuwe modekleuren van 2009. En Pantone zou Pantone niet zijn als ze daar niet direct de passende PMS nummers bij hebben gezocht.
De PDF is alleen al de moeite waard om de vette omschrijvingen van de kleuren. Hier kan een klant niet meer om heen. Dus misschien iets voor de volgende pitch?

Taking a cue from its lemony neighbor, friendly and approachable Salmon Rose also conveys an optimistic outlook.

Think sensual and seductive Fuchsia Red for clothing, as well as lipstick and nail polish selections, this spring. With its blue undertones, this cool red is a real show-stopper, adding a sense of elegance to the palette.

Vibrant Green, the quintessential spring hue, brings a true verdancy to the palette in a time of revitalization.

Klik hier voor de PDF.
•

InDesign tip: Tekstkaders aanpassen

Hier wat korte tips om snel tekstkaders in InDesign aan te passen.
Het komt regelmatig voor dat een kader te krap is om alle tekst te plaatsen. Dit geeft InDesign aan met het beruchte rode kruisje. Je kan echter op een eenvoudige manier het kader zodanig uitbreiden dat alle tekst er in past. Dubbelklik je namelijk op het witte punt onderaan het kader, dan zal InDesign automatisch het kader aanpassen zodat alle tekst er in past. Voorwaarde is wel dat de tekst op de pagina past.

Is het kader veel te ruim dan kan je natuurlijk zelf het kader netjes inkorten. Sneller gaat dit echter wanneer je wederom dubbelklikt op het middelste witte punt.