Hvordan lage ico i photoshop. Hvordan lage ikoner for sosiale nettverk i Photoshop
Dette er hva vi bør få:
Ikoner er en viktig del av interaktiv design og webdesign. Selv om ikoner er små, kan de være svært vanskelige å lage. I dagens opplæring vil vi demonstrere hvordan du lager et mappeikon ved hjelp av ulike former og reflekser i Photoshop. La oss komme i gang!
Trinn 1 - Ny fil / penneteknikk
Åpne Photoshop og lag nytt dokument(Ctrl + N). Bruk følgende innstillinger:
Oppløsning: 72dpi
Fargemodus: RGB farge
Dimensjoner: 600 × 600 piksler
Lag følgende form ved hjelp av verktøyet PennVerktøy(P) (Fjær). Farge: #3da1e2
Trinn 2 - Lage former ved hjelp av pennen
Tegne tilbake mapper ved hjelp av Pennverktøy
(Penn) med samme tegneteknikk. Tegn deretter en stripe som vist på bildet.
Farge: #003658 #3da1e2 #08517e
Trinn 3 - Fullfør formen
Når du er ferdig med å tegne mappen, må du legge til et stykke papir og en pil som vist på bildet. Du skal nå ha 5 lag. Hvert skjema vil være på separat lag. Gi hvert lag et navn.
Farge: #ffffff #32e732
Trinn 4 - Legge til fargeeffekter
Legg til følgende lagstiler foran i mappen. Senk opasiteten til 90 %.
Legg til følgende lagstiler for papiret. Senk lagets opasitet til rundt 90-95 %.
Legg til følgende lagstiler for stripen.
Legg til følgende lagstiler på baksiden av mappen.
Legg til følgende lagstiler for pilen.
Nå ser ikonet ditt slik ut.
Trinn 5 - Legge til reflekser
Legge til ny gruppe kalt "Reflekser". Bruk Pennverktøy(Penn) for å tegne refleksjonen som vist på bildet. Pass på at du kun tegner omrisset og ikke formen. Når du har lukket banen, klikker du høyreklikk mus ved arbeidsområde og velg foreta valg(Opprett et utvalg) (fjær 0). Ta en stor pensel (diameter ca. 470, hardhet 0) og mal over høyre side utvalg, som på bildet, for å lage en hvit refleksjon. Endre blandingsmodus til Overlegg(Overlegg) og reduser opasiteten til 63 %.
Trinn 6 - Kanter
Opprett en ny gruppe kalt "Edges", opprett nytt lag i den (Ctrl + Shift + N eller klikk på ikonet for å opprette et nytt lag). Å legge til høydepunkter i kantene gir ikonet en 3D-effekt. Bruk Pennverktøy(Penn) for å lage streklinjer rundt hjørnene og alle margene på mappen, papiret og pilene. Høyreklikk deretter på arbeidsområdet og velg Slagsti(slag) - Børste(Børste). Børsteinnstillingene bør endres på forhånd, masterdiameter 8 piksler og hardhet 0.
Skritt7 - Skygger
Lag et nytt lag (Ctrl + Shift + N) for skyggene og plasser det i en ny gruppe (Ctrl + G). Gjør et valg som du gjorde i trinn 5 for å lage refleksjonene. Fyll utvalget med svart og uskarp deretter margene med verktøyet Uskarphet verktøy(Uskarp). Hvis skyggene ser for mørke ut, senk lagets opasitet til 40 %.
Trinn 8 - Legge til tekst
Legg til tekst med hvilken som helst font du liker. Jeg valgte "Byrå FB". Skriftstørrelse: 40, lagopasitet: 75 %.
Trinn 9 - Endelig tillegg av refleksjoner og skygger
Legg til noen flere refleksjoner til papiret ved å bruke de samme metodene som i trinn 5.
Legg til skygge ved hjelp av Ellipseverktøy(E) (Ellipse). Tegn en ellipse som vist på bildet og legg til noen Filter -Uskarphet-Bevegelsesuskarphet(Filter - Blur - Motion Blur). Reduser opasiteten etter din smak.
Endelig visning
Jeg håper du likte denne opplæringen. Jeg la til noen flere ikoner, som jeg laget ved hjelp av de samme metodene.
Flat design er en relativt ny retning i utviklingen av webgrensesnitt. iOS og til og med Windows tilpasser seg gradvis til denne stilen, og snart vil nesten alle (om ikke alle) nettsteder ta i bruk denne tilnærmingen.
En dag, når du våkner om morgenen og åpner favorittnettstedet ditt, vil du bli overrasket over at det utseende også flat design! Og du vil umiddelbart skynde deg å resirkulere din egen blogg eller et nettsted for å være trendy.
Basert på ovenstående foreslår spørsmålet seg selv: " Hvorfor ikke begynne å redesigne grensesnittet ditt i dag?"? På denne måten kan du være et skritt foran resten!
Du tenker kanskje " Hvor bør jeg begynne?"Selvfølgelig er rekonstruksjon av nettstedsdesign et helvete arbeid. Denne artikkelen hun er dedikert til nettopp dette - hun vil være din hjelpende hånd i denne vanskelige saken.
Et godt første skritt i å omarbeide nettstedets skeuomorfe design er å endre bildene som brukes i grensesnittelementene til en flat designstil. Dette er kanskje det enkleste trinnet fordi det praktisk talt ikke krever omarbeiding av kode.
Alt du trenger er kreativitet og kunnskap grafikk programmer. Mest sannsynlig er det ganske mange ikoner på nettstedet ditt som må bringes i flat form. Dette kan være tidkrevende. Selvfølgelig må de viktigste omarbeides først: de som vises på alle sider. Du kan starte med en logo eller, enda bedre, navigasjonsikoner.
I denne artikkelen vil jeg prøve å gjøre oppgaven med å redesigne designet enklere og snakke om hvordan navigasjonsikoner lages i en flat stil. Jeg skal bruke en grafikkpakke Adobe Photoshop CS6 (men du kan bruke mer enn tidlige versjoner). Gjør deg klar - vi er i ferd med å begynne.
Her er vårt endelige resultat:
Åpne Photoshop. Skape ny fil, ved å bruke "Photo"-forhåndsinnstillingen (Photo) ( 10×8 tommer, 300 DPI, gjennomsiktig bakgrunn, fargevalg RGB).
Velg verktøyet " Rektangel med avrundede hjørner " (Avrundet rektangel) og lag ny figur med dimensjoner 1736 x 1736 piksler(px), filetradius 83 px og farge #82d8b5 . Du kan også angi din egen farge, som passer best til designet på nettstedet ditt.
Bruk deretter pennverktøyet og tegn noe som ligner på bildet nedenfor. Bruk #a30d00 farge. Dette vil være taket på huset vårt, som indikerer hjemmeside nettstedet.
Deretter, uten å bytte pennverktøyet, lag en rektangulær form som vist på bildet nedenfor. Når du gjør dette, bruk fargen #ffffff . Tegn også en liten firkant med rektangelverktøyet med fargen #3498db.
Send skyggen til den laveste posisjonen og raster dette laget. Ved å bruke " Wand "(Tryllestavverktøy), lag et utvalg på laget med et stort rektangel med avrundede hjørner, der huset vårt ligger, og inverter deretter det valgte området (du kan bruke hurtigtasten CMD/CTRL+Shift+I). Uten å fjerne valget, velg skyggelaget og trykk på "slett"-knappen.
Ikonet er klart. For å lagre den, klikk på " Fil>Lagre for web og enheter..» (Fil>Lagre for web) ( hurtigtast CTRL + Shift + ALT + S ). Lagre ikonet i PNG-24-format med åpenhet aktivert.
Vi ønsker at alt skal lagres i PNG-24-format med støtte for åpenhet.
La oss nå ta en titt på Post-ikonet:
Nedenfor kan du se ikonene Om meg og Kontakt meg:
Alle ikoner kan lastes ned her.
Jeg håper det etter å ha lest denne håndboken, begynner du å redesigne nettstedene dine. Som jeg allerede har sagt, er dette en veldig arbeidskrevende prosess, men det er uunngåelig, så du bør ikke motstå det.
I tillegg er flat design designet ikke bare for å glede øyet, det er også nyttig fra et praktisk synspunkt. Derfor kan du slå flere fluer i en smekk samtidig.
Hvis du vil gi mappen et originalt utseende, endrer du mappeikonet. Jeg snakker ikke om de som allerede er i systemet, men spesifikt ikonet ditt fra bildene dine eller fra eventuelle bilder.
Du kan lage et mappeikon (ikon) fra bildet ditt i standard program — Maling, som alle skal ha på operasjonsstua windows system 7
Tro meg, med ikonene dine vil det være mye mer praktisk og raskere for deg å finne ønsket mappe, uten å lese teksten (mappenavn)
Her er et lite eksempel. Denne typen mapper gir raskere søk blant stor mengde lignende mapper. 
Finn programmet "Paint" « Du kan gå gjennom "Start" og "Alle programmer" Start den og dra bildet inn i programvinduet. Og det er enda enklere å ringe kontekstmenyen, ved å klikke på bildet du vil bruke som ikon, høyre nøkkel mus. Velg elementet "Endre" Programmet "Paint" åpnes
Lag et ikon i Paint
Og først av alt, det vi må gjøre er å kutte ut ønsket del av bildet. I tillegg bør de kuttes slik at alle sidene er like store. Hvis du ikke justerer sideforhold, vil ikonet være firkantet og bildet blir flatet ut.
Vi kuttet det av. På programpanelet velger du "Velg"-verktøyet I valgalternativene, spesifiser formen ". Rektangulært område» Bruk venstre museknapp for å velge et fragment av bildet. Hold nede tasten og se hvordan størrelsen endres i bunnpanelet i programmet.
Juster størrelsen, trykk på "Crop"-knappen
Nå er bildet firkantet, la oss fortsette.
Etter beskjæring endrer du størrelsen på det fremtidige ikonet. Klikk "Endre størrelse" Endre i piksler og skriv inn størrelse 64 vertikalt og horisontalt. Lagre "OK"
Sett ikonet ditt på mappen
Vi har alt klart, bruk det på mappen. Plasser markøren over en mappe og bruk høyre museknapp for å få frem menyen. Helt nederst på listen, gå til "egenskaper" Neste "Innstillinger" Og nederst er det en knapp "Endre ikon.."
Et vindu åpnes med systemikoner. Men vi trenger dem ikke, vi vil bruke vårt eget bilde. Gå deretter til oversikten og se etter vårt nettopp opprettede ikon.
Forresten, det kan hende du ikke finner det i Explorer, siden bildet vårt ikke er et ikon i " ico"For å se det, velg vis "Alle filer *.*"
Nå er alt i orden, klikk på " OK»
Så enkelt er det. Mappen har blitt annerledes enn de andre, og det vil være lettere for oss å navigere når vi søker etter den.
Men det er ikke alt. Du kan også bruke dine egne ikoner på snarveier. Se hvordan de ser ut på skrivebordet mitt.
Et triks som vil gjøre datamaskinen din udødelig!
I dag snakker kollegene mine fra ClubPro-teamet for første gang om et triks som gjør datamaskinen din usårbar for enhver motgang:
Takket være dette trikset vil datamaskinen din være i perfekt stand etter hver omstart.
På samme tid, selv om dagen før du fanget et virus, slettet systemmapper eller ødelagt Operativsystem, alt du trenger å gjøre er å starte datamaskinen på nytt, og den vil fungere som før igjen.
Ved å bruke denne tilnærmingen trenger du aldri igjen å rengjøre datamaskinen regelmessig, installere operativsystemet på nytt, ringe en tekniker osv. Datamaskinen vil alltid være i samme tilstand etter hver omstart.
Hvordan det fungerer og hvordan det implementeres denne teknologien allerede på nyttårsferien, se her:
Dette er nyttig å vite:
Avatan - gratis fotoredigeringsprogram på nett med...
04.07.2016 27.01.2018
I denne opplæringen lærer du hvordan du lager flate flate ikoner sosiale nettverk.
Hva du skal lage:
Skape flate ikoner Vi starter med bakgrunnen, legger så til effekter til ikonene for å gi dem originalitet, og tegner så lange skygger. For å gjenta denne opplæringen trenger du Photoshop CS3 eller nyere.
Ressurser:
- Font 1 - http://fontawesome.io/cheatsheet/
- Font 2 - http://fontawesome.io/
Trinn 1
Opprett en ny fil (Ctrl + N) størrelse 500 × 400 piksler.
Opprett en ny gruppe (CTRL+G) og gi den navnet "Bakgrunn".
Trinn 2
Fyll inn bakgrunnen farge # e7e9ea ved å bruke Bøtteverktøy.
Trinn 3
For å legge til flere effekter i bakgrunnen, legger vi til en gradient. Klikk på ikonet Justeringslag og velg Gradient (Gradient), bruk følgende innstillinger:
Lagblandingsmodus Mykt lys (Myk Lys) | Opasitet: 25 %
Trinn 4
Opprett en ny gruppe og gi den navnet "symboler".
Trinn 5
Før vi setter i gang, må vi sette opp menyen Herskere Og Rutenett (Linjaler og rutenett). Gå til menyen Vis linjaler (Utsikt- Herskere) Og Vis-Vis-rutenett (Utsikt— Vise— Rutenett) . Her er mine innstillinger for Linjaler og rutenett(de kan åpnes ved å gå til Rediger-innstillinger:
Å skape Ledelinje, du trenger bare å klikke og dra den fra linjalen. For å lage en vertikal hjelpelinje, dra fra den vertikale linjalen og omvendt. Dette er hvordan jeg delte lerretet (hvert ikon er lik 50 × 50 piksler og avstanden mellom hvert ikon 25 piksler):
Trinn 6
I denne opplæringen jobber vi med font Fantastisk, kan du legge til egendefinerte ikoner for nettstedet ditt. Vanligvis gjøres dette ved å plassere CSS-font til nettstedet ditt, men siden vi jobber med Photoshop, må vi kopiere hvert ikon du vil bruke fra juksearket. Gå til siden, velg ikonet du vil tegne. Jeg brukte ikoner for følgende nettsteder (sosiale medier): Twitter; facebook; Tumblr; Google+;Instagram; YouTube; Rykke; Dropbox; DeviantArt; Pinterest; Skype; Mate.
Trinn 7
Når du har funnet ikonet du vil bruke, kopierer du det ( Velg den og høyreklikk-Kopier)
Gå deretter tilbake til Photoshop og velg Tekstverktøy (TekstVerktøy) på verktøylinjen. Endre fontinnstillingene som vist på bildet:
Lim inn ikonet du nettopp kopierte. ( Høyreklikk-lim inn)
Trinn 8
Gjenta forrige trinn til du har satt inn alle ikonene du vil bruke.
Trinn 9
Opprett en ny gruppe og gi den nytt navn til "ikon bg", plasser gruppen under "symboler"-gruppen.
Trinn 10
Opprett et nytt lag og plasser det i gruppen opprettet i forrige trinn. Jeg ga nytt navn til laget til "ikon bg".
Trinn 11
Bruke verktøyet Rektangel med avrundede hjørner (RektangulærVerktøy for sirkelform)(finnes i verktøylinjen nedenfor tekstverktøy) Jeg laget bakgrunnen til ikonene,
Her er alle fargene jeg brukte:
Twitter: # 6bd1f4;
Facebook: # 5a93cb;
Tumblr: # 3c6a9c;
Google +:# e44940;
Instagram:# 9bd29d;
Youtube:# f4504c;
Rykke:# a96db6;
Dropbox:# 81d5ed;
Deviantart:# 6e8e61;
Pinterest:# f25f5f;
Skype:# 67d5f4;
Mate:# e9951d;
Du kan bruke disse fargene, eller du kan bruke farger etter eget skjønn - på denne måten vil verket få originalitet.
Hvis du ikke liker hvordan rektangler ser ut avrundede kanter, kan du velge en annen form, for eksempel en firkant eller en sirkel. For å lage en perfekt sirkel eller firkant, husk å holde SHIFT-tasten i det øyeblikk de ble opprettet.
Trinn 12
Hvis du er fornøyd med resultatet på på dette stadiet, du kan gå lenger, men hvis du vil gi litt liv til ikonene, la oss fortsette med forbedringene. La oss begynne med lagstil Shadow (Drop Shadow).Åpne "symboler"-gruppen, velg ett av ikonene og klikk på ikonet Fx-Shadow (Fx-Drop Shadow)
Trinn 13
Gjenta forrige trinn med de resterende ikonene. Klikk på for å gjøre arbeidet mye enklere høyreklikk på laget - Kopier stil stående (-Kopier Lagstil) . Velg deretter de gjenværende ikonlagene, klikk høyreklikk-Lim inn lagstil.
Trinn 14
La oss nå legge til indre skygge til bakgrunnen til hvert ikon. Åpne "ikoner bg"-gruppen, velg laget med ikonet, klikk på ikonet Fx-Indre skygge (Fx-InnerSkygge) . Bruk følgende alternativer:
Trinn 15
Lag et nytt lag og gi det navnet "Gloss Effect". Endre forgrunnsfargen til # ffffff; og med hjelp Rektangulært markeringsverktøy lag flere rektangler, halvparten mindre størrelse ikoner (ca. 50x25 piksler). Gjør dette for alle ikoner.
Bytt deretter blandingsmodus til mykt lys, redusere Opasitet lag opp 20% , A fylle til 80% .
Trinn 16
Slå av synligheten til "Gloss Effect"-laget. Lag et nytt lag og gi det navnet "Long Shadow". Dette trinnet er litt mer komplisert sammenlignet med resten av effektene. Plasser et nytt lag under "Gloss Effect"-laget.
Trinn 17
Ta Polygonal lassoverktøy og begynn å lage en rektangulær skygge ved å berøre kanten av ikonet bare til høyre undersiden, lag deretter en diagonal linje til den når nederst til høyre på ikonbakgrunnen, lag en rett linje til den når midten av bakgrunnen, og koble deretter linjene. På bildet kan du se tydeligere hvordan du tegner en lang skygge.
Trinn 18
Siste steg! Redusere Opasitet skyggelag til 10% , Og fyll (Fill) til 0% .
Klikk nå på Fx-ikonet og velg Overleggfarger (Fargeoverlegg). Bruk følgende alternativer:
Velg nå Overlegggradient (Gradientoverlegg) og bruk disse innstillingene:
Endelige resultater:
Lage ikoner kan være ganske utfordrende fordi du må kunne lage et fleksibelt design som enkelt kan skaleres opp eller ned. For å oppnå denne enkle evnen til å endre størrelse, bruker grafiske designere vanligvis programvare å jobbe med vektorgrafikk, som Illustrator. Men i denne opplæringen, som er rettet mot middels brukere, viser vi deg hvordan du gjør en skisse til et fantastisk ikon ved å bruke Photoshop. Du trenger grunnleggende kunnskap Photoshop-programmer og spesielt pennverktøyet.
Forhåndsvisning
Introduksjon
I denne opplæringen er nesten alle figurene tegnet med pennverktøyet i Photoshop. Hvis du ikke vet hvordan du bruker dette verktøyet, kan du referere til den utmerkede opplæringen kalt: "" fra en av de erfarne grafiske designere på det spesialiserte nettstedet PSDfan.
Trinn 1: Lag et Photoshop-dokument
For å komme i gang, lag en Photoshop nytt dokument med innstillingene vist her.
For enkelhets skyld, fyll ut bakgrunnslag nyanse av grå og sett en vertikal hjelpelinje i midten av dokumentet: Vis – Ny veiledning (Vis > Ny veiledning). Denne veiledningen vil bidra til å oppnå symmetri i designet.
Trinn 2: Start med det grunnleggende
En av de mest enkle måter For å oppnå symmetri for en form (tegning) er å først tegne bare halvparten av den. Velg pennverktøyet (P) fra verktøykassen og tegn formen vist nedenfor. Før du tegner formen, sørg for at du velger Shape Layers fra Options-menyen og setter forgrunnsfargen til svart (#000000).
Når du har tegnet halvparten av formen (tegningen), velger du Path Selection Tool og klikker på formen på lerretet.
Trykk nå Ctrl+C og deretter Ctrl+V for å kopiere og lime inn den samme banen på laget.
Deretter velger du Redigering – Transformasjon – Vend horisontalt (Rediger – Transformasjon – Vend horisontalt) og flytt den andre halvdelen av formen til høyre side, slik at de to halvdelene er koblet sammen.
Med Path Selection Tool valgt, strekk utvalget over begge halvdelene, og klikk deretter på "Unite"-knappen i Alternativer-menyen; dette vil koble de to halvdelene til en helhet, og som et resultat vil vi ha en symmetrisk figur.
Gi formlaget navnet "hoved" for å holde lagene organiserte og enkle å navigere.
Trinn 3: Bruk en stil på hovedlaget
Velg Stilinnstillinger for "hoved" laget og bruk følgende på det:
Indre glød
Gradientfyll (gradientoverlegg)
Slik skal det se ut etter at du har brukt de angitte lagstilene.
Trinn 4: Legg til skygger til hovedlaget
Lag et nytt lag og plasser det under "hovedlaget".
Fyll et utvalg på den ved å bruke Elliptical Marquee Tool (M) og reduser opasiteten til 30 %.
Bruk deretter to filtre på den - Gaussisk uskarphet og bevegelsesuskarphet.
Filter – Blur – Gaussian Blur (Filter > Blur > Gaussian Blur)
Sett radiusen til 3,0 piksler.
Filter – Blur – Motion Blur (Filter > Blur > Motion Blur)
Sett vinkelen til 0° og avstanden til 30px.
Lag et nytt lag og klikk på "hoved"-laget mens du holder Ctrl-tasten for å lage en markering rundt den, og fyll den med svart på et nytt lag.
Med valget aktivt, gå til menyen Velg > Endre > Utvid og utvide utvalget med 2px.
Flytt utvalget 5px opp og klikk på Slett nøkkel for å fjerne området under utvalget.
Velg Move Tool (V) og flytt laget 3px ned.
Til slutt, bruk et Gaussian Blur-filter med en radius på 2,5 px og reduser lagets opasitet til 50 %. Hvis du fulgte instruksjonene våre nøyaktig, vil du på dette stadiet få noe sånt som dette.
Trinn 5: Lag en skjorte
Bruk pennverktøyet til å tegne en form som ligner på den nedenfor og gi den navnet "skjorte".
Når du er ferdig med å tegne formen, påfør et gradientoverlegg i en lysegrå farge på laget.
Trinn 6: Lag halsen
Velg det rektangulære markeringsverktøyet (M), og på et nytt lag fyller du utvalget med en hvilken som helst farge som vist nedenfor (vi vil legge til en stil til laget, så fargen du fyller det med spiller ingen rolle).
Deretter bruker du en Gradient Overlay-stil på laget.
Trinn 7: Lag et slips
Neste i rekken er uavgjort. Dette blir et rødt slips, men vi vil gjerne at du eksperimenterer med forskjellige slipsfarger og mønstre! Lag formen på slipset ved å bruke pennverktøyet (P), med samme teknikk som vi allerede har snakket om.
Deretter bruker vi flere stiler på slipslaget:
Drop Shadow
Indre skygge
Voila! Slik ser slipset vårt ut nå.
Deretter må vi lage en annen form ved å bruke pennverktøyet (P) for noden.
La oss bruke noen stiler på slipsknuten.
Drop Shadow
Indre skygge
Gradientfyll (gradientoverlegg)
Slipset vårt er nå helt komplett.
Trinn 8: Lag skjortekragen
Det er på tide å lage skjortekragen. Tegn formen du ser her; Fyllfargen kan velges vilkårlig ettersom den legges over senere (bare velg en farge som du enkelt kan skille fra bakgrunnen).
Gi laget et navn ny form"snipp".
Når du har tegnet formen, bruk lagstiler på den som gjør den kompatibel med skjorten.
Drop Shadow
Indre skygge
Teksturfyll (mønsteroverlegg)
Slik ser den ferdige venstre halvdelen av kragen ut etter endt arbeid.
For å fullføre hele kragen, må du duplisere venstre side av den og snu den horisontalt. Siden "krage"-laget inneholder stiler, vil det ikke fungere å transformere den dupliserte kopien.
Derfor, for å oppnå ønsket resultat, velg "krage" laget og trykk Ctrl+J for å kopiere det.
Lag nå et nytt lag og slå det sammen med det dupliserte laget. Dette vil konvertere venstre side av kragen til et raster slik at når vi transformerer det, vil det ikke påvirke stilene.
Deretter gjør du kombinasjonen Rediger – Transformer – Vend horisontalt (Rediger> Transformer> Vend horisontalt) og flytt den andre halvdelen til høyre ved å bruke flytteverktøyet for å fullføre kragen.
Trinn 9: Legg til lapels til jakken
Sett bakgrunns- og forgrunnsfargene til standardverdiene ved å trykke på D-tasten (dette setter forgrunnsfargen til svart og bakgrunnsfargen til hvit).
Tegn deretter formen til venstre jakkeslag som vist nedenfor.
Legg til disse stilene for dette laget:
Drop Shadow
Indre skygge
Ytre glød
Gradientfyll (gradientoverlegg)
Venstre jakkeslag er helt ferdig med lagstiler.
Akkurat som med kragen i forrige trinn, legg til en kopi av denne formen til høyre slik at du ender opp med noe sånt som dette.
Trinn 10: Skisser jakkermene
Velg børsteverktøyet og velg myk børste 4 px tykk.
Velg nå pennverktøyet (P) og klikk på alternativet Path som vist i figuren.
Lag et nytt lag og tegn en kurve gjennom høyre skulder på jakken. Høyreklikk på banen og velg Hatch Path with Foreground Color Black (#000000) fra menyen.
Klikk "OK" etter å ha valgt børsteverktøyet.
Bruk nå følgende stiler på de nye banene:
Drop Shadow
Gradientfyll (gradientoverlegg)
Legg det kopierte laget på motsatt side slik at du ender opp med noe slikt.
Trinn 11: Lag hodet
Tegn en ellipse for ansiktet som vist nedenfor.
Trinn 12: Legg til skygger i ansiktet
Lag et nytt lag og klikk på "ansikt"-laget med musen mens du holder Ctrl nede for automatisk å lage et utvalg rundt det.
Flytt utvalget ned 4px og fyll det med #423820 på et nytt lag.
Bruk Motion Blur-filteret Filter – Blur – Motion Blur (Filter > Blur > Motion Blur) med en vinkel på 90° (vinkel) og en avstand (avstand) på 10px.
Gjenta det samme filteret ved å trykke Ctrl+F.
Velg skyggelaget, Ctrl-klikk på "hals"-laget for å lage et utvalg rundt det, og trykk deretter Ctrl+Shift+I for å reversere valget.
Trykk på Delete-tasten for å fjerne området under det inverterte valget.
Trinn 14: Legg til skygger i håret
Akkurat som du la til skyggen i ansiktet, legg til en skygge til håret på tvers av ansiktet med samme farge, men med lavere opasitet - ca. 70 %.
Trinn 15: Perfeksjon av håret
Opprett et nytt lag og Ctrl-klikk på "hår"-laget for å laste inn utvalget.
Flytt utvalget opp 7px og fyll det med hvitt (#ffffff).
Med valget valgt, flytt det 5px opp og trykk på Delete-tasten for å fjerne området under utvalget.
Påfør nå følgende filtre på laget:
Filter – Blur – Gaussian Blur (Filter > Blur > Gaussian Blur)
Sett Radius-alternativet til 1px.
Filter – Sharpness – Sharp (Filter > Sharpen > Sharpen)
Bruk dette filteret to ganger.
Deretter setter du lagets fyllopasitet til 0 % og bruker en Gradient Overlay-stil på det.
Konklusjon
Alt er klart! Takk for at du tok denne leksjonen! Jeg håper du klarte å lære et Photoshop-triks eller to.
Hvis vi inspirerte noen av dere til å lage nye verk ved hjelp av denne leksjonen, vennligst legg til verkene deres i kommentarfeltet!
Her er den endelige versjonen av ikondesignet.
Last ned kilder
* (ZIP, 0,20 mb)
Oppmerksomhet! Du har ikke tillatelse til å se skjult tekst.