Maak een indrukwekkende mock-up van een Grunge Box

Leer hoe u indrukwekkende mock-upontwerpen maakt. In deze zelfstudie leert u hoe u het filter voor het verdwijnpunt gebruikt om snelle en professionele presentatieresultaten te krijgen. Het eindresultaat is een realistisch ogende doos die er versleten uitziet, alsof deze wereldwijd is verzonden. Gebruik deze technieken om ook andere mock-ups in uw ontwerpwerk te maken.

Final Image Preview

Voordat we aan de slag gaan, laten we eens kijken naar de afbeelding die we gaan maken. klik op de onderstaande afbeelding om de afbeelding op ware grootte te bekijken. Zoals altijd is het volledige gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap.

Stap 1

We beginnen met de grunge-afbeelding. U kunt een webbanner, een schijflabel of wat u maar wilt gebruiken. Deze tutorial gaat over het maken van een mock-up die bedoeld is om de uiteindelijke presentatie van je werk te verbeteren. U kunt elke gewenste afbeelding gebruiken.

Maak eerst een nieuw, leeg document van 1000px bij 330px, RGB, 72 ppi en plak deze afbeelding als achtergrond. Sla vervolgens het document op met de naam 'Mijn textuur'. Houd dit bestand bij de hand, want we hebben het later in de tutorial nodig.

Stap 2

Pas de beeldniveaus aan met deze waarden.

Stap 3

Voeg nu enkele afbeeldingen toe om een ​​grunge-collage te maken. Plak deze afbeelding van een gitarist in een nieuwe laag boven de achtergrond. Ga vervolgens naar Bewerken> Transformeren> Horizontaal spiegelen. Stel de overvloeimodus in op Donkerder. Verklein het en plaats het in de buurt van het gebouw. Gebruik tenslotte de toverstaf om alle witte delen van de gitarist te selecteren en te verwijderen.

Stap 4

Vind meer afbeeldingen en plak ze waar u maar wilt. U kunt deze afbeelding gebruiken. Selecteer de toverstaf-tool. Verwijder vervolgens alle achtergrond en plak deze in het midden van de collage.

Stap 5

Gebruik een grunge-lettertype om tekst toe te voegen. Ik heb een lettertype genaamd Acid-label gebruikt, dat ik hier heb gedownload. Stel vervolgens de typekleur in op (# 130900) en probeer zoiets als de afbeelding hieronder te krijgen. Sla uw document op en maak de afbeelding vlak.

Stap 6

Maak een nieuw document van 1024px bij 768px, RGB, 72ppi. Maak een verloop achtergrond die van (# 000000) naar (# 302013) gaat met behulp van de waarden in de onderstaande afbeelding.

Stap 7

Verberg de verlooplaag. Maak vervolgens twee extra lagen erboven en geef respectievelijk zowel "Dark Gradient 1" als "Dark Gradient 2" een naam. Druk vervolgens op D om het standaardpalet te laden. Vul beide lagen met behulp van het gereedschap Verloop (zwart tot transparant). Gebruik de waarden in de onderstaande afbeelding.

Stap 8

Plak deze afbeelding nu in het midden van het document. Ik koos het omdat het een mooie handgemaakte doos is die eruitziet als een verzendkist, die perfect is om een ​​grunge-ontwerp te mock-up. Corrigeer de onvolkomenheden van de afbeelding met behulp van het gereedschap Kloon en Retoucheerpenseel. Houd Alt ingedrukt en klik om de kloonbron te selecteren.

Tip: Photoshop CS3 Extended heeft een handig hulpmiddel. klik op Venster> Bron klonen. Selecteer 'Show Overlay'. U ziet een transparantie van de afbeelding die u aan het klonen bent. Dit zal je helpen met precieze genezing.

Stap 9

Selecteer alle witte achtergrond met het gereedschap Lasso en verwijder het vervolgens. Voeg een slagschaduw en een binnenste schaduw toe met behulp van de waarden in de onderstaande afbeelding. Gebruik de Dodge Tool en de Tools voor branden om te poetsen met deze instellingen: 50px, Hardheid: 0%, Bereik: Middentonen en Belichting: 25%. Hierdoor worden sommige delen van de doos lichter en donkerder.

Stap 10

Nu voegen we een gekreukeld papier toe aan ons ontwerp. Ik heb deze afbeelding gebruikt. Plak het in een nieuwe laag onder de laag "Box" en noem deze "Papier". Zet het in de bovenmarge, een beetje in het midden van het document. Stel vervolgens de tint / verzadiging in met behulp van de waarden in de onderstaande afbeelding. Zet de mengmodus op Color Dodge. Ga tenslotte naar Laag> Laagmasker> Alles verbergen en teken een zwart-wit radiaal verloop.

Stap 11

Verberg zowel de lagen "Box" als "Paper". Maak twee nieuwe lagen onder de laag "Papier" en noem ze respectievelijk "Licht" en "Schaduw".

Gebruik het elliptische selectiegereedschap om in elke laag een ovaal te maken. Selecteer vervolgens> Wijzig> Veer en stel de veerradius in op 25px. Vul een met een lichte kleur zoals (# C6A478) en de andere met een donkere kleur zoals zwart. Laat de verborgen lagen zien en Transformeer de ovalen vrij om een ​​beter resultaat te krijgen. Zet als laatste laag met de laag "Licht" de laagdekking op 35% en de laagdekking op "Shadow" op 95%.

Stap 12

Open het bestand "Mijn textuur" (de grunge-collage die we eerder hebben gemaakt). Kopieer vervolgens de afgevlakte afbeelding. Maak een nieuwe laag boven de laag "Box". Noem het "Textuur" en selecteer het.

Hier komt het beste. We zullen de nieuwe functie van het Vanishing Point-filter gebruiken om verschillende perspectivische vlakken in één filter te maken. Klik op Filters> Perspectiefpunt. Begin vervolgens met het maken van een enkel vlak met behulp van de Create Plane Tool, Ctrl + Drag (WIN) of Command + Drag (MAC) een zijpunt van het vlak (geen hoekpunt) om een ​​verticaal vlak te maken. Alt + slepen om de hoek van het nieuwe vlak te bewerken en alle vlakken van het vak proberen te volgen.

Tips: als u een vlak wilt verwijderen, selecteert u een willekeurig zijpunt en drukt u op Delete. Als je de voorkant en linkerkant bedekt, is dat prima. Het is optioneel om de bovenkant te bedekken.

Stap 13

Plak de afgevlakte afbeelding in het venster Perspectiefpunt. Sleep het vervolgens over de oppervlakken en plaats het waar het er goed uitziet. U kunt het formaat van de afbeelding wijzigen en de afbeelding draaien als dat nodig is. Als er overlappende vlakken zijn, klik dan Ctrl-klik of Command-klik op een vlak om de overlappende volgorde te wijzigen. Klik vervolgens op OK als u klaar bent.

Stap 14

Ctrl (Command) + klik op de Box-laag om de exacte doosvorm te krijgen. Druk vervolgens op Ctrl (Command) + Shift + I om de selectie om te keren. Selecteer vervolgens de laag "Texture" en druk op Delete. Wijzig ten slotte de overvloeimodus van de "Texture" -laag in Multiply.

Conclusie

Optioneel kunt u meer objecten zoals tekst, afbeeldingen of iets in de doos boven plakken. Speel met overvloeimodi en effecten. U kunt deze techniek gebruiken om mock-ups te maken van alles wat u maar wilt: cd-labels, productvakken, dvd-hoezen en meer. Probeer het!