Share
Tidigare visade jag dig hur man illustrerar en hjälmikon för konstruktion. Idag ska vi rita en trafikkon, en annan användbar ikon för "underbyggnad" -element. Vår kegelikon är inspirerad av en jag såg på VLC Player-webbplatsen nyligen.
Redaktörens anmärkning: Denna handledning publicerades ursprungligen på tjeckiska språket på Grafika Online. Grafika har gett tillstånd för Vaclav att publicera här på Psdtuts + för de av oss som inte har behärskat tjeckiska tjeckiska.
Starta Photoshop, öppna ett nytt dokument och fyll i bakgrunden med ljus orange / sandfärg (# EABE94). Markera det runda rektangelverktyget och dra grunden till ikonfärgen # CC622E (för nu).
Rotera denna form (Ctrl + T) 45 grader ...
... och gör sin höjd mindre ungefär hälften, igen med transformeringsverktyget (Ctrl + T).
Kopiera detta lager (Ctrl + J), ändra färgen till en mörkare nyans (# 8A3300) och
flytta den under det sista laget. Detta kommer att vara basen av konen. Tyvärr, på
Vänster och även till höger (som pilarna visar) finns ett ledigt utrymme.
Det är därför vi måste fylla i dessa platser. Ett sätt att göra detta är att lägga till två rektanglar i formen (se skisserna nedan).
Och vi kan komma ner till huvuddelen. Först klickar vi ut en triangelliknande form som liknar den här med Pen Tool (P).
Därefter lägger du till punkter med samma verktyg i mitten av både topp och bottenaxeln.
Med hjälp av Direct Selection Tool (A) flyttar du den övre punkten uppåt och nedre punkten nedåt. Observera att när jag ritade punkterna slog jag ut ändarna enligt bilden nedan.
Nu för de vita reflekterande ränderna, kommer vi att skapa extra former. För det första drar vi en ellipsa över hela bredden av föregående form, placera en rektangel över den (ritad med Shift-knappen nedåt), och sedan en ytterligare elllipse, som vi subtraherar från formen (ritad med Alt-tangenten). För nu, använd färger som # E6E6E6. Du borde sluta med det visade resultatet.
Kopiera den här formen en gång till (Ctrl + J), flytta ner och ändra storlek så att den blir större för att matcha konformen (Ctrl + T). Skapa en klippmask från det sista lagret till båda lagren, med Ctrl + Alt + G genvägen. Därefter visas lagren endast på föregående lager (orange).
För att hålla vår ikon färgad ordentligt kan vi dra färgerna i sidled till ett nytt lager, som vi ska använda för skuggning. Det är en mörk orange för nyanser (# 6B3719), orange nyanser till basen (# D25200, # F07E00) och ljuset för reflektioner (# E6E6E6). Det blir bra om du använder vit färg med sänkt opacitet för reflektioner.
Så låt oss börja skugga. Dölj alla lager utom den första (nedersta lagret på basen), skapa ett nytt lager och skapa sedan en klippmask på föregående lager (Ctrl + Alt + G).
Välj en mörk färg och på vänster mitten med en stor borste, välj sedan den högra delen av formen med Polygonal Lasso Tool och krypa med den stora borsten igen. Som du kan se på bilden, borde du ha två mörkade fläckar.
Unhide nästa lager, lita på det till orange (# D45809), och skapa nyanser med hjälp av färg från baksidan. Ljus formen som om belysningen kommer från framsidan.
Vi skapar även nyanser över huvuddelen av konen, och från vänster och från höger också. Vi använder igen samma färg (# 6C3819), bara den här gången experimenterar med opacitet och interaktion (försök att ställa in skuggningsskiktet till Multiplicera för en bra effekt).
Nu vill vi lysa upp de vita randarna. Om du tittar på reflekterande glas eller en reflexväst nära kan du se en tydlig struktur som vi kommer att försöka att immitera. Eftersom ikonen är mycket liten måste strukturen också vara liten och enkel.
Vi ritar det här mönstret till ett nytt lager med pennaverktyget, välj sedan sektionen och definiera det som ett nytt mönster-Redigera> Definiera mönster.
Ladda nu valet av båda vita lagren (Ctrl-Shift-klicka på lagret), skapa ett nytt lager (Ctrl + Alt + Shift + N) och ställ det här valet som ett
Layer Mask.
Byt till masken (Alt + klicka på masken) och fyll de vita utrymmena med vårt beredda mönster. Vi kommer att använda det faktum att den svarta färgen inte förändras genom att ställa in Multiplicera interaktionen. Öppna Fylldialogrutan från Redigera-menyn, sätt in vårt mönster, interaktion och bekräfta.
Vad har hänt? Nu kommer skiktets innehåll endast att ses på vitt lager, men endast som ett mönster. Du kan prova det direkt, genom att dra med något verktyg på skiktet som på bilden.
Men vi vill ha ett fint ljus, så vi sätter en stor, vit, mjuk pensel och ritar i mitten av konen. Vårt mönster börjar projektera snyggt.
Det är därför vi kan ha stora reflektioner över hela konen. Först laddar vi ett urval av huvuddelen av konen och kontraktet här valet med 2px.
Med Polygonal Lasso Tool subtraherar vi den högra halvan (håller ner Alt-tangenten) och efter det med Elliptical Marquee Tool subtraherar vi den övre delen (som inte skulle tändas så bra men bara för tillfället).
Med det val som fortfarande är inställt, rita en gradient från vit till transparent till ett nytt lager med Gradient Tool.
Skapa en reflektion på basen på samma sätt som du ser till att den visar vinkling för att matcha objektet.
Se till att du också lägger till höjdpunkten på sidan av basen. Här kan du använda rektangulärt markeringsverktyg.
Men konen utan reflektionen på toppen ser lite konstigt ut, så vi måste lägga till det här också. Eftersom vi önskar redigera den här reflektionen så småningom kan vi använda ett Shape Layer, skapat med Pen Tool.
Markera kanterna av reflektioner mer. Vi använder Pen Tool för att göra detta, och du kan se detaljerade skott nedan.
Eftersom vi skapar en extra glansig kon, borde basen också ha en liten reflektion.
När konen är blank nog ska kondelen reflektera på basen. Det är vi vi kopierar detta lager (orange en) och lägger den ovanför
bas. Vänd skiktet, flytta ner det, vi kan också lägga till en mask för ett lager att försvinna. Du kan se på bilden nedan att reflektionen ses mestadels på den högra delen av ikonen (där pilen visar).
Det sista steget kommer att lägga till ett bakgrundsljus. Det är trevligt om ikonen inte är av samma färg, så istället kan vi välja en ny nyans för ljuset. Jag valde en violett färg. Ladda valet av alla lager och gör det en pixel mindre genom att välja Välj> Ändra> Kontrakt ...
Dra sedan med en stor, mjuk, violett (# D2B8F6) borste och borsta ljuset i det nya lagret,
Och det är allt! Lycka till i ditt arbete!
Accentsconagua