Creëer een stijlvolle koffiekop met slimme objecten

In de tutorial van vandaag laten we zien hoe je een realistische koffiekop maakt met een aanpasbaar label met behulp van slimme objecten in Photoshop. Laten we beginnen!


Lesmateriaal

  • Patroon

Stap 1

Begin met het creëren van een document van 1500 x 2200 px op 300 dpi. Vul de achtergrondlaag met # c2c2c2.


Stap 2

Hier ziet u de verschillende onderdelen die nodig zijn voor de koffiekop.


Stap 3

Begin met het instellen van een aantal hulplijnen, een verticaal in het midden op 750 px en een horizontale op 1100 px.


Stap 4

We beginnen met het maken van de beker. Maak de zijomtrek van de beker met het gereedschap Pen, zorg ervoor dat deze is ingesteld op paden en voeg toe aan pad (+). Wanneer één zijde is gemaakt, selecteert u deze en drukt u op Cmd / Ctrl + Alt + T om een ​​kopie te maken, verplaatst u het draaipunt naar de middellijn en klikt u met de rechtermuisknop op de vorm en kiest u Horizontaal spiegelen. Maak de onderkant met het ellipstool, houd de verticale hulplijn ingedrukt en houd Alt op het toetsenbord ingedrukt om het symmetrisch te maken over de middellijn. Maak een nieuwe, vaste laag uit de vormen en vul deze met wit (#ffffff) en noem deze beker.


Stap 5

Herhaal dezelfde stappen om het label te maken.


Stap 6

Het deksel is op dezelfde manier gemaakt. Zorg ervoor dat u het onderste deel van het deksel maakt om het te wijzigen van Toevoegen aan padgebied (+) om af te trekken van padgebied (-).


Stap 7

Als u de binnenkant van het deksel wilt maken, kopieert u de onderste ellips van het deksel en wijzigt u de vorm in het gebied Toevoegen aan pad (+), vult u dit met een grijs (#adadad).


Stap 8

Maak de dekselring op dezelfde manier als de beker, zorg ervoor dat de onderste ellips even groot is als het deksel horizontaal. Noem het deksel_ring.


Stap 9

Nu zijn alle onderdelen die nodig zijn voor de koffiekop gemaakt, u kunt ze nu schalen zodat de koffiekop ongeveer 1100px hoog en 650px breed is. Zorg ervoor dat je lagen in dezelfde volgorde zitten als de volgorde.


Stap 10

Nu is het tijd om de onderdelen tot leven te brengen, we zullen beginnen met een beker. Maak een vorm die iets groter is dan de beker. Maak een verloopvulling zoals hieronder getoond, maak een nieuwe laag bovenop de verloopvulling en noem het verloop. Selecteer zowel de verloopvulling als de nieuwe laag en druk op Cmd / Ctrl + E om ze samen te voegen.

Transformeer de laag (Cmd / Ctrl + T) zodat deze de vorm van de vorm volgt. Met de laag geselecteerd, raak je ALT + Cmd / Ctrl + G om een ​​knipmasker te maken. Nu zal de gradiëntlaag alleen zichtbaar zijn waar de cup is.


Stap 11

Maak met het gereedschap Pen een pad onder de kop die de bodemboog van de kop volgt. Maak een nieuwe laag bovenop de verlooplaag en geef deze de naam bottom_shadow. Strijk het pad af met een zachte borstel met zwart (# 000000). Met de laag geselecteerd, raak je ALT + Cmd / Ctrl + G om een ​​knipmasker te maken.


Stap 12

Om het verloop van het deksel te maken, doe hetzelfde als voor de beker, maar als de vrije transformatie de vorm overschakelt van de vrije transformatie naar de verdraaiingsmodus om de gradiëntlaag in de vorm van het deksel te laten passen. Vergeet niet om een ​​nieuwe laag te maken en het verloop ermee samen te voegen voor het transformeren.


Stap 13

Op dezelfde manier waarop we de onderste schaduw op de beker maakten, maken we een schaduw op het deksel. Noem deze laag lid_bottom_shadow.

We moeten ook een topmarkering maken, op dezelfde manier doen, maar een witte penseel gebruiken en de naam top_highlight geven.


Stap 14

Dubbelklik op de lid_ring-laag en maak een verloopoverlay zoals hieronder getoond, druk op OK en klik vervolgens met de rechtermuisknop op de laag en selecteer maak lagen, dit resulteert in een nieuwe laag bovenop de deksel-ringlaag met de naam Gradiëntvulling.


Stap 15

Maak een pad met het pengereedschap dat de onderkant van de dekselring volgt, zorg ervoor dat het een beetje afwijkt van de onderkant in de uiteinden. Maak een nieuwe laag en noem deze bottom_shadow. Met de nieuwe laag geselecteerd, strijkt u over het pad met een grote zachte zwarte borstel. Maak nog een laag en noem deze bottom_shadow_2 en streel het pad met een kleinere borstel. Verander de dekking voor beide lagen tot 10% en maak ze zo dat de dekselring er uitknipmasker is.


Stap 16

Maak een pad dat de bodemvorm van het deksel volgt. Maak een nieuwe laag bovenop de top_highlight voor het deksel en noem het deksel_ring_bottom_shadow. Strijk het pad met een zwart penseel, ga naar Filter> Vervagen> Gaussiaanse vervaging en stel het in op 6px. Zet de dekking op 30%.

Dupliceer de laag en verander de naam in deksel_ring_top_shadow en verplaats deze zodat deze zichtbaar wordt over de dekselring, verander de dekking naar 18%. Zorg ervoor dat beide lagen het deksel hebben zoals het uitknipmasker.


Stap 17

Dubbelklik op de laag laag deksel en maak een verloopoverlay.


Stap 18

Nu is het tijd om de schaduw op de beker van het label te maken. Maak een pad waar het label eindigt en een nieuwe laag boven in de onderste hoek van de beker en noem deze label_bottom_shadow. Strijk het pad af met een zwarte borstel. Dupliceer de laag en hernoem de nieuwe laag naar label_bottom_shadow_2 en verander de dekking naar 10%. Selecteer de eerste laag en ga naar Filter> Vervagen> Gaussiaanse vervaging en maak er een vervaging van 10px van, verander de dekking naar 40%. Zorg ervoor dat beide lagen de beker hebben zoals het uitknipmasker.


Stap 19

Maak twee nieuwe lagen bovenop de labellaag en noem ze gradient_left en gradient_right. Stel ze in om het label als knipmasker te hebben. Gebruik de selectie van het verloopgereedschap om de verlopen te maken zoals hieronder getoond. Wijzig de overvloeimodus van lagen naar Vermenigvuldigen.


Stap 20

Om de beker "rond" te laten aanvoelen, maken we enkele hoogtepunten aan de zijkant van het label. Maak naar paden aan beide zijden van het label en een nieuwe laag bovenop de verlooplagen en stel deze in om het label als uitknipmasker te hebben en noem deze kant_hooglichten. Strijk met een zachte witte borstel over de paden en stel de overvloeimodus van de laag in op zacht licht.


Stap 21

Het deksel werpt een schaduw op het label, dus begin met het maken van een pad met het gereedschap Pen zoals getoond. Maak een nieuwe laag bovenop de side_highlights, noem het lid_shadow en stel het in op het label als uitknipmasker.

Strijk het pad en vervaag het vervolgens een beetje en stel de overvloeimodus in op vermenigvuldigen en dekking op 25%


Stap 22

Herhaal stap 21 maar noem de laag lid_shadow_2.


Stap 23

Nu is het tijd om de afdruk voor het label te maken, een pad te maken dat iets groter is dan het label en er een effen kleurenlaag van te maken en het te vullen met een kleur naar keuze en noem het lable_print. Zet de dekking van de laag laag zodat je kunt zien wat eronder ligt. Zet deze laag recht boven de labellaag, hierdoor krijgt de laag de labellaag als uitknipmasker.

Klik met de rechtermuisknop op de laag en selecteer Converteren naar slim object. Nu kun je de laag vrijmaken, maar door met de rechtermuisknop op de laag te klikken en Inhoud bewerken te selecteren, kun je de laag altijd bewerken en bijwerken zoals hij was toen hij naar een slim object werd geconverteerd.

Raak Cmd / Ctrl + T aan om de laag vrij te maken en dan over te schakelen naar de verdraaiingsmodus en probeer de laag eruit te laten zien zoals hieronder getoond. Het is belangrijk dat zowel de horizontale als verticale lijnen zijn zoals getoond, anders ziet de labelafdruk er slecht uit.


Stap 24

Klik met de rechtermuisknop op de laag label_print en selecteer Inhoud bewerken (of dubbelklik op het voorbeeldvenster voor de laag op het tabblad van de laag). Hierdoor wordt de labelafdruk in een nieuw venster weergegeven. U kunt de effen kleurenlaag verwijderen en het patroon importeren. Ga naar Bestand> Opslaan, dit zal het slimme object in het originele bestand bijwerken. Je kopje zou er ongeveer zo uit moeten zien als hieronder.

Als de afdruk op een vreemde manier wordt vervormd, kun je altijd de transformatie wijzigen die je in stap 23 hebt gedaan. Druk gewoon op Cmd / Ctrl + T en schakel over naar Warp Mod.


Stap 25

Ga terug naar het label-afdrukvenster. De tekst die op het label wordt vermeld, kan overal worden geplaatst waar u maar wilt, maar om de kop er realistischer uit te laten zien, hoeft u de tekst niet op het etiket te plaatsen. Ik heb ervoor gekozen om het zo te plaatsen dat het uit beeld raakt.

U kunt hier elke soort tekst plaatsen en ook het patroon naar iets anders wijzigen of een effen kleur gebruiken.


Stap 26

Om de tekst er meer uit te laten zien dat deze echt op de beker zit, moeten we er wat kleurvariaties op maken. Begin met het maken van een nieuwe laag bovenop de "grote koffie" -text laag en noem het verloop, met het gereedschap Verloop creëer een zwart verloop van de zijkant bijna helemaal naar de middellijn, maak de laag zo dat hij de grote laag heeft tekst als uitknipmasker en zet de dekking op 28%.

Maak een nieuwe laag bovenop de zojuist gemaakte laag en noem deze markeren, met het verloopgereedschap maakt u een wit verloop naast de zijkant. Maskeer hem ook naar de tekstlaag.

Doe nu precies hetzelfde met de andere tekst.


Stap 27

Maak een nieuwe laag bovenop de patroonlaag en noem deze markeren, maak een penseelstreek langs de middellijn met een grote zachte witte borstel. Verander de dekking van de laag tot 15%.

Dupliceer de laag en voeg een laagmasker toe, waarbij het laagmasker is geselecteerd en het gereedschap Verloop een zwart verloop maakt van onder naar boven tot aan het midden, zodat het onderste deel van de laag onderin volledig vervaagt van volledige dekking tot nuldekking. Verander de dekking van de laag naar 20%.
Sla de labellaag op en sluit deze, nu is het label klaar.


Stap 28

De zijmarkeringen op het label zijn te donker voor deze afdruk. Wijzig de overvloeimodus van de side_highlights in Screen en de dekking op 70%.


Stap 29

Om de beker eruit te laten zien dat hij echt op iets staat, heeft hij een schaduw nodig.

Ga naar de bekerlaag en kopieer de onderste vorm. Maak een nieuwe opvullaag met de zojuist gekopieerde vorm en noem die schaduw. Plaats het bovenop de achtergrondlaag. Ga naar Filter> Vervagen> Bewegingsonscherpte en maak een vervaging van 225 px en maak vervolgens een vervaging van Gube met een snelheid van 6 px.

Dupliceer de laag en strek de eerste laag zodat de breedte 120% is en verander de dekking naar 20%. Transformeer de andere laag zodat de breedte wordt teruggebracht tot 80% en verander de dekking naar 60%.


Stap 30

Selecteer alle lagen behalve de achtergrond en druk op Cmd / Ctrl + G om ze te groeperen, hernoem de groep in beker. Kopieer de kopgroep en druk op Cmd / Ctrl + E om deze samen te voegen. Transformeer de nieuwe laag zodat deze ongeveer 60% van de originele grootte is en verplaats deze naar de linkerkant.

Om het beeld er interessanter uit te laten zien, maken we het als het ware gefotografeerd met een zeer korte focus. Ga naar Filter> Vervagen> Lensvervaging stel de straal in op 21px en druk op OK. Dupliceer de laag en verplaats de nieuwe beker naar de andere kant.


Stap 31

Om enkele details aan de afbeelding toe te voegen, zullen we een roerder maken.

Gebruik dezelfde techniek als voor de beker om de roerder te maken, vul de laag en noem het roerwerk. Klik met de rechtermuisknop op de laag en selecteer Converteren naar slim object. Nu is het tijd om het te plaatsen zodat het lijkt alsof het naast de grote beker ligt, maak het vrij zodat het er goed uitziet. Je kunt altijd teruggaan om het later te veranderen als het er raar uitziet.


Stap 32

De roerder moet van hout zijn, dus hier kun je een textuur toevoegen als je wilt of het hout helemaal zelf maken. We zullen het hout vanaf nul maken, zodat je een "puur gemaakt in Photoshop" onder je afgewerkte afbeelding kunt plaatsen.

Begin met het openen van het slimme object en maak een nieuwe effen kleurenlaag met de kleur # 9f7948. Maak een nieuwe laag bovenop de effen kleurenlaag. Noem het korrels en ga naar Filter> Renderen> Wolken raak Cmd / Ctrl + T aan en rek de laag uit zodat de hoogte ongeveer 400% is. Ga naar Filter> Vervagen> Bewegingsonscherpte en maak een vervaging van 200px met een (+ / -) hoek van 90 graden. Ga naar Afbeelding> Aanpassingen> Posteriseren, kies niveau 20 en klik op OK. Raak Cmd / Ctrl + L aan om de niveaus voor de laag weer te geven en wijzig ze, zodat het beeld meer contrast krijgt. Nu moeten we er wat vezels aan toevoegen. Ga naar Filter> Ruis> Ruis toevoegen, zet het bedrag op 50% en druk op OK. Ga naar Filter> Vervagen> Bewegingsonscherpte en maak een onscherpte van 10 px met een hoek (+/-) 90 graden. Wijzig de overvloeimodus van de laag in Vermenigvuldigen.

Om wat diepte aan de korrels toe te voegen, dupliceert u de laag korrels en geeft u deze de naam aan hoogtepunten en keert u deze om (Cmd / Ctrl + I). Druk op Cmd / Ctrl + L en verander de invoerniveaus naar 75-1,0-140. Wijzig de overvloeimodus in Scherm en de dekking op 50%. Zet de laag onder de laag met korrels en schuif deze één pixel naar beneden en één naar rechts.

Selecteer alle gemaakte lagen en maak ze zo dat ze de roerdervorm hebben als hun knipmasker.


Stap 33

Voeg een tekst of een vorm toe aan de roerder en plaats de onderstaande laageigenschappen.

Bewaar en sluit het slimme object van de roerder.


Stap 34

Cmd / Ctrl klikt op het voorbeeldvenster van de laag van het slimme object van het roerwerk om de vorm geselecteerd te krijgen. Maak een nieuwe laag onder de roerder en vul de selectie met zwart. Dupliceer de laag en noem ze stirrer_side en stirrer_shadow met de schaduwlaag op de onderkant van de twee.

Druk op Cmd / Ctrl + T om de beide lagen vrij te maken en ze naar beneden te duwen om de dikte van de roerder te maken. Misschien wilt u het een beetje scheeftrekken, zodat het uiteinde dunner is.
Selecteer de laag stirre_side en met een zwarte borstel met een hardheid van 100%, schilder de ontbrekende uiteinden zodat de zijkanten op de roerder aansluiten. Dubbelklik op de laag om de laageigenschappen te openen en een kleuroverlay te maken. Klik met de rechtermuisknop op de laageffecten en selecteer lagen maken.

Maak een nieuwe laag bovenop de laag stirrer_side en noem deze en markeer deze op de stirrer_side. Met een zachte witte penseel verf in sommige hooglichten aan de zijkant, maakt u enkele variaties in de kleur. Wijzig de overvloeimodus in Overlay voor de laag.


Stap 35

Als u enkele hoogtepunten aan de bovenkant van de roerder wilt toevoegen, maakt u een nieuwe laag bovenop de slimme objectlaag van de roerder en stelt u deze in op de roerder. Neem een ​​grote (> 1000px) witte borstel en maak een punt in het midden van de roerder. Zet de dekking op 58% en overvloeimodus op Scherm.

Dupliceer de hooglichtenlaag en plaats deze onder de laag, verander de overvloeimodus in Overlay en dekking op 20%. Schuif het naar de linkerkant van de roerder.

Als u nog meer hoogtepunten wilt toevoegen, maakt u een afschuining en reliëf op de slimme objectlaag van de roerder, wijzigt u de schaduwinstellingen zodat ze dezelfde zijn als de markeringen, zodat u overal hoogtepunten krijgt.


Stap 36

Selecteer de laag stirrer_shadow en voeg bewegingsonscherpte en een Gaussiaanse vervaging toe om de schaduw correct te krijgen.


Stap 37

Voeg een nieuwe gids toe, dit is de horizontale lijn voor de afbeelding. Maak een nieuwe laag bovenop de achtergrond en noem deze markeren en maak een groot radiaal verloop in het midden.

Dupliceer de laag en hernoem de twee lagen om highlight_bottom en highlight_top te markeren. Masker de twee lagen af ​​zodat ze alleen in hun respectieve gebied zichtbaar zijn (zoals hieronder getoond).

Ontkoppel het laagmasker en de laag op highlight_top en transformeer de markering zodat deze de bovenkant van de afbeelding bereikt en verander de dekking naar 90%. Wanneer u klaar bent, koppelt u het laagmasker opnieuw met de laag.


Stap 38

Maak een effen zwarte kleurlaag en maskeer een gedeelte van de afbeelding zoals hieronder weergegeven en verander de dekking van de laag tot 30%. Noem hem low_light.


Conclusie

Werk de afbeelding af door een kader en wat tekst toe te voegen, plaats ook een label in de bovenhoek.