Mina kunder frågar mig ofta att skapa omöjliga scenarier, konstiga landskap och surrealistiska bilder för sina projekt. bilder som inte skulle vara möjliga i det verkliga livet. Det är situationer som dessa där bildmanipulation blir ett kraftfullt designverktyg. I dagens handledning kommer jag att visa dig hur man utformar ett CD-skydd med hjälp av flera tekniker för fotomanvändning, hur man behåller kritiska textlager som kan redigeras för eventuell framtida förändring och hur man gör en snabb mockup med hjälp av Vanishing Point-filtret. Låt oss börja!
För att spara tid kan du ladda ner alla följande bilder innan du börjar.
Den här gången kommer vi att skapa en bildmanipulation inspirerad av Edgar Allan Poes klassiska dikt, "The Raven". Detta bör inte tolkas som en grafisk representation av dikten, bara en vridad anpassning som visar ensamheten hos mannen som förlorade sin älskade Lenore. Föreställ dig det här som ett ljudboksprojekt, eller ett rockband albumomslag.
Börja skapa dokumentet; en vanlig cd-skiva är 4,75 x 4,75 tum. Så skapa ett dokument i dessa dimensioner. Om du verkligen vill skriva ut det här borde du arbeta med en upplösning på 300 + pixlar per tum, men den här gången ställer jag in dokumentet till 200 dpi på grund av bildstorlekarna.
När du har inställt din bildupplösning, visa dina linjaler (Command + R) och lägg till några guider till dokumentets gränser. Eftersom detta kommer att vara en utskriftstyp bör du lägga till en marginal för säkerhet, så gå till Bild> Canvasstorlek och ändra dimensionen till 4,85 x 4,85 tum Anchor: Center.
Hela diktet äger rum i berättarens rum, öppnar bilden "Tomt rum" i Photoshop och sparar det med ett beskrivande namn som "Room.psd". Denna bild är bred och vår design ska vara en perfekt kvadrat. Vi måste sträcka det utan att förvränga det. Det är ganska enkelt, faktiskt, först rita en guide som försöker avgränsa en kvadrat på vänster sida, använd sedan Rectangular Marquee Selection Tool (M) välj höger sida av bilden, kopiera den och klistra in den som matchar högra sidan av segmentet med guiden. Använd sedan Free Transform Control (V) och håll kommandotangenten (Ctrl) för att snedvrida det klistrade området och matcha rummets horisontella vägglinjer.
För att göra reduktionen så polerad som möjligt, justera nivåerna av "Layer 2" som visas i bilden nedan. Jag gjorde det i 2 rundor men du kan försöka få det gjort i bara en. Lägg sedan till en lagermask> Dölj alla och fyll i masken med en horisontell gradering (Vit - Svart). Detta steg gör att reduktionen fungerar nästan perfekt.
I rutan "Room.psd" med hjälp av Rectangular Marquee Tool (M) markerar du höger sida av bilden och trycker på Command (Ctrl) + Shift + C för att kopiera alla lager av valet (detta för att undvika steget att fläta ut bilden och hjälper dig att hålla den här delen av jobbet redigerbar för ytterligare ändringar, bara i fall). Klistra sedan in det i huvuddokumentet i ett nytt lager med namnet "Room".
Nu är det dags att lägga till en av huvudpersonerna, killen. För detta, ta tag i sitta killen bilden och öppna den i Photoshop, använd sedan någon teknik välj killen form (jag använder Polygonal Lasso Tool). Kopiera valet och klistra in det i huvuddokumentet. Gå sedan till Redigera> Transformera> Vänd horisontellt för att matcha belysningen på scenen. Det här är verkligen viktigt eftersom alltför ofta du inte har tillräckligt med pengar att faktiskt ta dina egna bilder och du måste använda lager och välja att bara rätt bild är inte lätt. Använd Free Transform Tool för att minska killarens storlek. Namnge lagret "kille".
Eftersom jag inte vill ha en 100% bildrealistisk scen, men en dramatisk, Vi kommer att lägga till flera nivåer av skuggor, den första är rummets skugga. Skapa ett nytt lager med namnet "Room Shadow"; Använd en stor mjuk pensel (färg: # 151610, storlek: 300px opacitet och flöde 50%) måla hela höger sida av scenen, ändra sedan blandningsläge till multiplicera och dess opacitet till 75%.
Öppna avföringsbilden, välj dess form och klistra in den i huvuddokumentet. namnge det lagret "stol". Återigen måste du vända den horisontellt för att matcha ljusen.
Ta tag i brännverktyget, välj "Guy" och bränna hela sin högra sida för att öka skuggans intensitet. Ta sedan det vanliga svampverktyget och desaturera de ljusare områdena. Gör detsamma med "Chair" -lagret.
Öppna "Crow1" -bilden från tillgångarna och välj dess form med hjälp av någon teknik (jag gjorde det med Polygonal Lasso Tool), kopiera det och klistra in det i ett lager med namnet "Raven". Vänd det horisontellt och resize det lite, gör kråken större än killen. Placera den bredvid rummets dörr.
Lägg sedan till en Layer mask till "Raven" -laget med hjälp av Rectangular Marquee Tool. Gör detta genom att rita en rektangel över dörrens form och genom att fylla området med svart. På det här sättet kommer vi att skapa illusionen av en rav som kommer in i dörren utan att faktiskt vara destruktiv för bilden.
Öppna "Pile of Books" -filen, välj formen och klistra in den i ett nytt lager med namnet "Böcker", ändra storlek på det och placera det precis över "Chair" -laget och bränna sedan dess högra sida också.
Vår kråka är ganska fin, men det är inte riktigt. För att åtgärda detta måste vi manipulera det lite genom att ge det ett nytt huvud. Öppna "Crow 2" -bilden från tillgångarna och välj bara huvudet. Klistra in det, vänd det och ändra det till ett nytt lager med namnet "Head" ovanför "Crow layer" och använd samma teknik som visades i steg 3 i denna handledning, slå ihop huvudet med kroppen. men istället för att använda en gradient, använd en svart pensel. Om det behövs, radera några delar av "Crow" -lagrets huvud.
Eftersom fågelvingarna blåser luften lägger vi till en bok som öppnas på grund av brisen. Öppna "Open Book" -bilden från tillgångarna, ta ut endast den övre öppna boken och klistra in den i ett nytt lager i huvuddokumentet "Open Book". Slutligen lägg till så många fler böcker som du vill. Kom alltid ihåg att bränna den högra sidan av dem.
Duplicera "Raven" -laget med hjälp av verktyget Free Transform för att förvränga det; vilket gör det bredare. Sedan i Hue / Saturation (Command (Ctrl) + U) sänker du Lightness-värdet till -100. Gå till Filter> Blur> Gaussian Blur, radie 8px för att dimma skuggan och dra ner lagrets opacitet till 50%.
Vi kommer att tillämpa denna teknik på nästan alla föremål i scenen, är ganska lätt. Skapa ett lager bakom det relaterade objektet, i det här fallet "Raven" Layer och namnge det "Raven Shadow" (vi gjorde det i föregående steg) och sedan använda en stor mjuk mörk borste (# 110C06) måla en skugga där. Skapa sedan ett nytt lager med namnet "Front Shadow" och måla skuggor över det relaterade objektet, i detta fall raven. Använd sedan en stor och mjuk Eraser (E) Opacity and Flow 50% radera några områden i främre skuggan där du tror att det ska vara mer ljus. Prova att gruppera skugglagren och huvudobjektet i en mapp för att hålla lagren organiserad.
Upprepa den tidigare skuggtekniken men den här gången med "Open Book" -laget. Om du vill kan du använda smutsverktyget i skuggskiktet för att sammanfoga det bättre med bakgrunden.
Precis som med "Raven" -skiktet i steg 14, duplicera "Guy" -laget, ta ner sin ljushet och opacitet och måla sedan både främre och bakre skuggor, bara var noga med att ta hand om skuggan under hans sneakers.
Med hjälp av samma teknik målar skuggorna i "Chair" -laget och de extra böckerna på golvet inte försöka skapa ett fotorealistiskt resultat men en dramatisk, så gärna lägga till så många skuggor som du vill men försök alltid att inte göra bilden för mörk.
Använd en större mörk pensel (# 110C06) över hela rummets gränser till ett nytt lager med namnet "Framskuggor" någonstans ovanför "Room" -skiktet. Slutligen sänka dess opacitet till 50%.
Den här killen är verkligen besatt av sin förlorade kärlek Lenore, hur kan du skildra en känsla så till en dämpad bild? Det är ganska svårt är det inte? Därför bestämde jag mig för att lägga till ordet "Lenore" målade flera gånger på väggen. För detta, skapa ett nytt dokument (någon storlek är ok) med en neutral grå bakgrund (# A0A0A0) och använda några handritade teckensnitt (du kan hitta flera fria teckensnitt i dafont.com) skriva ordet "Lenore" överallt. Tryck sedan på Command (Ctrl) + A för att välja allt och Command (Ctrl) + Shift + C för att kopiera en platta version av bilden.
Skapa ett nytt lager med namnet "Väggord" ovanför "Rum" eller "Rum" -mappen. Gå sedan till Filter> Vanishing Point. Dra på de nödvändiga planen på fönstret för att fälla ord på väggen. Om du inte är bekant med det vanishing point-filteret kanske du borde läsa följande tuttar först: Använda Vanishing Point-filtret för att mocka upp ett visitkort eller skapa en imponerande mock-up av en Grunge Box.
När du har skapat planerna klistar du in klippbordet där, drar det och ändrar det tills det ser bra ut. Det här är inte en enkel process, så gärna prova så många gånger du behöver innan du går framåt.
När du har placerat texten på rätt sätt ändrar du "Wall words" -lagrets blandningsläge till Överlagring.
Tips: Windows 7 och filtreringsfönstret fungerar inte bra tillsammans, av någon anledning har Windows Aero en konflikt med Vanishing Point-motorn, så om du arbetar med W7 och ditt system plötsligt kraschar medan du använder det här filtret, försök att byta skrivbordet utseende till "Windows 7 Basic".
Använd det polygonala lassverktyget välj områdena utan väggar (dörr och fönster) med "Wall words" -laget valt och ta bort valet. Ändra sedan opacitet till 50%.
Eftersom vår kråka flyger måste vi lägga till en rörelseffekt, det är ganska enkelt. Duplicera "Raven" -laget och placera det ovanför originalet. Gå till Filter> Blur> Motion Blur, set Vinkel: 0º och Distance 20px och tryck OK, sedan med Eraser Tool eller med en lagmaske radera några delar av oskärpan som visas bilderna nedan.
Ta tag i pappersbiten från tillgångarna, dra ut den från den vita bakgrunden och klistra in den i ett nytt lager framför alla andra i vårt huvuddokument. Använda Warp Tool (Edit> Transform> Warp) förvränga pappersstycket enligt bilden nedan. Upprepa detta steg så många gånger du vill med olika bitar av flygpapper. Lägg alla dem i en mapp.
Slå samman flyktpappersmappen och desaturera det resulterande lagret. Använd Brännverktyget för att mörka vissa skuggor över själva papperet. Använd sedan samma gamla skuggningsteknik, lägg till två skugglager, en på framsidan och andra på baksidan, måla några skuggor med en mörkborste. Slutligen kan du upprepa steg 22: e process för att lägga till en Motion Blur-effekt.
Lägg alla lager i en mapp med namnet "Art".
Med hjälp av typsnittet "Trajan" lägger du till omslagets titel, lägger alla titlarna Lag i en mapp och heter "Titel", sedan Alternativ (Höger) klickar på lagminiaturen och väljer Konvertera till Smart Object. Klicka sedan på det smarta objektet och gå till 3D> Nytt 3D-vykort från lager, då blir det "smarta objektet" som ett 3D-lager med all text som ändå kan redigeras. På så sätt oavsett hur många förändringar du gör i perspektivet, rotation och djup, kan du ändå ändra texten när som helst.
Lägg till en fasad och Emboss och en Gradient Overlay-effekt i 3D-skiktet, precis som det visas i nedre delen av bilden nedan. Oroa dig inte för mycket om ljuspositionen och skuggan just nu; Vi kommer att arbeta med det i nästa steg.
Använda 3D-transformationsverktyget Rotera, flytta och dra lagret så att det matchar väggens perspektiv. När du har placerat lagret på rätt sätt, lägg till Drop Shadow Style inställningen Light vinkel till 30% och ett stort avstånd mellan skugga och text (32px i det här exemplet).
Ofta byter kunder sina tankar mitt i projektet, det är därför det är väldigt viktigt att hålla dina lager redigerbara hela tiden. I det här exemplet kommer vi att lägga till några saknade ord till titeln: författarens namn. För det här måste du gräva igenom de kapslade dokumenten i objekten, först dubbelklicka över Diffus Texture på 3D-lagret ("Titel" -textur), en ny fil med titeln "Title.psd", i det här nya dokumentet kommer du hitta Smart Object-skiktet, dubbelklicka på det och äntligen kommer du att se textlagren i ett dokument med namnet "Title2.psd" där du kan expandera dukens storlek och lägga till den tredje raden av text. För att begå ändringarna ska du spara varje dokument bakåt, först "Text2.psd" och sedan "Text.psd" så ser du ditt 3D-lager uppdaterat på huvuddokumentet.
Som en grungy detalj lägger vi lite ljud på kompositmaterialet. Tryck på D på tangentbordet för att ladda standardfärgerna, skapa ett nytt lager med namnet "Buller" ovanför "Text" -objektet och gå till Filter> Render Clouds. Gå sedan till Filter> Buller> Lägg till Buller (Ange värdena som visas nedan). Ändra ändå lagrets blandningsläge till överlagring och opacitet till 35%.
Vid denna tidpunkt kommer du att veta om designen är för mörk eller för ljus, det är därför vi måste lägga till ett nivåjusteringslager för att lätta på bilden. Välj nu Alla (Command (Ctrl) + A) och Command (Ctrl) + Shift + C för att plana och kopiera designen.
Ibland vill kunder se ett verkligt exemplar av deras produkt. Det är verkligen svårt att skicka en tryckt version av en omslagskonstfil speciellt om dina kunder är långt ifrån dig men du kan skicka dem en bild. Den här gången kommer vi att mocka upp vår täckningskonst i ett CD-fodral. Öppna "CD-case" -bilden i ett nytt dokument med namnet "mockup.psd" och kasta ett nytt lager ovanför det planade lagret. Välj det nya lagret och gå till Filter> Vanishing Point, där måla ett plan som matchar fallformen och klistra in urklippet där.
Eftersom täckkonsten ligger bakom cd-skivans plastfodral, måste vi ta bort några delar av täckskiktet. För detta lägger du till en lagmaske på den och använder Polygonal lasso-verktyget, välj de små hakarna på plastkåpan och fyll sedan urvalet med svart på lagmasken. Du kan ta ner den hemliga konstens opacitet för att faktiskt se skårorna.
Välj sedan en halvcirkel av hakan med hjälp av Polygonal Lasso-verktyget, där papperet blir tydligt synligt och fyll det med svart eller grått.
Vi kommer att använda en övertoningsöverläggning på konstverkskiktet för att skapa "glänsande plast" -effekten, det här är ganska enkelt, lägg bara till flera svarta övergångar på effekten och byt dess blandningsläge till skärmen och dess opacitet till under 20%. Dessutom lägger jag till en inre skugga för att förbättra djupuppfattningen.
Som några sista beröringar lägger jag till "Paper Texture" -laget från tillgångarna till ett nytt lager bakom "CD" -lagret. Att ändra "CD" -lagrets blandningsläge till Multiplicera fungerar perfekt i det här fallet. Sedan bara spela med texturlagret, lade jag till ett mörkt (# 36312D) Solid Color-lager bakom texturen; plus jag ökade texturens mörka nivåer genom att lägga till en lagmask fylld med en vit - svart radial gradient; skapa en mörk vignett på detta sätt.
Ta en titt på den slutliga versionen av vår omslagskonst.