Tekst med 3D-effekt bruges oftere og oftere på reklamebannere, aviser, internettet og andre steder. I dag er det muligt at lære at lave 3D-tekst selv ved hjælp af Photoshop. Det bliver ikke nemt, og det vil tage meget tid, når du prøver det for første gang, men det er okay, med tid og øvelse vil denne lektion blive meget lettere.

Hvordan laver man 3D-tekst?

For at lave tekst med en 3D-effekt behøver vi kun Photoshop og tid. Vi vil forsøge at lave følgende tekst:

Lad os starte vores arbejde:

1. Først skal vi oprette et nyt dokument, hvori vi vil skrive vores tekst. Åbn Photoshop, vent til det indlæses, og tryk på Cntr+N. Indtast størrelsen på det nye lærred i vinduet, der vises, vi skal bruge 10x10 tommer (tommer). Glem ikke kvaliteten, indstil udvidelsen til 300 pixels/tommer.

2. Glem ikke om baggrunden, vi har brug for en mørkegrå farve, som er betegnet #333333. Når du har indstillet denne parameter, skal du klikke på "OK" for at oprette lærredet.

3. På arbejdslærredet skal vi skrive de ord, som vi ønsker at skabe i en 3D-effekt. Vælg værktøjet "Tekst" (angivet med bogstavet T), og begynd at skrive. I vores eksempel var den anvendte skrifttype "Myriad Pro Black", i gul (#FFCC00). Størrelsen af ​​det første ord er 286pt, størrelsen af ​​det andet ord er 83pt.

For at få den mest effektive 3D-effekt er det bedst at vælge fede skrifttyper.

4. Nu skal vi rasterisere teksten, men før vi gør dette, tjekker vi teksten for fejl, for efter at have udført denne funktion, kan teksten ikke redigeres. For at rasterisere tekst skal du højreklikke på den og vælge "Rasterize Layer" fra kontekstmenuen.

5. Det næste trin er at skrå teksten. På denne måde vil det se bedre ud i tre dimensioner. Tryk på Ctrl+T for at markere teksten og starte transformationen. Hold derefter Ctrl nede, klik med markøren på den øverste højre markør og træk den lidt til venstre. Vi gør det samme med den øverste midterste markør. Som et resultat bør vi få dette billede:

6. For at få teksten til at se mere attraktiv ud, lad os tilføje flere effekter til den. Klik på effektikonet i "Layers"-panelet og foretag dit valg på punktet kaldet "Bevel and Emboss". Indstil indstillingerne som på billedet:

Glem ikke, at vi også skal ændre farverne i "højdepunkter" og "skygger". Indstil henholdsvis #FFCC66 og #DFA125.

7. Vi kan også opnå en dybere farve, til dette bruger vi "Satin"-effekten, i linjen "Blend Mode" indstiller vi farveparameteren #F3881F.

8. Og det sidste trin i effektvinduet er "Gradient Overlay". Klik på gradienten og skift farven til venstre til #F7F3A7, til højre til #F3881F. Resten af ​​gradientindstillingerne kan ses på billedet:

Efter at have gemt alle de anvendte effekter fik vi dette billede.

9. Teksten er forberedt, og nu kan vi gå videre til at skabe 3D-effekten. Og først skal vi duplikere vores tekstlag, det gør vi ved at bruge Ctrl+J-tasterne. Gå til bunden tag og fjern alle effekter fra det. Dernæst skal vi ændre farven på den, gå til Billede > Justering > Kurver eller åbne alt ved at trykke på Ctrl + M. Kurven skal bøjes som vist på billedet.

10. Efter den sidste operation bliver tekstens farve mørkere, men dette er ikke slutningen, nu skal vi fjerne farvemætningen. Gå til Billede > Justeringer > Hue/Saturation eller tryk på Cntr+U, og indstil værdierne til 0, -40 og 0 i vinduet, der åbnes.

11. Flyt vores hovedlag lidt højere end det duplikerede lag. Det nederste lag skal også flyttes lidt, kun til venstre. Når du har trukket lagene, skal du holde ALT nede og klikke på pilene ned og venstre. Med denne operation dublerer vi det brune lag flere gange, afhængigt af antallet af klik - tykkelsen af ​​sidekanten vil afhænge.

12. Alle lag skal flettes, og for at gøre dette skal du i lagpanelet klikke på det øverste lag, holde Shift nede og vælge alle de andre lag. Efter valg skal du trykke på Cntr+E. Dernæst skal du tilføje et "Gradient Overlay" til disse lag og vælge farverne sort og hvid.

Denne handling vil straks ekstrudere teksten, og overfladen af ​​basisplanet vises under bogstaverne:

TRIN TRE: Vores tekstlag hed "PLAY". 3D-laget, der er skabt ud fra det, kaldes det samme. Find det i 3D-panelet, og klik på det. Hvis det derefter ikke åbner sig selv, skal du åbne egenskabspanelet (Vindue --> Egenskaber eller Vindue --> Egenskaber) og indstille ekstruderingsdybden (Ekstrusionsdybde) til 0:

Bogstaverne blev flade, hvilket vi har brug for.

TRIN FIRE:Øverst i egenskabspanelet skal du klikke på det tredje ikon fra venstre, i dette afsnit kan vi ændre vinklen og intensiteten af ​​figurens formopblæsning.

Klik først på rullemenuen Sider øverst i panelet og indstil den til Forside og Bagside. Gå derefter til sektionen Inflate og indstil vinklen til 90° og styrken til 20%. Bogstaverne bliver straks oppustede. Dette kan tydeligt ses i den ekstra topvisning:

TRIN FEM: I øjeblikket er alle bogstaverne i ordet et enkelt objekt. Jeg vil bruge hvert bogstav som et separat element. Men før vi opdeler bogstavobjektet, lad os opsætte objektets overfladeegenskaber. I 3D-panelet skal du klikke på Front Inflation Material. I egenskabspanelet, i materialevalgsvinduet, skal du finde materialet kaldet "No Texture":

Lad os fortsætte med at arbejde med egenskabspanelet. Klik på farveprøveboksen ved siden af ​​Diffuse og vælg hvid fra farvevælgeren, og klik derefter på OK Indstil glans til 100 %, refleksion til 75 %, ruhed ) ca.

TRIN SEX: Gå til hovedmenufanen 3D --> Split Ekstrusion (3D --> Split Ekstrusion). Dette giver dig mulighed for at manipulere hvert bogstav individuelt, mens du holder alle bogstaverne på det samme 3D-lag. Skift til flytteværktøjet, og hold musemarkøren over det første bogstav. Nu kan du bruge 3D-værktøjer og widgets til at ændre bogstavets placering og skala uden at påvirke resten af ​​bogstaverne.

TRIN SYV: Lad os farve hvert bogstav en anden farve, begyndende med det aktuelt valgte bogstav længst til venstre. I 3D-panelet, klik på I 3D-panelet, klik på "Front Inflation Material". I egenskabspanelet skal du klikke på firkanten ud for "Diffuse" og vælge fx grøn i farvepaletten. Klik på OK. Gør det samme for de resterende bogstaver, og giv hver af dem en anden farve. Du vil bemærke, at bogstavfladernes reflekterende egenskaber forbliver uændrede, selv når farven ændres:

Bemærk venligst, at du i 3D-panelet skal skifte til "Front konveks materiale" for hvert enkelt bogstav:

TRIN otte(til Photoshop CS6): Hvis du bruger Photoshop CC, vil du se nogle reflekterende højlys på 3D-objekterne. Disse højdepunkter er skabt af standard IBL-belysningen (Image Based Light). I Photoshop CS6 er billedet, som disse lys er baseret på, ensfarvet sort som standard, dvs. Der er ingen kilder, og derfor vil der ikke være blænding. På billedet nedenfor viste jeg, hvordan dette billede ser ud i Photoshop CC, jeg viste også, hvordan du kan åbne og se IBL-billedet:

Dette billede ligner loftslamper, og det skaber en blændingseffekt på bogstaverne. Derfor skal du selv oprette det i Photoshop CS6. Trinnene til at oprette en ny tekstur ligner trinene i figuren ovenfor, kun i stedet for "Rediger tekstur", skal du klikke på linjen "Ny tekstur". Photoshop åbner automatisk et nyt dokument-vindue, indtast dimensionerne 538 x 302 pixels og tegn et gråt og hvidt lærred svarende til det, der er vist ovenfor, og gem derefter dokumentet.

SIDSTE TRIN: Belysningen er klar og 3D-teksten er inddelt i bogstaver. Nu kan du bruge 3D-flytnings-, skalerings- og widgetværktøjerne til at flytte, vippe og skalere bogstaver. Derudover vil bogstaverne interagere med hinanden og reflektere ikke kun lyskilderne, men også hinanden. Dette vil være synligt efter gengivelse. Og glem ikke, at selvom du kan manipulere hvert bogstav individuelt, forbliver de alle på det samme 3D-lag.

Photoshop CC har et fremragende teksttip-system. Når du svæver over et objekt, vises objektets "dimensionelle beholder", eller Gismo, sammen med dets akser. Dernæst flytter vi markøren langs en af ​​akserne, og Photoshop giver os muligheder, for eksempel "rotér langs Z-aksen", "flyt langs Y-aksen", "skaler langs X-aksen" osv.:

Sådan ser mit endelige resultat ud. Dette billede blev taget efter gengivelse af dokumentet, du kan begynde at gengive ved hjælp af Ctrl+Shift+Alt+R-tasterne:

På det sidste billede gemte jeg 3D-basisplanet. Hvordan man skjuler/viser basisplanet er beskrevet her.

I denne tutorial vil jeg fortælle dig, hvordan du gør Tredimensionel inskription V photoshop cs4.

Dette program indeholder ikke nok funktioner til at skabe tredimensionelle inskriptioner, men dette problem kan angribes fra en anden vinkel. Og vi vil lykkes!
Vi opretter et A4 dokument.
At lave en inskription ved hjælp af et værktøj Værktøj . Skriftstørrelse 300 pt . Du kan vælge enhver farve til bogstaverne. Jeg har #d85366.

Anvend lagstile på etiketten. Lag / Lagstil . Foretag indstillingerne i det vindue, der åbnes:

Dupliker derefter tekstlaget ( Ctrl+J ), og brug pilene på tastaturet til at sænke det nye lag en pixel ned og til venstre. Vi gentager proceduren 10 gange. Antallet af lag kan reduceres eller øges. Alt efter hvor meget du vil gøre teksten omfangsrig.

At lave en skygge.
Opret et nyt lag i bunden af ​​panelet Lag . Foretag et valg af det nederste lag med teksten (hold Ctrl , klik på laget) og udfyld markeringen med sort.

Dupliker det nederste lag med inskriptionen og vend det lodret. Rediger / Transformer / Vend lodret.
For nemheds skyld fusionerer vi lagene med den øverste inskription. Vælg lagene og klik Ctrl+E . Som et resultat vil vi have 4 lag tilbage (baggrund, omvendt tekst, skygge, volumetrisk tekst).

Lad os ændre stilene for det omvendte tekstlag.

Og lad os gøre de samme manipulationer for dette lag for at tilføje volumen (dupliker det og flyt det ned og til venstre). Flet lag af omvendt tekst.

Lad os gå videre til at arbejde med skyggen.
Rediger/Transformer . Hold derefter tasten nede Ctrl , deformerer vi skyggen ved at flytte hjørnepunkterne.

Vælg den øverste del af teksten med værktøjet Marquee (rektangulær markering, og flyt den øverste del af skyggen.

Afslutning af skyggen. Anvend gaussisk sløringsfilter ( Filter/sløring/Gaussisk sløring ) og laggennemsigtighed 65%
Værktøj Marquee vælg den nederste del af baggrunden og fyld den med en gradient. Farver #2a5159 og #dee7ee . Vi gør det samme med den øverste del af baggrunden.

Lad os gøre refleksionen mere naturlig.
Opret et nyt lag over den omvendte tekst, skift farveforløbet #dee7ee 100% gennemsigtighed. Fyld det nye lag med en gradient.

Sådan laver du 3D-tekst med Photoshop CS6 og CS5

Adobe Photoshop er primært en rastergrafikeditor. Men den klarer ikke mindre godt andre opgaver. Vi kender allerede til dets muligheder for at arbejde med vektorformer. Programmet er også i stand til at konvertere almindelige former til tredimensionelle.

3D-tekst i Photoshop CS5

Denne lektion vil fokusere på at arbejde med 3D-tekst i Photoshop CS5 eller nyere. Den seneste version inkluderet i Creative Cloud er stadig bedst egnet til disse formål. Den har det største antal værktøjer til behandling af stor tekst.

Lav voluminøs tekst i Photoshop

Først skal du åbne Photoshop og oprette en ny fil. Indstil opløsningen til 600 x 600 pixels. Med det samme, når du opretter et dokument, skal du vælge sort farve og udfylde billedet med det (brug Fyld-værktøjet til dette). Tag det vandrette tekstværktøj og skriv et ord i hvidt. Vælg den passende skrifttype og størrelse. I vores tilfælde er dette KorinnaBlackC med en skriftstørrelse på 172 point. Det er bedre at skrive teksten med store bogstaver.

Tag nu et kig på panelet med værktøjsindstillinger, der er placeret over billedet. Der er en "3D" knap. Klik på den. Dette vil automatisk konvertere dit tekstlag til 3D.

3D-tekst i Photoshop CS6

3D-tekst er faktisk lavet i Photoshop. Men nu skal vi arbejde tæt sammen med ham for at forbedre hans udseende. 3D-panelet skulle have åbnet. Hvis dette ikke sker, så følg stien "Vindue >> 3D". Klik på navnet på hovedgitteret (det består af det ord, du skrev) for at åbne billedindstillingerne i panelet Egenskaber. Det er dem, du vil arbejde på. Det er bemærkelsesværdigt, at du til enhver tid kan tage værktøjet Vandret tekst og redigere teksten. Lige mens du designer omfangsrig tekst i Photoshop! Det er dog ikke så enkelt. 3D-tekst redigeres i Photoshop CS6. I tidligere versioner er det rasteriseret, før det konverteres til 3D-tilstand, hvilket gør redigering umulig.

Der er i øjeblikket fire ikonfaner i panelet Egenskaber. Til at begynde med er fanen "Grid" åben. Her vælger du ekstruderingsdybden, farven på 3D-teksten i Photoshop, tilføjer en skygge og anvender også en skabelon til en bestemt deformation.

Den næste fane hedder "Deformer". Her kan du arbejde med at ekstrudere den volumetriske tekst (faktisk dens tykkelse langs Z-aksen). Du kan ændre dybden, vride den, give den en tilspidset effekt og meget mere.

I øjeblikket er der over billedet en værktøjslinje, der er ansvarlig for orientering i 3D-tilstand. Ved hjælp af de tilsvarende knapper kan du rotere kameraet eller selve inskriptionen langs alle tre akser. Brug dem til at realisere din idé.

Oprettelse af 3D-tekst i Photoshop

Dernæst anbefales det at gå til fanen "Hovedstæder". Her indstiller du tekstens vinklethed. Det er bedre ikke at røre ved denne fane, hvis du ikke har til hensigt at gøre hjørnerne mere krøllede eller glatte. Den sidste fane hedder "Koordinater". Her kan du angive den nøjagtige placering af 3D-tekst i billedet.

Men det er ikke alt. At lave 3D-tekst i Photoshop handler ikke kun om at give den en farve, ændre vinklen og ændre ekstruderingsdybden. Tag et kig på 3D-panelet. I den finder du flere punkter, der er ansvarlige for at tildele et bestemt materiale til teksten. Klik på linjen "Front Bulge Material". Og panelet "Egenskaber" viser straks parametrene for det materiale, der udgør den forreste del af vores tekst. Du kan ændre brydningsindekset for den reflekterede farve, glatheden af ​​konturen, dens relief og andre parametre. Du kan endda forbedre glansen.

På dette tidspunkt er oprettelsen af ​​3D-tekst i Photoshop næsten færdig. Vi foreslår, at du gør dig bekendt med de resterende punkter i "3D"-panelet. Eksperimenter er ikke forbudt. Til sidst vil vi kun tale om emnet "Endless Light 1". Klik på den, og belysningsmulighederne åbnes i "Egenskaber". Selve lyskilden vil være synlig i sammensætningen, den har et ikon med billedet af en sol.

Du kan ændre det uendelige lys til et punkt- eller retningsbestemt lys. I sidstnævnte tilfælde vil der vises en slags spotlight på sammensætningen, hvis intensitet kan justeres. Diameteren af ​​det oplyste rum er også justerbar.

3D-tekst i Photoshop CS6

Sådanne ikke-så-dårlige muligheder for at skabe 3D-tekst er tilgængelige i Photoshop CS6 og senere versioner. Men at lave 3D-tekst i Photoshop er kun den indledende fase af arbejdet. Du skal også passe på omgivelserne i denne tekst. Du kan tilføje teksturer, som også skal placeres i tredimensionelt rum. Kort sagt, alt dette er et meget interessant emne.

Som du sikkert allerede har indset, er mulighederne i Photoshop uendelige takket være de mange kombinationer af meget enkle værktøjer, du kan bruge. Nogle gange bliver man endda overrasket over, hvor smuk en idé kan føres ud i livet med blot et par operationer. I dag vil jeg vise dig en lignende ting. Du behøver ikke indgående kendskab til programmet for at oprette det. Hun ser dog meget imponerende ud.

Vi vil se på, hvordan man laver 3D-tekst i Photoshop. Jeg tror, ​​du allerede har hørt, at de nyeste versioner af programmet indeholder et modul, der giver dig mulighed for at lave 3D-objekter, men i dag vil jeg vise dig, hvor nemt det er at undvære det.

For at oprette en tredimensionel inskription skal du først tænke på skriftfarven. Forestil dig et tredimensionelt objekt i din yndlingsfarve. Der er en klar forskel på de lyse og mørke dele af et objekt. Hovedfarven ændres praktisk talt ikke, men ikke desto mindre er nuancerne helt anderledes. Farven på inskriptionen spiller en væsentlig rolle i at skabe 3D-tekst. Jeg overdrev farverne lidt. Du kan gøre inskriptionen mere naturlig.

Først skriver vi teksten på et hvidt arbejdsområde. En anden advarsel: Brug en fed skrifttype første gang. Med hans hjælp vil du helt sikkert lykkes. Mens skrifttyper med elegant stil ikke passer til alle. Jeg brugte dino pro skrifttypen. Farven på teksten er endnu ikke vigtig. Vi dækker det med en gradient.

I lagvinduet skal du klikke og højreklikke på laget med inskriptionen. I rullemenuen skal du vælge "overlejringsindstillinger".


Lad os opsætte en "gradient". Overgang fra #886174 til #af7c94.


Vi har denne gradient.


Lad os nu gå til lagvinduet. Højreklik på tekstlaget og vælg "opret et dubletlag" fra rullelisten.

Vores opgave er at flytte den ned og til venstre med 1 pixel. Vi gjorde det. Og i lagvinduet skal du vælge det lag, der er bagved. Åbn "overlejringsindstillinger".


Fjern markeringen i feltet gradient. Og sæt den til "farveoverlejring". Vi har brug for #eddacf farve. Dette lag vil være et højdepunkt på 3D-teksten. Dette vil få vores breve til at fremstå mere omfangsrige.


Lav endnu et dubletlag. Træk den i lagvinduet, så den kommer først efter baggrunden. Påfør farve #342328. Og flyt den en pixel op og til højre.

Noget begynder allerede at dukke op.


Gentag den sidste manipulation 10 gange. Eller mere. Afhængigt af hvor tykke bogstaverne i den volumetriske tekst du ønsker at få.

Det er, hvad vi har i øjeblikket. Jeg tror, ​​vi også kunne tilføje en skygge.


Lav endnu et dubletlag. Igen skal det vises først i rækkefølge i lagvinduet. Ingen grund til at skifte. Vælg det i lagmenuen. Klik med højre museknap. Vælg "konverter til smart objekt". Tryk på tastekombinationen ctrl+t. Vi højreklikker på laget allerede i arbejdsvinduet. Vælg kommandoen "perspektiv". Træk i hjørnet af teksten. Dette er hvad vi skal få:


Skift nu farven på dette lag til hvid ved hjælp af "Blendingsindstillinger". Laget er blevet usynligt for os. Og igen konverterer vi det til et smart objekt.

Tryk på ctrl+shift+n for at oprette et nyt lag. Vælg et arbejdsområde, der svarer til skrifttypen. På værktøjslinjen skal du se efter "gradient".


Du kan finde indstillingerne her:


Klik og indstil dem:

Nederste venstre skyder: farve #e4e4e4. Nederst til højre er hvid.

Øverste venstre skyder: 100 % opacitet. Nederst til højre – 0%.

Træk musen over det valgte område fra bunden til toppen. Og fjern markeringen.


Klik nu på dette lag i lagvinduet med højre museknap og vælg "opret klippemaske".


Vi samler lagene. Spare. Alle!

Som du kan se, brugte vi meget enkle teknikker, men ikke desto mindre opnåede vi den ønskede effekt. Vi fik faktisk 3D-tekst.



Denne artikel er også tilgængelig på følgende sprog: Thai

  • Næste

    TAK for den meget nyttige information i artiklen. Alt er præsenteret meget tydeligt. Det føles som om der er blevet gjort meget arbejde for at analysere driften af ​​eBay-butikken

    • Tak til jer og andre faste læsere af min blog. Uden dig ville jeg ikke være motiveret nok til at dedikere megen tid til at vedligeholde denne side. Min hjerne er struktureret på denne måde: Jeg kan godt lide at grave dybt, systematisere spredte data, prøve ting, som ingen har gjort før eller set fra denne vinkel. Det er en skam, at vores landsmænd ikke har tid til at shoppe på eBay på grund af krisen i Rusland. De køber fra Aliexpress fra Kina, da varer der er meget billigere (ofte på bekostning af kvalitet). Men online-auktioner eBay, Amazon, ETSY vil nemt give kineserne et forspring inden for rækken af ​​mærkevarer, vintageartikler, håndlavede varer og forskellige etniske varer.

      • Næste

        Det, der er værdifuldt i dine artikler, er din personlige holdning og analyse af emnet. Giv ikke op denne blog, jeg kommer her ofte. Sådan burde vi være mange. Email mig Jeg modtog for nylig en e-mail med et tilbud om, at de ville lære mig at handle på Amazon og eBay.

  • Det er også rart, at eBays forsøg på at russificere grænsefladen for brugere fra Rusland og CIS-landene er begyndt at bære frugt. Trods alt har det overvældende flertal af borgere i landene i det tidligere USSR ikke et stærkt kendskab til fremmedsprog. Ikke mere end 5% af befolkningen taler engelsk. Der er flere blandt unge. Derfor er grænsefladen i det mindste på russisk - dette er en stor hjælp til online shopping på denne handelsplatform. eBay fulgte ikke sin kinesiske modpart Aliexpress, hvor der udføres en maskinel (meget klodset og uforståelig, nogle gange lattervækkende) oversættelse af produktbeskrivelser. Jeg håber, at maskinoversættelse af høj kvalitet fra ethvert sprog til et hvilket som helst i løbet af få sekunder vil blive en realitet på et mere avanceret stadium af udviklingen af ​​kunstig intelligens. Indtil videre har vi dette (profilen af ​​en af ​​sælgerne på eBay med en russisk grænseflade, men en engelsk beskrivelse):
    https://uploads.disquscdn.com/images/7a52c9a89108b922159a4fad35de0ab0bee0c8804b9731f56d8a1dc659655d60.png