Du vill ge dina texter det där lilla extra, men har lite tid? Inga problem! Med Photoshop kan du skapa coola Typo-effekter på några få steg. I den här handledningen visar jag dig fem snabba och enkla tekniker för att göra din typografi kreativ och modern. Från neon-glow till metalliska utseenden och förvridna effekter - dessa Quickys ger variation och stil till dina designer. Låt oss börja och sätta dina texter i rampljuset!
1. Retrokontureffekt för rubriker
För flyers och tapeter kan kreativa retrokonturer skapas snabbt med fyllningsalternativet Skena utåt.
Steg 1: Placera texten
Som utgångsbild använder jag en strålningbakgrund med lätt vriden text. Texten använder typsnittet Eight Track i 300 pt.
Steg 2: Fyllningsalternativ 'Skena utåt' som förlopp
Alternativet Skena utåt används oftast som en ljusare eller mörkare glans/skugga. Photoshop erbjuder dock också möjligheten att applicera en glans istället för en färg. För texter ger det många kontureffekter vid exakt inställning, som kan varieras med olika fyllningsmetoder. Tack vare tillgängligheten och enkelheten att skapa passande förlopp finns en nästan oändlig variation av kontureffekter som kan rama in eller omge typsnitten på ett zart eller psykedeliskt sätt.
Storleken i Fyllningsalternativdialogen indikerar hur stor glansen utåt ska vara. Underfyllningen indikerar hur stark effekten ska vara direkt på texten. Tekniken är viktig: Precis.
Mycket trevligt: Under den förinställda specialeffekten finns det en avbruten glans som kan användas för en lyckad retroeffekt. Färgerna kan också enkelt anpassas. Om man vill kan man också låta de yttre konturerna smälta ut i transparens.
Retrokontureffekten är klar:
2. Fransig kontureffekt för rubriker
En fransig kontureffekt kan vara perfekt för grungiga flyers eller rubriker. Själva effekten är enkel att göra.
Steg 1: Placera texten på vit bakgrund
Bakgrunden är vit. Jag skriver bokstäverna PSD med ett textverktyg i en 600-punktig font.
Steg 2: Välj bokstäverna Jag väljer bokstäverna på textlagret genom att använda Ctrl och klicka på textlagrets miniatyrbild.
Steg 3: Redigera urval Genom kortkommandot Ctrl+Alt+R öppnar jag dialogrutan Förbättra kant. Där ställer jag in en Mjuk kant för mitt urval. Det specifika värdet kan variera beroende på textstorlek.
Steg 4: Skapa nytt lager och fyll med färg Jag skapar ett nytt lager med kortkommandot Ctrl+Shift+Alt+N och fyller det med en valfri färg. Endast det markerade området fylls med färg.
Jag kan inaktivera textlagret och avmarkera urvalet med kortkommandot Ctrl+D.
Steg 5: Konvertera till smart objekt Jag markerar bokstavlager med mjuk kant och det vita lagret och konverterar båda lagren till ett Smart-objekt.
Steg 6: Använd smartfilter Akvarell tre gånger Jag applicerar konstfiltret Akvarell tre gånger på mitt Smart-objekt.
- Runda
| Penseldetaljer: | 6 |
| Mörka området: | 0 |
| Struktur: | 2 |
Ingångsvärdena kan också variera beroende på vald färg, storlek på den mjuka kanten och textstorlek.
- Runda
| Penseldetaljer: | 14 |
| Mörka området: | 0 |
| Struktur: | 2 |
- Runda
| Penseldetaljer: | 11 |
| Mörkningsintervall: | 0 |
| Struktur: | 2 |
Det visar sig redan efter två rundor att en ojämn, fransig kanteffekt har uppstått. Med den tredje och eventuellt fjärde rundan kan jag finjustera effekten om det behövs.
Och på så vis kan effekten användas bra som textkomponent till grungiga bakgrunder. Bakgrunden som visas här har lagts till som arbetsmaterial i den här handledningen.
I den här visningen i läget Mörkare färg med 85 procent Opacitet, är bakgrunden i läget Normal med också 85 procent Opacitet:
I den differentierade visningen i läget Skild med 100 procent Opacitet, är bakgrunden i läget Normal med 50 procent Opacitet:
3. Enkel spegeleffekt i 3D-optik
En enkel spegeleffekt för texter, som fungerar på ett väldigt enkelt sätt utan för mycket krussiduller, uppstår på följande få steg.
Bildkälla: Akhilesh Sharma - Fotolia.com.
Steg 1: Bestäm spegelbild som mönster
Första steget för den här effekten är att jag markerar bilden som ska speglas inuti texten som mönster. Det gör jag när bilden är öppen via menyn Redigera>Bestäm mönster.
Steg 2: Placera texten Jag placerar min text med en Arial på 300 punkter i mitt dokument. Dokumentet har en storlek på 800x600 pixlar och en svart bakgrund.
Steg 3: Fyllningsalternativ Kontur Jag öppnar min textlagers Fyllningsalternativ och väljer fliken Kontur. Där väljer jag fyllningsmetoden Mönster och klickar på det tidigare valda mönstret i Mönsterförhandsvisning.
Ytterligare inställningar:
| Storlek: | 3 px |
| Position: | Mitten |
| Skalering: | beroende på behov, alltså beroende på hur stort det tidigare angivna mönstret var; i detta fall 35 % |
Med musen kan jag placera mönstret i bilden precis som jag vill ha det i textkonturen. Jag kan bekräfta inställningarna genom att klicka på OK.
Steg 4: Bestäm fyllningsalternativ som lager Med högerklick kan jag skapa ett lager från min lagerstil. Contouren finns nu i ett lager i lagerfältet. Jag placerar lagret under min text.
Steg 5: Mönsteröverlagring i fyllningsalternativ I textlagrets fyllningsalternativ väljer jag fliken Mönsteröverlagring och väljer det tidigare valda mönstret där. Med hjälp av Skalningsreglaget minskar jag mitt mönster tills det passar i visningen. Med musen kan jag placera mönstret i bilden precis som jag vill ha det i texten.
Steg 6: Finjustera genom konturen För att effekten ska se realistisk ut flyttar jag konturlagret lite nedåt och åt vänster med tangenterna på tangentbordet, så att en lätt 3D-effekt uppstår.
Nu kan jag för att ge lite glans till speglingen, skapa en 1 pixel tjock Yttre kontur med Mönsterfyllning till textlagret. Eftersom konturen med en pixel verkligen bara är minimalt stark, kan den också visas i den övre delen av texten. Om effekten är för stark, kan jag enkelt justera ner Opaciteten lite till. Det ger ytterligare en snygg ljusreflektion. En enkel spegeleffekt i 3D-optik är klar.
4. Reflektionsförloppseffekter i texter och former
Först och främst måste jag säga att jag inspirerades till den här handledningen av Scott Kelby, som förklarat den här effekten i sin bok "Scott Kelby: Photoshop CS4 Down & Dirty Tricks".
Scott Kelby har förklarat skapandet av effekten i 12 steg för två bokstäver. Han gick tillväga på följande sätt:
- Skapa text
- Gör texten till pixlar, markerar och drar första förloppet
- Dubbelrekylera lagret och dra motsatt förlopp
- Klippa förloppet med ellipsvalet
- Transformera valet
- Invertera och ta bort det valda förloppsområdet
- Lägg till kontur
- Lägg till avrundad kant och relief
- -12. Upprepa stegen för den andra bokstaven
Effekten är ett litet, trevligt blickfång. Vägen dit tillåter endast ett statiskt resultat. Texten kan inte ändras eftersom den rasteriserades direkt från början. För varje ytterligare bokstav måste jag upprepa en stor del av stegen.
I min handledning vill jag visa en väg som lämnar texten öppen för ytterligare ändringar. Även med denna effekt kan ytterligare bokstäver läggas till snabbare.
Steg 1: Skapa färgförlopp
För att skapa denna effekt på ett snabbare sätt, skapar jag tvåfärgsförloppet som ett mönster. Först öppnar jag färgförloppsmenyn i mitt dokument med storleken 1000x600 pixlar genom att klicka på färgförhandsvisningen i menyraden när färgförloppsverktyget (G) är aktiverat.
Nu skapar jag färgförloppet som ska placeras som en reflexion med dubbel förlopps-effekt i texten.
Färgförloppets ordning är följande:
Grå – Vit – Svart – Grå
Jag lägger till saknade färgbrytningar genom att klicka bredvid en befintlig färgbrytning och placera dem på önskad plats med hjälp av dra-och-släpp. Jag kan ändra färgen på färgbrytningen genom färgväljaren i färgförloppsmenyn.
Övergången från vitt till svart är skarp. Färgburkarna bör inte överlappa varandra täckande, utan vara minimalt förskjutna. Annars kommer övergången senare att ge lätta trappstegseffekter. Med 30 procents utjämning säkerställer jag att även förloppet i det grå området är mjukt.
Vid behov kan jag spara det nya förloppet i färgförhandsvisningen genom att deklarera det med ett valfritt namn som Ny. Sedan bekräftar jag mina färginställningar med OK.
Steg 2: Förvränga färgförloppet
Jag drar färgförloppet med färgförloppsverktyget från den nedre mitten av dokumentet till övre vänstra delen.
På grund av böjen i färgförloppet kan jag tyvärr inte göra alla redigeringar med en förloppöverlagring ensam. Lösningen är att applicera förvrängda förloppet som ett mönster.
Med Ctrl+T>Förvrängning ställer jag nu in en lätt förvrängning så att den svarta övergången visas böjd. Jag drar försiktigt mitt förvrängningsnät lite upp till vänster.
Steg 3: Sätt färgförloppet som mönster Det förvrängda dubbla färgförloppet kan jag nu sätta som ett mönster. Jag väljer Redigera>Sätt som mönster i menyn. Namnet är: Dubbelt förlopp med reflexion.
Steg 4: Placera texten För dokumentet väljer jag en ny, mörkröd bakgrund. Nu kan jag skriva in min text med en 530-punkts Army. Jag skriver bokstaven P.
Steg 5: Mönsteröverlagring Jag öppnar fyllningsalternativen för min textnivå. I fliken Mönsteröverlagring väljer jag mitt tidigare angivna mönster från listan.
Med musen kan jag nu enkelt gå till dokumentet och intuitivt flytta mitt mönster till önskad plats. Vid behov kan jag också skalera mitt mönster, om det är för stort eller för litet för bokstaven.
Steg 6: Kontur I nästa flik Kontur ställer jag in en 5 pixel tjock kontur i positionen Utanför. Fylltypen är ett färgförlopp.
Jag klickar på standardvalet Silver från Metall-mallarna i färgförhandsvisningen.
Bara konturen ser inte ut som önskat än. Först med Avflackad Kant och Relief visas den rätt metallisk.
Steg 7: Avflackad Kant och Relief Inställningarna i fliken Avflackad Kant och Relief skapar den 3D-metalliska effekten. Följande inställningar väljs:
• Stil: Reliefform
• Teknik: Runda av
• Djup: 100 procent
• Storlek: 5 pixlar
• Beskärningsvinkel och höjd: 120 och 30 grader
• Glanskontur: Dubbel ring
Effekten är klar.
Steg 8: Ytterligare bokstäver För ytterligare bokstäver duplicerar jag enkelt textlagret, flyttar det till önskad plats och ändrar den aktuella bokstaven till den nya med Textverktyget.
Vid behov behöver jag bara anpassa dubbelreflektionen i Mönstertäckning till formen av den nya bokstaven.
Om jag vill ha färgglada accenter i min reflektion, kan jag även lägga till en Färgöverlagring i läget Överlagra i fyllningsalternativen.
Det var allt!
5. Lutande text med ram
En fin utveckling av den tidigare reflektionseffekten kan vara att jag ger min text en ram och låter texten i vyn luta sig mot ramen.
I det här exemplet kommer inte varje enskild bokstav ha en separat reflektion, utan de kommer att dela en reflektion med de andra; det vill säga: Bokstäverna ligger inte i enskilda lager, utan tillsammans i ett lager.
Steg 1: Lägg till ramen
Jag drar med verktyget för Egen form (U) en rektangel med tunn kant från Standardinställningar som en ram runt min text.
Steg 2: Kopiera lagerstilar Genom att trycka på Alt drar jag med Drag&Drop de befintliga lagerstilarna från textlagret till ramlagret. På så sätt har jag kopierat lagerstilarna till ramen. Vid behov justerar jag den specifika positionen för Mönstertäckning via fyllningsalternativen så det ser bra ut i vyn.
Steg 3: Konvertera båda lagren till smartobjekt Jag markerar text- och ramlagret i Lagerpanelen och konverterar dem till ett Smartobjekt.
Steg 4: Transformera Jag väljer Ctrl+T för mitt Smartobjekt, för att transformera det. Med Ctrl kan jag dra det vänstra övre hörnet mot mitten något. På så sätt lutas ramen och texten. Vid behov kan jag även flytta de nedre hörnen separat med hållen Ctrl-tangent för att förstärka den lutande effekten. Jag bekräftar min transformation med Enter.
Steg 5: Placeringstips Det är viktigt att texten har en ram för att verkligen ge intrycket av en lutande till tippande effekt. Endast texten skulle uppnå den här effekten i begränsad omfattning. Om jag vill uppnå en speciell effekt med placeringen, placerar jag min text med ramen så att inte hela ramen får plats i dokumentet. Vid behov måste jag beskära dokumentet för denna visuella effekt. Det skapar intrycket av en speciell bildstorlek. Innehållet får inte plats i dokumentramen, det är för stort. På så sätt kan storleken på innehållet bildligt sett förmedlas. Till exempel placerade SPIEGEL Googles namn på omslaget så att Google inte helt fick plats på omslaget. Det visade på ett enkelt och övertydligt sätt Googles speciella storlek och makt.
