Maak een explosieve omslag met precieze technieken voor fotomanipulatie

In deze zelfstudie gaan we een creatieve illustratie maken in een stijl die is bedoeld voor een cover van een videogame of sci-fi-boekomslag. We maken dit met voornamelijk technieken voor fotomanipulatie. Met enkele coole Photoshop-opties kun je alle door jou gekozen foto's omzetten in een prachtig uitziende explosieve hoes.

Het is verbazingwekkend, hoe gemakkelijk dit kan worden gedaan, alles wat je nodig hebt is gewoon een goed idee en een paar degelijke basisprincipes in Photoshop. Het moeilijkste om dit te doen, is het vinden van de juiste afbeeldingen. Ik heb ze zorgvuldig gekozen, want hoe beter foto's zijn gekozen, hoe minder tijd je nodig hebt om deze kwaliteitsillustratie te maken. Laten we beginnen!

Final Image Preview

Laten we eens kijken naar de afbeelding die we gaan maken. U kunt het uiteindelijke afbeeldingsvoorbeeld hieronder bekijken of een grotere versie hier bekijken.

Stap 1

Open deze foto van een gemaskerde vrouw. Ga naar de lagenpalet, dubbelklik met de linkermuisknop op de laag om deze te ontgrendelen. Nu kunt u de foto verplaatsen. Plaats het mooi aan de linkerkant van het masker.

Begin met het repareren van de foto door een deel van de rechterkant van het masker te kopiëren en het toe te passen op het ontbrekende deel van de linkerkant. Gebruik het gereedschap Lasso (L), teken een selectie en kopieer (Command + C) dit stuk en plak (Command + V) als een nieuwe laag.

Stap 2

Nu je dit stuk nog steeds hebt geselecteerd, kun je de dekking ervan een klein beetje verminderen. Ga naar Bewerken> Vrije transformatie> Vervormen. Probeer het een beetje perspectief te geven.

Stap 3

Pak nu het gummetje (E), stel de hoofddiameter in op ongeveer 12px en de hardheid op 90%. Dus nu je dit hebt gepositioneerd en getransformeerd, kun je beginnen met het verwijderen van enkele verontrustende delen om de oorspronkelijke look terug te brengen. Dit proces kan ook met de Pen Tool (P) worden gedaan, maar ik vind dingen soms leuk met de Eraser Tool. Wanneer je klaar bent, selecteer je deze twee lagen en druk je op Command + E (omdat we maar twee lagen hebben kun je ook naar Afbeelding> Afvlakking Afbeelding gaan) dit zal ze samenvoegen in één laag.

Stap 4

Als iemand problemen heeft met het repareren van afbeeldingen, raad ik aan de foto gewoon te laten zoals hij was. In het eindresultaat zal ik je laten zien hoe je deze imperfectie kunt overbruggen.

Voor degenen onder u, die LucisArt hebben, is er nu een heel goed moment om het te gebruiken. Zorg ervoor dat je dezelfde instellingen hebt die hieronder worden getoond.

Stap 5

Het ziet er goed uit, nu moet je het masker uit de foto knippen. Pak het Pen-gereedschap (P), zoom heel dichtbij, zodat u beeldpixels kunt zien en kunt beginnen met knippen. Wanneer u klaar bent met het pad, rechtsklikt u met de muis en selecteert u Selectie maken, houdt u vervolgens Command + Shift + I (die uw selectie omkeert) ingedrukt en drukt u op Delete op het toetsenbord. Nu hebt u alles gewist behalve ons masker.

Stap 6

Je afbeelding zou er precies zo uit moeten zien. De rode cirkel wijst naar een plek die we moeten kopiëren (Command + C) met behulp van de Lasso Tool (L) of Elliptical Marquee Tool (M).

Stap 7

We gaan deze buisbodem repareren. Plak (Command + V) het stuk dat je in de vorige stap hebt gekopieerd. Ga naar Bewerken> Transformeren> Verticaal omdraaien.

Stap 8

Plaats deze kleine reparatielaag onder ons masker. Plaats het een paar pixels hoger en wis enkele storende onderdelen van onderaf om het ronder te maken.

Stap 9

Zoals je ziet, ziet het er nu nogal plat uit. We moeten schaduw in de buis aanbrengen. Gebruik hiervoor het gereedschap Branden (O), stel het in op Hooglichten en stel de stroom in op ongeveer 100%. Vergeet niet om te schilderen op deze laag met kleine stukjes die zich onder ons masker bevindt. Maak het donker en laat een paar lichtere punten achter bij de onderkant.

Stap 10

Ga naar het lagenpalet, druk op Command en klik met links op elke laag. Hiermee worden beide lagen geselecteerd. Druk vervolgens op Command + E om ze samen te voegen. OK, dus we zijn klaar met de eerste fase van deze tutorial. Nu kunnen we ter zake komen.

Begin met het maken van een nieuw document rond 1200 pixels bij 1200 pixels, met een resolutie van 300 pixels / inch. Grijp het gereedschap Verfemmer (G), zet je voorgrondkleur op zwart en vul de achtergrond ermee. Sleep nu ons masker naar dit document en hernoem het masker.

Trouwens, ik dacht dat het leuk zou zijn om wat schaduwen te corrigeren. Ga naar Afbeelding> Aanpassingen> Schaduw / Hooglichten en je kunt de instellingen voor een bepaalde correctie weergeven.

Stap 11

Schakel de laag 'Masker' uit en open de afbeelding in de bakstenen muur en noem deze 'Muur'. Ga naar Afbeelding> Aanpassingen> Helderheid / contrast en probeer deze muur donkerder te maken. Sleep het naar het projectdocument en gebruik vervolgens Bewerken> Vrije transformatie om het formaat te verkleinen zodat het past in ons projectdocument.

Stap 12

Nu gaan we een penseel maken, wat ons zal helpen verschillende resultaten te behalen met wissen. Als er iets onduidelijk is, hoeft u zich geen zorgen te maken, alles zal in de volgende stappen worden uitgelegd. Open een nieuw document 900 pixels bij 900 pixels, met een resolutie van 300px / inch, en een zwarte achtergrond. Ontgrendel de laag "Achtergrond" (muis links dubbelklik op de laag).

Zet de voorgrondkleur op wit en achtergrondkleur op zwart. Ga naar Filters> Renderen> Wolken. Pak een heel zacht, vrij groot gummetje (E) met een hardheid van 0% en een flow van 30%. Wis alle randdelen en maak een heleboel zachte diepe sneden in deze wolken (ergens rond de rode cirkels hieronder aangegeven).

Stap 13

Als je klaar bent, ga je naar Bewerken> Penseervoorinstelling definiëren en klik je op OK. We hebben zojuist een penseel gemaakt dat we als gum zullen gebruiken. Omdat de wolken altijd van elkaar verschillen, kunt u dit proces herhalen om ongeveer 2 of 3 penselen te maken. Het geeft je later meer afwisseling.

Selecteer de laag "Wall", kies Eraser Tool (E), klik met de rechtermuisknop en zoek onze nieuwe brush. Selecteer het, stel een grote diameter in van 300-400 px. Hardheid 0%, doorstroming 70%. Wis nu enkele delen rond de muur.

Stap 14

Open vervolgens de scheurenstructuur. Sleep het naar ons project, plaats het boven de laag "Wall". Noem deze laag "Pauze". Ga vervolgens naar Afbeelding> Aanpassingen> Niveaus en geef de donkere kleur een uitdrukking.

Stap 15

Plaats de "Break" -laag mooi en verander de mengmodus in Multiply. Kopieer / plak vervolgens (Command + J) deze laag. Verplaats de gekopieerde laag één pixel naar boven en één pixel naar links door op de toetsenbordpijlen te drukken (het maakt de scheuren net iets breder). Opmerking: als u deze laag met de toetsenbordpijlen wilt verplaatsen, moet u verplaatsingstool (V) hebben geselecteerd.

Stap 16

Maak nu een nieuwe laag erboven. Noem het "Hole". Zet vervolgens de voorgrondkleur op zwart en pak het penseel (B). Klik met de rechtermuisknop en vind uw cloudpenseel. Gebruik een grote diameter van 300 - 400 px, met een hardheid van 0% en een doorstroming van 70%. We moeten de plaats verduisteren waar de muur breekt.

Stap 17

Schakel de laag 'Masker' in en sleep deze over alle lagen. Pak vervolgens het gereedschap Verbranden (O), stel het in op Hoogtepunten en Verwerk naar 100%. Verf op de onderste randen van het masker, bedek ze volledig. Bedek ook enkele plekken waar de bovenste rode lijn wijst.

Stap 18

Het ziet er nu veel beter uit. Maar het masker is nog steeds te groot voor deze afbeelding. Laten we naar Bewerken> Vrije transformatie gaan en het kleiner maken. Opmerking: probeer Shift + Alt vast te houden tijdens het transformeren, omdat het je een perfect kleinere vorm geeft.

Stap 19

OK, geweldig. Nu moeten we dit project een tijdje verlaten. Minimaliseer dit document, open de bakstenen en ontgrendel deze. Zoals u kunt zien, is het erg luidruchtig, zelfs als het kleiner gemaakt is. In dit geval heb ik besloten om te gaan voor Filter> Ruis> Ruis verminderen en speelde ik een tijdje met de instellingen. Het resultaat is niet schokkend, maar het corrigeert dit beeld zeker een beetje.

Denk eraan, je werkt nu in een nieuw document, sleep deze afbeelding nu niet naar je projectdocument, want het zal alleen maar een rommel opleveren.

Stap 20

Vervolgens moet je deze laag kopiëren / plakken (Command + J) omdat we twee versies van die stenen zullen gebruiken. Schakel het exemplaar voor nu uit en pas Afbeelding> Aanpassingen> Selectieve kleur toe op de eerste laag.

Stap 21

Ga naar Afbeelding> Aanpassingen> Niveaus en probeer deze afbeelding een explosievere uitstraling te geven.

Stap 22

Dit is het juiste moment om deze foto naar uw projectdocument te slepen. Maar voordat u dit doet, gebruikt u Bewerken> Vrije transformatie en maakt u het ongeveer 40% kleiner. Noem deze laag "Bricks 3" en plaats deze onder de laag "Mask" zoals getoond.

Stap 23

Verwijder nu gewoon de harde randen met het Eraser Tool (E) met onze wolkenborstel. Je kunt elk deel wissen dat je maar wilt, wees voorzichtig, probeer geen zachte halftransparante stenen achter te laten door te wissen, want het ziet er onrealistisch uit.

Stap 24

Als je klaar bent met wissen, ga je terug naar het stenen document. Schakel nu uw exemplaar van de stenenlaag in en pas Afbeelding> Aanpassingen> Niveaus toe met de onderstaande instellingen. Verklein het naar een kleinere afbeelding. Opmerking: sluit dit stenen document niet, je zult het later nodig hebben.

Stap 25

Sleep deze laag naar ons projectdocument en noem deze "Bricks 2." Plaats deze afbeelding zoals deze het beste past. Ga naar Bewerken> Transformeren> Vervormen. Probeer nu wat perspectief te geven aan die stenen.

Stap 26

Grijpgumgereedschap (E) en herhaal het wisproces, zoals het in de vorige stappen was gedaan.

Stap 27

Herhaal nu stap 25. Sleep je kopie van stenen opnieuw naar het projectdocument, maar gebruik Distort niet zoals eerder. Noem de laag "Bricks 1". Zet deze tijd in het midden. Ga naar Bewerken> Vrije transformatie, draai het horizontaal (90 graden naar rechts). Klik vervolgens met de rechtermuisknop op de afbeelding en selecteer Verticaal spiegelen. Draai het meer naar de top. Nu, wis het grootste deel van de afbeelding, laat slechts een paar stenen over, maar niet te veel. We willen het niet te rommelig maken.

Stap 28

Het is tijd om die stenen op orde te brengen. Die drie lagen moeten zich onder de laag "Masker" bevinden in de onderstaande volgorde.

Stap 29

Maak een nieuwe laag boven de stenenlagen, maar onder de laag "Masker". Noem het "Schaduw". Gebruik nu het penseel (B), selecteer onze penseelborstel met dezelfde instellingen als eerder: grote diameter van 300 - 400 px, hardheid van 0% en stroming van 70%. Zorg er ook voor dat je voorgrondkleur op zwart staat. Schilder dan in het midden en een beetje rond het masker.

Stap 30

Hier is een moment waarop je een illusie moet creëren dat het masker tussen deze exploderende delen begint te verschijnen. Zoals ik al eerder zei, laat ik je zien hoe je de linkerkant van het masker bedekt, degene die in de eerste stappen werd gefixeerd.

Dus de rode lijnen laten zien waar je kunt schilderen. Ik neem aan dat je de zwarte wolkpenseel nog steeds hebt geselecteerd. We zullen het opnieuw gebruiken. Ga naar het lagenpalet, zorg dat je laag "Masker" geselecteerd is en voeg er een laagmasker aan toe. Selecteer nu dit laagmasker en schilder met zwart waar de rode lijnen aangeven. We dekken nu wat maskerranden met de bakstenenexplosie.

Vergeet niet om verschillende instellingen van hoofddiameter voor het penseel te gebruiken. Gebruik voor kleine ruimtes een kleine borstel en vergroot de diameter voor grotere plekken.

Stap 31

Selecteer nu de laag "Masker". Ga naar het lagenpalet, houd Alt ingedrukt en klik op het pictogram Aanpassingslaag om Selectieve kleur toe te voegen.

Stap 32

Als je het goed hebt gedaan, zou een nieuw laagvenster met de optie Vorige laag gebruiken om het knipmasker te maken moeten verschijnen. Zorg ervoor dat je die optie aanvinkt.

Stap 33

Nu hebben we een aanpassingslaag die op elk gewenst moment kan worden aangepast. U kunt uw instellingen wijzigen door op de miniatuur van de laag te dubbelklikken wanneer u maar wilt. Dus laten we dit masker een mooie passende kleur geven. We gaan de maskerkleuren warmer maken. Selecteer eerst Geelen in de optie Kleuren en vervolgens Cyaan, gebruik de instelling hieronder voor beide.

Stap 34

Het masker heeft nu betere kleuren en toen ik er beter naar keek, merkte ik dat we een baksteenreflectie aan het glas kunnen toevoegen. Gebruik het gereedschap Lasso (L) en teken een selectie rond het gebied dat wordt weerspiegeld. Schakel over naar de laag "Bricks 3", kopieer vervolgens (Command + C) en plak (Command + V) dit stuk. Noem het "Reflectie" en zet het boven alle andere lagen.

Stap 35

Zet de dekking op ongeveer 30% lager. Ga naar Bewerken> Transformeren> Horizontaal spiegelen, plaats deze reflectie in de bril. Grijp het gummetje (E) met een normale ronde borstel. Stel de flow in op 100% en de hardheid op ongeveer 90%. Gum enkele randen met een kleine diameter weg, zodat deze op het brilglas passen.

Stap 36

Gebruik nu het gereedschap Pen (P) om een ​​selectie in de bril te tekenen. Wanneer u klaar bent met het maken van het pad, klikt u met de rechtermuisknop en selecteert u Selectie maken.

Stap 37

Maak vooral een nieuwe laag, noem deze "Glass Shadow." Selecteer nu het gereedschap Verloop (G). Druk op "D" op het toetsenbord om uw kleuren opnieuw in te stellen. Zorg dat je voorgrondkleur zwart is. Ga nu naar de Verloopbewerker en selecteer Voorgrond naar transparant. Sleep het verloop van enkele pixels onder de selectie naar het midden ervan. Deselecteer de selectie (Command + D).

Stap 38

Voor dit project heb ik een render gemaakt in Cinema 4D. Het lijkt op een explosie van honderden kleine, scherpe stukjes. Dit zal een meer destructief effect hebben op ons project.

Open dus dit bestand en sleep het naar het stenen document (ervan uitgaande dat je het niet hebt gesloten). Dit bestand heeft de PNG-indeling, dus het is transparant, je hoeft de witte achtergrond niet weg te knippen. Noem deze laag "Stukken 1".

Stap 39

Draai je stenen om meer lichte vlekken onder de laag "Stukjes 1" te krijgen. Ga naar het lagenpalet, houd Command + links ingedrukt en klik op de miniatuurlaag "Stukken 1". Je zou de selectie moeten zien geladen. Selecteer nu de laag met stenen, noem deze "Stukken 2", gebruik Command + Shift + I en druk op de Delete-toets op het toetsenbord. We hebben zojuist alles verwijderd, behalve de vorm van stukjes uit stenen. Selecteer deze twee lagen en sleep ze naar uw projectdocument.

Stap 40

Zet de laag "Pieces 2" uit en focus even op "Pieces 1". Laten we ze in het lagenpalet bestellen. Plaats beide lagen boven de "Hole" -laag (en plaats "Pieces 2" boven "Pieces 1"). Ga nu naar "Stukken 1" overvloeimogelijkheden en geef het wat innerlijke schaduw, om de platte look te voorkomen.

Stap 41

Schakel nu de laag "Stukken 2" in, stel de mengmodus in op Vermenigvuldigen en kopieer / plak deze (Command + J). Noem de nieuwe laag "Stukken 3".

Als je wilt, kun je die drie lagen samenvoegen en enkele correcties aanbrengen. U kunt het gummetje (E) gebruiken met een normale borstel met 100% hardheid en 100% stroom, om donkere stukken te wissen, als u.

Oké geweldig! We hebben nu alleen een leuke titel nodig. Pak het tekstgereedschap (T) en typ "Breakdown" (ik gebruikte het herfstlettertype).

Stap 42

We gaan een mooie textuur gebruiken om deze tekst te vullen. Open dit bestand. Ga naar Afbeelding> Aanpassing> Ontzadigd en vervolgens Bewerken> Patroon definiëren. Sluit dit document en ga terug naar ons project.

Selecteer in het lagenpalet de laag "Verdeling", klik met de rechtermuisknop op de laag en selecteer mengopties. Gebruik nu dezelfde opties voor Patroonoverlay en Verloopoverlay.

Stap 43

Vervolgens zullen we opnieuw stenen nodig hebben. Open het document met stenen en sleep de stenenafbeelding naar ons project. Noem het "Breakdown Overlay." Plaats het op de laag "Breakdown". Maak een paar rotaties, probeer de mooiste plek te vinden (niet te donker, ook niet te fel) en plaats deze dan op de plaats van de tekst.

Houd Command ingedrukt en klik met de linkermuisknop op de miniatuur van de laag "Breakdown" -laag. Het zou zijn selectie moeten laden. Zorg er vervolgens voor dat u de laag "Breakdown Overlay" hebt geselecteerd. Gebruik Command + Shift + I en klik op Verwijderen.

Stap 44

Nu, zoals u kunt zien, heeft Photoshop alles om de selectie heen geknipt, zodat er een gestructureerde tekst achter blijft en dat is precies wat we wilden. Zet deze "Breakdown Overlay" -laag overvloeimodus op Overlay. Houd vervolgens Command + links ingedrukt en klik op de miniatuur van de laag "Breakdown Overlay" -laag, die de selectie heeft geladen.

Maak een nieuwe laag boven alles en noem deze "Stroke". Pak nu een rechthoekig selectiekader (M), klik met de rechtermuisknop en selecteer "Lijn", pas dezelfde instellingen toe als hieronder weergegeven. Deselecteer de selectie met Command + D.

Stap 45

Verlaag de laagdekking van de laag "Stroke" tot 44%. Maak een groep en noem het "Glanzende lijnen." Plaats deze onder de laag "Breakdown Overlay". Nu zullen we in deze groep werken. Maak een nieuwe laag naar binnen en noem deze "B-lijn." Pak het penseel (B) en stel je voorgrondkleur in op wit en selecteer de eerste penseel uit het palet, dat is 1px met 100% hardheid.

Gebruik nu het gereedschap Pen (P) en teken van boven naar beneden een rechte lijn op de letter "B". Om het recht te houden houdt u Shift ingedrukt terwijl u het tweede ankerpunt instelt. Klik met de rechtermuisknop en selecteer "Stroke Path", vink de optie Simulate Pressure aan en klik op OK. Deselecteer het pad.

Stap 46

Herhaal de vorige stap voor elke letter. Ik stel voor dat je de laag "B-lijn" acht keer kopieert en plakt (Command + J) en deze op de linkerrand van elke letter plaatst. In de letters "A" en "W" moet je deze kleine lijn roteren (Bewerken> Vrije transformatie) om op de rand te passen.

Opmerking: we doen niets meer in deze groep, dus je kunt de lagen in de groep sluiten door op deze kleine pijl bij het groepsoogpictogram te klikken. (Vergeet niet om de groep niet uit te zetten!)

Stap 47

Selecteer de laag "Breakdown Overlay", houd Command ingedrukt en klik met de linkermuisknop op de miniatuur van de laag "Breakdown Overlay" om de selectie te laden. Grijp het rechthoekige selectiekader (M), houd Alt ingedrukt, maak een selectie rond de bovenkant van de letters (terwijl je Alt ingedrukt houdt) en laat alles los. Het zou de selectie automatisch uit de bovenkant van letters moeten wissen. Doe nu de bodem op dezelfde manier. U zou een selectie moeten hebben door het tekstcentrum, zoals hieronder getoond.

Stap 48

Maak vooral een nieuwe laag, noem het "middelste lijnen". Zet je voorgrondkleur op wit. Pak het penseel (B), maak een grote borstel. Stel de hardheid in op 0% en stel de flow in op ongeveer 30%. Schilder gewoon. Je schildert in de selectie, zodat je met je penseel geen andere plekken kunt aanraken, behalve de selectie in de letters. Maak een mooie zachte poetsbeurt op het woord "Pauze" en schakel dan over naar een zwarte kleur en doe hetzelfde met de rest van de tekst "Omlaag".

Stap 49

Op het einde wilde ik iets als een hoofdstuk aan deze titel toevoegen. Gebruik het gereedschap Tekst (T) en typ de tekst met een mooi dun lettertype naar keuze.

Conclusie

De titeltekst geeft de laatste unieke uitstraling aan dit project. In een illustratie als deze is het goed om tekst te versieren met ingesloten getextureerde afbeeldingen. Het geeft een heel mooie algemene uitstraling.

Bedankt voor het lezen van deze tutorial. Ik vond het erg leuk om het te maken. Ik hoop dat je een aantal nieuwe en nuttige technieken hebt geleerd. U kunt de uiteindelijke afbeelding hieronder bekijken of een grotere versie hier bekijken.