Ett 3D-Typografi-komponering kombinerar imponerande texteffekter med kreativa designelement och tar din typografi till en helt ny nivå. Oavsett om du vill skapa futuristiska, abstrakta eller ämnesspecifika utseenden - med Photoshop kan du skapa en individuell 3D-typografi som förstärker ditt budskap visuellt. I den här handledningen visar jag steg för steg hur du sätter din 3D-typografi i rampljuset med texturer, ljuseffekter och andra designelement. Låt oss börja och förvandla din typografi till ett konstverk!
Steg 1:
Först skapar jag ett nytt dokument; storleken spelar ingen roll. Här väljer jag en mycket liten storlek på 800x600 pixlar. Om du vill skriva ut denna effekt bör enheten ändras från pixel till cm och upplösningen från 72 till 300 pixel/tum.
Steg 2:
Nu skapar jag ett textlager med en bokstav. Sedan klickar jag i menyn på 3D>Repoussé>textlager.
Steg 3:
Följande inställningar gör jag (när det gäller material, använder jag mallen för Ingen textur för Allt):
Steg 4:
Nu öppnar jag 3D-panelen under Fönster och färgar in extrusionen. För detta klickar jag på den gråa färgen under Diffus.
Steg 5:
Så, färgen är redan bra. Bara på framsidan av bokstaven vill jag skapa en textur själv.
Steg 6:
För den nya texturen skapar jag ett nytt dokument med en storlek på 200 x 1 pixel. Sedan dubbelklickar jag på bakgrundslagret och tar bort innehållet med Delete-tangenten. Nu kan jag skapa ett urval som omfattar hälften av dokumentet och färga detta i blått. Sedan markerar jag allt igen och spara det som ett mönster under Meny>Redigera>Ange utfyllnader.
Steg 7:
Så, mönstret är sparat och jag skapar ett nytt dokument med 2000x2000 pixlar. Sedan lägger jag till ett nytt lager och färgar detta (färgen spelar ingen roll eftersom jag sätter täckkraften till 0%). Nu går vi till Fyllningsalternativ och aktiverar mitt nya mönster. Därefter sparar jag texturen som en PSD-fil på min hårddisk.
Steg 8:
Så, nu går jag tillbaka till mitt dokument och öppnar min nya textur på Material - Upplåst framsida.
Steg 9:
Resultatet ser ut som följer (jag är inte riktigt nöjd med linjerna och öppnar därför min textur igen).
Steg 10:
För att kunna rotera mitt mönster, konverterar jag lagret till ett Smart objekt. Nu kan även mönstret som lagts som fyllningsalternativ snurras.
Steg 11:
Såhär tycker jag redan mycket bättre om det.
Steg 12:
Eftersom linjerna är för breda, öppnar jag texturen igen, går in i mitt Smart objekt och skalor sedan mönsteröverlagringen.
Steg 13:
För att göra bakgrunden mer spektakulär, lägger jag till en Gradient på bakgrunden.
Steg 14:
Samtidigt ger jag min Avrundade kanter en blå ton. Resultatet ser då ut som följer:
Steg 15:
För att kunna se ljuskällorna bättre låter jag dem visas längst ner i 3D-arbetsytan.
Steg 16:
Dessutom färgar jag bakgrundsarket grått för att kunna se de vita ljusstrålarna. Jag byter ljusets typ från Rikad till Spot.
Steg 17:
Nu flyttar jag ljuset och ser genast hur min objekt reagerar.
Steg 18:
Jag ändrar också nästa ljuskälla till att vara en Spot och ökar också ljusets intensitet till 1.
Steg 19:
Eftersom rendering av hela objektet kan ta lång tid kan jag göra ett urval och gå sedan till Alternativmenyn i 3D-arbetsytan och välja Urval för progressiv rendering.
Steg 20:
Resultatet ser mycket bra ut. Jag kan också låta hela objektet renderas genom att klicka på scenen högst upp i 3D-arbetsytan och sedan välja antingen Raytracing - Design eller Raytracing - slutgiltig (tar längst tid) under Kvalitet. Tips: Om jag behöver ändra något i objektet igen, måste jag absolut återställa inställningen till Interaktiv (Måla), annars börjar datorn omedelbart om från början med renderingen och jag får vänta en evighet.
Steg 21:
Efter att jag har slutfört den första bokstaven skapar jag nästa med samma inställningar och tillvägagångssätt. Även här laddar jag ner den tidigare sparade texturen igen.
Steg 22:
Eftersom linjerna är för breda går jag in i texturen, sedan in i Smart-Object och vidare till Mönsterraster där jag minskar storleken lite grann. Men det blir en konstig dubbellinje i S-bokstaven; därför går jag tillbaka till Texturegenskaper och justerar U-Skalvärdet lite tills det passar.
Steg 23:
När jag ökar värdet för U-Skal. blir mina linjer mindre. Ibland bryts linjerna dock konstigt, vilket antagligen beror på en bugg i Photoshop eller en felaktig displaygrafikdrivrutin.
Steg 24:
Efter att jag har renderat scenen ser min S-bokstav ut så här:
Steg 25:
Jag flyttar också alla ljuskällor här, och vissa av dem ändrar jag till Spot. Jag kan till och med klicka på Ny-symbolen för att skapa fler ljuskällor.
Steg 26:
Eftersom linjerna är för breda går jag in i texturen, sedan in i Smart-Object och vidare till Mönsterraster där jag minskar storleken lite grann. Men det blir en konstig dubbellinje i S-bokstaven; därför går jag tillbaka till Texturegenskaper och justerar U-Skalvärdet lite tills det passar.
Steg 27:
Nästa steg är att skapa den sista bokstaven. Jag placerar den under S-bokstaven i lagernivån.
Steg 28:
För min d-bokstav har jag tänkt på något speciellt: Bokstaven ska få ett blommigt mönster. Jag laddar ner en blommig pensel från PSD-Tutorials.de, infogar den i ett dokument på 2000x2000 px med transparent bakgrund och sparar den som en PSD-fil.
Steg 29:
Under Texturegenskaper flyttar jag mönstret därefter.
Steg 30:
Så, nu anpassar jag ljuset igen, och då ser min bokstav inte så illa ut:
Steg 31:
Nästa steg är att skapa en ny lager och lägga till några mindre element med vit färg med min blommiga pensel.
Steg 32:
Nu är det dags för en snygg bakgrund. Jag tar tag i Egna former-verktyget och laddar upp följande form, som Photoshop kommer med som standard (om den inte visas, klicka bara på den lilla pilen längst upp till höger för att ladda biblioteket).
Steg 33:
Efter att jag dragit ut formen, minskar jag lätt opaciteten, lägger till en lagermask och fyller den med en radial svart-vit gradient.
Steg 34:
Striperna kan jag förbättra genom att t.ex. minska fyllningsgraden och sedan i fillvalen lägga till en lätt vit skugga utåt. Sedan drar jag en fin radial blå-mörkblå gradient.
Steg 35:
För att få det att lysa mer i mitten kan jag antingen anpassa gradienten därefter, eller så ändrar jag den enkelt med en väldigt mjuk, stor pensel. Jag sänker sedan lite på lagrets opacitet.
Steg 36:
På något sätt är de blommiga penseldragen för dominerande. Därför skapar jag dem igen, denna gång dock med en ännu mindre pensel. Resultatet blir då som följer:
Steg 37:
Med en ton/mättnad-justeringslager kan jag snabbt ändra färg på bakgrunden också:
Steg 38:
Vill jag istället för bakgrunden hellre ändra färg på bokstäverna, kan jag också gå till ett enskilt bokstavs fillagen och ställa in ett färgöverlagring med fyllmetoden färg. Efter det kopierar jag lagereffekten med tryckt Alt-tangent för varje ytterligare bokstav.
Steg 39:
Det är dock enklare om jag har mina bokstäver i en mapp och sedan lägger till en ton/mättnad-justeringslager ovanpå den. Och - mycket viktig: Jag ställer in fyllmetoden för mina mappar från genomsläppning till normal. Då påverkar justeringslagret endast innehållet i mappen.
Steg 40:
Liten knep på slutet av workshopen: Jag duplicerar mina 3D-bokstäver och rasteriserar sedan min kopia med höger musknapp.
Steg 41:
Nu har jag flera alternativ: Antingen färgar jag hela bokstaven vit, eller så lägger jag bara till ett färgöverlagring i vitt på den. Sedan lägger jag till en mask, och sedan kan jag med en mjuk pensel t.ex. förbättra vissa ljus själv. I mitt fall har jag förstärkt ljuset på toppen av b-bokstaven och målat skuggorna mörkare med en annan lager med svart färgöverlagring.
Steg 42:
Efter det ser mitt resultat ut så här:
Jag hoppas jag har kunnat förmedla många tips om att hantera 3D i Photoshop. Som man kan se är detta inte alltför svårt.
