Gebruik Photoshop en Illustrator om gitaarreekstypografie te maken

Photoshop en Illustrator zijn geweldige hulpmiddelen om u te helpen dingen te maken die alleen in uw verbeelding bestaan. In deze tutorial zullen we woorden creëren uit verweven gitaarsnaren. Laten we beginnen!


Lesmateriaal

De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.

  • Hout textuur

1. Maak de strings in Illustrator

Stap 1

We beginnen in Illustrator. Maak een nieuw document door naar Bestand> Nieuw (Command / Ctrl + N). Ik heb de volgende documentgrootte gebruikt:

  • Breedte ingesteld op 250 mm
  • Hoogte ingesteld op 175 mm

Selecteer de Lijnsegmenthulpmiddel (\), en terwijl je ingedrukt houdt Verschuiving teken een horizontale lijn over de breedte van het document, ergens in het bovenste vierde deel van de pagina. Nu ingesteld:

  • Opvulkleur (X) voor niemand
  • Beroerte gewicht tot 5 pt
  • pet tot ronde dop
  • en Hoek om mee te doen

De ... gebruiken Roteer gereedschap (R) draai de horizontale lijn 11 °.

De ... gebruiken Verplaats gereedschap door naar te gaan Object> Transformeren> Verplaatsen (Command / Ctrl + Shift + M) dupliceer de regel met de volgende waarden:

  • Horizontaal: 0 mm
  • Verticaal: 21 mm

Vergeet niet te klikken Kopiëren in plaats van OK.

Duplicaat de nieuwe regel nog 4 keer simpelweg door naar Object> Transformeren> Opnieuw transformeren (of Command / Ctrl + D), zodat je uiteindelijk 6 lijnen krijgt.

Stap 2

Nu zullen we de letters tekenen.

Gebruik de Schaargereedschap (C) om het bovenste pad op twee punten te knippen, op een afstand die ongeveer de lengte van het eerste woord is. De ... gebruiken Direct selectie gereedschap (A) pak het pad in het midden en verwijder het. (Vergeet niet op te drukken Verwijder twee keer, dus u verwijdert ook de eindpunten van het ongewenste pad.)

De ... gebruiken Pen gereedschap (P) klik op het rechter eindpunt van het eerste pad om het pad voort te zetten en begin met het tekenen van de eerste letter. Het is een goed idee om de paden in te zien Overzichtsweergave (Beeld> Overzicht, Opdracht / Ctrl + Y) om preciezer te kunnen werken.

De letters kunnen voorlopig uit verschillende paden bestaan, vooral omdat sommige paden moeten worden gedupliceerd (de twee krommen van de 'm' zijn vergelijkbaar, dus de curve van de 'u' enz., Maar ze moeten wel aangepast dus zijn mooi verbonden met de volgende letter).

Deze fase van de tutorial zal waarschijnlijk behoorlijk wat werk met zich meebrengen, tweaken en corrigeren van de paden om de bochten er vlekkeloos uit te laten zien, maar dit is de basis van ons kunstwerk, dus het moet er perfect uitzien.

Voeg alle letters toe die u nodig hebt op één reeks en pas het linker eindpunt van het tweede lijnpad aan zodat het begint waar het eindpunt van de laatste letter eindigt.

Stap 3

Laten we alle letters op alle zes de snaren maken. Dezelfde letters kunnen worden gedupliceerd. Na het tekenen van alle paden, zou ons kunstwerk er moeten uitzien Overzichtsoverzicht.

Nu moeten we alle paden volgen, zodat we eindigen met elke reeks die slechts één pad is. Zorg ervoor dat de punten die moeten worden samengevoegd zich op dezelfde positie bevinden. Als dat niet het geval is, past u hun posities aan met behulp van de Direct selectie gereedschap (A).

Zodra ze op de juiste positie staan, selecteer je beide eindpunten met de Direct selectie gereedschap (A), en Gemiddelde hen (Object> Pad> Gemiddelde, Opdracht / Ctrl + Option + J). U kunt deze stap overslaan als u er absoluut zeker van bent dat de paden precies op elkaar liggen. Dan toetreden hen (Object> Pad> Samenvoegen, Opdracht / Ctrl + J). Ga door het hele document en doe mee aan alle aangrenzende paden, zodat je alleen nog maar 6 paden hebt.

Stap 4

We zullen de kleur van de snaren vervolgens maken. Ga naar de Kleurenpalet (Venster> Kleur), en voeg de waarden toe.

  • C: 55
  • M: 60
  • Y: 65
  • K: 40

Om een ​​bruinachtige kleur te creëren. (Ik gebruik CMYK-waarden omdat deze illustratie is gemaakt om te worden afgedrukt.) Sleep deze kleur naar Stalen, zodat we het gemakkelijk kunnen gebruiken de volgende keer dat we het nodig hebben.

Vervolgens definiëren we de schuifregelaars van de helling (Venster> Verloop). Sleep de bruinachtige kleur naar de eerste en laatste schuifregelaars van het verloop en sleep wit naar het midden van het verloop en maak zo een nieuwe schuifregelaar. Deze middelste schuifregelaar moet op 50% staan. Sleep dit verloop ook naar Stalen.

Selecteer nu alle 6 paden en stel de streek in op het verloop dat we zojuist hebben gemaakt.

Klik op Overgang over lijn toepassen in het palet Verloop om het touwachtige uiterlijk te bereiken.

De richting van elk pad moet van links naar rechts gaan, anders zullen de letters de richting van het schrijven niet volgen.

Als uw pad niet in de juiste richting is geplaatst, gebruikt u het gereedschap Pen om op het rechter eindpunt van uw pad te klikken om de volgorde van het pad om te keren.

Stap 5

Er is nog een laatste ding over voor ons om te doen met de snaren in Illustrator: zorgen voor de in elkaar grijpende.

De ... gebruiken Pen gereedschap teken een nieuw pad rond de tweede reeks en zorg ervoor dat u het gedeelte weglaat dat moet worden verborgen. Dit zou heel precies moeten gebeuren. Zorg ervoor dat u het pad sluit.

Zorg er vervolgens voor dat het zich voor het stringpad bevindt (Object> schikken> naar voorgrond brengen), maar hoogstwaarschijnlijk zal het zijn, zoals het later werd gecreëerd. Selecteer beide paden (het nieuwe gesloten pad en het reekspad) en maak een Knipmasker (Object> Knipmasker> Make, Command / Ctrl + 7). Nu zou een deel van de letter 'k' verdwenen moeten zijn achter het onderste deel van de letter 'c'.

Herhaal deze stap bij de vierde string voor letter 'f'.

Het onderste deel van 'e' in 'mij' moet nu boven op de ascender van 'f' worden gelegd.

We zijn nu klaar met het vectorgedeelte van strings, het moet er ongeveer zo uitzien als de afbeelding hieronder. Sla het bestand vervolgens op als 'Strings'.


2. Maak de frets in Illustrator

Stap 6

Maak nog steeds een document in Illustrator (formaat: 350 x 350 mm), anders dezelfde instellingen als de vorige keer. Met de Line Segment Tool Shift-draw een verticale lijn, ongeveer 240 mm lang. Stel de Opvulkleur (X) voor niemand, en Berekend gewicht tot 6,4 pt.

Druk op de Option-toets en met de Selectie gereedschap (V) Shift-drag de lijn naar rechts (ongeveer 35 mm). Herhaal deze stap met de tweede regel, maar maak deze keer de afstand iets groter (ongeveer 45 mm). Herhaal nogmaals, met een nog grotere afstand (55 mm). (Je zou ook de Verplaats gereedschap voor deze stappen.)

Selecteer alle vier de regels en gebruik de Roteer gereedschap (R) om ze met 11 ° te roteren. Stel de lijnkleur in op wit. Sla het document op als 'Frets'. Het is tijd om verder te gaan naar Photoshop.


3. Stel de basis van het kunstwerk in Photoshop in

Stap 7

Maak in Photoshop een Nieuw document (Bestand> Nieuw, Command / Ctrl + N) met de volgende waarden:

  • Breedte: 175 mm
  • Hoogte: 250 mm
  • Resolutie: 300 pixels / inch
  • Kleur mode: CMYK-kleur

Vul de achtergrond met Standaard zwart (C: 91 M: 79 Y: 62 K: 97 of # 000000).

Open Houten textuur van Assets en sleep de laagminiatuur naar uw nieuwe document om een ​​nieuwe laag te maken. Gebruik de Gratis transformatie tool (Bewerken> Vrije transformatie, Opdracht / Ctrl + T) roteren en verschuiven: hiermee verkleint u de textuur zoals wordt weergegeven in het palet Info. Dubbelklik op de naam van de laag om de naam te wijzigen 'hout'. Zet de dekking op 83%.

Nu gaan we Voeg een laagmasker toe door te klikken Laag> Laagmasker> Alles onthullen. Gebruik een grote, zachte rand Penseel (B) (ongeveer 350 px, hardheid 0%) om op het masker te tekenen. Klik op het linkerpunt van de bovenzijde van de houtafbeelding en houd vervolgens ingedrukt Verschuiving en klik op het juiste punt om een ​​rechte lijn te tekenen. Doe hetzelfde aan de onderkant van het houtbeeld.

Ontkoppel het masker vervolgens vervagen (Filter> Blur> Gaussiaans vervagen) het masker met een straal van 160 px.

Command / Ctrl klik op het masker voor Selectie laden, dan Maak een nieuwe aanpassingslaag voor helderheid / contrast (pictogram bevindt zich in de voettekst of het tabblad Lagen) met de volgende waarden.

  • Helderheid ingesteld op -27
  • en Contrast ingesteld op 52

Command / Ctrl klik op het masker voor Selectie laden opnieuw, en Maak een nieuwe tint / verzadigingsaanpassingslaag met:

  • Tint ingesteld op -3
  • Verzadiging ingesteld op +41
  • en Lichtheid ingesteld op -10.

Selecteer deze 3 lagen ('hout' laag en de twee aanpassingslagen), en Groep hen (Command / Ctrl + G). Noem de groep hout bg.


4. Voeg frets aan het kunstwerk toe

Stap 8

Schakel terug naar Illustrator en Kopiëren de vier regels van frets, dan Pasta naar het Photoshop-bestand (of blijf in Photoshop en Plaats (Het dossier > Plaats) het bestand 'Frets'). Ik plak gewoonlijk vectorgegevens als Slimme objecten om ze bewerkbaar te houden voor later gebruik, maar je kunt ook plakken als pixels nu. Zorg ervoor dat je de frets op 100% plakt / plaatst (controleer de Info Palet). Plaats de lijnen zoals hieronder getoond. Geef de laag een naam 'Frets'.

Command / Ctrl klik op het masker van laag 'hout' op Selectie laden, en Voeg een laagmasker toe (Laag> Laagmasker> Selectie onthullen) naar de laag 'Fret'. We zullen nu de volgende drie laagstijlen toevoegen: schuine rand en reliëf, kleuroverlay en slagschaduw, met waarden zoals hieronder te zien.

Ons kunstwerk zou er nu ongeveer zo uit moeten zien.

Stap 9

Oké, zoals we kunnen zien, voegen de zijkanten van de gitaar zich nog steeds niet mooi in de achtergrond.

Gebruik de Ellipse Tool (U) om een ​​ellips te maken die zich uitstrekt over de breedte van ons document.

De ... gebruiken Gratis transformatie tool (Command / Ctrl + T) draai de ellips met 11 °, en beweeg hem iets omhoog.

Selectie laden (Command / Ctrl klik op de ellipslaag) en schakel uit Zichtbaarheid (klik op het oogpictogram links van de laagminiatuur), maar u kunt deze laag zelfs verwijderen. druk op Shift + F6 (Selecteren> Wijzigen> Veer) naar Veer de selectie en stel de Veerradius tot 250 pixels.

druk op Command / Ctrl + Shift + I (Selecteren> Omgekeerd) naar Omgekeerde selectie, druk op D om ervoor te zorgen dat uw vulkleur is ingesteld op zwart, Maak een nieuwe laag (Laag> nieuwe laag),en Vul de selectie door te slaan Optie / Alt + Backspace. Zet de lagen Overvloeimodus om te vermenigvuldigen, de lagen ondoorzichtigheid tot 30%. Druk op Option + D om de selectie ongedaan te maken.  Naam de laag 'Donkerder'.

Duplicaat deze laag (door deze te slepen op de Maak een nieuw laagpictogram), stel de ondoorzichtigheid tot 73%, en vergroot het tot ongeveer 148% (met de Gratis transformatie tool). Geef deze laag een naam 'donkerder meer'.


5. Voeg strings toe aan de Artwork

Stap 10

Het is nu tijd om Plaats onze snaren, op dezelfde manier als waarop we de frets plaatsten (Kopiëren-plakken of plaatsen). We zullen het moeten vergroten tot ongeveer 120%. Geef de laag een naam 'Strings'.

We zullen het nu doen Toevoegen twee Laagstijlen: Schuine kant en reliëf en slagschaduw, zoals getoond.

Wijzig de Laagvolgorde, zodat 'Strings' gaat hieronder 'donkerder meer'.

Stap 11

Vervolgens zullen we een lichteffect creëren om onze snaren meer driedimensionaal te maken. Selectie laden van 'Strings' (Command / Ctrl klik op de laag) en Contracteer de selectie (Selecteer> Wijzigen> Contract) bij 3 px. druk op Command / Ctrl + Shift + I naar Omgekeerde selectie, en klik op de Curven aanpassingslaag. Set is zoals getoond.

Selectie laden van de 'Strings' nog een keer (Command / Ctrl klik op de laag), Omgekeerde selectie en vul het masker van de aanpassingslaag met zwart. vervagen het masker met een straal van 1,5 pixels.

Zet de lagen Overvloeimodus naar Kleur Dodge, de ondoorzichtigheid tot 35%. Geef de laag een naam 'lichten'. Selecteer de 'strings layer' en de Curves Adjustment Layer, Groep hen, en noem de groep 'tekst'.

Stap 12

Voeg binnen de groep nog een toe Curven aanpassingslaag om het hele kunstwerk nog donkerder te maken. Zet de laag zoals getoond.

Klik op de 'Strings' laag en voeg een toe Aanpassingslaag helderheid / contrast met de waarden zoals weergegeven. Activeer de Clipping Icon (of Clipping Mask maken van de Lagenpalet, Command / Ctrl + Option / Alt + G) om de aanpassing aan de onderliggende laag te beperken ('Strings' enkel en alleen).

Ons artwork zou er nu ongeveer zo uit moeten zien:


6. Creër het dragen op het hout

Stap 13

Laten we de touwtjes een tijdje verlaten en het dragen van het houten deel creëren. Selectie laden van de snaren (Command / Ctrl klik op de laag), en Voeg de selectie toe van de laag 'Frets' (Command / Ctrl + Shift klik op de laag, maar niet op het masker). Breid de selectie uit (Selecteer> Wijzigen> Uitbreiden) bij 50 pixels.

Stel nu de Veerradius (Shift + F6) tot 40 pixels en voeg een toe Aanpassingslaag tint / verzadiging met waarden ingesteld zoals getoond.

Stap 14

Selectie laden van de laatste laag die we hebben gemaakt (Aanpassingslaag tint / verzadiging), en Keer de selectie om.

De ... gebruiken Lasso-tool (L) aftrekken de bovenste en onderste delen van de selectie. Contracteer de selectie dat is over (Selecteer> Wijzigen> Contract) bij 50 pixels.

Voeg een ... toe Kleurbalans aanpassingslaag zoals getoond.

We kunnen het masker verder verfijnen door op te klikken Maskerrand verfijnen in de Eigenschappen palet. Zorg ervoor dat View-modus staat aan bedekking, op deze manier is het gemakkelijk om te zien hoe uw masker verandert.

Stel het in zoals getoond.

Nu zou het dragen op het hout er ongeveer zo uit moeten zien:


7. Inleg maken

Stap 15

Laten we de gebruiken Elliptical Marquee Tool (M) om een ​​ronde selectie te maken (ingedrukt houden Verschuiving om er een normale cirkel van te maken). Maak de diameter ongeveer 0,8 mm (u kunt de breedte / hoogte in de Info Palet).

Stel de Voorgrondkleur naar:

  • C: 39
  • M: 37
  • Y: 36
  • K: 16

en de Achtergrond kleur naar

  • C: 51
  • M: 51
  • Y: 52
  • K: 46

Stel de Gradient Tool (G) naar Voorgrond naar achtergrond en Lineair verloop in de Optiesbalk, ondoorzichtigheid zou 100% moeten zijn. Maak een nieuwe laag en vul het met het verloop. Geef de laag een naam 'inlay dot'.

Toevoegen een beetje Lawaai (Filter> Ruis> Ruis toevoegen) zoals getoond, dan Vervagen het lawaai (Bewerken> Vervagen Voeg ruis toe, Command / Ctrl + Shift + F) tot 68%.

Laten we Toevoegen twee Laagstijlen: Schuine kant en reliëf en Slagschaduw, en pas de volgende instellingen toe.

Stap 16

Duplicaat de 'inlay dot' laag twee keer en plaats de nieuwe punten zoals weergegeven.

Maak een nieuwe laag en Laad de selectie van de drie punten (Command / Ctrl klik op de laag, dan Command / Ctrl + Shift klik op de andere twee lagen). Stel de Penseel (B) tot 130 px, hardheid tot 0% in de Optiesbalk, de Voorgrondkleur naar wit en beschilder de rechterbovenhoek van alle drie de punten om highlights toe te voegen.

Geef de laag een naam 'Highlights'. Selecteer de drie lagen 'inlaypunt' plus de laag 'hoogtepunten', groepeer ze en geef de groep een naam 'Inleg'.


8. Verbeter strings

Stap 17

Het is nu tijd om terug te gaan naar onze snaren om ze te perfectioneren.

Laten we schaduwen op de snaren plaatsen om meer diepte toe te voegen. Ik deed dit eerst handmatig selecteren gebieden (met de Lasso-tool) waarop de schaduw moet worden geprojecteerd. Zorg ervoor dat de selectie precies is waar de verschillende gebieden worden verdeeld (gebieden met en zonder schaduw).

Vervolgens de Sverkiezing van strings moet zijn doorsneden met de huidige selectie (of Command / Ctrl + Option / Alt + Shift klik op de 'strings' laag, of klik op de 'strings' laag en ga naar Selecteer> Selectie laden, en klik Doorsnijden met selectie).

Stel de Voorgrondkleur tot een bruin grijs:

  • C: 66
  • M: 67
  • Y: 69
  • K: 58

Maak een nieuwe laag en een ongeveer gebruiken 80 px brede borstel begin de schaduwen te schilderen. (Jij kan Selectie verbergen om zich te ontdoen van de verontrustende 'marcherende mieren' door op te drukken Command / Ctrl + H, of Bekijken> Extra's).

Zet de lagen Overvloeimodus naar Vermenigvuldigen, ondoorzichtigheid tot 84%. Geef de laag een naam 'Schaduwen'.

Stap 18

Herhaling Stap 17 voor elk afzonderlijk gebied waar de curven van de tekst samenkomen of elkaar kruisen. Dit is een tijdrovende stap, maar het is belangrijk om het goed te doen, want het voegt echt leven toe aan het kunstwerk.

Zodra de schaduwen zijn gedaan, Selectie laden van snaren nogmaals, klik op 'Schaduwen' en vervagen met een straal van 5.0 pixels.

Stap 19

Maak een nieuwe laag binnen de groep 'tekst' en noem het 'retoucheren'. Klik op de Clone Stamp Tool (S), En instellen Aligned Sample naar Alle lagen in de Optiesbalk. Nu kun je de onvolkomenheden van de letters 'm', 'g' en 'o' retoucheren.


9. Afwerking

Stap 20

Ik denk dat we de zijkanten of de illustraties nog wat donkerder moeten maken, dus laten we op de. Klikken Elliptical Marquee Tool (M) en plaats de cursor in het midden van de illustratie (zowel horizontaal als verticaal). Houd ingedrukt Option / Alt en maak een ellips vergelijkbaar met deze.

druk op Shift + F6 naar Veer de selectie met 200 pixels. Omkeren de selectie, Maak een nieuwe laag, druk op D en Vullen de laag met zwart. druk op Command / Ctrl + D naar Hef de selectie. Zet de lagen Overvloeimodus naar Vermenigvuldigen, ondoorzichtigheid tot 21%. Geef de laag een naam 'grens'.

Stap 21

Er is nog een laatste ding over voor ons om te doen. Laten we de horizontaal gecentreerde credits onderaan toevoegen.

Klik op de laag 'Achtergrond' en sleep een hulplijn van de liniaal naar links naar het midden. set paragraaf naar Centre Alignment, Klik op de Horizontaal tekstgereedschap (T), klik precies op de gids, en Kopiëren plakken de volgende tekst:

Tekst: Sleepy Brown | Muziek laat me zo goed voelen

Gebruik het lettertype 'Aller' met een grootte van 5 pt. Zet 'Sleepy Brown' op Aller Bold.


Conclusie

Bedankt dat je de tijd hebt genomen om deze tutorial te voltooien. Laten we snel samenvatten wat we hebben geleerd.

  • We hebben op vector gebaseerde elementen gemaakt in Illustrator
  • We hebben de basis van de gitaar gemaakt in Photoshop
  • We hebben de componenten van de gitaar en de gebruikte Photoshop-tools toegevoegd om een ​​realistische look te krijgen

Ik hoop dat je deze tutorial begrijpelijk, interessant en leerzaam vond. Vragen, opmerkingen en suggesties zijn welkom.