Letteringeffekter: Kontur, Innerlinje, Utskuren, Extrudering m.fl.

Gradiently har åtta letteringeffekter: Kontur, Innerlinje, Utskuren, Extrudering, Dubbel, Spår, Riso och Halo. Var och en gör en rad text till lettering ritad i din Marks egna färger: höjdlinjer som ringar in orden, en linje inskuren i varje bokstav, ord utskurna ur en platta, djupa tredimensionella bokstäver och mer. De är till för displayord, en titel eller ett namn, och fungerar bäst en i taget, på raden du helst vill att folk ska se.

Alla åtta letteringbehandlingar i korthet

Kontur, Utskuren och Extrudering: lettering med egen kontrast

De här tre bygger in en stark kant i bokstäverna, vilket är varför de håller på livliga Marks. Kontur ringar in orden med linjer som på en reliefkarta, så att letteringen verkar resa sig ur bakgrunden. Utskuren sätter orden som former utskurna ur en massiv platta, vilket läses som säkert och grafiskt. Extrudering ger varje bokstav djup, ritad i Markens färger, den klassiska looken för en lanseringstitel eller en tumbild.

Vill du veta hur extruderad text och konturtext fungerar i allmänhet förklarar 3D-texteffekter och konturtext hantverket bakom dem.

Innerlinje, Dubbel och Riso: tryck- och redaktionsfamiljen

Innerlinje skär in en enda linje i varje bokstav, och eftersom linjen visar själva Marken blir bakgrunden letteringens andra färg. Den passar bäst med tunga, breda typsnitt, där det finns plats inne i strecket. Dubbel ritar öppna bokstäver två gånger, något förskjutna, för ett eko som känns som mode- eller musiktryck. Riso härmar en risograf: två färger som inte riktigt ligger rätt och korniga prickar, perfekt för allt som ska kännas handtryckt.

Spår och Halo: rörelse och stämning

Spår upprepar ett ords kontur bakom det, som bokstäver som lämnar ett kölvatten. Du kan ställa in spårfärgen, och det läses som fart: bra för sport, nedräkningar och allt som ska kännas i rörelse även i en stillbild. Halo omger bokstäverna med ett mjukt ljus i Markens färg. Det är rent dekorativt, en stämning snarare än ett verktyg, och aldrig ett sätt att rädda svårläst text. Om en rad har svårt att synas, höj Markens reaktionsnivå eller låt Auto-bläck välja det andra bläcket i stället.

Välj en letteringeffekt för uppgiften

Så lägger du till en letteringeffekt i Studio

1. 1

   Markera texten

   Välj rubriken eller ordet du vill behandla. Håll allt annat som vanlig text.

2. 2

   Välj en behandling

   Välj en av de åtta letteringbehandlingarna. Den ritas direkt i färgerna från designens Mark.

3. 3

   Justera texten

   Gå tyngre eller bredare om effekten ser trång ut, och lägg till lite teckenavstånd för Dubbel och Spår.

4. 4

   Prova en annan Mark

   Byt Mark och se letteringen färgas om med den. Det är det snabbaste sättet att bedöma en behandling.

5. 5

   Kontrollera varje storlek

   Ändra storlek till en story eller tumbild och se till att det behandlade ordet fortfarande syns i den skalan.

Letteringeffekter i CSS, för webben

Behöver du en liknande look på en webbplats går två av dem att översätta rent till CSS: en kontur i andan av Dubbel och en stegvis extrudering. Båda använder riktig text, så de förblir markerbara och tillgängliga.

/* Open outline letters, in the spirit of Double */
.outline {
  color: transparent;
  -webkit-text-stroke: 2px #f4b26a;
  text-shadow: 6px 6px 0 #7a2e5c;
}

/* A stepped extrusion in two tones */
.extrude {
  color: #fbe7d4;
  text-shadow:
    1px 1px 0 #c2577a,
    2px 2px 0 #c2577a,
    3px 3px 0 #a3456a,
    4px 4px 0 #a3456a,
    5px 5px 0 #7a2e5c,
    6px 6px 0 #7a2e5c;
}

För den bredare familjen av effekter, även de som inte översätts bra till webben, se texteffekter. Och om du funderar på om du behöver lettering alls är lettering eller typografi en användbar läsning.