Juks med Photoshop-tekstlag-transformasjoner med dette trikset

Bortsett fra å bli brukt til fotografering av retusjering, er design, symmetri og nøyaktige målinger avgjørende for å oppnå perfekt visuell balanse.

Bortsett fra å bli brukt til retusjering av fotografering,Photoshop er også et favorittverktøy for grafisk design. Og i design er symmetri og nøyaktige målinger avgjørende for å oppnå den perfekte visuelle balansen. Hvis du noen gang har følt at du sliter med balanse når du jobber med denne typen, er du ikke alene. Her er et juks som hjelper deg å komme gjennom dette en gang for alle.

Problemet

Har du noen gang prøvd å gratis transformere en tekstlag og la merke til at grensene virker litt uvanlige? Kanskje helt unøyaktig? Hvis du svarte ja, har du rett! Slik ser tekstlagsforvandlingsgrenser vanligvis ut:

Cheat Photoshop Text Layer Transformations Trick transform me text grenser photoshop tradisjonelt

Hvis du ser nærmere, vil du se at det er enuvanlig mye plass øverst og nederst på linjen i bildet. Og til og med noen til høyre. Dette gjør transformasjoner og sentrering unøyaktige. Så her er det grensene dine bør og vil ser ut etter at du har brukt det lille jukset vårt:

Cheat Photoshop Text Layer Transformations Trick transform me text grenser Photoshop jukset faktiske grenser smart nøyaktig presisjon transformasjon

Mye bedre, ikke sant? Her er en sammenligning mellom de gjennomsnittlige transformasjonsgrensene som Photoshop foreslo og våre "juksede" grenser.

Cheat Photoshop Text Layer Transformations Trick transform me text grenser photoshop sammenligning tradisjonell jukse nye grenser smart nøyaktig

Så la oss sette dette problemet i perspektiv. Her er et eksempel på Photoshop-dokument. La oss si at jeg vil legge teksten nøyaktig i midten.

Juks Photoshop Tekstlag Transformasjoner Trick teksteksempel eksempel senter tekstlinjer

Jeg begynner med å bruke Linjaler (Ctrl + R) for å legge til noen guider og markere det nøyaktige sentrum av dokumentet. (I tilfelle du ikke vet hvordan du gjør det, kan du kanskje sjekke ut noen av Photoshop-veiledningene våre?)

Juks Photoshop Tekstlag Transformasjoner Trick teksteksempel eksempel scenario midtre tekstlinjer guider rutenettet midtlinjer

La oss prøve en gratis transformering på laget(Ctrl + T) og se om vi kan sentrere det. Når vi prøver å sentrere teksten i henhold til det Photoshop gir oss som et senterpunkt, vet vi at transformasjonen langt fra er nøyaktig. Det er et stort gap i bunnen av tekstlaget som skyver grensene for langt. Små (men betydningsfulle) bundne unøyaktigheter kan også sees øverst og til venstre i transformasjonsboksen.

Juks Photoshop Tekstlag Transformasjoner Triks teksteksempel eksempel scenario midtre tekstlinjer tradisjonell transformering unøyaktig

Hvorfor dette skjer

Høyde

For kunnskapstørste der ute, her tar jeg tak i hvorfor Photoshop gjør dette mot teksttransformasjoner. Hvis dette ikke er din kopp te, må du gjerne gjøre det hopp til den første løsningen.

I typografi består hel linje av flere deler (illustrert nedenfor).

Cheat Photoshop Text Layer Transformations -Forklart typografilinje stigning høyde cap høyde median median linje grunnlinje nedstigning descender høyde x høyde ord store bokstaver grafisk designteori

Ordet “Sphinx” er et perfekt eksempel på hvordanlinjer i typografi fungerer fordi den inkluderer en stor bokstav, en stigning (h), en descender (p) og tegn som passer innenfor x-høyden (n, x). Men ikke alle ord og uttrykk bruker hele høyden på linjen. For eksempel vil et ord som "zoom" eller "løper" bare bruke x-høyden på linjen.

For å illustrere teorien min skapte jeg et tekstlagmed “Sphinx,” skyllet til venstre. Deretter brukte jeg gratis transformasjon og plasserte guider rundt transformasjonsboksen. Selv om avgrensningsboksen ikke helt holder seg til gjeldende fontens linjehøyde, kan det skyldes at Photoshop har en forhåndsdefinert høyde som er opprettet for å fungere med mer ekstravagante og uvanlige skrifttyper.

Cheat Photoshop Text Layer Transformations -Forklart typografilinje stigning høyde cap høyde median median linje grunnlinje nedstigning descender høyde x høyde ord store bokstaver grafisk design teori prøve

Deretter dupliserte jeg laget, og endret bare innholdet til ordet “runner” i hele høyden. Etter Free Transforming igjen var grensene de samme.

Cheat Photoshop Text Layer Transformations -Forklart typografilinje stigning høyde cap høyde median median linje grunnlinje nedstigning descender høyde x høyde ord store bokstaver grafisk design teori prøve forklaring

Det dette forteller oss er at måten typisk teksttransformasjonsverk i Photoshop er basert på en forhåndsdefinert linje. Det, sammen med standardinnstillingen "Auto" for ledende (linjehøyde) gir Photoshop flere og flere unnskyldninger for å ha en egen måte å lage avgrensningsbokser for tekstlag.

Bredde

Bortsett fra unøyaktigheter i høyden, var vår forrige"Hei" -eksempelet viste også noen problemer med bredden. Så hva er det? Bortsett fra å holde ting balansert med ledende, er typografer også å passe på for sporing og kerning. Den førstnevnte er det kollektive rommet mellom alle tegn, og det siste er avstanden mellom et sett med bokstaver.

Cheat Photoshop Text Layer Transformations -Forklart typografilinje stigning høyde cap høyde median median linje grunnlinje nedstigning descender høyde x høyde ord store bokstaver grafisk design teori kerning plass tegn bokstaver individuelle sporingsord setninger global

På grunn av sporing legger Photoshop sannsynligvis tilekstra plass på slutten av hvert ord. Selv om det ikke er veldig nyttig for nøyaktighet, kan dette være en god ting hvis du planlegger å legge til mer tekst senere og ønsker å få et mer teknisk blikk på hvor stor bredde din nåværende tekstblokk tar opp.

Legg merke til hvordan i skjermbildet til eksempelet nedenforPhotoshops transformasjonsgrenser setter inn et lite sted etter full stopp, men ikke før den første bokstaven. Dette sammenfaller helt med min teori om bredde unøyaktigheter og, akkurat som høyde, gir Photoshop en annen grunn til å ha en mer annerledes teksttransformert avgrensningsboks.

Cheat Photoshop Text Layer Transformations -Forklart typografilinje stigning høyde cap høyde median median linje grunnlinje nedstigning descender høyde x høyde ord store bokstaver grafisk design teori prøveord teori bredde nøyaktighet Photoshop transformere

Betyr dette at Photoshops alternative måteå transformere er bedre enn den vanlige måten? Kan være. Enten du kaller dette en "bug" eller en "funksjon", er en ting helt sikkert - det er ikke tilfeldig, og det har vært en del tanker lagt inn i det.

Cheat 01 - Transformering med et tomt lag

Den første metoden for å få en nøyaktig gratis transformasjon er ved å endre teksten sammen med et tomt lag.

Jeg begynner med det Alt + Clicking det nye lagikonet i lagpanelet.

Juks Photoshop Tekstlag Transformasjoner Triks nytt lag alt klikk lagpanel Photoshop

Dette får deretter opp Photoshops “New Layer” -dialogboksen. For å holde ting ryddig, kan du navngi laget ditt som “[Transform Helper]”. Alternativt kan du legge til en farge slik at den skiller seg ut enda mer.

Juks Photoshop Tekstlag Transformasjoner Triks nytt lag dialogboks navn fargemodus transformer hjelperlag oppretter juks

Forsikre deg om at transformasjonshjelperen din er plassert enten på toppen eller under tekstlaget du vil transformere. Med ett lag valgt Shift + klikk den andre for å legge den til i utvalget.

Cheat Photoshop Text Layer Transformations Trick select lag lag panel Photoshop

Deretter, gratis transformering med Ctrl + T og du vil umiddelbart merke forskjellen - riktige grenser som smeller rett til kantene på teksten vår!

Cheat Photoshop Text Layer Transformations Trick sentrum tekstlags nøyaktighet Photoshop

Når du har sentrert teksten, vil denne tiden være 100% fokusert basert på det fysiske rommet teksten tar opp.

Cheat Photoshop Text Layer Transformations Trick sentrert tekst Photoshop transformasjonsfusk

La oss se som en bonus om dette trikset vil fungere hvis vi aktiverer flere effekter på tekstlaget vårt, inkludert Outer Glow og Drop Shadow.

Juks Photoshop Tekstlag Transformasjoner Trikslag effekter blandemodus effekter slag ytre glød dråpe skygge muliggjør synlig slå på Photoshop juks

Som du ser faller glød og skygge frittrett utenfor avgrensningsboksen for transformasjonen og har overhode ingen innvirkning på den. Så bruk gjerne blandingsalternativene, trygge på kunnskapen om at din pålitelige transformatorhjelper fremdeles vil fungere.

Cheat Photoshop Text Layer Transformations Trick perfect bounding box Photoshop text transform cheat

Men det er ikke alt! Gå videre til Juks 05 for å finne ut hvorfor.

Cheat 02 - Transforming by grouping

Hvis du ikke vil lage et lag hver gang, kan denne andre metoden være noe for deg.

Bare dra tekstlaget ditt til "Ny gruppe" -ikonet (som jeg ofte kaller "Ny mappe").

Juks Photoshop Tekstlag Transformasjoner Triks legg til lag i gruppen Photoshop lagpanel

Og sørg for at du har valgt gruppen din før du transformerer.

Cheat Photoshop Text Layer Transformations Trick select group

Du får de samme nøyaktige grensene, klare til å klikke teksten midt i sentrum.

Jukse Photoshop Tekstlag Transformasjoner Triks sentrert tekstgrenseboksnøyaktighet Photoshop

Og det er det fortsatt ikke alle! Hoppe til Juks 05 for å finne ut hvorfor.

Cheat 03 - Transforming by rasterizing

Dette er en metode jeg ikke vil anbefale som dengjør tekstlaget ditt til en vanlig raster. Dette betyr at du mister muligheten til å skalere og transformere uten kvalitetstap. Enda verre - du vil ikke kunne endre innholdet i tekstlaget ditt etterpå. Når det er sagt, hvis alt du leter etter er en rask løsning - fungerer denne løsningen fortsatt helt fint.

Høyreklikk tekstlaget ditt og velg Rasteriser type.

Juks Photoshop Tekstlag Transformasjoner Triks rasteriser lagtyper lag Photoshop rasterlag

Igjen - en perfekt avgrensningsboks som ikke tar hensyn til tilleggseffekter.

Juks Photoshop Tekstlag Transformasjoner Triksenter nøyaktig avgrensningsboks

Cheat 04 - Transforming ved å konvertere til et smart objekt

I mine øyne er det motsatte av å rastere konvertering til et smart objekt. Ironisk nok fungerer dette også som en løsning på transformasjonsproblemet vårt, men delvis.

Start med Høyreklikk tekstlaget ditt og velge Konverter til Smart Object.

Juks Photoshop Tekstlag Transformasjoner Trikslag panellag konverterer til smartobjekt smartlag Photoshop juks

trykk Ctrl + T å transformere og, åh-oh! Det ser ut som den smarte gjenstanden prøver å ta vår enorme ytre glød innenfor transformasjonsgrensene.

Cheat Photoshop Text Layer Transformations Trick dårlige avgrensningsbokser effekter inkludert smart objekt Photoshop

La oss prøve det igjen, men bare denne gangen med vår effekter deaktivert.

Cheat Photoshop Text Layer Transformations Trick lag effekter deaktivert lag panel Photoshop konvertere til smart objekt

Hurra! Tilbake til den perfekte avgrensningsboksen vi kjenner og elsker fra våre tidligere juksekoder.

Cheat Photoshop Text Layer Transformations Trick nøyaktig avgrensningsboks transformere Photoshop

Men akkurat når du synes alt er bra, la oss prøve å aktivere effektene igjen fra det smarte objektet.

Cheat Photoshop Text Layer Transformations Trick effects aktiverte lagpanel Photoshop

Beep-boop! Det ser ikke ut til at Photoshop liker det, og det gjør vi heller ikke. Eventuelle effekter du bruker innsiden det smarte objektet vil være begrenset av de innledende grensene. Den eneste måten å komme seg rundt på dette ville være å bruke på nytt effektene på det originale Smart Object Layer, i stedet for innholdet.

Cheat Photoshop Text Layer Transformations Trick problem effekter klipping ytre glødeklipp smart objekt begrensningsboks grenser

For å oppsummere er bruk av smarte objekter sannsynligvis ikke det beste alternativet når du prøver å jukse Photoshop-teksttransformasjoner. Uansett er det fortsatt verdt å holde dette trikset bakerst på hodet.

Cheat 05 - Bonus!

Tok deg! Jeg er redd det er de eneste fire metodene jeg har funnet som gjør at du kan få nøyaktigheten til transformasjonene dine tilbake.

Men ikke la det fraråde deg. Jeg har bestemt meg for å få fart på tingene ved å lage Photoshop-handlinger for mine to favorittmetoder - Transform Helper and Grouping!

Bruk knappene nedenfor for å laste ned:

Legg-To-Group-groovyPost handling

Make-Transform-Hjelper-groovyPost handling

0

Lignende artikler

Legg igjen en kommentar