no.hideout-lastation.com
Paradis For Designere Og Utviklere


Hvordan tegne Apple iCloud Icon - Photoshop Tutorial

iCloud, den nyeste Cloud Storage-tjenesten introdusert av Apple har en ganske enkel, men likevel vakker logo. Ikonet er laget av metallisk materiale og har et ekstrudert skyikon på toppen av det. Du kan kanskje ikke vite det, men å lage denne typen ikon er faktisk veldig enkelt, og under er iCloud-ikonet som vi skal lære deg hvordan du tegner i dette innlegget, ved hjelp av Photoshop!

Ser litt komplisert ut, men faktisk trenger vi bare noen lagstilarter, grunnleggende vektorformer, og litt manuell tegning. La oss komme inn på det!

Trinn 1

Start med å opprette en ny fil med størrelse 512 x 512 px. Aktiver avrundet rektangelverktøy. På innstillingslinjen setter du radius til 75 px. Klikk og dra for å tegne et avrundet rektangel. Sett fargen til # 5d5d5d.

Dobbeltklikk på laget for å åpne Layer Style dialogboksen. Legg gradoverlegg med standardgradient, svart til hvit, og reduser Opacity til 76%.

Steg 2

Trykk Ctrl + J for å duplisere lagformen. Klikk på Rediger> Free Transform, eller trykk Ctrl + T for å utføre transformasjon. Fra valglinjen settes størrelsen til 98%.

I Layer-panel sletter du Lagstil ved å dra fx-ikonet på søppelikonet, som er nederst til høyre på Lagpanelet. Dobbeltklikk deretter lagets miniatyrbilde for å åpne dialogboksen Lagstil. Legg til Innerskygge og Gradient Overlay.

Sett inn gradientens stil til vinkel i innstillingen Gradientoverlegg. Klikk på forhåndsvisningsboksen for gradienten for å åpne gradientredigering og bruk fargekombinasjon av # 8e8e8e, # a5a4a4 og # d8d8d8. Ta gjerne med hver markørposisjon, bare sørg for å sette samme farge i første og siste markør.

Dette er resultatet etter å ha lagt til lagstilter.

Trinn 3

Lag nytt lag. Fyll den med Radial Gradient fra hvitt til svart.

Hold Alt og dra vektormaske fra forrige lag til nåværende lag. Graden er nå passet inne i ikonet.

Åpne lagstilen og endre blandingstilstanden til skjermen.

Trinn 4

Tegn et avrundet rektangel inne i ikonet. Still radiusen til 75px med farge # 2a2a2a.

Legg til 2 mer sirkelform (Velg Ellipseverktøy, hold deretter Shift og dra den). Fra innstillingslinjen, angi banemodus til Legg til i formområde.

Dobbeltklikk skyens lag, og legg deretter til Innerskygge, Ordre og Emboss og Stroke.

Trinn 5

Dupliser skylagets lag ved å trykke Ctrl + J. Fjern lagets stil ved å dra fx-ikonet fra lagets miniatyrbilde til søppelikonet. Endre størrelsen på det (Ctrl + T) til 89%.

Endre formens farge til # 5d5d5d. Omorganiser hver formets posisjon til den lille skystørrelsen er proporsjonal med den større skyen.

Dobbeltklikk skyens lag og legg til følgende lagstiler.

For Gradient Overlay, sørg for å bruke nøyaktig innstilling fra Gradient Overlay i trinn 2.

Her er hva vi har etter å legge til Lagstiler til den lille skyen.

Trinn 6: Legg til metallstruktur

Nåværende design er veldig flatt og for rent. La oss legge til en subtil metallstruktur på overflaten. Lag nytt lag. Klikk på Rediger> Fyll og velg Bruk: Svart for å fylle det nye laget med svart.

Klikk på Filter> Støy> Legg til støy.

Klikk på Filter> Slør> Radial sløring. Velg uskarphet: Spin og kvalitet: Best.

Dette filteret spinner lyden og skaper en sirkulær bølge.

Trinn 7

Klikk på Bilde> Justeringer> Nivå eller trykk Ctrl + L. I dialogboksen drar du svarte skyveknappen i utgangsnivåene til midten for å lette den sirkulære bølgen.

Hold Alt og dra vektormaske fra ikonets grunnlag til det nåværende laget. Den sirkulære bølgen er nå inne i ikonet.

Aktiver sporvalgsverktøyet og velg sky-banen som vi opprettet i trinn 4. Trykk Ctrl + C for å lagre det på utklippstavlen. Trykk Ctrl + V for å lime den inn på den sirkulære bølgens vektormaske. Angi banemodus for å trekke fra.

Til slutt kopier og lim inn mindre skyvebane som vi har opprettet i trinn 5. Angi banenivå til Legg til i form.

Her er resultatet. Den sirkulære bølgen er inne i ikonets overflate.

Endre lagets blendmodus til skjerm.

Trinn 8: Skygge

Lag nytt lag og legg bak alle lagene. Opprett et elliptisk utvalg (ved hjelp av ellipsverktøy) under ikonet. Fyll valg med svart.

Mindre skygge ved hjelp av filter, Gaussian Blur. Klikk på Filter> Uklarhet> Gaussisk uskarphet.

Dupliser skygge ved å trykke Ctrl + J. Legg til en annen Gaussisk uskarphet, for denne gangen bruk større radius for å få mykere skygge. Hvis skyggen fortsatt er for hard, kan du skru ned lagets Opacity.

Endelig resultat

Dette er resultatet av vår opplæring. Som du kan se, er prosessen med å lage dette ikonet veldig enkelt. Vi trenger bare å bruke noen grunnleggende vektorformer og lagstiler. Jeg håper du liker denne opplæringen. Har du spørsmål, vær så snill å spørre!

Last ned PSD

Kan ikke oppnå visse trinn? Her er resultatets PSD-fil for å teste og leke med.

  • iCloud Icon Tutorial PSD File

Lykke kan være den beste strategien for å øke produktiviteten: Slik er det

Lykke kan være den beste strategien for å øke produktiviteten: Slik er det

Du kan kalle det en hemmelighet, "liv hack" eller bare sunn fornuft, men lykke er nøkkelen til produktivitet. Å være positiv og fornøyd kan være en av de raskeste og mest effektive måtene å forbedre produktiviteten på arbeidsplassen. Ulike studier har vist at du vil føle betydelig mindre stress i den daglige aktiviteten - i og utenfor arbeidsplassen - fra en positiv holdningsendringDessverre, for mange medlemmer av arbeidsstyrken som tilbringer uken bak et skrivebord eller en disk, lyder det ikke bra om de føler seg lykkelige og arbeider produktivt som de går hånd i hånd (selv om de b

(Tekniske og design tips)

4 Form Design UX Tips du bør vite (med eksempler)

4 Form Design UX Tips du bør vite (med eksempler)

Vi pleier å tenke på skjemaer som bare et middel til å samle brukerdata, men de er også en måte, noen ganger den eneste måten, for brukerne å koble til oss . Det er sannsynligvis vrangforestillinger å tro at vi kan få brukerne til å fylle ut skjemaer, men det er sikkert mulig å finne løsninger som ikke irriterer dem for mye, og hjelper dem med prosessen.Mens du sur

(Tekniske og design tips)