Gebruik Google Sketchup en Photoshop om 3D-typografie te maken

Photoshop is een krachtige applicatie op zijn eigen merites. Het vermogen kan echter aanzienlijk worden verhoogd door het te gebruiken in combinatie met een andere toepassing zoals Illustrator, Cinema 4D of, in dit geval, Google Sketchup. Vandaag zullen we een aantal coole 3D-teksten maken met deze gratis architectonische applicatie.


Stap 1

Begin met het downloaden van de gratis versie van Google Sketchup hier. Wanneer u Sketchup voor het eerst opent, wordt u om een ​​dialoogvenster gevraagd met welke stijl u moet beginnen. Ik heb gekozen voor de eenvoudige stijl, met blauwe lucht en groen 'gras' (dit is helemaal jouw voorkeur, het heeft geen effect op je uiteindelijke resultaat). Open het hoofdgereedschapsvak door te klikken op Beeld> Gereedschappaletten> Grote gereedschapsset. Er zijn een paar hulpmiddelen waar we veel gebruik van zullen maken, dus het is handig om vertrouwd te raken met hun snelkoppelingen. Deze zijn hetzelfde op Windows en Mac: select: (spatiebalk), push / pull: (p), offset: (f), baan: (o), pan: (h), zoom: omhoog of omlaag scrollen, of ( z)


Stap 2

We moeten een sjabloon maken voor waar we onze gebouwen neerzetten. We doen dit door alles vanaf de top te bekijken. Als u vanaf de top wilt bekijken, gaat u naar Camera> Standaardweergaven> Bovenaan. Als u dit doet, ziet u het woord 'Top' in de linkerbovenhoek. Je wilt je rode en groene assen redelijk dichtbij, dus zoom in als dit nodig is om een ​​mooie positie te krijgen (hieronder). Om het scherm te pakken, gebruik je de pan-tool (h) om alles te ordenen.


Stap 3

Klik vervolgens op de 3D-teksttool en typ uw tekst in. Klik op "Lettertypen" om uw lettertype te wijzigen (dikgedrukte, vettere lettertypen werken het beste) en voer een grootte van 10 "of groter in. Klik vervolgens op" Plaatsen "


Stap 4

Klik nu op de plaats waar u uw tekst op uw canvas wilt plaatsen. Als je het wilt verplaatsen nadat je het hebt geplaatst, controleer dan of het is geselecteerd (spatiebalk) + klik, klik vervolgens op het verplaatsgereedschap (m) en sleep naar de nieuwe locatie. Als u uw tekst groter wilt maken, zorg dan dat deze is geselecteerd (spatiebalk) + klik, klik vervolgens op de schaalgereedschap (en), pak een groen knooppunt (een hoek één om proportioneel te schalen, deze worden rood zodra ze zijn geselecteerd) en sleep tot je gelukkig bent.


Stap 5

Nu moeten we dit op een aparte laag plaatsen. Helaas is dit een uit meerdere stappen bestaande taak, maar zeer eenvoudig. We moeten beginnen met het openen van ons lagenpalet. Ga naar Venster> Lagen. Als het lagenpalet open is, klikt u op het kleine '+' teken in de linkerbovenhoek en geeft u de nieuwe laag een naam.


Stap 6

Klik vervolgens met je selectiegereedschap (spatiebalk) met de rechtermuisknop op je tekst en kies 'Entiteitsinfo'. Een klein dialoogvenster verschijnt met een vervolgkeuzemenu voor de laag. Kies in dit menu de nieuwe laag die je zojuist hebt genoemd in stap 5.


Stap 7

Uw tekst is officieel verplaatst. Voel je vrij om het vakje "Entiteitsinformatie" te sluiten en als je wilt, kun je controleren of je je tekst op de nieuwe laag plaatst door het kleine selectievakje onder "Zichtbaar" in je lagenpalet te verwijderen. Om zeker te zijn dat we al het andere op een andere laag plaatsen, moet je ervoor zorgen dat de radiële knop in het lagenpalet in de buurt van "Laag 0" is gemarkeerd (hetzelfde als de afbeelding hierboven). Nu, tijd om zaken te doen!


Stap 8

Selecteer uw rechthoekgereedschap (r) en zoom in op uw eerste letter. Begin met het tekenen van vierkanten en rechthoeken om je eerste letter te vullen. Maak je geen zorgen als je een fout maakt. Cmd / Ctrl + Z zullen meerdere stappen in de geschiedenis ongedaan maken. U kunt ook een willekeurige rechthoek selecteren en gewoon op de backspace of delete-toets drukken om er vanaf te komen. Doe je best telkens wanneer je een nieuwe rechthoek tekent om een ​​rand met de vorige te delen, zodat er geen openingen tussen je rechthoeken zijn. Vergeet niet dat je je sjabloontekst zichtbaar en onzichtbaar kunt maken terwijl je verdergaat om je voortgang te zien (in je lagenpalet, selectievakje onder "Zichtbaar"). Gebruik het gereedschap Pastei (h) om het scherm te pakken en naar de volgende letter te gaan. Doe dit voor al je brieven.

TIP: als je een blauw-achtig / paars-achtig vierkant erin ziet en het je lastigvalt, klik dan met de rechtermuisknop en selecteer "Omgekeerde gezichten" om het in wit te veranderen.


Stap 9

Altviool! Allemaal rechtgetrokken! Ga naar je lagenpalet en maak je sjabloontekst onzichtbaar door het vakje "Zichtbaar" ernaast uit te schakelen. Vul eventuele hiaten in die u misschien hebt gemist of verwijder overtollig. Nu is het tijd voor textuur. Ga naar Venster> Materialen om het materialenpalet te openen.


Stap 10

Kies in het materialenpalet 'Baksteen en bekleding' uit het vervolgkeuzemenu en klik vervolgens op het materiaal dat u wilt gebruiken voor uw gebouwen.


Stap 11

Met je selectiegereedschap (spatiebalk) rubberen band om het gebied te selecteren dat je wilt structureren met het door jou gekozen materiaal.


Stap 12

Pak vervolgens je verfemmer (b) en klik op een van de vierkanten die je hebt geselecteerd. De volledige selectie wordt nu getextureerd. Als je niet tevreden bent met de grootte van de textuur, selecteer rubberen band al je letters, gebruik dan de schaalgereedschap (en), pak een hoekgroen knooppunt (om proportioneel te schalen) en verklein het formaat totdat je tevreden bent met de grootte van de letters textuur binnen je vierkanten.


Stap 13

Textuur de rest van uw vierkanten. Je kunt ook elk vierkantje een eigen textuur geven, als je een mengsel van verschillende texturen bij elkaar wilt zetten.


Stap 14

Nu voor het leuke gedeelte! Grijp je orbitool (o) en baan naar een hoek vergelijkbaar met die hieronder.


Stap 15

Pak vervolgens je push / pull-tool (p) en plaats het op een van je vierkanten tot het oplicht. Klik en sleep vervolgens naar boven totdat je tevreden bent met de hoogte. Klik om te deselecteren. Ga naar het volgende vierkant en herhaal het proces.

TIP: Wanneer u naast een eerder getrokken segment trekt en probeert om hoger te trekken, ontvangt u een rood vakje gecorrigeerd naar "rood" (hieronder). Als u wilt doorgaan met trekken, klikt u om het segment te beëindigen en vervolgens nogmaals om het hoger te plaatsen.


Stap 16

Blijf trekken tot je tevreden bent met je ministad met letters. Gebruik je orbitool (o), pan gereedschap (h) en zoom in om op en neer te scrollen, of (z) om door en rond al je letters te navigeren.


Stap 17

Zodra je al je letters hebt getrokken, is het tijd om een ​​paar daken te verwisselen om een ​​beetje visueel belang en detail toe te voegen. We doen dit met behulp van de offset-tool (f). Zoom dicht in op je eerste letter, pak je offsetgereedschap en kom dichter bij de rand van het dak dat je wilt aanpassen. Eenmaal op de rand klikt u op en verplaatst u het gereedschap Offset naar het midden van de bovenkant van het gebouw. U zult nieuwe randen opmerken en vormen wat lijkt op een rand. Laat het gereedschap los door te klikken wanneer u tevreden bent over de breedte.


Stap 18

Pak nu je push / pull-tool (p) en eenmaal het midden van de nieuw gevormde rand blauw gemarkeerd is, druk je naar beneden om een ​​dak te maken. Herhaal deze stappen om willekeurige bouwtoppen op al uw letters te plaatsen.


Stap 19

Tijd om wat schaduw toe te voegen! Als u schaduwen wilt toevoegen, gaat u naar Beeld> Schaduwen. Loop rond om een ​​idee te krijgen van de hoek die je wilt hebben voor je uiteindelijke compositie. Niet het uiterlijk van de schaduwen voor de tijd van het jaar dat u wilt? Je hoeft je geen zorgen te maken - dat is waar het Shadows Palette voor is. Om het te openen, ga naar Venster> Schaduwen. Na het openen voert u de exacte datum en tijd in of gebruikt u de schuifregelaars om een ​​voorbeeld van uw schaduwen te bekijken.


Stap 20

Nu moeten we dit klaar maken voor export. Om dingen een beetje meer gefinaliseerd te laten lijken, moeten we onze assen en randen verbergen. Ga hiervoor naar Beeld> Assen en schakel dit uit. Om uw randen uit te schakelen, gaat u naar Beeld> Randstijl> Randen.


Stap 21

Dat ziet er beter uit. Zorg dat uw tekst precies zo staat als u wilt dat hij er uitziet, en zorg ervoor dat het hele stuk op uw scherm past. Als u tevreden bent, gaat u naar Bestand> Exporteren> 2D-afbeelding. Er verschijnt een dialoogvenster en u kunt kiezen uit drie opties: jpeg-, png- en tiff-bestanden. Ik heb een tiff-bestand geselecteerd. Als u op "Opties ..." klikt, verschijnt er een tweede vak waarin u exacte afmetingen en resolutie kunt opgeven, evenals weergaveopties. Ik heb de onderstaande instellingen voor de mijne gekozen. De breedte en hoogte zijn de standaard schermafmetingen. Daarom is het belangrijk dat u ervoor zorgt dat uw hele stuk op uw scherm past. Om welke reden dan ook, zelfs als je een andere resolutie dan 72ppi invoert, wordt deze nog steeds geopend als 72ppi. Gelukkig is het groot genoeg om het in Photoshop aan te passen wanneer je het verkleint. Als je klaar bent, exporteer weg. Tijd om het naar Photoshop te brengen!


Stap 22

Nu we in Photoshop zijn, open je 2D grafische bestand van waar je het hebt opgeslagen. Laten we vervolgens ons canvas een beetje gemakkelijker maken om mee te werken. Als u de canvasgrootte wilt wijzigen, gaat u naar Afbeelding> Canvasgrootte en voegt u een beetje meer hoogte toe en knipt u vervolgens (c) bij de gewenste resolutie (de mijne is 150ppi). Noem je laag Original.


Stap 23

Laten we voor die vreselijke groene schaduwen zorgen. Selecteer ze met je toverstaf-tool (w) en schuif-klik om elk extra stuk toe te voegen. Nu ze allemaal zijn geselecteerd, ga je naar Selecteren> Wijzigen> Uitbreiden. Voer 1px in en druk op OK.


Stap 24

Druk nu op Wissen of Backspace om de groene schaduwen van de originele afbeelding te verwijderen. Maak je selectie, maak een nieuwe laag en noem het Main Shadows. Maak je achtergrondkleur zwart en druk vervolgens op Cmd / Ctrl + Backspace om de selectie met zwart te vullen. Zet de dekking van deze laag op 40%.


Stap 25

Nu moeten we een achtergrond naar voren brengen. Ik heb een grastextuur gebruikt die je hier kunt krijgen. Plaats de afbeelding in een laag onder Origineel en noem deze Gras.


Stap 26

Het is vrij duidelijk dat ons gras hier wat verduistering nodig heeft. Maak er nog een laag bovenop, vul hem met zwart en noem hem Dark. Zet de dekking van deze laag op 35%.


Stap 27

Volg de richting van de schaduwen op de tekst en om het brandpunt meer geconcentreerd te maken op de tekst, maak een nieuwe laag boven Donker. Creëer extra schaduw op het gras net boven de tekst met een grote zachte borstel. Noem deze laag Extra donker en zet de dekking op 25%.


Stap 28

Om het gras hetzelfde perspectief te geven als onze letters, moeten we het verdraaien. Cmd / Ctrl + T om je gras vrij te maken, klik met de rechtermuisknop en kies Vervormen. Grijp de hoekknooppunten om de hoeken van de eerste en laatste letters voor elke zijde te volgen.


Stap 29

Nu om deze letters te bemesten! Cmd / Ctrl-klik op de laagminiatuur van het origineel om de inhoud te selecteren. Maak een aanpassingslaag voor helderheid en contrast, stel de helderheid in op -31 en stel het contrast in op 100.


Stap 30

Nu moeten we een aantal laagstijlen toevoegen aan de laag Origineel. Dubbelklik op de laag en controleer Slagschaduw. Voeg de onderstaande instellingen toe. Ik heb het globale licht uitgeschakeld en een hoek gekozen om de slagschaduw overeen te laten komen met de schaduwen van de Original, dus kies een hoek voor die van jezelf die het beste past bij de jouwe.


Stap 31

Controleer vervolgens Inner Shadow. We voegen gewoon een heel, heel subtiele schaduw toe die duidelijk te zien is aan de onderkant van alle letters om het een beetje extra diepte te geven. Voeg de onderstaande instellingen toe, maar pas de hoek voor je eigen stuk aan om bij die onderkant te passen.


Stap 32

Knip vervolgens je afbeelding bij voor je uiteindelijke compositie of uiterlijk.


Conclusie

Creëer een nieuwe laag helemaal bovenaan en met een zachte borstel, schaduw de buitenranden en hoeken licht voor een laatste aanraking. Google Sketchup is een geweldig alternatief voor de Repousse-tool, vooral als je geen CS5 hebt en er zijn veel videozelfstudies op Youtube om nieuwe functies te leren. Bedankt voor het lezen!