Create en Blackberry Torch Bruke Photoshop og Illustrator
I denne opplæringen, vil vi trekke en svært realistisk Blackberry Torch ved hjelp av Photoshop og Illustrator. Vi vil bruke Photoshop for grunnleggende former og skyggelegging og Illustrator for mer komplekse former. La ’ s komme i gang
Trinn 1: Tegn figurar
La oss begynne med å lage den grunnleggende formen på telefonen. Det finnes mange metoder for å gjøre dette. Jeg har alltid synes det er lettere å bruke en grunnleggende form og endre den. I dette tilfellet, starter jeg med å lage en rektangulær form med farge #afacac deretter legge til noen punkter, fjerne unødvendige poeng, og modifisere håndtaket. Se bildet nedenfor for å se hvordan jeg gjorde det.
Trinn 2
Legg lagstiler Inner Shadow og indre glød.
Trinn 3
Duplicate form av trykke Cmd /Ctrl + J. Bruk direkte valg verktøy for å velge tre punkter som er angitt nedenfor, og flytte dem oppover. Dette kommer til å være telefonens forside
Trinn 4:. Screen
Lag en 450x600 px rektangel på toppen av formen. Dette vil være skjermområde. Legg Indre skygge og indre glød som gir dybde inn i skjermen.
Trinn 5
Legg til et bilde og legg det på toppen av skjermen. Hit Cmd /Ctrl + Alt + G for å konvertere den til klipping maske. Bildet vil automatisk bli plassert inne i skjermen. Du kan fortsatt flytte eller endre størrelsen på det hvis det er nødvendig.
Trinn 6
Tegn denne svarte formen bak skjermen.
Trinn 7
Duplicate form og endre størrelse den til 99%. Legg en subtil Gradient Overlay til formen. Jeg har alltid legge subtile gradienter å legge en naturlig look, siden det ikke er perfekt farge i den virkelige verden.
Trinn 8
Lag et nytt lag på toppen av skjermen, og konvertere den til Klipping Mask ved å trykke Cmd /Ctrl + Alt + G. Paint hvitt med myk børste og redusere lag opacity til 10%
Trinn 9:. Speaker
Duplicate skjermen form, legge avrundet rektangel banen på toppen av det og velger skjærer. Satt Fyll lag til 0%. Dette kommer til å være sin høyttaler.
Trinn 10
Opprett en ny fil med størrelse 32x40 px. Tegn to sirkler, plassere dem på motsatte hjørner. Fyll den med svart
Trinn 11
Velg alle (Cmd /Ctrl + A) og lagre det som et mønster ved å klikke på Rediger >.; Definer Mønster. Du kan lukke filen, vi trenger ikke det lenger.
Trinn 12
Gå tilbake til høyttaler form. Legg Indre skygge, Indre glød, og Pattern Overlay. Mønster overlegg, sørg for å velge tidligere opprettet mønster
Trinn 13:. Tegn Marker og Shadow
Cmd /Ctrl-klikk telefonens front ansiktsform. Opprett en ny gruppe laget og klikk på Legg til lagmaske ikon. Vi kommer til å trekke metallreflekser i denne gruppen.
Trinn 14
Ideen er enkel. Vi trenger bare å legge masse subtile skygger og høylys på telefonen overflaten. Tegn en bane med penneverktøyet, konvertere den til valget ved å trykke Cmd /Ctrl + Enter. Opprett nytt lag. La oss begynne å tegne skygge. Fyll den med svart. Legg Gaussian Blur å myke formen deretter redusere lag opacity til 30%.
Trinn 15
Bruk samme teknikk for å trekke høydepunkter. Tegne banen, konvertere den til utvalg, fyll den med hvit, legge Gaussian Blur, redusere lagets Opacity.
Trinn 16
Hold tegning høylys og skygger ved hjelp av teknikken jeg beskrev ovenfor. Legg alle dine tegninger på forskjellige lag, vil dette hjelpe hvis du ønsker å endre den. Sørg for å bruke forskjellige uklarheter å gi den tilfeldige refleksjoner.
Trinn 17
La oss trekke en grov høydepunkt. Tegn en tynn sti under skjermen, konvertere den til utvalg, deretter fylle den med hvitt. Du trenger ikke å legge Gaussian Blur eller redusere opacity.
Step 18
Nå la oss legge til en annen skygge på siden av telefonen. Se bildet under for referanse.
Trinn 19
Det er viktig å legge til noen grovere høylys og skygger på den ene siden av telefonen for å holde det realistisk. Tegn en form på toppen av telefonen, konvertere den til valg, og fyll den med gradient fra svart til mørkere grå.
Step 20
Inne i skyggen, tegne en myk høydepunkt. Redusere opacity til 30%.
Step 21
På toppen av forrige høydepunkt, trekke mindre høydepunkt, men med høyere intensitet. Ikke bare kopiere lime høydepunktet. Det er ikke naturlig å ha helt lik høydepunkt på begge sider.
Trinn 22
Som jeg sa, er det ikke naturlig å ha samme høydepunktet på begge sider. Jeg bestemte meg for å legge et annet høydepunkt på høyre side av telefonen. Dette skaper ufullkommenhet og legger mer realisme til telefonen.
Trinn 23
La oss trekke en annen detalj. Tegn en 2px hvit linje. For å tegne en rett linje, hold shift mens du drar. Slette toppen og bunnen av linjen ved hjelp av en stor myk viskelær.
Trinn 24
Reduser sin opacity til 50%.
Trinn 25
Tegn en svart linje på toppen av telefonen og redusere opacity til 5%. Denne subtile skygge gir en følelse av dybde til telefonen
Trinn 26:. Hoved Button
Tegn en bane til separat skjerm område og menyknappen. Endre sin Fill lag til 0%. Legg lagstiler skygge og Skråkant og preg.
Trinn 27
Cmd /Ctrl-klikk formen å konvertere den til utvalget. Opprett nytt lag. Klikk Rediger > Stroke med 1px bredde og Farge: Hvit.
Trinn 28
Legg til en lagmaske og male noen av linjen. Redusere opacity til 25%. Dette vil legge til en subtil høydepunkt på separatoren.
Trinn 29
Opprett en avrundet rektangel og inni den trekke mindre avrundet rektangel. Velg subtrahere å lage hull. Legg Drop Shadow, Ytre glød, og Skråkant og preg.
Step 30
På toppen av formen tegne et svart avrundet rektangel. Legg en liten Skråkant og preg å legge til dybde.
Trinn 31
Lag et nytt lag, og konvertere den til klipping Mask ved å trykke Cmd /Ctrl + Alt + G. Paint hvitt på sitt hjørne og redusere opacity til 50%.
Trinn 32
Nå åpner opp Illustrator. Tegn et avrundet rektangel og klikk Object > Sti > Offset Path. Denne kommandoen vil konvertere bane til en ring form.
Trinn 33
Lag et rektangel på toppen av det. Velg begge former og fra Pathfinder-panelet velger Minus Front.
Step 34
Kopier form fra Illustrator og lime det inn i Photoshop. I alternativet Lim velge Shape Layer. Satt sin farge til grønt og roter det litt. Legg tynne strøk for å legge til dybde på formen.
Trinn 35
Gjenta forrige form for å skape en semi avrundet rektangel ring. Under den, legge en sirkel. Inni den sirkelen opprette en mindre sirkel. Velg begge sirkler og velg Minus Front for å skape en smultring form.
På toppen av smultring, tegne et rektangel, deretter Minus Front dem begge. Til slutt, tegne en liten firkant på hullet.
Trinn 36
Lim inn formen til Photoshop som et lag form og bruke rød farge. Roter det litt. Akkurat som forrige knappen, legg en liten strek.
Trinn 37
For Blackberry logo, tegne et avrundet rektangel. På toppen av det trekke et rektangel. Velg begge former og velge Minus Front.
Trinn 38
Ved hjelp av flytteverktøyet Alt-dra for å kopiere formen. Gjenta duplisering prosessen ved å trykke Cmd /Ctrl + D.
Step 39
Velg alle fasonger. Bruk skjær verktøy for å omforme dem.
Trinn 40
Lim logo i Photoshop. Bruk hvit for sin farge.
Trinn 41
Gå tilbake til Illustrator, tegne et avrundet rektangel. Klikk Object > Sti > Offset Path.
Trinn 42
Dekk noen av formen med to rektangler. Velg alle fasonger og traff Minus Front.
Trinn 43
Tegn en trekant med polygonverktøyet. Å endre sin side, må du klikke en gang for å åpne polygon dialogboksen og bruke 3 for sidene. Plasser trekanten på slutten av ringen og velg Unite å kombinere begge former til en pil.
Trinn 44
Lim det på Photoshop med hvit farge.
Trinn 45
Tegn to sorte rektangler på toppen og bunnen av skjermen. Sette sitt opacity til 50%
Trinn 46:. Tegn Battery Icon
I Photoshop, tegne en enkel batteri lagd noen rektangler. Legg Gradient Overlay for å gjøre det skinnende
Trinn 47:. Mail Ikon
Tegn et avrundet rektangel. På toppen av det trekke to overlappende avrundede rektangler. Skjær dem ved hjelp av figuren tegnet med penneverktøyet. Tegn en linje ved hjelp av rektangel verktøyet.
Step 48
På øvre høyre hjørne, tegne noen hvite rektangler. Opprett ny lag under rød sirkel form. Cmd /Ctrl-klikk rødt form for å skape valg basert på formen. Flytt utvalget noen piksler ned og fylle den med svart. Slett unødvendige skyggen utenfor post
Trinn 49:. Twitter Ikon
Kopier Twitter logo, deretter spore formen manuelt ved hjelp av pennen. Lim twitter form som et lag form og bruke lys blå for sin farge. Legg Gradient Overlay og hvit strek.
Trinn 50
Cmd /Ctrl-klikk twitter ikonet for å opprette utvalg basert på formen. Klikk på Velg > Endre > Subtrahere, 1px. Male hvitt på toppen av logoen
Trinn 51:. Facebook Ikon
Lag et rektangel form og dette Gradient Overlay. Inne i rektangelet legge en f
Trinn 52:. Speaker Icon
Tegn et avrundet rektangel. På toppen av det, legge til en annen avrundet rektangel dem forvandle det. Se bildet under for referanse. Still fill layer til 0% og legge lag stil Stroke.
Trinn 53
Ved siden av høyttaleren, trekke noen sirkel figurer. Hver i forskjellige lag med lag stil hjerneslag. Sett dem i en mappe gruppe, legge til lagmaske, og male en del av det med svart
Trinn 54:. Magnify Ikon
Tegn en sirkel. Inne det trekker mindre svingradius og velg trekke fra. Legg et rektangel for håndtaket roter lag
Trinn 55:.. Signal Ikon
Hvis du vil tegne et signal ikonet du bare trenger noen rektangler og en trekant
Trinn 56
Når vi zoomer inn, du kan se at det er noen unødvendige anti-aliasing skjer. Vi trenger å fikse dette.
Trinn 57
For å fikse dette, må vi velge poengene med direkte valg verktøyet og dytte dem ved å trykke på piltastene. Gjør dette til det gjennomsiktige bildepunkter forsvinner.
Trinn 58
Du kan se resultatet nedenfor, mye skarpere nå!
Trinn 59
Legg til tekst for dato, klokkeslett og annen info
Trinn 60:. Message Icon
La oss vende tilbake til Illustrator igjen. Tegn et avrundet rektangel. Klikk Objekt> Bane> Offset Sti.
Trinn 61
Ved hjelp av pennen trekke noen linjer før vi har grunnleggende post form. Sette sitt fill stykke og hjerneslag til svart. Fra Strek-panelet velger større vekt og velg rundt hetten og runde bli
Step 62
Velg linjer og klikk Object >.; Utvide. Dette vil konvertere linjer i former. Sette sitt fill stykke og hjerneslag til svart
Trinn 63:. Tekstmeldinger Ikon
Lag en ring avrundet rektangel form, akkurat som forrige form. På toppen av det trekke et avrundet rektangel.
Trinn 64
Legg til 3 poeng på nedsiden av avrundet rektangel. Se bildet under for sin posisjon. Flytt midtpunktet før vi har en snakkeboble.
Trinn 65
Lim begge formene inn i Photoshop. Legg dette Gradient Overlay.
Step 66
På øverste høyre hjørne på mail ikonet, legge en rød sirkel. Gi det en Gradient Overlay.
Trinn 67
På toppen av det, tegne en ellipse form med fill 0%. Legg en Gradient Overlay fra svart til hvitt med blanding modus Screen.
Trinn 68
Legg til en stjerne laget av fem tynne rektangler. Under det, legge til tekst ". Messages ".
Trinn 69
På toppen av tale boble, tegne to rektangulære former med farge # 777777
Trinn 70 Anmeldelser
Inne det, tegne en lav opasitet grått rektangel form. Legg teksten under ikonet
Trinn 71:. Kontakt Ikon
Igjen, tilbake til Illustrator. Tegn en ring form avrundet rektangel.
Step 72
På høyre side, trekke tre mindre avrundede rektangler. Velg alle fasonger og klikk Unite.
Trinn 73
Lim formen inn i Photoshop. Legg Gradient Overlay.
Trinn 74
I Illustrator, tegne en sirkel og et avrundet rektangel. Endre lavere poeng på avrundet rektangel for å få en person form.
Trinn 75
Lim inn formen til Photoshop og sette inne vår forrige form. Legg Gradient Overlay med innstillingen sett under og legge til tekst kontakt under den
Trinn 76:. Globe Ikon
Tegn en smultring form i Illustrator. Lim den til Photoshop. Legg Gradient Overlay.
Trinn 77
Gå tilbake til Illustrator. A) Tegn en sirkel B) Inne det trekke en annen sirkel og forvandle det. C) Tegn sirkel over den. D) Tegn flere sirkler. E) Velg alle fasonger og klikk Divide. F) velge og slette uønskede former.
Trinn 78
Velg alle fasonger og klikk Object> Utvid.
Trinn 79
Lim kloden inn i Photoshop og plassere den i forrige sirkel form. Litt rotere kloden. Legg lagmaske og legge gradient å skjule nedre høyre del av kloden.
Trinn 80
Gå tilbake til Illustrator. Lag en kort buet linje. Fra børster panel velger penseltype som legger vekt på linjene. Klikk Objekt> Utvid til skjult linje i form.
Trinn 81
Legg til en trekant på høykant. Velg både form og klikk Unite sette sammen til én form.
Trinn 82
Bruk pennen og dra pilen slutt å gjøre det svingete.
Trinn 83
< p> Tegn én linje.
Trinn 84
Lim begge formene inn i Photoshop. Bruk # e7bc3d som sin farge
Trinn 85: Legg Glossy og Dybde
Kopier alle ikoner og rsquo;. basen banen og lim den inn på nytt formlag. Plassere den under al lag. Still fill layer til 0%, legge Drop Shadow og Gradient Overlay.
Trinn 86
Vår siste trinnet er bare en subtil endring. Du kan ikke legge merke til det, men hvis du sammenlignet dem, vil du se at vi har en fin skinnende effekt med dybde
Trinn 87:. Aktiv Ikon Bakgrunn
Opprett en blå avrundet rektangel og sette den bak en av ikonet. Legg Gradient Overlay
Trinn 88:. Legg på menytekst
Over alle ikonene, skrive Nyere, All, og Favoritt. Legg lagmaske og maling del av teksten som er utenfor skjermen
Trinn 89:. Legg 3D-effekt på Keyboard området
Velg base bane som er opprettet tidligere i første trinn, duplisere det to ganger. Flytt en av turveiene tre piksler opp og sette den til å trekke fra. Legg Gradient Overlay, mørk grå til hvit
Trinn 90:. Tastatur
Tegn en mørk grå firkant. Legg Gradient Overlay og Stroke.
Trinn 91
Lag et nytt lag over tastaturet og konvertere den til klipping maske. Bruk en myk børste til å male noen høydepunkter.
Trinn 92
Bildet nedenfor viser lag jeg brukte på et svart lerret.
Trinn 93
Legg karakter til tastaturet.
Trinn 94
Duplicate tastaturet fem ganger og endre dens karakterer.
Trinn 95
Duplicate alle fem tastaturer og snu den horisontalt . Endre dens karakterer.
Trinn 96
Lag et rektangel under tastaturer. Legg Skygge, Indre glød, og Skråkant og preg.
Trinn 97
Velg alle lag tastaturet og trykke Cmd /Ctrl + G for å sette det i en gruppe. Høyreklikk gruppe og velg Konverter til smart objekt. Hit Cmd /Ctrl + T, høyreklikk og velg Warp. I alternativ bar velg Arch og endre Bend størrelse, se bilde nedenfor for referanse.
Trinn 98
Duplicate forrige tastaturet ved å høyreklikke på den og velge Ny Smart Object via Copy. Don ikke bruke Cmd /Ctrl + J eller Layer > New > Layer via Copy. Vi ønsker en ny smart objekt ikke sitt barn. Hvis du bruker Cmd /Ctrl + J, er duplisert smart objekt i utgangspunktet det samme objektet til den du kopierer. Hvis du redigere det, vil alle sine tilfeller også endres.
Flytt dupliseres smarte gjenstander før vi har et komplett sett med tastaturer. Deretter dobbeltklikker du alle de smarte objekter for å endre hvert tegn.
Trinn 99
Vi trenger spesialbehandling til tastaturet på øverste hjørne, Q og P. Endre hjørnet sitt før det er avrundet.
Step 100
Gjenta trinn 89 for å lage de resterende tastaturet.
Step 101
Hvis du vil tegne en plass, må vi bruke mer komplekse trinnene. Du kan se fremgangsmåten jeg gjorde i bildet nedenfor. Som vanlig, hvert slag av børsten i laget i forskjellige lag.
Step 102
Her kan du se sette av lag jeg pleide å tegne høydepunkt på mellomromstasten.
Trinn 103
Vår tastaturet her er for like, har de samme høydepunkt, samme skygge, samme belysning. For å legge til realisme, la oss male svart på halvparten av tastaturene slik at de er mørkere enn resten. Sette sitt opacity til 9%. Bare en subtil effekt, men legge litt mer realisme
Trinn 104:. Keyboard Base
Tegn denne formen manuelt ved hjelp av pennen. Bruk svart for sin farge.
Step 105
Duplicate form og endre farge til mørk grå. Hit Cmd /Ctrl T og endre størrelsen til 99%. En svart form bak det lagt mer dybde til sitt utseende
Trinn 106:. Innfelte Lines
Lag en avrundet rektangel bane dekker tastaturer. Konvertere den til valget ved å trykke Cmd /Ctrl + Enter. Klikk på Rediger> Strek, bruk 2 piksler med hvit farge. Legg lagmaske og male noen deler av linjen for å skjule det.
Step 107
Gjenta forrige trinn, denne gangen bruk litt større avrundet rektangel og legg Gaussian Blur å gjøre linjene mykere.
Step 108
Akkurat som forrige trinn, lage en linje. Denne gangen bruker svart.
Step 109
Igjen, gjentar den samme prosessen.
Step 110
Det vi gjorde i trinn 104-107 er å legge en innfelt linjer. Vi bruker masse svart og hvite linjer fordi i det virkelige liv skygge og høydepunkt er alltid spretter. Denne prosessen gjenskape effekten
Trinn 111:. Legg refleksjon
Velg indre delen av telefonen. Vi kommer til å legge til noen refleksjoner inni den. Opprett gruppe laget og klikk på Legg til lagmaske ikon.
Step 112
Prosessen ligner på det vi allerede har gjort i trinn 13. Tegn en form ved hjelp av penneverktøyet, covert det til utvalg, fyll med hvit for høydepunkt, svart for skygge, legge Gaussian Blur, redusere opacity.
Step 113
Tegn noen skygger på nedre del av telefonen.
Step 114 : Legg Shadow
Opprett nytt lag og plassere det under alle lagene. Lag en liten elliptiske stort telt og fylle den med svart. Legg Gaussian Blur for å myke det. Neste lage nytt lag, legge større utvalg, fyll den med svart, legger Gaussian Blur, og redusere opacity til 80%. Endelig kopiere forrige skygge og legge en svært Gaussian Blur til å få en veldig myk kastet skygge på gulvet.
Step 115
Vi er ferdige med dette.
Trinn 116: Blackberry Vist From Back
Jeg håper du er fortsatt med meg. Denne gangen vil vi trekke baksiden av telefonen. Lag denne formen med farge # 434343
Trinn 117:. Legg rektangulære former
Lag en lang tynn rektangel form. Hit Cmd /Ctrl + Alt + T for å transformere og duplisere form. Hit pil ned noen ganger for å flytte den. Gjenta denne transformasjonsprosessen ved å trykke Cmd /Ctrl + Shift + Alt + T gjentatte ganger.
Step 118
Cmd /Ctrl-klikk kroppsfasong og klikk på Legg til lagmaske ikonet for å isolere alle former inni telefonens kropp.
Kontroller at du har valgt vektormaske. Hit Cmd /Ctrl + T, høyreklikk og velg Warp. Velg Bulge i alternativ og endre sin blanding innstillingen
Trinn 119:. Legg Logo
Place Blackberry-logoen på baksiden av telefonen. Legg svart Ytre Glow
Trinn 120:. Marker og Shadow
Cmd /Ctrl-klikk telefonens grunnform. Opprett en ny gruppe lag, klikk på Legg til lagmaske ikon.
Step 121
Paint noen skygger og høylys. Du kan se hva jeg gjorde i bildet nedenfor. Hvert maleri er laget i separate lag.
Step 122
Lag et nytt lag. Cmd /Ctrl-klikk telefonens grunnform. Klikk Rediger > Hjerneslag. Legg Gaussian Blur.
Step 123
Legg til lagmaske. Male øvre del av hjerneslag med svart for å skjule det.
Step 124
Duplicate banen fra telefonens grunnform. Legg rektangel og satt til å møtes. Hit Cmd /Ctrl + T, høyreklikk og velg Warp.
Step 125
Duplicate formen. I sin midt legge et rektangel og velge trekke
Trinn 126:. Kamera
Tegn en sirkel form og legge til en liten Drop Shadow Duplicate den største sirkelen og flytte inn på toppen av andre kretser. Still Fyll til 0%, legge Drop Shadow og Gradient Overlay Den samme prosessen går under oppretting lommelykt. Den er laget av noen avrundede rektangler. Legg Ytre glød til minste avrundet rektangel. Duplicate største avrundet rektangel og sted på toppen. Legg Drop Shadow og Gradient Overlay Legg til litt tekst for informasjon om sin Mega Pixel størrelse Cmd /Ctrl-klikk form. Opprett nytt lag. Edit> Stroke, bruker svart for fargen. Legg Gaussian Blur og slette venstre og høyre kanten med myke viskelær verktøy. Cmd /Ctrl-klikk telefonens grunnform. Høyreklikk og velg forvandle utvalg. Gjøre den mindre. Klikk på Rediger> Strek, bruk hvit for sin farge. Legg Gaussian Blur, fjerner du merket, og deretter redusere lagets opacity til 40%. Legg til lagmaske Paint indikert områder med svart, ønsker vi ikke noe høydepunkt der. Gjenta forrige prosessen, men denne gangen bruker svart for sin farge og endre størrelse på det mer. Legg til lagmaske og maling områder på toppen og hjørne med sort Draw tre sirkler og plassere dem bak alle lagene Bruk myk børste og male hvitt for å legge knappen høydepunkt på telefonen Lag små elliptisk utvalg rett under telefonen. Fyll den med svart og Legg Gaussian Blur. Lag litt større utvalg, fyll den med svart, legger Gaussian Blur, redusere opacity. Lag kastet skygge ved å duplisere forrige Shadow og gir det en veldig stor Gaussian Blur. Til slutt er vi ferdige med baksiden av telefonen. La ’ s sette begge telefonene på ett sted. Opprett nytt lag over bakgrunnslaget. Tegn en radial gradient fra svart til hvitt. Duplicate layer, traff Cmd /Ctrl + T trekk deretter det nye laget ned Hvis du vil legge til litt farge, klikk på Legg Adjustment Layer ikonet og velg Hue /Saturation. Aktiver Fargelegg og endre innstillingene. Det var det. Jeg håper du liker det endelige resultatet, og lært en eller to nye teknikker fra denne lange opplæringen. I bildet under jeg også lagt telefonen med tastaturet sitt lukket. Anmeldelser
Step 127
Step 128
Trinn 129:. Flash
Step 130
Step 131
Step 132
Trinn 133:.. Tegn høylys og skygger
Step 134
Step 135
< h2> Step 136
Step 137
Trinn 138:.. sideknapper
Step 139
Trinn 140:. Draw telefonens Shadow
Step 141
Step 142
Trinn 143:. Legg Bakgrunn
Final Bilde