Share
Deze tutorial is geïnspireerd op survival horror game graphics zoals Resident Evil en noodlot. Wat overlevingshorrorgames onderscheidend maakt, is dat de speler vaak alleen is in donkere, claustrofobische, kwetsbare situaties. Munitie en power power-ups zijn meestal erg beperkt terwijl vijanden overvloedig zijn - dit alles is ontworpen voor maximale speling tijdens het spelen van games.
Deze tutorial maakt een fictieve gamedekking opnieuw door de kanalen van Photoshop te combineren met het filter voor lichteffecten om realistisch te produceren verplaatsing kaarten. Om te beginnen, creëer je een driedimensionaal distressed logo, combineer dan dezelfde technieken samen met enkele geavanceerde padfuncties om de verroeste achtergrondpanelen te maken. Ten slotte laten we u zien hoe u een Cinema 4D-creature-render corrigeert, zodat deze sensorloos in de omgeving past.
Begin met het openen van "Baking_tray.jpg" in de map "source". Dit is een ideaal grungy, metalen afbeelding voor het verplaatsen van het logo-ontwerp.
Voor de precisie werk ik in eerste instantie in Illustrator om het logo te maken en vervolgens in Photoshop te importeren. Open "Title.jpg" in de map "source" en ga naar Afbeelding> Aanpassingen> Omkeren (Command + I). Ga nu naar Alles selecteren (Command + A) en kopiëren naar het klembord.
Terug in de afbeelding "Baking_tray.jpg", ga naar het kanalenpalet en klik op het pictogram Nieuw kanaal maken. Plak nu de selectie in het nieuwe kanaal en label het als 'Logo'.
Dupliceer het nieuwe kanaal door de 'miniatuur' naar het pictogram Nieuw kanaal maken te slepen en label het als 'Logo vervagen'. Geef het nu een Gaussiaanse vervaging van 5 px.
Richt op het bovenste "RGB" -composietkanaal en schakel vervolgens naar uw lagenpalet. In deze zelfstudie maken we uitgebreid gebruik van kanalen, dus onthoud dat je, als je in het kanalenpalet bent, het samengestelde kanaal gericht moet hebben op de daadwerkelijke lagen.
Dupliceer de laag "Achtergrond" door de miniatuur ervan naar het pictogram Nieuwe laag te slepen en het label "Logo opgeheven" te markeren. Nu voor het leuke gedeelte. Ga naar Filter> Render> Belichtingseffecten. Selecteer een Spotlight-optie en volg de onderstaande instellingen, selecteer "Logo vervagen" in het vervolgkeuzemenu Structuurkanaal, controleer de optie Wit is hoog en zet de schuifregelaar Bergachtig op 100%. U kunt ook instellingen opslaan voor toekomstig gebruik die worden aangegeven door de pijl - ik heb de mijne "LOGO-LAMPEN" genoemd.
Command-klik op het "Logo" -kanaal om een selectie te genereren en ga vervolgens naar Selecteren> Wijzigen> Uitbreiden met 2 px.
Voeg een nieuw kanaal toe en druk vervolgens met zwart als voorgrondkleur op Wissen om de actieve selectie met wit te vullen. Label dit kanaal "Logo expanded." U gebruikt dit om het overtollige gebied vervolgens weg te knippen.
Genereer een selectie uit het "Logo expanded" -kanaal en vervolgens Inverse it (Shift + Command + I). Nu, met je aangevraagde "Logo verhoogd" -laag, klik je op Verwijderen. Ik heb de zichtbaarheid van de laag "Achtergrond" tijdelijk uitgeschakeld om het resultaat te bekijken.
Open "Scratches.jpg" in de map "source" en selecteer alles / kopiëren. Terug in je logobestand voeg je een ander kanaal toe, plak je de selectie en bestemp je deze als "Krassen". Schakel nu de zichtbaarheid van het bovenste samengestelde "RGB" -kanaal in en druk op Command + T om het formaat te wijzigen, waarbij het logo wordt bedekt.
Om de zaken duidelijker te maken, kun je de standaard rode kleur van het kanaal altijd wijzigen in een vriendelijkere kleur. Selecteer eerst Kanaalopties in het vervolgmenu en kies vervolgens een kleur door op het kleurstaal te klikken en de opaciteit ervan aan te passen aan de smaak.
We gebruiken dit kanaal om het logo te verontrusten, dus u wilt grote witte blokken vermijden die de kleinere tekst onleesbaar maken. Gebruik een kleine, zwarte penseel met harde randen om gebieden te wissen zoals aangegeven. Gebruik ook het Clone Stamp Tool (S) om nog meer krassen toe te voegen.
Verzacht het kanaal "Krassen" enigszins door het een Gaussiaans vervagen van 2 px te geven.
Dupliceer de laag 'Logo opgeheven' en label deze als 'Logo krassen'. Pas het filter Belichtingseffecten opnieuw toe met dezelfde instellingen als het vorige, maar selecteer de "Krassen" onder Structurekanaal, en schakel de optie Wit is hoog uit en zet de schuifregelaar Bergachtig op 12%. Ik heb deze instellingen opgeslagen als "LOGO SCRATCH LIGHTS."
Dupliceer de laag 'Achtergrond' en label deze als 'Binnenste krassen'. Druk nu op Command + F om het filter opnieuw toe te passen. Om de illusie van diepte te creëren, gebruik je de pijltoetsen op je toetsenbord om de laaginhoud 4 stappen naar rechts en 4 stappen naar beneden te duwen.
Klik op het pictogram Nieuwe vul- of aanpassingslaag maken en gebruik het vervolgkeuzemenu om Effen kleur te selecteren. Klik op de kleurstaal en kies C: 75, M: 68, Y: 67 en K: 90. Zorg ervoor dat deze laag boven de 'binnenste krassen' zit. Zet nu de mengmodus op vermenigvuldigen en zet de dekking op 75%.
Richt de laag "Logo scratches" en voeg een slagschaduw / afschuining toe en reliëf de laagstijl zoals getoond om de diepte te accentueren.
Richt het masker "Color Fill 1" en kies K: 50 als voorgrondkleur. Selecteer het gereedschap Verloop (G) en gebruik de voorinstelling Radiaal om vanuit het midden naar buiten te slepen - dit laat nu een aantal verborgen details zien en geeft ook een subtiele hint van verlichting.
Dubbelklik op de laag 'Achtergrond' en label deze als 'Origineel metaal'. Voeg nu een groepsmap aan de bovenkant van de stapel toe en label deze als 'LOGO'. Houd Shift ingedrukt en klik op alle miniaturen van je laag en plaats ze vervolgens in de map.
Maak vervolgens een selectie uit uw "Logo expanded" -kanaal, voeg een nieuwe laag toe onderaan in de groepsmap en vul de selectie met zwart. Schakel nu tijdelijk de zichtbaarheid van alle andere lagen uit en gebruik het gereedschap Pen (P) ingesteld op Paden om een gesloten pad uit te lijnen zoals weergegeven.
Schakel over naar het padenpalet en Command-klik op de padminiatuur om een selectie te genereren. Terug in je lagenpalet zorg je ervoor dat de nieuwe laag wordt getarget en vul je de selectie met zwart.
Label de nieuwe laag "Knipmasker" en schakel vervolgens de zichtbaarheid van alle lagen in. Druk nu op Alt en klik vervolgens tussen elke laagminiatuur zodat alle lagen op de basislaag worden geknipt.
Aangezien de clippinggroep de niet-transparante gebieden van de onderste laag als een masker gebruikt, is er geen mogelijkheid voor randinterferentie van andere lagen, dus uw linkerkant met een schone rand. Zet je logobestand opzij, want in de volgende stap maak je de achtergrond.
Maak een nieuw RGB-document 21 cm breed bij 27 cm hoog met een resolutie van 300 dpi en de achtergrondinhoud ingesteld op wit. Open opnieuw "Baking_tray.jpg" en ga naar Afbeelding> Canvas roteren> 90 graden CW. Sleep het nu naar uw document als een nieuwe laag. Transformeer om te passen en label het "Metaal", dupliceer dan de laag en ga naar Bewerken> Transformeren> 180 graden roteren. Stel nu de mengmodus in op Vermenigvuldigen en label de dubbele "Metaal vermenigvuldiging".
Voeg een centrale gids toe, ga terug naar uw logo-bestand en houd Shift ingedrukt en sleep de "LOGO" mapminiatuur naar uw werkdocument en positie zoals getoond. U bent nu klaar met het logodocument, zodat u het kunt sluiten.
Download en open de chevron-afbeelding en gebruik de Rechthoekige selectiekader-tool (M) om de bovenste helft te kopiëren en plak dan als nieuwe laag onder de map "LOGO". Ga terug naar de chevron-afbeelding, keer de selectie omgekeerd en kopieer opnieuw> plakken. Laat de dekking van deze laag tijdelijk vallen en lijn de strepen uit. Wanneer je klaar bent, zet je de dekking weer op 100%. Selecteer nu het gereedschap Gum (E) en gebruik een middelgrote, zachte penseel om de bovenste laag te mengen.
Met de bovenste "chevron" -laag gericht op Command + E om omlaag samen te voegen. Pas het formaat en de positie aan de bovenkant van je canvas aan, noem het "dubbele punthaken" en stel de overvloeimodus in op uitsluiting. Houd nu Alt ingedrukt terwijl u op het pictogram Nieuwe vul- of aanpassingslaag maken klikt en Niveaus kiest in het vervolgkeuzemenu. Controleer in het volgende venster Gebruik vorige laag om een uitknipmasker aan te maken. Stel nu het blackpoint in op 42, het middelpunt op 0,55 en het witpunt op 242.
Een normale aanpassingslaag zal zowel de doellaag als de onderliggende laag wijzigen, maar het knippen van een aanpassing op een enkele laag zal de onderliggende intact laten.
Laad "MetalgrungeBrushes.abr" penselen uit de "bron" -map en voeg vervolgens een masker toe aan de "Chevrons" -laag. Stel met zwart als voorgrondkleur verf op het masker in met een stemmingsmodus om gebieden te eroderen - denk eraan te draaien en de penselen omdraaien om herhaling te voorkomen.
Voeg een nieuwe laag toe onder de 'dubbele punthaken', typ deze als 'Hoogste gradatie' en stel de overvloeimodus in op Vermenigvuldigen. Verschuif nu een kort lineair verloop van de bovenkant met de voorgrond door de Voorgrond naar Transparant-voorinstelling te slepen.
Vouw de map "LOGO" uit, voeg een nieuwe laag toe onder het "Knipmasker" en label deze als "Logo-schaduw". Command-klik op de laag "Knipmasker" om een selectie te genereren en met je nieuwe laag als doelvulling met zwart. Transformeer nu vanuit het midden om fractioneel te vergroten.
Geef de "Logo Shadow" -laag nu een Gaussiaans vervagen van 24 px en zet de mengmodus op vermenigvuldigen.
Open het "3D_render.tif" in de map "source" en sleep / plaats als een nieuwe laag bovenaan de stapel en typ het als "Mutant".
Voeg een nieuwe laag onder de 'dubbele punthaken' toe, stel de overvloeimodus in op vermenigvuldigen en label het 'onderste grad.' Houd Shift ingedrukt en sleep een Lineair verloop van onderaf met de Voorgrond naar Transparant-voorinstelling zoals bij stap 24, maar maak het iets dieper.
Voeg nog een nieuwe laag onder de 'Mutant' toe, stel de overvloeimodus in op Vermenigvuldigen en label het 'Mutante schaduw'. Gebruik nu de Vervorm- en Perspectief-functies van het Transform-gereedschap om het opnieuw te vormen.
Geef de laag nu een Gaussiaans vervagen van 8 px.
Voeg een masker toe en gebruik een 50% zwart lineair verloop om de schaduw langzaam van de bovenkant van het canvas te vervagen, zoals weergegeven.
Schakel de zichtbaarheid van de laag "Mutant" en de map "LOGO" uit. Richt de "Mutant shadow" -laag en druk op Shift + Command + Alt + E om zichtbaar te maken (dit maakt een samengestelde laag van alle zichtbare). Geef de resulterende laag de naam 'Achtergrond samengevoegd'.
Organiseer nu enkele van de lagen; verwijder eerst de witte laag "Achtergrond" en plaats vervolgens de map "LOGO" onder de "Mutantlaag". Voeg vervolgens een nieuwe groepsmap toe met de naam "ACHTERGROND" en plaats deze onder de laag "Achtergrond samengevoegd". Houd Shift ingedrukt en klik op alle lagen eronder (blauw weergegeven) en sleep ze naar de map "ACHTERGROND".
Laat de zichtbaarheid van de laag "Mutant" voor het moment af. Vervolgens voegt u paden toe om wat diepte aan de achtergrondpanelen toe te voegen, dus trek enkele hulplijnen in zoals getoond.
Gebruik het gereedschap Pen (ingesteld op Paden) en druk op Shift om 90/45 graden hoeken in te stellen en klik ze vast zoals aangegeven. Ik heb ze roze gestreept en de hulplijnen voor de duidelijkheid in de schermafbeelding uitgeschakeld. Vergeet niet dat u altijd het gereedschap Direct selecteren (A) kunt gebruiken om afzonderlijke punten naar behoefte aan te passen.
Selecteer nu de veelhoek onder het aangepaste vormgereedschap (U) en stel de opties in op Paden met 8 zijden. We willen dat deze nieuwe vorm het oorspronkelijke pad wijzigt. Controleer dus ook de overlappende padgebieden uitsluiten. Sleep nu, voeg een grote centrale veelhoek toe, (ik heb de hulplijnen uitgeschakeld voor de duidelijkheid in de schermafbeelding) je moet ook draaien terwijl je sleept om de zijkanten vierkant te houden.
Zweet niet als je het de eerste keer fout hebt, gebruik gewoon het gereedschap Padselectie (niet het gereedschap Direct selecteren) om het naar wens in te stellen. De vorm kan ook worden aangepast door te selecteren en naar Bewerken> Transformeerpad> Schaal te gaan.
Houd Shift ingedrukt en klik om de bovenste vier punten van de polygoon te selecteren met het gereedschap Direct selecteren en trek ze vervolgens omhoog om de vorm voorbij uw canvas te verlengen, zoals weergegeven.
Zet je voorgrondkleur op wit en genereer vervolgens een selectie van je pad. Voeg vervolgens een nieuw kanaal toe en label het 'Panels'. Ga vervolgens naar Bewerken> Lijn, voer in het volgende dialoogvenster een waarde in van 5 px en vink de optie Locatiecentrum aan.
Geef het kanaal nu een Gaussiaans vervagen van 5 px.
Dupliceer de laag "Achtergrond samengevoegd" en label deze als "paneelbosjes". Breng nu een lichteffectfilter aan met behulp van een directionele lichtinstelling zoals weergegeven. Selecteer ook "Panelen" in het vervolgkeuzemenu Structuurkanaal, en schakel de optie Wit is hoog uit en zet de schuifregelaar Bergachtig op 50%.
Voeg een nieuw kanaal toe en label het als "Klinknagels" en selecteer vervolgens het Ellipse Custom Shape Tool. Stel het in op Pixels vullen. Gebruik het vervolgkeuzemenu om Vaste grootte te selecteren en voer 30 px in de velden Breedte en Hoogte in. Schakel de zichtbaarheid van het "RGB" composietkanaal in en pas vervolgens de kleur en dekking van het masker aan. Zet nu je voorgrondkleur op wit en voeg de klinknagels langs de rand van de panelen toe.
Dupliceer het kanaal "Klinknagels" en label het "Klinknagels vervagen". Voeg nu een Gaussiaans vervagen van 4 px toe.
Plaats de laag "Achtergrond samengevoegd" boven de laag "Paneelgroeven" en hernoem deze "Klinknagels". Voer nu hetzelfde filter voor de belichtingseffecten uit dat u in stap 39 hebt gebruikt, maar selecteer het kanaal "Klinknagelonscherpte" in het Texture Channel-menu. Controleer ook White Is High en zet de schuifregelaar Mountainous op 25%.
Genereer een selectie van je "klinknagels" -kanaal en vergroot met 4 px. Nu invers de selectie, zorg ervoor dat de "klinknagels" -laag doelgericht is en druk op Verwijderen om de onderliggende laag te onthullen.
Nu de achtergrond compleet is, is het tijd om het wezen wat beter in zijn omgeving te laten passen. Begin door de zichtbaarheid van de laag in te schakelen en ga naar Afbeelding> Aanpassingen> Kleur vervangen. Selecteer een roze gebied zoals aangegeven met de pipeter en stel vervolgens de fuzziness in op 124. Stel nu de tint in op +11 en de verzadiging op -78.
Maak het onderste deel van het wezen donkerder door een op lagen gebaseerde selectie uit de "Mutant" te maken. Voeg een nieuwe laag erboven toe en vul met zwart. Versleep nu een zwart lineair verloop vanaf de bovenkant van het masker, stel de overvloeimodus in op vermenigvuldigen en label het 'mutant vermenigvuldigen'.
Klem een aanpassingslaag voor de kleurbalans aan de laag "Mutant" en stel de middentonen in op rood (rood) tot +15, groen op -3 en rood (blauw) op -49. Stel nu de schaduw rood in op +8 en blauw op -10.
Maak het wezen donkerder door een niveauregellaag vast te knippen en de wittepuntschuifknop van de uitvoerniveaus in te stellen op 153.
Gebruik een grote, zwarte borstel met zachte randen op het masker "Niveaus 2" om het gezicht en de handen van het wezen voorzichtig te wissen.
Het lichteffectfilter dat in stap 30 werd gebruikt, heeft het onderste paneel en de schaduw van de figuur verlicht. Verhelp dit door de laag "Bodemverloop" uit de map "ACHTERGROND" te verplaatsen en deze boven de laag "Paneelgroeven" te plaatsen. Verplaats ook de "Mutant shadow" -laag uit de map "BACKGROUND" en plaats deze onder de map "LOGO".
Wijzig nu de algehele kleur door een normale aanpassingslaag aan te brengen (niet knippen) bovenaan de laagstapel met behulp van de volgende instellingen: Hoofdverzadiging: -12, gebruik vervolgens het drop-down menu Bewerken om Rood te selecteren tot -8, geel tot -43, groen tot -65 en cyaan tot -32.
De 3D-weergave ziet er iets te knap uit in vergelijking met de rest van de afbeelding. Los dit op door de laag 'Mutant' een beetje Gaussiaans vervagen te geven (ik heb een waarde van 1,5 px gebruikt).
Je bent bijna klaar afgezien van het toevoegen van enkele afbeeldingen. Ga naar Afbeelding> Canvasgrootte, veranker je canvas naar de bodem en verhoog de hoogte naar 28,5 cm - dit zorgt voor extra ruimte voor de bovenste banner.
Open ten slotte de "Graphics.psd" in de map "source". Vervolgens houd je Shift ingedrukt en sleep je hem naar binnen als nieuwe laag. Zoom in en kijk uit voor gebieden die kunnen worden verbeterd. Ik heb de map "LOGO" opnieuw bekeken en de laag opaciteit van de laag "Logo scratches" aangepast tot 77% en de laag "Color Fill 1" tot 80%.
De technieken die ik in deze tutorial heb uitgelegd, kunnen op veel verschillende projecten worden toegepast, van print tot web. Sommige geweldige effecten kunnen ook worden bereikt door complexe paden te maken in Illustrator en Plakken als paden naar Photoshop, deze kunnen vervolgens worden geconverteerd naar alfakanalen om te gebruiken met het filter Belichtingseffecten.
De uiteindelijke afbeelding is hieronder. Je kunt de grote versie hier bekijken.
Accentsconagua