Idag har vi en liten samling av helt slumpmässiga men väldigt användbara designtrådar som du borde hålla bakom dig själv nästa gång du behöver en ny idé.
Vi ska visa dig hur man skar upp lite text i Illustrator för att ge den en spetsig känsla och hur man bygger en metallglidare och en krökt sticker i Photoshop.
Snabb design tricks
Det är dags för en annan dos av bra lilla designtrick att lägga till din arsenal. Dessa är inte djupgående handledning, utan i stället lite fem minuter eller mindre tekniker som du kan implementera i vilken design som du för närvarande arbetar med.
Som designer är det viktigt att hålla koll på inspiration och fräscha idéer, och dessa lilla tricks gör att du kan införa några nya element i dina mönster utan att känna att du rippar bort någons arbete.
Använd gärna dessa knep helt när de dyker upp, men var inte rädd för att experimentera lite och sätta din egen unika snurr på varje!
Skär den texten
Det här är en snabb och rolig effekt som ger lite dimension och variation i din text. Det är perfekt för alla edgy eller grungy mönster du jobbar med. Självklart kommer det att fungera bäst med en staplad textbildning, men hur långt går du med det är helt upp till dig. Krossa det för att verkligen skära upp texten eller bara lägga till lite visuellt intresse.
Börja med att skapa lite text i Illustrator och konvertera den till konturer (Command + Shift + O). Dra sedan en låda, rotera den lite och placera bottenkanten över texten där du vill att skivan ska vara.
Ta sedan det nya formverktyget (Shift + M) och klicka / dra över de delar av bokstäverna som överlappar rektangeln. Detta borde gå med ihop alla som en bit.
Välj nu och ta bort rutan och din text ska ha en bra stor bit saknas. Härifrån skapar du helt enkelt en annan textrad, flyttar den på plats och roterar den så att den passar skivans sned.
Går längre
En liten variation av denna idé att sätta skivorna genom mitten av texten istället för på toppen och botten. Du kan få det att se ut, knäckt eller skivad av en samurai! Börja med lite text och lägg upp en massa sträckta trianglar.
Härifrån kan du använda verktyget Shape Builder precis som tidigare. Ta sedan bort de extra formerna och du är redo att gå.
Metallknopp / Slider
Jag har sett många små reglage så här på sistone i olika UI-paket runt nätet och det fick mig att undra hur man skapar den runda metallknoppseffekten.
Efter att ha lurat i Photoshop i några minuter kom jag fram till en lösning som är väldigt lätt. Först vill du självklart skapa ett nytt dokument och rita en cirkel.
Därefter lägger du till en gradientöverlagringslagseffekt och bygger en anpassad gradient som den nedan. Den använder bara två färger, dessa är bara upprepade så att du i huvudsak har tre vita ränder.
Det kommer inte att se ut så mycket först, men om du byter din Gradient Style till? Angle?, Så ser du genast det utseende du ska gå för.
För att avsluta det, lägg till en stroke-inställning till gradient och en droppskugga. Som ett valfritt steg skapar du ett ljudlager och applicerar en rörelsesläckning, maskerar den så till form på knappen och ställer in den på Multiplicera. Detta kommer att lägga till lite texturerad, räfflad look.
Curled Sticker
I vår senaste designidépost såg vi hur man snabbt och enkelt kunde skapa en klistermärkeeffekt på något föremål. Idag ska vi ta det lite längre och lära oss att ge klistermärkena en kröning så att den ser lite mer realistisk ut.
För att starta, öppna Photoshop och rita en cirkel. Fyll sedan cirkeln med en ljus färg och lägg till en vit stroke.
Om du tillämpade din stroke som en Layer Effect, sammanfogar du cirkellagret med ett tomt lager för att rasterisera effekten. Gör sedan ett rakt snitt i det område som du vill vara krökt.
Skapa nu en annan cirkel (jag duplicerade bara lagret) och placera det på bara täcka de klippta kanterna i den första cirkeln.
Med det andra cirkelskiktet valt, Kommandoklicka på förhandsgranskningsskiktet för den första cirkeln för att markera det och lägg sedan till en ny mask till det andra cirkellagret.
Välj vit för din förgrundsfärg och en mörkgrå för din bakgrundsfärg och ta tag i Gradient Tool. Med ett aktivt urval av ditt curl-lager sträcker du a Reflekterad Gradient över krullen.
För att avsluta, lägg till några skuggor, text och annan stil som du tycker är relevant och du har själv en fin liten klistermärke. Följ liknande steg i Illustrator för att göra det vektor!
Slutsats
Här på Design Shack vill vi hjälpa till att hålla din väska med tricks växande så var noga med att kolla tillbaka ofta för fler bra idéer och snabba tips.
Lämna en kommentar nedan och låt oss veta om alla tekniker du har sett på webben men är inte riktigt säkra på hur du ska kopiera. Vi tar en titt och ser om vi kan hjälpa till i nästa design-tricks-inlägg.