Share
I den här handledningen ska jag visa dig hur du skapar en bärbar scanner med alternativen Rectangle Tool (M), Direct Selection Tool (A) och Envelope, samt vissa mönster och gradienter för att lägga till finare detaljer.
Skapa ett nytt dokument med storleken 600 x 600px. Använd rektangelverktyget (M) genom att skapa en rektangel med storleken 583 x 119px och Round Corners Radius of 15px.
Medan rektangeln är markerad, gå till Effekt> Kuvert förvränga> Gör med varp. Använd följande inställningar: Style är inställd på Inflate, Bend vid 5% och klicka på OK en gång gjort.
Medan formen väljs, använd Direct Selection Tool (A), skjut in övre högra och vänster tangentpunkt 8px inuti och skjut höger och vänster mittpunkter 5px.
När du är klar, gå till Objekt> Expand.
Duplicera formen och fyll i formen med en linjär gradient.
Lägg till en annan rektangel över originalet med rektangelverktyget (M). Använd Pathfinder-panelen genom att välja Minus Front och fyll sedan den nya formen med linjär gradient som visas. Ändra blandningsläge till skärm och sätt opacitet till 50%.
Välj rektangeln du bara fyllde med gråtoner och gå till Objekt> Path> Offset Path. Ställ in förskjutningen till -7px, klicka på OK.
Flytta formen som uppstod efter att du använt Offset ovanpå alla andra genom att gå till Objekt> Ordna> Ta fram. Skjut formen 3px upp, ändra gradientens färger med mörkare och använd slagvikt på 1px med svart färg.
Duplicera den sista formen en gång till, stäng av Fyllfärgen och fyll i den med Mönster (USGS19 Land Inundation). Gå sedan till Redigera> Redigera färger> Invertera färger, ändra blandningsläge till skärm och sätt opacitet till 40%.
Lägg till en annan rektangel ovanpå den sista med rektangelverktyget (M) och Pathfinder-panelen, fyll det med linjär gradient som visat, ändra blandningsläge från Normal till skärm och sätt Opacity till 70%.
Ta rektangelverktyget (M), skapa en rektangel med storlek 478 x 88px och Round Corners med en radie av 5px.
Gå sedan till Objekt> Expand Utseende. Fyll rektangeln med svart färg och placera den i läge som visas på bilden nedan.
Duplicera formen som är under formen fylld med mönster, klistra in den under formen från föregående steg och välj sedan kopian från föregående steg.
Öppna panelen Pathfinder och klicka på Intersect.
Duplicera formen från föregående steg, sedan med verktyget Lägg till ankarepunkt (+) lägg till en nyckelpunkt i den nedre delen och ta bort den sedan.
Stäng av fyllfärgen och använd ett slagvikt: 0.5px, Profil: Breddsprofil 3 och linjär gradient som visas nedan.
Använd rektangelverktyget (M) genom att skapa en rektangel med storlek 467,5 x 40px, färg R: 17 G: 16 B: 13, Runda hörn med en radie av 5px.
Strax efter det går du till Objekt> Expand Utseende och placera det i mitten av formen du fyllde med svart färg.
Skapa en annan stor rektangel över den föregående som visas nedan.
Välj sedan rektangeln med rundade hörn och den du just skapat. Öppna panelen Pathfinder och klicka på Minus Front.
Duplicera formen från föregående steg och sedan med verktyget Lägg till ankarpunkt (+) lägg till en annan nyckelpunkt i den nedre delen av kopian och strax efter det att tangentpunkten raderas. Stäng av Fyllfärgen och använd ett slagvikt: 0.5px, Profil: Breddsprofil 3 och linjär gradient som visas nedan.
Lägg till en annan rektangel på plats som visas nedan och med Direct Selection Tool skjut de övre två punkterna i rektangeln inuti tills överdelen ligger på samma nivå som formen från föregående steg och fyll i linjär gradient som visas på bilden nedan.
Använd rektangulärverktyget (M) genom att skapa en rektangel med storlek 580 x 75px med Round Corners Radius på 10px och placera den i position som visas nedan.
Eftersom rektangeln du rundade hörnen till i föregående steg är vald, gå till Objekt> Kuvert förvränga> Gör med varp. Gör följande inställningar: Style: Inflate, Bend: 3%, klicka på OK och direkt efter att gå till Objekt> Expand Utseende.
Fyll den form som du just skapat med R: 37 G: 36 B: 32 färg.
Applicera Stroke Color med vikt: 0.5px, fyll den med linjär gradient som visas nedan och skicka formen bakom alla andra med Objekt> Ordna> Skicka till Tillbaka.
Lägg den lägsta delen av skannern på samma sätt, fyll den med en linjär gradientfärg R: 30 G: 29 B: 24 till R: 31 G: 31 B: 31.
Skicka formen bakom alla andra med Objekt> Ordna> Skicka till Tillbaka.
Lägg även till de två cirklarna i skannern enligt nedan, fyll dem med svart färg och skicka dem igen bakom alla andra former.
Lägg till nödvändig text i skannerns övre del som visas (Objekt> Expand).
Fyll den med linjär gradient och gå till Effekt> 3D> Rotera, gör inställningarna som visas och klicka på OK.
Vi ska lägga till scannerns knapp. Använd rektangelverktyget (M) genom att skapa en rektangel med storlek 42.75 x 21.75px och sedan runt hörnen genom att gå till Effekt> Stylize> Round Corners. Ställ in radien till 2px, klicka på OK och direkt efter att gå till Objekt> Expand Utseende. Fyll sedan med linjär gradient som visas nedan och placera rektangeln på scannerens högra sida.
Eftersom rektangeln som du just fyllde med linjär gradient väljs, går du till Objekt> Path> Offset Path. Ställ in förskjutningen till -1px, klicka på OK och ändra färgen till svart för den nya formen som uppstod efter att du tillämpat Offset.
Eftersom formen som du fyllde med svart färg fortfarande är vald igen, gå till Objekt> Sti> Förskjutningsväg. Ställ in förskjutningen till -2px, klicka på OK och fyll i linjär gradient som visas nedan:
Lägg nu till den symbol som du tycker om knappen. Jag gjorde en cirkel som jag lade till två nyckelpunkter till höger och vänster sida, så tog jag bort den övre nyckelpunkten, applicerade Stroke Color Weight 1px med vit färg. Jag lade också till en rad mitt i cirkeln med Pen Tool (P).
Med pennverktyget (P) läggs formerna på högra sidan av cirkeln med Stroke Color Weight 1px och vit färg som visas nedan.
Lägg också till belysningsknappen med en yttre glöd. För att göra det skapar du en rektangel på plats som visas nedan, fyll den med en linjär gradient och använd Outer Glow enligt bilden nedan..
Gruppera alla former du skapade i det här steget genom att gå till Objekt> Grupp och gå sedan till Effekt> 3D> Rotera. Gör samma inställningar som du använde för att göra texten på skannern:
Använd pennverktyget (P) genom att skapa formen som representerar pappersarket och fyll i linjär gradient som visas nedan.
Lägg till en annan form under den föregående som visad och fyll den med linjär gradient.
Lägg till önskad text på pappersarket och gå till Effekt> 3D> Rotera och lägg till perspektiv på texten genom att göra inställningarna enligt nedan.
Gruppera de former som representerar pappersarket och texten på det genom att gå till Objekt> Grupp.
I det här steget kommer vi att lägga till mask för att gömma den här delen av papperet som inte ska vara synlig. För detta gör du en rektangel med svart färg över den här delen av pappersarket som inte kommer att synas.
Välj nu den form som ska användas som en mask och gruppen av pappersarket, öppna panelen Transparency och klicka på Make Mask. Klicka sedan på kryssrutan bredvid Clip för att avmarkera den.
Lägg nu till skannerns skugga på arket eller papperet enligt nedan och med det här är vi färdiga.
Och i slutet kan du lägga till bakgrund och skugga till scannern så som du vill. Nedan är slutresultatet.
Accentsconagua