Snyde Photoshop-tekstlagtransformationer med dette trick

Bortset fra at blive brugt til fotograferetouchering, er design, symmetri og nøjagtige målinger afgørende for at opnå perfekt visuel balance.

Bortset fra at blive brugt til fotografering af retouchering,Photoshop er også et yndlingsværktøj til grafisk design. Og i design er symmetri og nøjagtige målinger afgørende for at opnå den perfekte visuelle balance. Hvis du nogensinde har følt, at du kæmper med balance, når du arbejder med denne type, er du ikke alene. Her er et snyderi, der hjælper dig med at komme igennem dette en gang for alle.

Problemet

Har du nogensinde prøvet at frie transformere en tekstlag og bemærket, at dets grænser virker lidt usædvanligt? Måske helt unøjagtigt? Hvis du svarede ja, har du ret! Sådan ser tekstlagstransformationsgrænser normalt ud:

Snyde Photoshop Tekstlag Transformationer Trick transformer mig tekst grænser Photoshop traditionelle

Hvis du ser nærmere på, ser du, at der er enusædvanlig mængde plads øverst og nederst på linjen i billedet. Og endda nogle til højre. Dette gør transformationer og centrering unøjagtige. Så her er dine grænser skulle gerne og vilje se ud, når du har brugt vores lille snyderi:

Snyder Photoshop Tekstlag Transformationer Trick transformer mig tekstgrænser Photoshop snyder faktiske grænser smart nøjagtig præcisionstransform

Meget bedre, ikke? Her er en sammenligning mellem de gennemsnitlige transformationsgrænser, Photoshop foreslog, og vores "snydte" grænser.

Snyder Photoshop Tekstlag Transformationer Trick transformer mig tekstgrænser Photoshop sammenligning traditionel snyder nye grænser smart nøjagtig

Så lad os sætte dette problem i perspektiv. Her er et eksempel på Photoshop-dokument. Lad os sige, at jeg vil lægge teksten Nemlig i centrum.

Snyde Photoshop Tekstlag Transformationer Trick teksteksempel eksempel scenarie center tekstlinjer

Jeg starter med at bruge linealerne (Ctrl + R) til at tilføje nogle guider og markere det nøjagtige centrum af dokumentet. (Hvis du ikke ved, hvordan du gør det, kan du tjekke nogle af vores Photoshop-tutorials?)

Snyde Photoshop Tekstlag Transformationer Trick teksteksempel eksempel scenarie center tekstlinjer guider gitter center grænser lineal

Lad os prøve en gratis transformering på laget(Ctrl + T) og se, om vi kan centrere det. Når vi prøver at centrere teksten i henhold til det, Photoshop giver os som et centralt punkt, ved vi, at transformationen langt fra er nøjagtig. Der er et stort hul i bunden af ​​tekstlaget, der skubber grænserne for langt. Små (men signifikante) bundne unøjagtigheder kan også ses øverst og til venstre for transformeringsboksen.

Snyde Photoshop Tekstlag Transformationer Trick teksteksempel eksempel scenarie center tekstlinjer traditionel transformering unøjagtig

Hvorfor dette sker

Højde

For den videnstørste derude, her er min beslutning om, hvorfor Photoshop gør dette for teksttransformationer. Hvis dette ikke er din kop te, er du velkommen til at gøre det spring til den første løsning.

I typografi består fuld linje af flere dele (illustreret nedenfor).

Snyder Photoshop-tekstlagtransformationer -Forklaret typografilinje stigning højde kappe højde median median linje grundlinje nedstigning descender højde x højde ord store bogstaver grafisk design teori

Ordet “Sphinx” er et perfekt eksempel på hvordanlinjer i typografi fungerer, fordi det inkluderer et stort bogstav, en ascender (h), en descender (p) og tegn, der passer inden for x-højden (n, x). Men ikke alle ord og udtryk bruger hele linjens højde. For eksempel vil et ord som "zoom" eller "løber" kun bruge linjen x-højde.

For at illustrere min teori oprettede jeg et tekstlagmed “Sphinx,” skyllede til venstre. Derefter brugte jeg fri transformering og placerede guider rundt om transformeringsboksens grænser. Selvom afgrænsningsfeltet ikke fuldt ud overholder den aktuelle skrifts linjehøjde, kan dette skyldes, at Photoshop har en foruddefineret højde oprettet til at arbejde med mere ekstravagante og usædvanlige skrifttyper.

Snyder Photoshop-tekstlagtransformationer -Forklaret typografilinje stigning højde kappe højde median median linje grundlinje nedstigning nedstigning højde x højde ord store bogstaver grafisk design teori prøve

Derefter duplikerede jeg laget og ændrede kun indholdet til ordet “runner” i alle højder. Efter fri transformering igen var grænserne de samme.

Snyder Photoshop-tekstlagtransformationer -Forklaret typografilinje ascender højde cap højde median median linje baseline nedstigning descender højde x højde ord store bogstaver grafisk design teori prøve forklaring

Hvad dette fortæller os er, at den måde typisk teksttransformation fungerer i Photoshop er baseret på en foruddefineret linje. Dette sammen med standardindstillingen "Auto" til føring (liniehøjde) giver Photoshop flere og flere undskyldninger for at have en separat måde at oprette afgrænsningsbokse til tekstlag.

Bredde

Bortset fra unøjagtigheder i højden, vores tidligere“Hej” -eksempel viste også nogle problemer med bredden. Så hvad er der? Bortset fra at holde ting i balance med førende, er typografer også nødt til at passe på for sporing og kerning. Den førstnævnte er det kollektive rum mellem alle tegn, og sidstnævnte er afstanden mellem et sæt bogstaver.

Snyder Photoshop-tekstlagtransformationer -Forklaret typografi linje stigning højde cap højde median median linje basislinje nedstigning descender højde x højde ord store bogstaver grafisk design teori kerning plads tegn bogstaver individuelle sporingsord sætninger global

På grund af sporing tilføjer Photoshop sandsynligvis nogleekstra plads i slutningen af ​​hvert ord. Selvom det ikke er meget nyttigt til nøjagtighed, kan dette være en god ting, hvis du planlægger at tilføje mere tekst senere og vil have et mere teknisk blik på, hvor stor bredde din nuværende tekstblok tager.

I eksempelskærmbilledet nedenfor skal du bemærke, hvordanPhotoshops transformationsgrænser indsætter et lille rum efter fuld stop, men ikke før det første bogstav. Dette falder fuldt ud sammen med min teori om bredde unøjagtigheder og, ligesom højde, giver Photoshop en anden grund til at have en mere anderledes tekstforvandling afgrænsningsboks.

Snyder Photoshop-tekstlagtransformationer -Forklaret typografi linje stigning højde cap højde median median linje basislinje nedstigning descender højde x højde ord store bogstaver grafisk design teori prøveord teori bredde nøjagtighed Photoshop transform

Betyder det, at Photoshops alternative mådeat transformere er bedre end den almindelige måde? Måske. Uanset om du kalder dette en "bug" eller en "funktion", er en ting sikker - det er ikke tilfældigt, og der er blevet tænkt på det.

Cheat 01 - Transformation med et tomt lag

Den første metode til at få en nøjagtig gratis transformation er ved at ændre din tekst sammen med et tomt lag.

Jeg starter med det Alt + klik-ing det nye lagikon i lagpanelet.

Snyde Photoshop Tekstlag Transformationer Trik nyt lag alt klik lagpanel Photoshop

Dette åbner derefter Photoshop's "Nye lag" -dialogboks. For at holde tingene ryddige, skal du navngive dit lag noget i retning af “[Transform Helper]”. Tilføj eventuelt en farve, så den skiller sig ud endnu mere.

Snyder Photoshop Tekstlag Transformationer Trick nyt lag dialogboks navn farvetilstand transformer hjælper lag skabe snyderi

Sørg for, at din transformhjælper er placeret enten øverst eller under det tekstlag, du vil transformere. Med et lag valgt Shift + Klik den anden til at føje det til markeringen.

Snyde Photoshop Tekstlag Transformationer Trick vælge lag lag panel Photoshop

Derefter, gratis transformation med Ctrl + T og du vil straks bemærke forskellen - ordentlige grænser, der klikkes lige til kanterne af vores tekst!

Snyde Photoshop Tekstlag Transformationer Trick center tekstlags nøjagtighed Photoshop

Når du centrerer teksten, vil denne gang være 100% fokuseret baseret på det fysiske rum, teksten optager.

Snyder Photoshop Tekstlag Transformationer Trick centreret tekst Photoshop transformation snyder

Lad os som en bonus se, om dette trick fungerer, hvis vi aktiverer flere effekter på vores tekstlag, herunder Ydre glød og drop Shadow.

Snyder Photoshop Tekstlag Transformationer Trick lag effekter blanding tilstand effekter slag ydre glød drop skygge aktiverer synlig tænde Photoshop snyder

Som du kan se, falder glød og skygge fritlige uden for grænsefeltet for transformationen og har overhovedet ingen indflydelse på det. Så føl dig fri til at bruge Blending Options, sikkert i den viden, at din pålidelige transformer hjælper stadig vil arbejde.

Snyder Photoshop Tekstlag Transformationer Trick perfekt afgrænsningsboks Photoshop tekst transformer snyderi

Men det er ikke alt! Gå videre til Snyde 05 for at finde ud af hvorfor.

Cheat 02 - Transformation ved gruppering

Hvis du ikke har lyst til at oprette et lag hver gang, kan denne anden metode være for dig.

Bare træk dit tekstlag til ikonet "Ny gruppe" (som jeg ofte kalder "Ny mappe").

Snyde Photoshop Tekstlag Transformationer Trick tilføje lag til gruppen Photoshop lagpanel

Og så sørg for, at du har valgt din gruppe, før du transformerer.

Snyder Photoshop Tekstlag Transformationer Trick vælger gruppe

Du får de samme nøjagtige grænser, klar til at sætte din tekst fast i midten.

Snyde Photoshop Tekstlag Transformationer Trick centreret tekst afgrænsningsboks nøjagtighed Photoshop

Og det er det stadig ikke alle! Hop til Snyde 05 for at finde ud af hvorfor.

Cheat 03 - Transformering ved rasterisering

Dette er en metode, som jeg ikke vil anbefale som denforvandler dit tekstlag til et almindeligt rasterlag. Dette betyder, at du mister evnen til at skalere og transformere uden kvalitetstab. Endnu værre - du vil ikke kunne ændre indholdet af dit tekstlag bagefter. Når det er sagt, hvis alt hvad du leder efter er en hurtig løsning - fungerer denne løsning stadig fint.

Højreklik dit tekstlag, og vælg Rasterize Type.

Snyder Photoshop Tekstlag Transformationer Trick rasteriserer laglag i panel Photoshop rasterlag

Igen - en perfekt afgrænsningsboks, der ikke tager højde for yderligere tilføjede effekter.

Snyder Photoshop Tekstlag Transformationer Trick center nøjagtigt afgrænsningsfelt

Cheat 04 - Transformation ved at konvertere til et smart objekt

I mine øjne er det nøjagtige modsætning af rasterisering at konvertere til et smart objekt. Ironisk nok fungerer dette også som en løsning på vores transformationsproblem, men delvist.

Start med Højreklik dit tekstlag og valg Konverter til Smart Object.

Snyder Photoshop Tekstlag Transformationer Trick lag panel lag konverterer til smart objekt smart lag Photoshop snyder

Trykke Ctrl + T at transformere og åh-oh! Det ser ud til, at den smarte genstand forsøger at tage vores massive ydre glød inden for transformationsgrænserne.

Snyder Photoshop Tekstlag Transformationer Trick dårlige afgrænsningsboks effekter inkluderet smart objekt Photoshop

Lad os prøve det igen, men kun denne gang med vores effekter deaktiveret.

Snyde Photoshop Tekstlag Transformationer Tricklag påvirker deaktiverede lagpanel Photoshop konverterer til smart objekt

Hurra! Tilbage til den perfekte afgrænsningsboks, vi kender og elsker fra vores tidligere snyderi.

Snyder Photoshop Tekstlag Transformationer Trick nøjagtigt afgrænsningsboks transformer Photoshop

Men lige når du synes, alt er godt, lad os prøve at aktivere effekterne igen fra det smarte objekt.

Snyde Photoshop Tekstlag Transformationer Trick effekter aktiverede lagpanel Photoshop

Bip-boop! Photoshop ser ikke ud til at kunne lide det, og det gør vi heller ikke. Eventuelle effekter, du anvender inde det smarte objekt vil blive begrænset af dets oprindelige grænser. Den eneste måde at komme rundt på dette ville være at anvende effekterne på det originale Smart Object Layer i stedet for dets indhold.

Snyde Photoshop Tekstlag Transformationer Trick problem effekter klip ydre glød klip smart objekt afgrænsningsboks grænser Photoshop

For at sammenfatte er brugen af ​​smarte objekter sandsynligvis ikke den bedste mulighed, når du prøver at snyde Photoshop-teksttransformationer. Uanset hvad er det stadig værd at holde dette trick bagpå dit hoved.

Snyde 05 - Bonus!

Gotcha! Jeg er bange for, at det er de eneste fire metoder, jeg har fundet, som giver dig mulighed for at få nøjagtigheden af ​​dine transformationer tilbage.

Men lad ikke det afskrække dig. Jeg har besluttet at fremskynde tingene for dig ved at oprette Photoshop-handlinger til mine to yndlingsmetoder - Transform Helper and Grouping!

Brug knapperne herunder til at downloade:

Add-Til-Group-groovyPost-Handling

Make-Transform-Helper-groovyPost-Handling

0

Lignende artikler

Efterlad en kommentar