Rendering av en slående matchbox i Photoshop

Denna handledning består av att skapa en digital illustration i Photoshop i en box med matchningar. Vi kommer att skapa matchbox-locket, matcharen på matchboxen från ett mönster och placera kartongens textur på lådan. Vi skapar också matchningarna och anpassar allt till ett 3D-perspektiv.

Slutlig bildförhandsvisning

Innan vi börjar, låt oss ta en titt på bilden vi ska skapa. Klicka på skärmbilden nedan för att se bilden i full storlek. Som alltid är den lagrade Photoshop-filen tillgänglig via vårt Psdtuts + Plus-medlemskap.

Steg 1

Skapa ett nytt dokument med en bredd på 525 tum med 750 tum. Ställ upplösningen på 300 pixlar per tum. Skapa sedan ett nytt lager, namnge det "Texture" och fyll i det med vit. Applicera en mönsteröverlagringsstil med dessa inställningar: Blandningsläge för Normal, Opacitet på 60% och Mönstret inställt på Charcoal Flecks (det finns i gråskala pappersuppsättningen).

Steg 2

Skapa ett nytt lager, namnge det "Border" och fyll det med svart. Använd sedan ett slaglagsformat med följande inställningar: Storlek på 10, Position inställd på Insidan och En vitfärg. Nu måste vi rasterisera lagstilen. För att göra detta, skapa ett nytt lager. Välj det nya lagret och "Border" -lagret och fusionera dem med Command + E. Sätt sedan lagrets blandningsläge för att multiplicera.

Hämta Magic Wand Tool och klicka på det svarta området. Skapa nu ett nytt lager och fyll i valet med "baa36d" -färg. Namn det här skiktet "Färg". Dölj den för nu, eftersom vi kommer att behöva den här senare. Gå nu tillbaka till "Border" -laget. Upphandla urvalet. Gå till Välj> Ändra> Kontrakt. Kontrakt med 5 pixlar och klicka på Ta bort. Kontrakt igen med 10 pixlar och fyll ut valet med svart. Kontrakta valet en gång till med 2 pixlar och klicka på Ta bort. Nu är gränsen klar. Vrid "Färg" -laget synligt och sätt blandningsläget till linjär bränning.

Steg 3

Skapa ett nytt lager. Välj ett rektangulärt område och fyll det med svart. Dra och snäpp en vertikal riktlinje till mitten. Plocka upp elliptiska verktyg. Med utgångspunkt från den riktlinjen, håll ner Alt-tangenten genom att markera ett val och tryck på Radera. Skapa sedan två svarta rektanglar på samma lager.

Steg 4

Hämta typverktyget. Välj din favorit typsnitt och lägg lite text på din design. Du kan gå till Edit> Transform> Warp för att böja texten.

Steg 5

Nu ska vi ta en skärmdump av Photoshop-verktygslådan och använda verktyget Pennverktyg i vår design. Du kan följa instruktionerna nedan och göra det själv, eller hoppa över det här steget och hämta en kopia av Pentool.png.

Ta en skärmdump med hjälp av vilket verktyg eller genväg du föredrar (Hit PrintScrn på tangentbordet i Windows). Detta kommer att kopiera skärmdumpbilden till urklippet. Skapa ett nytt Photoshop-dokument och gå till Redigera> Klistra in. Zooma 1600% till verktygslåddsarean för att få en närmare titt på vårt pennaverktyg.

Tryck Alt + PrntScrn för att bara fånga det aktiva fönstret. Skapa ett nytt dokument och klistra in. Gå till Bild> Justeringar> Nivåer och tweak för att öka kontrasten. Du kan använda Magic Wand eller Rectangular Marque Tool för att rensa runt pennan. Dra sedan och placera den i din matchbox-design. Nu om du är nöjd med din design, planera bilden genom att gå till Layer> Flatten Image. Spara det som "Design.jpg."

Steg 6

Skapa ett nytt dokument med en bredd på 35 pixlar och en höjd på 42 pixlar. Se upplösningen till 300 pixlar / tum. Hit kommandot + A för att välja hela duken, dra sedan och snäpp guider till alla kanter och mitten av valet. Tryck sedan på Command + D för att avmarkera.

Välj # 551100 som förgrundsfärg. Ta sedan polygonverktyget och använd dessa inställningar: sätt det till Fyll pixlar och sätt sidorna till 6. Skapa ett nytt lager och namnge det "Hexagon". Klicka sedan och dra sedan från mitten av skiktet till höger kant.

Steg 7

Gå till Bild> Kanfastryck. Se till att Relativ är markerad. Ange 200 procent för Bredd och Höjd. Kopiera "hexagon" -lagret. Flytta upp det och klistra längst ner på hexagonen till den övre styrningen. Duplicera skiktet igen, den här tiden flytta ner den och klistra upp den övre delen av hexagonen till den nedre styrningen. Slå samman de två duplicerade skikten genom att markera dem båda och gå till Layer> Merge Layers. Namn det sammanslagna lagret "Hex2."

Steg 8

Duplicera "Hex2" -laget och rotera det -60 grader. Duplicera "Hex2" -laget igen och denna gång rotera det 60 grader. Namn det här laget "Hex60." Gå till Visa> Rensa guider. Ta nu Polygonal Lassoo Tool och gör ett urval som täcker den nedre vänstra hexagonen.

Högerklicka inuti urvalet och välj Layer Via Cut. Den valda hexagonen placeras nu i ett nytt lager. Dra vertikala och horisontella guider till mitten av den sexkantiga hexagonen. Gå tillbaka till "Hex60" -lagret och dra två guider till mitten av den övre högra sidan. Placera bilden och gör ett urval med Rektangulärt Marque Tool. Gå till Redigera> Definiera mönster, namnge mönstret "Hexagon" och klicka på OK.

Steg 9

Skapa ett nytt dokument 750 pixlar vid 210 pixlar med en upplösning på 300 pixlar / tum. Skapa ett nytt lager med namnet "Striker" och fyll i det med vilken färg som helst. Använd de lagstilar som visas nedan.

Steg 10

Låt oss nu lägga till lite textur. Jag använde denna fria textur från Urban Dirty webbplatsen. Ladda ner den här filen, öppna den i Photoshop och dra texturen i ditt dokument framför "Striker" -laget.

Gå till Bild> Justeringar> Tröskel och ändra värdet tills du får något liknande det som visas nedan. Invertera bilden genom att gå till Bild> Justeringar> Invertera. Gå sedan till Filter> Blur> Gaussian Blur och skriv in en radie på cirka 1,5.

Gå till Bild> Justeringar> Nivåer och försök få något som visas i bilden nedan. Ställ in blandningsläget för skiktet på skärmen. Om du är nöjd med anfallaren, planera bilden genom att gå till Layer> Flatten Image. Spara det som "Striker.jpg."

Steg 11

Låt oss skapa en fin kartongstruktur nu. Skapa ett nytt dokument igen med samma inställningar som vi gjorde för anfallaren, som är en bredd på 750 pixlar, en höjd på 210 pixlar och en upplösning 300 pixlar / tum. Skapa ett nytt lager och fyll det med vit. Applicera en mönsteröverlagringsstil och välj "Charcoal Flecks" -mönstret. Placera bilden.

Hit Command + U för att ta fram kontrollen för Hue / Sauration. Använd dessa inställningar: Colorize set till checked, Hue of 30, Saturation of 20 och Lightness of 0. Om du är nöjd med anfallaren, flatt bilden genom att gå till Layer> Flatten Image. Spara bilden som "Cardboard.jpg."

Steg 12

Nu har vi alla de delar vi behöver för lådan. Eftersom vi ska ge ett perspektiv, titta på vår lådan, är det en bra idé att använda en referensbild. Du kan använda ett foto av en matchbox eller göra en enkel modell i din favorit 3D-applikation för att använda som en referens. Jag modellerade tre lådor och gjorda trådramen. Du kan ladda ner referensbilden här. Gå vidare och öppna referensbilden i Photoshop. Duplicera "Bakgrund" -lagret, beteckna det "3D Reference" och fyll i "Bakgrund" -lagret med vit.

Steg 13

Öppna filen "Design.jpg". Välj allt genom att gå till Välj> Välj allt. Gå sedan till Redigera> Kopiera. Vid denna tid sätter jag på förstoringsglaset i operativsystemet. Jag använder Windows XP. Förstoringsglaset kan vara till stor hjälp i följande steg. Du kan få information om förstoringsglaset från den här länken.

Skapa ett nytt lager och namnge det "Design." Gå nu till Filter> Vanishing Point. Klicka på 4 poäng för att skapa ett perspektivplan. Klicka sedan på Command + V för att klistra in bilden. Hit Command + T för att omvandla bilden, skala den en liten bit, rotera den CCW 90 ° och dra den inuti planet.

Steg 14

Placera den, skala den så att den passar perspektivplanet och klicka på OK. Ställ opaciteten hos skiktet till 50% så att du kan se referensbilden eftersom vi kommer att upprepa detta steg några gånger mer.

Steg 15

Nu upprepa föregående steg för anfallaren. Skapa ett nytt lager och namnge det "Striker." Öppna filen "Striker.jpg". Välj allt och Hit Kommando + C för att kopiera. Gå till Filter> Vanishing Point och skapa ett annat plan för att matcha sidan av rutan. Klistra in bilden och justera storlek och position.

Steg 16

Upprepa processen med "Cardboard.jpg" för alla fyra sidor av innerboxen. Observera att lagerordningen är viktig.

Alla kartongstycken ser platt ut för nu. Vi lägger till lite djup för dem genom att tillämpa ett överdrag på överlag till dessa lager. Använd följande inställningar för alla kortlag: en gradient som går från svart till vitt, en stil som är inställd på linjär.

Nedan följer några andra parametrar som ska ändras för varje lager:

  • För "Striker" -lagret ställer du in blandningsläge till Multiplication, Opacity till 30 och Angle to -95.
  • För "Design" -lagret ställer du in blandningsläge till Multiplicera, Opacitet till 30 och Vinkel till -95.
  • För "Card03" -lagret, sätt blandningsläget till Multiplicera, Opacitet till 10 och Vinkel till 180.
  • För "Card02" -lagret ställer du in blandningsläge till Multiplicera, Opacitet till 25 och Vinkel till 180.
  • För "Card01" -lagret, sätt blandningsläget till Multiplicera, Opacitet till 40 och Vinkel till -145.
  • För "Card04" -lagret ställer du in blandningsläge för att multiplicera, opacitet till 40 och vinkel till -125.
  • Välj "Card04" -lagret, gå till Bild> Justeringar> Färgtonning / Mättnad, sätt Lightness till -15

Steg 17

Matchboxens delar har ingen tjocklek, så låt oss fixa det. Välj "Card03" -lagret, Kopiera lagret och flytta originalet (inte kopian) 1 pixel uppåt. Hit Command + U och ta upp ljusstyrkan för att göra det lättare tills du har tjocklekseffekten, som visas nedan.

Upprepa detta för alla delar utom den undre delen av lådan som är "Card04" Layer. Välj nu varje lager och det är dubbletter och slå sedan samman dem. Kommando-klicka på "Card03 copy" -laget för att ladda valet. Sedan använder du borstverktyget till en mjuk borste, målar du kanten till svart. Justera sedan Opacity.

Steg 18

Slutligen gör ett urval med hjälp av "3D Reference" -laget. Skapa ett nytt lager ovanför "3D Reference" -laget och fyll i valet med mörkgrå. Lådan är nu klar. Spara filen som "Matchbox.psd."

Steg 19

Skapa ett nytt dokument 32 pixlar vid 750 pixlar med en upplösning på 300 pixlar / tum. Fyll bakgrundsskiktet med färgffeecc. Tryck D på tangentbordet för att växla till standardfärger. Skapa ett nytt lager och fyll det med svart.

Gå till Filter> Render> Fibers, och ställ in variansen till 55, Styrka till 40 och tillämpa den. Gå sedan till Filter> Blur> Motion Blur, sätt sedan vinkeln till 90 och Avstånd till 40. Gå till Välj> Färgområde. Markören vänder sig till en Eye Droper. Klicka på vit på panelen Färger för att välja vita områden i bilden. Ta fuzziness upp till 200.

Skapa ett nytt lager och fyll i valet med färgen "ffeecc" igen. Applicera Stil och Emboss med dessa inställningar: Stil av inre kommando, Riktning inställd på Ner, Storlek 1, Djup 510 och Skuggläget inställt på Färgbränning.

Ta bort fibrerna och platta bilden. Hit Command + A för att välja allt och Command + C för att kopiera. Om du inte vill att alla dina matcher ska vara desamma kan du upprepa detta steg så många gånger som du vill. Om du klickar på Randomize-knappen när du applicerar Fiber-filtret kommer du att producera olika texturer.

Steg 20

Gå nu tillbaka till "Matchbox.psd." Dra "3D Reference" -laget till toppen av lagerstacken. Hit Command + V för att klistra fast pinnen ovanför "3D Reference" -laget. Stäng av snäppning genom att öppna menyn Visa och avmarkera Snap. Att stänga av Snap gör det enklare i nästa steg. Gå till Redigera> Transformera> Förvränga. Montera stångens perspektiv i perspektivet i referensbilden genom att dra i hörnen.

Först gör du den övre sidan av pinnen. Hit kommandot + V igen. Den här gången skapar du ständens sida. Den här sidan ska vara lite mörkare, så slå kommandot + U och sänka Lightness-värdet. Applicera en överdragsöverläggning till båda sticklagren med dessa inställningar: Blandningsläge inställt på Linjärbränning, Opacitet inställd till 40 och En vinkel inställd på -140.

Steg 21

Välj båda stavskikten och slå samman dem. Namn skiktet "Matchstick". Gör "3D Reference" -laget osynligt. Dra "Matchstick" -laget ner under "Card02" -laget. Skapa ett nytt lager och namnge det "Tips". Få ellipset Lassoo Tool och gör ett urval för matchens spets. Fyll markeringen med färgen # 410000. Gå till Filter> Buller> Lägg till Buller. Applicera med dessa inställningar: Antalet 22%, Uniform och Monochromatic kontrolleras.

Gå till Filter> Förvräng> Spherize. Använd dessa inställningar: Antal 100% och läge inställt på Normal. Applicera nu ett överlagringslagsstil: Överföringsläge inställt på Mjukt ljus, Opacitet 75, Gradient svart till vitt, Omvänd kontroll, Radiell stil och Skala vid 150%.

Placera ellipsen på spetsen av matchstickan och gå till Redigera> Transformera> Skew. Gör det parallellt med pinnen och justera skalan och positionen. Slutligen väljer du "Matchstick" och "Tips" -lagren och sammanfogar dem.

Steg 22

Populera matchstickan genom att hålla Alt-tangenten och dra. Gå till Redigera> Transformera> Förvränga. Förvränga skiktet så att det passar sticksens perspektiv i kartongens perspektiv. Nu ska vi göra skuggan av rutan på matcherna. Kommandot-klicka på "Card04" -lagret för att ladda valet. Kommando + Skift-klicka på "Card01 copy" -lagret för att lägga till valet. Sedan Kommando + Alt-klicka "Card02 copy" -lagret för att subtrahera. Sedan Kommando + Alt-klicka "Card03 copy" -lagret för att subtrahera. Du borde ha ett urval som den här.

Steg 23

Skapa ett nytt lager ovanför matchstickorna. Måla den med svart, som du kan se i bilden nedan. Ge sedan lite Gaussisk suddighet.

Steg 24

Det är dags att göra reflektionen och skuggan av vår låda. Gör nu "Bakgrundsskiktet" osynligt. Se till att "3D Reference" -laget också är avstängt. Med ett av de synliga skikten som väljs, gå till Lag> Sammanfoga Synligt. Namn det sammanslagna lagret "Reflektion". Hit Command + T och skala ca 70%. Duplicera "Reflection" -laget och namnge det "Matchbox". Vänd på "Bakgrund" -laget.

Välj "Reflektion" -lagret och använd en rörelsuslampa med en vinkel på 90 och avstånd på 270 pixlar. Hit Command + T för att skala "Reflection" -laget horisontellt för att rikta upp reflektionens kanter med kanterna på lådan. Markera och radera den övre delen av reflektionen, välj Avmarkera genom att slå Command + D. Gå till Filter> Blur> Gaussian Blur och ställ radien till 5.

Steg 25

Gör ett urval, som i bilden nedan. Kommando + Alt + Skift-klicka på "Matchbox" -lagret för att få kryssrutan vald. Skapa ett nytt lager ovanför "Reflection" -laget och fyll det med svart. Avmarkera genom att slå Command + D och tillämpa en Gaussian Blur med en radie av 8.

Slutsats

Ja, vi är klara! Du kan ändra bakgrundsfärgen om du vill. Jag fyllde den med en lutning. Hoppas att du gillade handledningen. Resultatet är under och du kan se den större slutversionen här.