Snabbtips Hur skapar du den nya Smart Phone Lightning Connector

Den 30-poliga smarta telefonkontakten vi har vuxit för att älska har äntligen lite damm. Dess ersättning, The Lightning Connector, är helt annorlunda och en rättvis liten bit än föregångaren. Låt oss ta en närmare titt när vi återskapar den nya Lightning Connector i Adobe Illustrator.


Steg 1

Börja med att skapa ett nytt dokument och dra tre rektanglar (M) och tio rundade rektanglar. Storlekarna nedan är bara approximationer, de behöver inte vara perfekta. De minsta rundade rektanglarna har en hörnradio på 2 px, mediet har en radie av 5 px och den största 7 px.


Steg 2

Därefter lägger du till fyra punkter längs övre och nedre sidan av den största rundade rektangeln med pennverktyget (P) och sätter dem lite in. Välj sedan alla de små rundade rektanglarna och förena dem med Pathfinder-panelen.


Steg 3

Kopiera nu de två mindre regelbundna rektanglarna, vilket ger dig totalt fem. Ge sedan var och en av dem den angivna gradienten som visas nedan. De två nyaste rektanglarna bör ha sina gradienter inställda till 0 ° medan resten ska sättas till -90 °. Ställ opaciteten hos de två nyaste rektanglarna till 10%.

Notera: Procentandelarna indikerar opacitet, inte position och de svarta streckarna finns bara där för att ange formerna i full storlek och bör inte ingå i slutkonstruktionen.


Steg 4

Därefter lägger du till gradient 1 till den stora rundade rektangeln som visas nedan med en vinkel på -90 °. Duplicera formen och ändra dess gradient till gradient 2 med en 0 ° vinkel. Skapa nu en bana som liknar form 3 som ses i exemplet. Den ska vara något mindre än formerna 1 och 2 så att den passar inuti dem. Applicera gradient 3 till form 3 och Blur (Effekt> Blur) formen något. Layer nu alla former ovanpå varandra.


Steg 5

Duplicera den stora rundade rektangeln igen och placera den mellan formerna 2 och 3 från föregående exempel. Applicera sedan lite korn på formen (effekt> textur> korn). Använd de inställningar som visas nedan. Ställ sedan in sin transparens för att multiplicera och opacitet till 30%.


Steg 6

Ge nu den medelstora rundade rektangeln vi skapade i steg 1 en färg något mörkare än vit och en Drop Shadow (Effect> Stylize> Drop Shadow) med hjälp av inställningarna nedan. Slutligen, ge den kombinerade formen Steg 2 gradienten som visas nedan med en vinkel på -90 °.


Slutlig bild

Sätt ihop alla bitar och där har du det. Den nya Smart Phone Lightning Dock Connector. Njut av.