Share
I den här handledningen lär du dig att skapa en egen mock-up-bild av en flash-enhet och en produktruta med hjälp av rektangelverktyget, pennverktyget, 3D Extrude & Command och olika gradienter.
Välj rektangelverktyget (M) och rita en rektangel med mått W: 596px med H: 452px.
Skapa de symboler du kommer att tillämpa på rutan. Jag skapade fyra symboler i en. När du har skapat formerna, skjut dem in i symbolpanelen, ta en titt på bilden nedan.
Välj rektangeln från steg 1 och gå till Effekt> 3D> Extrude & Command, ange följande inställningar: Ange rotation runt X-axeln: 0, Ange rotation runt Y-axeln: -38, Ange rotation runt Z-axeln: 0, Perspektiv: 58, Extrude Depth: 100pt, aktivera Förhandsgranska för att se i förväg perspektivet, klicka sedan på Map Art-knappen och använd de symboler du skapade i steg 2, klicka på OK och rakt efter det att gå till Objekt> Expand Utseende.
Välj pennverktyget (P), skapa en form i den nedre delen av rutan som visas nedan och fyll i med Linjär Gradient-färger R: 239 G: 133 B: 43 till R: 191 G: 106 B: 34
Välj rektangelverktyget (M), rita en rektangel med runda hörn, Radius: 30px över alla andra former. När du har rundat hörnen, gå till Objekt> Expand Utseende.
Nu måste du ta bort de avrundade hörnen på vänster sida av formen från föregående steg. För att göra detta, rita en rektangel som täcker formen avrundade hörn, välj sedan formen från föregående steg och rektangeln du skapade tidigare, öppna panelen Pathfinder och klicka på knappen Minus Front.
Med formen som fortfarande valts, gå till Effekt> 3D> Extrude & Bevel. Ange följande inställningar i det nya öppningsfönstret: Ange rotationen runt X-axeln: 0, Ange rotationen runt Y-axeln: 0, Ange rotation runt Z-axeln: 0, Perspektiv: 58, Extrude Depth: 0pt. Självklart kan du lägga till en annan symbol om du vill ha det. Klicka på OK, gå till Objekt> Utöka Utseende och fyll i formen med Linjär Gradientfärger R: 242 G: 242 B: 242 till R: 240 G: 230 B: 225 och ändra de vänstra knapppunkterna som visas på bilden nedan.
Kopiera den form som du skapade i föregående steg två gånger med Control + C följt av Control + F, klicka på Control + F, skjut den andra kopian nedåt och till vänster och rediger sedan punkterna som visas på bilden nedan. Välj nu den första kopian och kopian som du flyttat nedåt och till vänster och redigera punkterna, öppna panelen Pathfinder, klicka på knappen Minus Front och fyll i formen med Linjär Gradient. För att göra detta, öppna panelen Gradient genom att gå till Window> Gradient (Control + F9). Du behöver fyra lutningsreglage. För den första från vänster till höger välj färg R: 209 G: 201 B: 196 med Plats: 0%, för den andra R: 145 G: 145 B: 149, Plats: 30%, för den tredje R: 164 G: 163 B: 163, Plats: 62% och för den fjärde R: 95 G: 94 B: 96, Plats: 100% och Vinkel: 90 grader.
Välj pennverktyget (P), skapa en form på vänster sida av rutan i läge som visas på bilden nedan och fyll i med Linjär Gradient mörkgrå till ljusgrå.
Kopiera formen från föregående steg med Control + C, klicka på Control + B bakom det, ändra färgen till svart. Flytta kopian några pixlar till vänster, använd Gaussian Blur, Radius: 14px och minska Opacity: 35px
Välj pennverktyget (P) och skapa en form i överdelen under formen från steg 9 och 10 och fyll den med svart.
Skapa en annan form på bottensidan i läge som visas och fyll i den med Linjär Gradient. Applicera sedan Outer Glow med inställningarna: Läge: Multiplicera, svart färg, Opacitet: 75%, Blur: 4px. Applicera även Gaussian Blur, Radius: 5,2px och minska opacitet: 60%.
Kopiera formen från steg 8 med Control + C följt av Control + F. Flytta kopian över alla andra genom att gå till Objekt> Ordna> Ta fram och skapa sedan en form med hjälp av Pen-verktyget (P) som täcker överdelen av formen flyttade vi över alla andra. Välj båda formerna, öppna panelen Pathfinder, klicka på Minus Front-knappen och fyll i den nya formen med Linear Gradient, använd även Gaussian Blur med Radius: 5,2px och ändra blandningsläge från Normal till Overlay.
Skapa en annan form i den nedre delen i position som visas nedan, fyll i den med färg R: 247 G: 237 B: 232, använd Inner Glow med följande inställningar: Läge: Normal, färg # 5E5E5E, Opacitet: 75%, Blur: 2px och klicka på OK.
Återigen, med hjälp av pennverktyget (P), skapa en form med svart färg i den övre vänstra delen av lådan under alla andra, ta en titt på bilden nedan.
I detta steg går vi tillbaka i början av början. Välj direktvalet (A), klicka på den större formen från steg 2 och fyll i den med färgen R: 217 G: 217 B: 217, klicka sedan på vänster sida av rutan och fyll den med färgen R: 247 G: 237 B: 232, kopiera nu den sista formen som du ändrade färgen till med hjälp av Control + C följt av Control + F. Fyll kopian med Linjär Gradient. För att göra detta, öppna panelen Gradient. Du behöver tre Gradient Sliders. För den första från vänster till höger välj färgen R: 145 G: 145 B: 149, för den andra R: 164 G: 163 B: 163 och för den tredje R: 95 G: 94 B: 96. Ändra blandningsläge från Normal till Multiplicera och minska opacitet: 70%. Rita en linje i läge som visas med Stroke Color R: 102 G: 102 B: 102, Vikt: 1px och tillämpa Gaussian Blur med Radius: 5,6px.
Vi är färdiga med lådan. I nästa steg ska vi skapa flashenheten.
Välj Ellipse-verktyget (L), dra en ellipse enligt nedan och gå till Effect> 3D> Extrude & Command, ange följande inställningar: Ange rotation runt X-axeln: 58, Ange rotation runt Y-axeln: -20, Ange rotationen runt Z-axeln: 62, Perspektiv: 80, Extrude Depth: 190pt, klicka på knappen Fler alternativ och ange inställningarna enligt nedan.
Välj pennverktyget (P), skapa en form i position som visas på bilden nedan och fyll i den med Linjär Gradient, kolla bilden nedan.
Skapa en annan form under den föregående och fyll i den med linjär gradient som visas på bilden nedan.
Vi fortsätter att lägga till nödvändiga former av blixten som visas nedan.
Välj nu alla former av flash-enheten och gruppera dem genom att gå till Objekt> Grupp.
Med den valda gruppen, kopiera den med Control + C följt av Control + F. Gå sedan till Objekt> Expand Utseende, öppna sedan Pathfinder-panelen och klicka på knappen Lägg till bildområde.
Med formen som förekommit i föregående steg vald, gå till Objekt> Sti> Förskjutningsväg. I det nya öppningsfönstret Sats Offset: 5px, klicka på OK. Du kommer märka att formen dupliceras i en större storlek när du har använt offset. Du kan ta bort den mindre formen och fylla den större med Linjär Gradient som visas nedan och ändra blandningsläge från Normal till Multiplicera, minska opacitet: 32% och gå till Objekt> Path> Offset-sökväg, ställ in Offset: -2px, klicka på OK och öka opacitet: 48%.
Välj pennverktyget (P), skapa former på plats som visas på bilden nedan och fyll dem med linjär gradering.
Välj pennverktyget (P), skapa några former över alla andra, fyll i dem med färg, använd Radial Blur med inställningar: Belopp: 100, Blurmetod: Spinn, Kvalitet: Bra, klicka på OK och med det här är vi färdiga.
Slutligen kan du lägga till bakgrund, skugga och reflektion på något sätt du gillar. Här är resultatet.
Accentsconagua