OpenType-SVG is een lettertypeformaat waarbij een OpenType-lettertype al zijn glyphs of slechts enkele daarvan als SVG-illustraties (scalable vector graphics) worden weergegeven.Hierdoor kunnen meerdere kleuren en verlopen worden weergegeven in één glyph. Vanwege deze functies noemen we OpenType-SVG-lettertypes ook wel 'kleurlettertypes'.
OpenType-SVG-lettertypes zorgen ervoor dat tekst kan worden weergegeven met deze grafische kwaliteiten, terwijl deze nog steeds kan worden bewerkt, geïndexeerd of doorzocht. Ze kunnen ook OpenType-functies bevatten die glyphvervanging of alternatieve glyphstijlen mogelijk maken.
Kleurlettertypes zoals Trajan Color Concept en EmojiOne Color verschijnen net als gewone lettertypes in de lettertypemenu's van je programma's — maar ze geven mogelijk niet hun volledige potentieel weer, omdat veel programma's nog geen volledige ondersteuning bieden voor de kleurcomponenten.Als je softwareprogramma de SVG-illustraties in de lettertypes niet ondersteunt, vallen glyphs terug naar een effen zwarte stijl. Kleur kan nog steeds worden toegepast op deze terugvalstijl, want hij werkt als een gewoon OpenType-lettertype.
OpenType-SVG kleurlettertypes gebruiken in Photoshop
Photoshop (CC 2017 en nieuwere versies) ondersteunt OpenType-SVG-lettertypes en wordt geleverd met twee van dergelijke lettertypes: Trajan Color en EmojiOne. Trajan Color is ook inbegrepen voor web- en desktopgebruik met je Creative Cloud-abonnement.
Volg deze stappen om OpenType-SVG-lettertypes te gebruiken:
- Maak een laag met alineatekst of punttekst.
- Stel het lettertype in op een OpenType-SVG-lettertype. Deze lettertypes zijn gemarkeerd in het lettertype met het OpenType-SVG-pictogram:
- Typ tekst met behulp van het toetsenbord of selecteer specifieke glyphs via het deelvenster Glyphs. Selecteer Venster > Glyphs om het paneel Glyphs weer te geven.
Hoewel je eenvoudigweg letters kunt typen met OpenType-SVG-lettertypes, is het volledige bereik van glyph-alternatieven alleen beschikbaar via het paneel Glyphs. Trajan Color Concept bevat bijvoorbeeld twintig verschillende stilistische sets voor elk teken, zoals Zilver, Koper, Staalblauw en Marmer, waarvoor het paneel Glyphs nodig is.
Als je een tekstlaag converteert naar een bewerkbare vorm (door Tekst > Converteren naar vorm te selecteren), keren tekens van OpenType-SVG lettertypen terug naar hun zwart-witte fallback-stijl.
OpenType-SVG kleurlettertypen gebruiken in Illustrator
Illustrator ondersteunt OpenType SVG lettertypen zoals Trajan Color en Emoji One Color.Je kunt specifieke glyphs instellen met het deelvenster Glyphs en je kunt het deelvenster Glyphs ook gebruiken om samengestelde glyphs te maken en andere tekenvarianten te verkennen.Voor meer informatie over OpenType SVG-lettertypen in Illustrator, zie het overzicht van lettertypeopties.
Trajan Color Concept
Trajan Color Concept is een van onze Adobe Type Concepts: een lettertype ontwikkeld met een agile ontwikkelingsproces en een geschaalde tekenset zodat we het eerder voor feedback bij avontuurlijke klanten kunnen brengen terwijl we het ontwerp uitbreiden.
Met Trajan Color Concept kun je kiezen uit vele (negentien) verschillende kleuren en texturen.Het gebruik van zoveel gedetailleerde SVG-artwork om toegang te krijgen tot verschillende kleurcombinaties in de twintig stilistische sets vergroot de totale bestandsgrootte.(Als dit voor jou klinkt alsof ze uitdagend zijn om te gebruiken, heb je gelijk — wat een van de redenen is waarom Trajan Color nog steeds wordt beschouwd als een concept lettertype.)
De standaard kleurstijl (Goud) en de eerste achttien OpenType-stilistische sets in Trajan Color Concept vormen alle meerkleurige opties die beschikbaar zijn in het lettertype.De fallback-stijl — gezien in applicaties die de kleurmogelijkheden van OpenType-SVG nog niet ondersteunen — is identiek aan stilistische set 20.
EmojiOne Color
Emoji-lettertypen zijn een voorbeeld van OpenType-SVG-lettertypen.Met emoji-lettertypen kunt u verschillende kleurrijke en grafische tekens in uw documenten invoegen, zoals smileys, vlaggen, verkeersborden, dieren, mensen, eten en historische monumenten. OpenType-SVG emoji-lettertypes, zoals het EmojiOne-lettertype, laten je bepaalde samengestelde glyphs maken van een of meer andere glyphs.U kunt bijvoorbeeld de nationale vlag van een land maken of de huidskleur van bepaalde glyphs die een persoon of lichaamsdelen zoals een hand of een neus voorstellen, aanpassen.
EmojiOne Color is een open-source kleurlettertype gebouwd door Adobe van de EmojiOne-illustraties ontworpen door Denis Denz en geproduceerd door Rick Moby.Het lettertype bevat alle emoji in Unicode 9.0 en bevat ondersteuning voor ZWJ, verschillende huidskleuren en landvlag-emoji.
Tekens in een emoji-lettertype, zoals EmojiOne, zijn verschillend van de letters op je toetsenbord.Ze kunnen alleen worden ingevoegd via het Glyphs-paneel, via het besturingssysteem — Charmap (Windows) en Characters (macOS) — of door tekst te kopiëren van een online pagina zoals emojicopy.com.
Notities:
- Je kunt ook het Glyphs-paneel openen door Window> Workspace > Graphic and web te selecteren en vervolgens op het Glyphs-tabblad te klikken.
- Recent gebruikte emoji verschijnen in de bovenste rij van het Glyphs-paneel.
In Photoshop kun je een volgorde van EmojiOne-glyphs invoegen om andere glyphs te produceren.Je kunt bijvoorbeeld vlaggen van landen maken of de huidskleur van een persoon of lichaamsdeel wijzigen.(Dit werkt niet bij emoji van twee of meer personen.)
Vlaggen van landen maken De omcirkelde letters (A, B, C, D, enzovoort) in EmojiOne komen niet overeen met toetsen op het toetsenbord.Wanneer je deze tekens uit het Glyphs-paneel invoegt om de ISO-code van een land te vormen, vormen de twee tekens de vlag van dat land.Met US maakt u bijvoorbeeld de Amerikaanse vlag, met GB de Britse vlag, met AR de Argentijnse vlag en met IN de Indiase vlag. De complete lijst met codes wordt gedefinieerd door ISO 3166-1.
Tekenvarianten maken Combineer standaard tekens van één persoon of lichaamsdelen met een van de vijf beschikbare Fitzpatrick-schaal huidtinten (GID's 356 tot en met 360). Het oorspronkelijke standaardteken wordt vervangen door een teken dat overeenkomt met de huidskleur. Dergelijke samenstellingen werken momenteel niet met glyphs die meer dan één persoon bevatten.
Opmerkingen:
- De standaard tekens van één persoon of lichaamsdelen-emoji kunnen slechts één keer worden gekoppeld met een van de huidtintekens.
- Glyphsequenties zijn een lettertypefunctie. Niet alle OpenType-SVG lettertypen laten je meerdere tekens combineren om een enkele glyph te vormen.
OpenType-SVG lettertypen gebruiken met CSS
OpenType-SVG lettertypen bevatten functies die via CSS kunnen worden ingeschakeld, net als andere OpenType lettertypen. Raadpleeg OpenType-functies gebruiken en Syntaxis voor OpenType-functies in CSS voor een overzicht van het gebruik van deze functies.
De extra kleurstijlen in Trajan Color Concept zijn bijvoorbeeld ingesteld als OpenType-functies genaamd stylistische sets, die zijn genummerd van 1 tot en met 20 (ss01, ss02, ss03, enz.). Om een van de 20 stijlen toe te passen op tekst die is ingesteld in Trajan Color, kun je font-feature-settings gebruiken om een van de stylistische sets toe te passen:
In browsers die geen OpenType-SVG lettertypen ondersteunen, wordt de terugvalstijl (identiek aan stylistische set 20) weergegeven.
Houd er bij het toevoegen van OpenType-SVG weblettertypen aan je site rekening mee dat deze mogelijk een groter bestand hebben dan gewone OpenType lettertypen, vanwege de toevoeging van SVG-illustraties die zijn gekoppeld aan alle of slechts enkele glyphs in het lettertype.
Applicaties die OpenType-SVG lettertypen ondersteunen
- Photoshop, versie CC 2017 en hoger
- Illustrator
- Firefox, versie 32 en hoger
- Microsoft Edge, Windows 10 Anniversary Edition en hoger
- In Windows 10 maken de DirectWrite- en Direct2D-platformonderdelen OpenType-SVG-ondersteuning mogelijk in alle applicaties die deze API's gebruiken
Bekende problemen
Illustrator en InDesign
Je kunt de volgende problemen tegenkomen bij het gebruiken van OpenType-SVG kleurlettertypen in Illustrator of InDesign:
- Glyphs kunnen op verkeerde posities verschijnen na export naar PDF of SVG.
- Bij het toepassen van de effecten Scheef, Roteren of Spiegelen op kleur-SVG lettertypen kunnen de effecten verloren gaan of kunnen de tekens wegbewegen van hun oorspronkelijke posities wanneer de glyphomtrekken worden gemaakt.
- Bij het verticaal instellen van tekst kunnen de tekenposities er anders uitzien na het exporteren.
- Bij het instellen van tekst op een spiraalvormig pad kunnen tekens verkeerd geplaatst verschijnen.
De softwareteams werken aan oplossingen voor deze problemen.
Andere bronnen
Hier zijn enkele koppelingen naar andere informatiebronnen over het voorbereiden en werken met OpenType-SVG-lettertypen:
- Details en specificaties voor de SVG-tabel in OpenType-SVG-lettertypen:
https://www.microsoft.com/typography/otspec/svg.htm - Tools en voorbeeldbestanden voor het maken van OpenType-SVG-lettertypen:
https://github.com/adobe-type-tools/opentype-svg - https://pixelambacht.nl/chromacheck/ is een webpagina die de Viewer informeert over de browserondersteuning voor verschillende kleurletterypen, inclusief OpenType-SVG.(De broncode staat op https://github.com/RoelN/ChromaCheck)
- Een levendige discussie over de voorbereiding en het gebruik van OpenType-SVG-lettertypen op het TypeDrawers forum: http://typedrawers.com/discussion/comment/19442/
Adobe Fonts verkennen
Vind het perfecte lettertype voor elk web- of drukwerkproject.
