Share
Deze tutorial is geïnspireerd op de beroemde politieke posterserie van Sheppard Fairey voor de Obama-campagne in de VS. We laten u zien hoe u deze stijl van ontwerpen kunt maken. We beginnen met de basistechnieken voor het bewerken van afbeeldingen in Adobe Photoshop om onze gidslagen in te stellen en vervolgens gaan we naar Adobe Illustrator. U hebt geen fancy uitrusting nodig om dit te doen. Ik heb een oudere muis gebruikt die nog steeds de rubberen bal heeft.
Opmerking van de uitgever: Vectortuts + onderschrijft geen enkel politiek geloof in het publiceren van deze tutorial. In plaats daarvan is deze zelfstudie gericht op het demonstreren van een workflow voor het creëren van dit interessante esthetische effect.
Tip: als u op zoek bent naar een snelkoppeling, kunt u het poster-effect snel en eenvoudig maken met de geavanceerde fotografische actie. U kiest gewoon de gewenste opties, klikt u om de Photoshop-actie te starten en krijgt u het volgende resultaat:
Posterization-effect gemaakt met behulp van de geavanceerde fotografische actie voor vooruitstrevenOf u kunt een getalenteerde illustrator inhuren bij Envato Studio om een unieke vectorillustratie voor u te maken.
Aangepast Vectorportret op Envato StudioAls u zelf het hele proces wilt doorlopen, lees dan verder voor stapsgewijze instructies.
Voor dit effect is het het beste om een portretstijlfoto te hebben, bij voorkeur van een onderwerp dat lijkt te denken of in de verte kijkt. Ik heb deze foto van iStockphoto gebruikt.
Zodra je je afbeelding hebt, moet je dat doen Open het in Photoshop en Gewas op de juiste manier. De bovenkant van de afbeelding moet worden bijgesneden tot de bovenkant van het hoofd van uw onderwerp en de onderkant moet iets hoger zijn dan de borsthoogte. Het gewas moet ongeveer een verhouding van 2: 1 hebben.
Nu moeten we Posterize De afbeelding. Ga naar Afbeelding> Aanpassingen> Posterize. Een geschikt posterization-niveau voor de look waar we voor gaan is 5.
Nu gaan we onze gidslagen maken voor gebruik in Illustrator. Begin met het dupliceren van uw laag op de poster en geef deze nieuwe laag de naam "Patroongids". Ga dan naar Afbeelding> Aanpassingen> Drempel. We gaan onze glijden Punt totdat we iets vergelijkbaars krijgen als hieronder. We willen het vrij donker, maar nog steeds met een klein beetje detail. Ook bij gebruik Drempel, het is het beste om de Peaks dat zie je.
Opslaan deze nieuw gemaakte laag als "patternguide.psd" of iets dergelijks, zoals u het nodig hebt voor Illustrator.
We moeten stap 4 en stap 5 nog drie keer herhalen. Telkens een lagere drempel toepassen en elke nieuwe laag opslaan. Hieronder staan de instellingen die ik heb gebruikt, zie opnieuw de pieken.
Voordat we onze lagen gaan schetsen, moeten we het horizontale blauwe lijnpatroon maken. Maak hiervoor een nieuw Illustrator document. Geef het een Hoogte en Breedte van 4PX. Maak vervolgens een rechthoek gevuld met onze lichtblauwe kleur (# 4F919F) en bedek de bovenste helft van het canvas.
Bedek de onderste helft met een rechthoek gevuld met beige. Dan Selecteer alles (Controle + A) en sleep dit naar ons Stalen paneel. Gefeliciteerd, je hebt een patroon gemaakt!
Nu moeten we deze Swatch-set opslaan, zodat we deze kunnen gebruiken in onze poster die we gaan maken. In de linkerbenedenhoek van onze Stalen paneel dat we zullen selecteren Stalen opslaan van de Staalbibliotheek Menu. Noem het alles wat je maar wilt, ik heb 'patroon' gebruikt. U kunt dit document nu sluiten, omdat we het niet meer nodig hebben.
Hier is het kleurenpalet dat we zullen gebruiken voor deze tutorial. Er zijn vier kleuren en een patroon. We gebruiken een mix van beige en lichtblauwe kleuren.
Nu we onze referentiebeelden en -patroon hebben gemaakt, is het tijd om een nieuwe document in Illustrator. Ik heb een canvasgrootte van gebruikt 700 x 850 px.
We beginnen met onze donkerste geleidingslaag, dit wordt onze patroonlaag. We gaan de laag schetsen met behulp van de Pen gereedschap (P). Dus om te beginnen gaan we naar Bestand> Plaats en selecteer onze eerste referentielaag in Illustrator. Als je woordelijk hebt gevolgd, wordt dit te plaatsen bestand "patternguide.psd" genoemd.
Laten we even stoppen om het juiste gebruik van de Pen gereedschap (P) in Illustrator. Dit is een gebied waar Illustrator Photoshop in het kort overtuigt, maar alleen als u het correct gebruikt.
Voor elke curve heb je eigenlijk drie klikken; twee zijn ankerpunten, en de andere is uw curvepunt. U plaatst uw curvepunt op het hoogste punt van uw curve. U plaatst de ankers op waar de curve begint en eindigt.
Eén klik is alles dat u nodig hebt wanneer u een curve maakt. U kunt de curvepunten vervolgens wijzigen in bochten nadat u de hele vorm hebt gemaakt. Om ze te converteren, gebruik de Direct selectie gereedschap (A) en klik op de Converteer geselecteerde ankerpunten naar glad icoon.
Voordat we onze eerste laag kunnen schetsen, moeten we ons patroon in de Stalenbibliotheek. Om dit te doen, selecteert u Andere bibliotheek van de Stalenbibliotheek menu in de Stalen paneel.
Oké, dus terug naar onze eerste laag. Maak een nieuwe laag onder het bestand dat u zojuist in Illustrator hebt geplaatst. Deze laag zal ons overzicht behouden. We plaatsen het hieronder omdat het gemakkelijker is om te zien wat we op die manier schetsen.
Nu pakken we onze Pen gereedschap (P), geef het een slag van nul en een vulling van ons patroon. Begin dan alle zwarte gebieden te schetsen met de Pen gereedschap (P). De sleutel is om het uit te rekenen, volg niet te dicht op de geleidelaag. Grofweg schetsen, en maak je geen zorgen over onze bochten, want dat regelen we nadat we ons overzicht hebben gemaakt.
Notitie: Dit is het meest vervelend deel van het proces.
Het is je misschien opgevallen dat er in het midden gedeelten zijn die lichter zijn dan waar we net heen gingen met contouren. Welnu, we gaan dit oplossen door degenen die hetzelfde proces gebruiken te schetsen. Vul die met onze beige kleur, zoals hieronder getoond. We doen dit op een nieuwe laag net boven de patroonlaag. Nadat je dat hebt gedaan, zou je iets moeten hebben dat lijkt op het volgende.
Nu maken we de vormen die we zojuist hebben gemaakt, gladder. We willen dat de meeste van onze punten soepel zijn, maar ik vind dat het er beter uitziet als je een paar laat zoals ze zijn. Bekijk het effect hieronder om zowel het patroon als de beige laag glad te strijken.
Notitie: Ik heb dit beeld niet in de juiste volgorde gemaakt en het patroon was fout, maak je geen zorgen over het kleurverschil.
Nu doen we hetzelfde voor elke laag. Maak er een schets van en markeer de hoogtepunten met de kleur er direct onder en accentueer vervolgens onze contouren. De volgende laag moet effen lichtblauw zijn, gevolgd door rood en dan tenslotte ons donkerblauw.
Oké, je zou zoiets als het volgende moeten hebben. Het vervelende gedeelte is voorbij. Nu om het op een poster te laten lijken. Eerst plaatsen we een beige gevulde rechthoek onder al deze lagen, dit zal als onze achtergrond dienen.
Nu moeten we onze rode en lichtblauwe helften erin leggen. We gaan dit doen net boven de beige rechthoekige laag. Gebruik de Rechthoekgereedschap (M) om de twee rechthoeken te plaatsen.
Onze poster ziet er goed uit. Laten we de ruimte creëren die nodig is om de inspirerende tekst onderaan toe te voegen. Je moet waarschijnlijk je canvasgebied vergroten. Ga hiervoor naar Bestand> Documentinstellingen. ik voegde toe 300px op de mijne.
Breid nu je beige rechthoek uit zodat deze de nieuwe lengte van je canvas bedekt. Maak vervolgens een nieuwe rechthoek gevuld met onze donkerblauwe kleur. Het moet een kwart van het hoofdonderwerp zijn.
Tijd om ons inspirerende woord toe te voegen. We gebruiken lichtblauw voor de lettertypekleur en we willen de tekstinstellingen zo aanpassen dat het woord de meeste van de donkerblauwe rechthoek vult. Als u de spatiëring tussen de tekens wilt wijzigen, gebruikt u de Karakter paneel. Dit is beschikbaar voor ons wanneer we de Tekstgereedschap (T). Ik heb het lettertype "Myriad Pro" gebruikt.
Bijna klaar, we moeten onze grenzen een beetje opruimen. Selecteer eerst elke laag, maar dan je beige laag. Maak vervolgens een Groep (Control + G). Dan Verticaal en Horizontaal uitlijnen ze naar het tekengebied.
Nu gaan we de randen van onze poster opruimen. Bedek de lagen die we hebben gegroepeerd in een rechthoek van elke kleur. Gebruik dan de verkenner paneel en selecteer Vorm van het gebied aftrekken.
Goed gedaan, we zijn klaar! We zijn erin geslaagd een echt geweldig effect te creëren zonder al te veel artistieke vaardigheden. We leerden ook hoe we de Pen-tool efficiënt konden gebruiken en een leuke manier om Photoshop en Illustrator samen te gebruiken. Dit is mijn eerste zelfstudie, dus ik weet zeker dat er vragen zullen zijn. Vraag het gerust in de comments, en ik zal proberen zo snel als ik kan antwoorden. Bedankt!
Accentsconagua