Hoe maak je een foto-realistische lakzegel Mockup met Adobe Photoshop

Wat je gaat creëren

In deze tutorial zal ik je laten zien hoe je een realistische mockup-sjabloon met wax-seal-logo's kunt maken in Adobe Photoshop. Dankzij het slimme object dat we gaan gebruiken, kunt u het stempelontwerp eenvoudig vervangen door uw eigen logo en het elke keer dat u het nodig hebt opnieuw gebruiken! 

In een haast en op dit moment nodig? Bekijk mijn WaxSeal-logo Mockup. Mijn mockup is klaar voor gebruik. Vervang hem gewoon door je ontwerp en pas de lakzegel aan met één klik!

Lesmateriaal

Voor deze zelfstudie hebt u de volgende bronnen nodig:

  • Een lakzegelbeeld
  • Een papieren textuur
  • Rubik-lettertype

1. Hoe de witte achtergrond van de lakzegel te verwijderen

Stap 1

Download de waszegelafbeelding en open deze met Photoshop.

Stap 2

Druk eerst op Command-J op het toetsenbord om een ​​kopie van de afbeelding te maken. Als je in de Lagen paneel, u zult zien dat u nu twee lagen hebt, die elk dezelfde afbeelding bevatten. De originele foto blijft veilig op de "Achtergrond"laag en al het bewerkingswerk dat we gaan doen, wordt gedaan aan de kopie van de afbeelding. Hernoem de nieuwe laag op dubbelklikken rechtstreeks op de naam van de laag in de Lagen paneel en verander het naar "Lakzegel".

Stap 3

Wat we gaan doen is de gehele achtergrond selecteren en verwijderen met de Quick Selection Tool. Selecteer het door op het pictogram in de. Te klikken Hulpmiddelen paneel of druk op de letter w op je toetsenbord om het te selecteren met de snelkoppeling.

Als u met de selectie wilt beginnen, verplaatst u de Quick Selection Toolcursor in de linkerbovenhoek van de afbeelding en klik en sleep over het gebied dat u moet selecteren alsof u met een penseel schildert. Terwijl u sleept, analyseert Photoshop het gebied continu, vergelijkt kleur, toon en textuur, en doet zijn best om erachter te komen wat u probeert te selecteren, vaak met verbluffende resultaten.

Als je in de Optiesbalk bovenaan het scherm ziet u een reeks van drie pictogrammen waarmee u kunt schakelen tussen de drie selectiemodi van het hulpmiddel (van links naar rechts: Nieuwe selectieToevoegen aan selectie, en Trek af van selectie). De Toevoegen aan selectie optie (de middelste) is al voor ons gekozen, omdat het hele punt van de Quick Selection Tool is om door te gaan met toevoegen aan de selectie totdat je alles hebt geselecteerd wat je nodig hebt:

Blijf vervolgens dicht bij de randen van de fles "borstelen" totdat u alle witte achtergrond hebt geselecteerd:

Stap 4

Nadat je de achtergrond hebt geselecteerd, verwijder je deze door te kiezen Bewerken> Knippen in het bovenste menu.

Vergeet niet om de selectie ongedaan te maken door te kiezen voor Selecteer> Deselecteer of op drukken Command-D.

Zorg ervoor dat u de zichtbaarheid voor de "Achtergrond"laag om het resultaat te waarderen.

2. Hoe een achtergrond voor een papier toe te voegen

Stap 1

Klik in het hoofdmenu op Afbeelding> Canvasgrootte.

Stel de canvasgrootte in op 2000 x 1400 px.

Stap 2

Download de papiertextuur en open deze met Photoshop. Ontgrendel de laag door te kiezen Laag> Nieuw> Laag van achtergrond en druk op OK.

Selecteer de textuur door te kiezen Selecteer> Alles of op drukken Command-A. Kopieer nu de laaginhoud door naar te gaan Bewerken> Kopiëren of op drukken Command-C.

Stap 3

Ga terug naar het waszegelbestand door op het juiste tabblad te klikken en de "Achtergrond"laag. Plak nu de papierstructuur gewoon gekopieerd door te kiezen Bewerken> Plakken of op drukken Command-V.

De textuur is eigenlijk te groot voor ons canvas, dus kies Bewerken> Vrije transformatie of druk op Command-T en sleep een hendel om het formaat van het papier te wijzigen. druk op Verschuiving terwijl u een hoekgreep sleept om proportioneel te schalen.

Hernoem de papierlaag met dubbelklikken rechtstreeks op de naam van de laag in de Lagen paneel en verander het naar "Envelop".

Stap 4

Dupliceer de "Envelop"laag door het te selecteren en te kiezen Laag> Nieuw> Laag via kopie of op drukken Command-J, en hernoem dan deze nieuwe laag met dubbelklikken rechtstreeks op de naam van de laag in de Lagen paneel en verander het naar "Klep".

Selecteer de Veelhoekige lasso-tool. Standaard is de Veelhoekige lasso-tool verbergt zich achter de standaard Lasso-tool in de Hulpmiddelen paneel. Om dit te bereiken, klikt u op de Lasso-tool, en houd de muisknop ingedrukt totdat een uitvouwmenu verschijnt met de extra beschikbare hulpmiddelen. Selecteer de Veelhoekige lasso-tool van de lijst:

Begin door te klikken op de linkerbovenhoek van het canvas en laat vervolgens de muisknop los. Hiermee voegt u een punt, gewoonlijk een ankerpunt, toe aan het document. Terwijl u de Veelhoekige lasso-tool weg van het punt, zie je een dunne rechte lijn die uitsteekt vanaf je muiscursor met het andere uiteinde van de lijn bevestigd aan het ankerpunt. Klik nogmaals om nieuwe punten toe te voegen totdat je een driehoekige vorm als deze hebt gemaakt:

Voltooi de selectie door nogmaals op het eerste punt te klikken dat u hebt toegevoegd. Photoshop converteert alle rechte lijnen naar een selectieoverzicht. Kiezen Bewerken> Knippen om het geselecteerde gebied te verwijderen.

Stap 5

Dubbelklik op de "Klep"laag om de te openen Laagstijl paneel. Voeg een nieuwe toe Innerlijke schaduw door op het bijbehorende tabblad te klikken.

Stel de Mengmodus naar normaal, Kleur wit, Dekking 52%, Hoek -90 °, Afstand 1 px, Stikken 100% en Grootte 0 px.

Voeg een nieuwe toe Slagschaduw door op het bijbehorende tabblad te klikken. Stel de Mengmodus naar Vermenigvuldigen, De kleur zwart, Dekking 30%, Hoek 101 °, Afstand 5 px, Verspreid 1% en Grootte 4 px.

Stap 6

Klik op het kleine pictogram onderaan de Lagen paneel en kies helling.

druk op D op uw toetsenbord om de voorgrond- en achtergrondkleuren in zwart en wit in te stellen. Klik op het kleine verloopvenster om het verloop aan te passen.

Klik op de kleine versnelling en kies Reset verlopen om alle gradiëntpresets te resetten. Kies nu de tweede preset genaamd Voorgrond naar transparant en druk op OK.

Lokaliseer de Lagen paneel en hernoem de laag zojuist gemaakt door dubbelklikken rechtstreeks op de naam van de laag in de Lagen paneel en verander het naar "Schaduw", en stel vervolgens de ondoorzichtigheid naar 5%.

Selecteer de lagen "Schaduw","Klep", en"EnvelopOm meerdere aaneengesloten lagen te selecteren, klikt u op de eerste laag en vervolgens op Shift-click de laatste laag. Met een klik met de rechtermuisknop van de muis, selecteer Groeperen uit lagen, en noem de groep "Envelop". Druk op OK bevestigen.

3. Schaduweffecten toevoegen aan de lakzegel (alleen Photoshop CC 2015 of hoger)

Beginnend met Photoshop CC 2015, we hebben het vermogen om effecten met meerdere lagen toe te passen (BeroerteSlagschaduw...) van een single Laagstijl dialoogvenster. Als u Photoshop CC 2015 of later gebruikt, blijf dit gedeelte lezen. Ga anders naar Paragraaf 4.

Stap 1

Selecteer de "Lakzegel"laag en Dubbelklik de laag, buiten de naam of miniatuur van de laag om de. te openen Laagstijl paneel.

Voeg een nieuwe toe Innerlijke schaduw, instellen van de Mengmodus naar normaal, De kleur zwart, Dekking 100%, Afstand 4 px, Choke 0%, Grootte 0 px.

Stap 2

Voeg een nieuwe toe Slagschaduw, instellen van de Mengmodus naar bedekkingDe kleur zwart, Dekking 39%, Hoek 66 °, Afstand 7 px, Verspreid 7% en Grootte 13 px.

Stap 3

Naast het effect Slagschaduw ziet u een plus teken (+). Voeg nog een slagschaduweffect toe door op het plusteken te klikken.

Stel de Mengmodus naar bedekkingDe kleur zwartDekking 58%Hoek 66 °Afstand 7 pxVerspreid 7% en Grootte 13 px.

Stap 4

Voeg nog een slagschaduweffect toe door op het plusteken te klikken. Stel de Mengmodus naar Vermenigvuldigen, De kleur zwartDekking 27%Hoek 86 °Afstand 11 pxVerspreid 6% en Grootte 18 px.

Stap 5

Voeg het laatste Drop Shadow-effect toe door op het plusteken te klikken. Stel de Mengmodus naar normaalDe kleur zwartDekking 10%Hoek 86 °Afstand 27 pxVerspreid 6% en Grootte 101 px.

4. Schaduweffecten aan de lakzegel toevoegen (alleen Photoshop CS4, CS5 of CS6)

Voor CS4-, CS- of CS6-gebruikers, leest u de volgende stappen.

We moeten meerdere Slagschaduweffecten toevoegen aan de Wax Seal-laag. Oudere versies van Photoshop laten u slechts eenmaal een laagstijl toepassen op een bepaalde laag. U kunt bijvoorbeeld alleen een slagschaduweffect aan een laag toevoegen. Vanaf Photoshop CC is deze beperking echter verwijderd, zodat u dezelfde laagstijl meerdere keren aan een enkele laag kunt toevoegen. Mijn advies is dan om je Photoshop bij te werken naar de nieuwste versie. 

Hoe dan ook, als u een Photoshop-versie gebruikt voorafgaand aan CC, is er een oplossing voor u. Hier is hoe:

Dupliceer de "Lakzegel"laag drie keer door te kiezen Laag> Nieuw> Laag via kopie. In de Lagen paneel, selecteert u de drie nieuwe lagen die u zojuist hebt gemaakt en stelt u de Vullen naar 0%.

Toepassen op de "Lakzegel"Laag de effecten beschreven in Stap 1 en 2 van de vorigesectie.

Nu van toepassing op de resterende 3 "Lakzegel kopie"lagen de effecten beschreven in Stap 3, 4 en 5 van de vorige sectie.

5. Hoe het stempelontwerp te maken

Stap 1

Maak een 600 x 600 px Nieuw document in Photoshop.

Selecteer de Ellipse Tool. Standaard is de Ellipse Tool verbergt zich achter de standaard Rechthoekgereedschap in de Hulpmiddelen paneel. Om dit te bereiken, klikt u op de Rechthoek gereedschap, en houd de muisknop ingedrukt totdat een uitvouwmenu verschijnt met de extra beschikbare hulpmiddelen. Selecteer de Ellipse Tool van de lijst:

Klik nu in de linkerbovenhoek van het canvas (laat de muisknop niet los), houd de knop ingedrukt Verschuiving toets van uw toetsenbord en sleep uw muis naar de rechterbenedenhoek. Wanneer je heel dicht bij de hoek bent, zul je zien dat de cursor verslaafd raakt aan het canvas. Op dit punt, release Verschuiving en de muisknop. Het resultaat zou vergelijkbaar moeten zijn met dit:

Stap 2

Lokaliseer de eigenschappen paneel. Als u het paneel niet kunt zien, opent u het door te kiezen Venster> Eigenschappen.

In de Vormdetails sectie, stel de Vormvultype naar Transparant, de Vormslag Type naar Zwart, en de Shape Stroke Width naar 15 px. Zorg ervoor dat de grootte precies is 600 x 600 px en de positie is 0 voor beide X- en Y-as.

Nu zou het resultaat vergelijkbaar moeten zijn met dit:

Stap 3

Met de "Ellips"laag geselecteerd, kies Laag> Nieuw> Vormlaag via kopie om de laag te dupliceren. Hernoem de nieuwe laag met dubbelklikken rechtstreeks op de naam van de laag in de Lagen paneel en verander het naar "Pad".

Lokaliseer de eigenschappen paneel. In de Begrenzende Box sectie, instellen breedte en hoogte naar 516 px, X en Y-as naar 42 px, en verander dan de Vormslag Type naar Transparant.

Stap 4

Download Rubik-lettertype, een lettertype dat gratis is voor commercieel gebruik. Installeer het lettertype op uw computer; we hebben het een tijdje nodig.

Met ons getrokken pad kunnen we onze tekst toevoegen. Selecteer de Horizontaal gereedschap van de Hulpmiddelen paneel:

Kies op de bovenste optiebalk Rubik Bold ingesteld op 62 px met Tekstuitlijning optie ingesteld op Links en Type Kleur ingesteld op Zwart.

Stel ook de tracking voor het karakter in 500 in de Karakter paneel. Als je de. Niet kunt zien Karakter paneel, open het door te kiezen Venster> Teken.

Stap 5

Verplaats de Horizontaal gereedschap over de rand van het pad. De aanwijzer verandert in een I-straal met een gestippelde golvende lijn er doorheen. Klik op de vormrand op de plek waar u tekst wilt gaan toevoegen.

De plek waarop u klikt, is de plaats waar de tekst zal beginnen en terwijl u doorgaat met typen, volgt de tekst de richting van het pad.

Typ de tekst "WAX VERZEGEL STAMP MOCKUPAls u klaar bent met het toevoegen van uw tekst, drukt u op ENTER op je toetsenbord.

Stap 6

Nu moeten we onze tekst langs het pad verplaatsen. Kies de Pad selectie gereedschap van de Hulpmiddelen paneel:

Verplaats de Pad selectie gereedschapcursor overal op de bovenkant van uw tekst. Je ziet de cursor van een zwarte pijl in een I-balk veranderen met een kleine pijl aan de zijkant ervan naar links of rechts. 

Klik eenvoudig op uw tekst en sleep hem een ​​beetje naar beneden over het pad om de tekst in de vorm om te keren en om te keren.

Stap 7

Selecteer de Horizontaal gereedschap van de Hulpmiddelen paneel. Verplaats de muiscursor naar de linkerbovenhoek van het canvas. Jullie zullen zien dat de cursor verandert in een I-balk met een gestippeld vierkant eromheen. Klik en typ de letter "w".

In de eigenschappen paneel, kies Rubik Regular en stel de grootte in op 383 px. Stel vervolgens de positie in op 136 px voor X en 68 px voor Y-as. Zorg ervoor dat u de vulkleur instelt op Zwart.

Nu moet je stempelzegelontwerp er ongeveer zo uitzien: 

Stap 8

In de Lagen paneel, selecteer de vier lagen. Als u meerdere aan elkaar grenzende lagen wilt selecteren, klikt u op de eerste laag en vervolgens op Shift-click de laatste laag. 

Beweeg de muiscursor over een van de niveaus en met een klik met de rechtermuisknop van de muis, kies Omzetten naar slim object.

Pak nu de Verplaats gereedschap (V), klik en houd het stempelontwerp in het documentvenster (niet het Lagen paneel, alleen op de afbeelding zelf), sleep uw cursor naar de titel van het vorige documententabblad (die met de rode lakzegel) en wacht tot de documentweergave verandert (laat de linkermuisknop nog niet los). Verplaats vervolgens uw muiscursor naar het documentvenster en laat de linkermuisknop los (houd ingedrukt Verschuiving om de laag in het midden van het document te plaatsen).

Hernoem deze nieuwe laag met dubbelklikken rechtstreeks op de naam van de laag in de Lagen paneel en verander het naar "Smart Object Effect 01".

6. Hoe het stempelontwerp te transformeren

Nu ons stempelontwerp klaar is, is het tijd om het in de lakzegel op te nemen. Je zou in deze situatie moeten zijn:

Stap 1

Kiezen Bewerken> Transformeren> Roteren. Stel in de bovenste optiebalk de rotatie in op 33 °. Niet drukken invoeren nog te bevestigen, omdat we het ontwerp nog moeten transformeren.

Stap 2

Als we goed kijken, verschijnt er een dun selectiekader rond het stempelontwerp. We kunnen ook een klein vierkantje zien in het midden bovenaan, in het midden onderaan, in het midden links en in het midden rechts, evenals een vierkant in elk van de vier hoeken. Deze kleine vierkanten worden "grepen" genoemd en we kunnen alles wat zich in het begrenzingsvak bevindt eenvoudig transformeren door deze handgrepen rond te slepen.

In deze stap is het uiterst belangrijk dat we het stempelontwerp transformeren met alleen de handgrepen in het midden van elke zijde van het selectiekader. In de onderstaande afbeelding zijn de handvatten die we kunnen gebruiken om het stempelontwerp te transformeren, aangegeven met pijlen. 

Beweeg eerst de muiscursor over de hendel aan de rechterkant, houd de knop ingedrukt Commando knop op uw toetsenbord (de cursor verandert in een kleine witte pijl) en klik en versleep de hendel om de rechterkant van de zwarte cirkel van de stempel in de kamer met waszegel te verplaatsen:

Blijf de handgrepen slepen om het stempelontwerp in de lakzegel te plaatsen (denk eraan: gebruik de hoekgrepen niet!). Zorg voor een gelijke ruimte rondom het stempelontwerp, tussen de zegelrand en de binnenrand van de lakzegel:

Als u tevreden bent met de transformatie, drukt u op invoeren. Het eindresultaat zou vergelijkbaar moeten zijn met dit:

7. Hoe een 3D-effect op het stempelontwerp toe te passen

Stap 1

Selecteer de laag "Smart Object Effect 01", en vervolgens in de Lagen paneel, stel de vulling in op 0%. Dupliceer de laag "Smart Object Effect 01"door het te selecteren in de Lagen paneel en kiezen Laag> Nieuw> Laag via kopie. Hernoem deze nieuwe laag met dubbelklikken rechtstreeks op de naam van de laag in de Lagen paneel en verander het naar "Smart Object Effect 02".

Stap 2

Selecteer de laag "Smart Object Effect 01"en dubbelklik vervolgens op de laag, buiten de naam of miniatuur van de laag om de. te openen Laagstijl paneel.

Voeg een nieuwe toe Schuine kant en reliëf stijl. Zorg ervoor dat u het effect precies zo instelt als de afbeelding hieronder:

Gebruik de Hex-code # 440303 voor Markeer Modus kleur en # 7b0000 voor Schaduw stand kleur.

Voeg een nieuwe toe Slagschaduw stijl. Zorg ervoor dat u het effect precies zo instelt als in de onderstaande afbeelding. Gebruik de Hex-code # 5e2831 voor Mengmodus kleur. druk op OK om de wijzigingen te bevestigen en de te sluiten Laagstijl paneel.

Stap 3

Kiezen Filter> Vervorm> Rimpeling en stel het effect in zoals de afbeelding hieronder:

druk op OK om de wijzigingen te bevestigen en het paneel te sluiten.

Kiezen Filter> Blur> Gaussiaans vervagen en stel de Radius naar 0.6 px. druk op OK om de wijzigingen te bevestigen en de te sluiten Laagstijl paneel.

Stap 4

Selecteer de laag "Smart Object Effect 02"en dubbelklik vervolgens op de laag, buiten de naam of miniatuur van de laag om de. te openen Laagstijl paneel.

Voeg een nieuwe toe Schuine kant en reliëf stijl. Zorg ervoor dat u het effect precies zo instelt als de afbeelding hieronder:

Gebruik de kleur wit #ffffff voor de Markeer Modus en zwart # 000000 voor de Schaduw stand.

Voeg een nieuwe toe Slagschaduw stijl. Zorg ervoor dat u het effect precies zo instelt als in de onderstaande afbeelding. Gebruik de Hex-code # 602532 voor Mengmodus kleur. druk op OK om de wijzigingen te bevestigen en de te sluiten Laagstijl paneel.

Stap 5

Kiezen Filter> Vervorm> Rimpeling en stel de Bedrag naar -20% en Maat medium. druk op OK om de wijzigingen te bevestigen en het paneel te sluiten.

Kiezen Filter> Blur> Gaussiaans vervagen en stel de Radius naar 0.8 px. druk op OK om de wijzigingen te bevestigen en het paneel te sluiten.

Gefeliciteerd, je bent klaar!

In deze tutorial leerden we hoe je een realistisch embleem met waszegels kunt maken met een slim object en de laagstijlen.

Ik hoop dat je mijn tutorial leuk vond en iets nieuws leerde. Laat hieronder uw opmerkingen, suggesties en resultaten achter.


Vergeet niet om mijn WaxSeal Logo Mock Up te bekijken! Het is een waszegel van topkwaliteit, perfect voor het presenteren van uw merk met stijl en professionaliteit! Het bevat twee zegelvormen en een gedetailleerd hulpbestand.