Fuska Photoshop Text Layer Transformationer med detta trick

Bortsett från att användas för fotografering retuschering, i design, symmetri och exakta mätningar är avgörande för att uppnå perfekt visuell balans.

Förutom att användas för retuschering av fotografier,Photoshop är också ett favoritverktyg för grafisk design. Och i design är symmetri och exakta mätningar avgörande för att uppnå en perfekt visuell balans. Om du någonsin har känt att du kämpar med balans när du arbetar med den här typen, är du inte ensam. Här är ett fusk som hjälper dig att komma igenom detta en gång för alla.

Problemet

Har du någonsin försökt att Free Transform en textlager och märkte att dess gränser verkar lite ovanliga? Kanske helt felaktigt? Om du svarade ja, har du rätt! Så här ser textlager förvandlingsgränser vanligtvis ut:

Fusk Photoshop Textlager Transformationer Trick förvandla mig text gränser Photoshop traditionella

Om du tittar närmare ser du att det finns enovanlig mängd utrymme längst upp och ner på linjen i bilden. Och till och med några till höger. Detta gör transformationer och centrering felaktiga. Så här är dina gränser skall och kommer ser ut efter att du använt vår lilla fusk:

Fuska Photoshop Textlager Transformationer Trick förvandla mig textgränser Photoshop fuskade faktiska gränser smart exakt precision transformering

Mycket bättre, eller hur? Här är en jämförelse mellan de genomsnittliga transformationsgränserna som Photoshop föreslog och våra "fuskade" gränser.

Fuska Photoshop Textlager Transformationer Trick förvandla mig textgränser Photoshop jämförelse traditionella fuska nya gränser smart noggrann

Så låt oss sätta detta problem i perspektiv. Här är ett exempel på Photoshop-dokument. Låt oss säga att jag vill lägga texten exakt i mitten.

Fuska Photoshop Textlager Transformationer Tricktextexempel exempel på textlinjer för scencentrum

Jag börjar med att använda linjalerna (Ctrl + R) för att lägga till några guider och markera dokumentets exakta centrum. (Om du inte vet hur du gör det, kanske du kolla in några av våra Photoshop-lektioner?)

Fuska Photoshop Textlager Transformationer Trick textexempel exempel scenariot textrader guider rutnät mitt gränser linjal

Låt oss nu prova en gratis omvandling på lagret(Ctrl + T) och se om vi kan centrera det. När vi försöker centrera texten enligt vad Photoshop ger oss som centrum, vet vi att omvandlingen är långt ifrån korrekt. Det finns ett stort gap längst ner i textlagret som skjuter gränserna för långt. Små (men betydelsefulla) bundna felaktigheter kan också ses längst upp och till vänster om transformeringslådan.

Fuska Photoshop Textlager Transformationer Trick textexempel exempel scenario mitt textlinjer traditionell transform felaktig

Varför detta händer

Höjd

För kunskapstörstiga där ute, här är min uppfattning om varför Photoshop gör detta för Texttransformationer. Om detta inte är din kopp te, känn dig fri att göra det hoppa till den första lösningen.

I typografi består hel linje av flera delar (illustrerad nedan).

Cheat Photoshop Text Layer Transformationer -Förklarad typografilinje stigning höjd mössa höjd median medianlinje baslinje härstamning nedstigning höjd x höjd ord stora versaler grafisk designteori

Ordet "Sphinx" är ett perfekt exempel på hurrader i typografi fungerar eftersom det innehåller en stor bokstav, en stigare (h), en nedstigare (p) och tecken som passar inom x-höjden (n, x). Men inte alla ord och fraser använder hela höjden på linjen. Till exempel skulle ett ord som "zoom" eller "löpare" bara använda radens x-höjd.

För att illustrera min teori skapade jag ett textlagermed "Sphinx," spolade till vänster. Sedan använde jag fri transformering och placerade guider runt transformeringsboxens gränser. Även om avgränsningsrutan inte helt följer det aktuella typsnittets radhöjd, kan det bero på att Photoshop har en fördefinierad höjd skapad för att fungera med mer extravaganta och ovanliga typsnitt.

Cheat Photoshop Text Layer Transformationer -Förklarad typografilinje stigning höjd mössa höjd median medianlinje baslinje härstamning nedstigning höjd x höjd ord stora versaler grafisk design teori prov

Därefter duplicerade jag lagret och ändrade bara innehållet till ordet "runner" i alla höjder. Efter Free Transforming igen var gränserna desamma.

Cheat Photoshop Text Layer Transformationer -Förklarad typografilinje stigning höjd mössa höjd median medianlinje baslinje härstamning nedstigning höjd x höjd ord stora versaler grafisk design teori prov förklaring

Vad detta berättar för oss är att typisk texttransformation fungerar i Photoshop baserat på en fördefinierad linje. Det, tillsammans med standardinställningen "Auto" för ledning (radhöjd) ger Photoshop fler och fler ursäkter för att ha ett separat sätt att skapa avgränsningsrutor för textlager.

Bredd

Bortsett från felaktigheter i höjd, vår tidigare"Hej" -exempel visade också några problem med bredden. Så vad är affären? Förutom att hålla saken balanserad med ledande måste typografer också se upp för spårning och kerning. Den förstnämnda är det kollektiva utrymmet mellan alla karaktärer, och det senare är avståndet mellan en uppsättning bokstäver.

Cheat Photoshop Text Layer Transformationer -Förklarad typografi linje stigning höjd cap höjd median median linje baslinje härstamning nedstigning höjd x höjd ord stora versaler grafisk design teori kerning utrymme tecken bokstäver individuella spårande ord meningar global

På grund av spårning lägger Photoshop antagligen till någraextra utrymme i slutet av varje ord. Även om det inte är särskilt användbart för noggrannhet kan det vara bra om du planerar att lägga till mer text senare och vill ha en mer teknisk titt på hur stor bredd ditt nuvarande textblock tar upp.

Lägg märke till hur i exempelskärmbilden nedanPhotoshops transformationsgränser sätter in ett litet utrymme efter full stopp, men inte före den första bokstaven. Detta sammanfaller helt med min teori om breddens felaktigheter och, precis som höjd, ger Photoshop ytterligare en anledning att ha en mer annorlunda texttransformerad avgränsningsbox.

Cheat Photoshop Text Layer Transformationer -Förklarad typografi linje stigning höjd mössa höjd median median linje baslinje härstamning nedstigning höjd x höjd ord stora versaler grafisk design teori provord teori bredd noggrannhet Photoshop transformera

Betyder det att Photoshop är ett alternativt sättatt transformera är bättre än det vanliga sättet? Kanske. Oavsett om du kallar detta för en "bug" eller en "funktion" är en sak säker - det är inte slumpmässigt, och det har varit en del tanke i det.

Cheat 01 - Transformering med ett tomt lager

Den första metoden för att få en exakt gratis transformering är genom att ändra din text tillsammans med ett tomt lager.

Jag börjar med Alt + Clickin den nya lagerikonen i lagerpanelen.

Fusk Photoshop Textlager Transformationer Trick nytt lager alt klick lager panelen Photoshop

Då kommer Photoshops "Nya lager" -dialogruta att visas. För att hålla saker ordnade, namnge ditt lager något som "[Transform Helper]". Lägg eventuellt till en färg så att den sticker ut ännu mer.

Fuska Photoshop Textlager Transformationer Trick nytt lager dialogruta namn färgläge transformera hjälpar lager skapa fuska

Se till att din transformatorhjälpare är placerad antingen ovanpå eller under textlagret som du ska transformera. Med ett lager valt Shift + Klicka den andra för att lägga till den i markeringen.

Fuska Photoshop Textlager Transformationer Trick markera lager lager panelen Photoshop

Sedan, gratis transformera med Ctrl + T och du kommer omedelbart att märka skillnaden - ordentliga gränser som knäpps till kanterna på vår text!

Cheat Photoshop Text Layer Transformationer Trick center textlags noggrannhet Photoshop

När du centrerar texten kommer den här gången att vara 100% fokuserad baserat på det fysiska utrymmet som texten tar upp.

Fusk Photoshop Textlager Transformationer Trick centrerad text Photoshop transformation fuska

Låt oss som en bonus se om detta trick fungerar om vi möjliggör flera effekter på vårt textlager, inklusive Yuter Glow och Drop Shadow.

Fuska Photoshop Textlager Transformationer Tricklagereffekter blandningsläge effekter stroke yttre glöd droppskugga möjliggör synlig aktivering av Photoshop fuska

Som du kan se faller glöd och skugga frittprecis utanför avgränsningsrutan för omvandlingen och har ingen effekt på den överhuvudtaget. Så känn dig fri att använda blandningsalternativen, säkert med kunskap om att din pålitliga transformatorhjälpare fortfarande fungerar.

Cheat Photoshop Text Layer Transformationer Trick perfekt avgränsningsbox Photoshop text transform fusk

Men det är inte allt! Gå vidare till Fusk 05 för att ta reda på varför.

Cheat 02 - Transforming by grouping

Om du inte vill skapa ett lager varje gång kan den andra metoden vara för dig.

Dra bara textlagret till ikonen "Ny grupp" (som jag ofta kallar "Ny mapp").

Fuska Photoshop Textlager Transformationer Trick lägg till lager i grupp Photoshop lager panelen

Och se till att du har valt din grupp innan du transformerar.

Fuska Photoshop Textlager Transformationer Trick Välj grupp

Du får samma exakta gränser, redo att klämma in din text mitt i mitten.

Fuska Photoshop Textlager Transformationer Trick centrerad textgränsrutans noggrannhet Photoshop

Och det är fortfarande inte alla! Hoppa till Fusk 05 för att ta reda på varför.

Cheat 03 - Transforming by rasterizing

Detta är en metod som jag inte skulle rekommendera som denförvandlar ditt textlager till en vanlig raster. Detta innebär att du förlorar förmågan att skala och transformera utan kvalitetsförlust. Ännu värre - du kommer inte att kunna ändra innehållet i ditt textlager efteråt. Med det sagt, om allt du letar efter är en snabbkorrigering - fungerar den här lösningen fortfarande bra.

Högerklicka ditt textlager och välj Rasterize-typ.

Fuska Photoshop Textlager Transformationer Trick rasteriserar typ lagerlager panel Photoshop rasterlager

Återigen - en perfekt avgränsningsbox som inte tar hänsyn till några extra effekter.

Fuska Photoshop Textlager Transformationer Trick center exakt gränslåda

Cheat 04 - Transformering genom att konvertera till ett smart objekt

I mina ögon är det motsatta av att rastrera konvertera till ett smart objekt. Ironiskt nog fungerar detta också som en lösning på vårt transformationsproblem, men delvis.

Börja med Högerklicka ditt textlager och välja Konvertera till Smart Object.

Fuska Photoshop Textlager Transformationer Tricklager panellager konverterar till smarta objekt smarta lager Photoshop fuska

Tryck Ctrl + T att transformera och, åh-oh! Det ser ut som det smarta objektet försöker ta vår enorma yttre glöd inom transformationsgränserna.

Cheat Photoshop Text Layer Transformationer Trick dåliga gränslådeffekter inkluderade smarta objekt Photoshop

Låt oss försöka det igen, men bara den här gången med vår effekter inaktiverade.

Fuska Photoshop Textlager Transformationer Tricklagereffekter inaktiverade lagerpanelen Photoshop konverterar till smart objekt

Hurra! Tillbaka till den perfekta gränslådan som vi känner och älskar från våra tidigare fusk.

Fuska Photoshop Textlager Transformationer Trick noggrann gränslåda transformera Photoshop

Men precis när du tycker att allt är bra, låt oss försöka aktivera effekterna igen från det smarta objektet.

Fuska Photoshop Textlager Transformationer Trickeffekter aktiverade lagerpanelen Photoshop

Beep-boop! Det verkar inte som om Photoshop gillar det och det gör vi inte heller. Eventuella effekter du tillämpar inuti det smarta objektet kommer att begränsas av dess initiala gränser. Det enda sättet att komma runt detta skulle vara att tillämpa effekterna på det ursprungliga Smart Object Layer snarare än innehållet.

Fuska Photoshop Textlager Transformationer Trick problemeffekter klippning yttre glödklipp smart objekt gränslådan gränser Photoshop

Att sammanfatta är att använda Smart Objects förmodligen inte det bästa alternativet när du försöker fuska Photoshop-texttransformationer. Oavsett är det fortfarande värt att hålla detta trick bakom ditt huvud.

Fusk 05 - Bonus!

Fick dig! Jag är rädd att det är de enda fyra metoder som jag hittat som gör att du kan återföra noggrannheten i dina transformationer.

Men låt inte det avskräcka dig. Jag har beslutat att påskynda saker för dig genom att skapa Photoshop-åtgärder för mina två favoritmetoder - Transform Helper and Grouping!

Använd knapparna nedan för att ladda ner:

Lägg-To-Group-groovyPost-Action

Make-Trans-Hjälpen-groovyPost-Action

0

Liknande artiklar

Lämna en kommentar