How å lage en one-of-a-like Twitter Bakgrunn i Photoshop

Hvis du er på twitter og lese denne bloggen, sjansene er du allerede har tilpasset profilen din med en kul twitter bakgrunn . I denne opplæringen, vil vi lage en av våre egne rundt en sentral maskot: en svært detaljert twitter fugl, at du må trekke deg selv! Gjør deg klar til å gjøre mye mer enn å klikke på denne kunstneriske tutorial!

Innledning

Når du oppretter en twitter bakgrunn, er det ulike ting å ta hensyn til. Det største problemet er at du ikke kan midt justere et bilde i din twitter-profil. Så gi opp noen ideer du måtte ha om innpakning grafikk rundt kroppen. Du kan enten lage en flis-stand design, eller til venstre justere bildet. Siden størrelsen kroppen ikke endres i henhold til vedtak det er å bli sett på, har du også å bekymre deg for å holde hovedinnholdet synlig over flere skjermstørrelser, og falming ut illustrasjon sømløst.

Hvis teksten går for langt til høyre, kan mange mennesker ikke kunne lese den. Hvis illustrasjon er svært detaljert og slutter etter bare 250 piksler, vil det se rart på store skjermer, fordi det ikke falmer ut til høyre og nederst. Og til slutt, du arbeider i web-format så tenk på filstørrelsen når utforme den.

For å takle alle disse kravene, vil vi lage en relativt liten bakgrunn som vil justere til venstre side og fade ut mot bunnen og høyre. Og ved fading ut, jeg mener ikke å slette halvparten av bildet, men etter hvert å bruke færre og færre elementer. Det er en vanlig praksis for twitter bakgrunn for å inkludere en kort bio og linker til hvor personen kan bli funnet på nettet.

Min egen bakgrunn ikke har disse, fordi jeg føler at profilen bio er synlig uansett på høyre og du får også å velge en kobling som folk kan bruke. Jeg lenker til min portefølje, hvor det er flere koblinger av min online tilstedeværelse, i tilfelle noen er interessert. Allikevel, for skyld for å gjøre dette mer praktisk, det er en kort bio (i dette tilfellet totalt falsk grunn av mangel på inspirasjon) og et par linker.

Final Bilde Forhåndsvisning

Ta en ser på bildet vi skal opprette. Du kan se det endelige bildet forhåndsvisning under eller bildet i full størrelse her.

Trinn 1

Det første du må gjøre her, er å trekke maskoten, en twitter fugl. Det er mange søte, lyse og skinnende twitter fugler der ute, så jeg ønsket en som ikke var bare annerledes, men som representerte min stil. Tross alt, er en twitter-profil handler om eieren.

Prosessen sett under er veldig strukket ut, men kan bli forkortet. Jeg vil ikke at du skal tro at dette er eneste måten du bør gjøre det, men i tilfelle du ikke har mye erfaring med strektegninger, er det godt å ta deg god tid, og få alle ledd riktig. Med tiden, etter å ha blitt mer erfaren, kan en enkel doodle være nok til å komme i gang i Photoshop.

For nå skjønt, start ved å få en vanlig stykke papir og tegne ut noen grunnleggende skisser av fuglen. Fokuser på å få holdning rett, og ikke bry deg om detaljene. de vil bli dekket senere.

Trinn 2

Som du kanskje legge merke til, posisjonen av bena i skjermbildet nedenfor er ikke identisk med det endelige resultatet. Som et spørsmål om faktum, jeg forandret dem på hvert trinn, fordi det er litt vanskelig å få dem til å se naturlig og estetisk samtidig. Bare spore en grov bilde av fuglen i denne første fasen.

Trinn 3

Nå trenger du noen tracing papir. Det er i utgangspunktet en delvis gjennomsiktig papir som gjør at du kan tegne noe på toppen av en referansebilde, i dette tilfellet vår grov skisse. Jeg brukte to blyanter: en 2B, og en 8B. Jo høyere tall, jo mykere spissen. Jeg brukte 2B å spore konturene og 8B å tegne skygger. Viskelæret er kuttet i to, slik at du kan bruke den skarpe kanten til å slette små områder. Det er nyttig for å legge høydepunkter.

Jeg har også glidd et ekstra ark av gjennomsiktig papir i mellom for å gjøre grov skisse mindre synlig. Hvis bildet har for mye kontrast, er det en god idé å fade ut mer slik at du ikke blir forvirret.

Trinn 4

Bruk blyant til å tegne omrisset av fuglen. Du kan nå begynne å bekymre seg om detaljene.

Trinn 5

Du skal nå ha fullført generell oversikt over alle deler av fuglen.

Trinn 6

Begynn å legge skygger, slik at fuglen ser 3D. Legg merke til at skyggene er veldig grunnleggende, og trenger ikke å se veldig realistisk. Dette er bare en del av hele prosessen, og ikke et endelig bilde så ikke bekymre deg om å gjøre det ser flott ut. Alt du trenger å gjøre er å klart definere former og belysning.

Denne delen er viktig fordi alle skyggene blir sammenhengende linjer i fremtiden trinn. Mellomrom er høydepunkter og parallelle linjer er skygger. Gjør linjene mer fjern og kortere, og det menneskelige øyet vil oppfatte det som en gradient. Dette er i utgangspunktet en håndtegnet rasteret.

Trinn 7

Ta et stykke kalkerpapir og legg den over blyantskisse du har gjort. Denne gangen vil vi bruke dette som en referanse for den endelige, strektegninger fugl.

Trinn 8

Nå er alt du trenger å gjøre er å tegne parallelle linjer på tvers av skyggene. For å fade dem ut, bare trekke linjene kortere og kortere.

Trinn 9

Husk at du kan fade ut omrisset også, ikke bare de skyggelinjer.

Trinn 10

Denne gangen, være svært forsiktig med alle detaljer. Gjør disse figurene ser ut som ekte fjær, ikke enkle kurver.

Trinn 11

Fortsett denne prosessen over hodet og kroppen. Husk å la ut nok høydepunkter.

Trinn 12

Som jeg sa, føttene gikk under en siste modifikasjon. Jeg ville ha noe i mellom en angrepsposisjon og lavt nivå flygende.

Step 13

Jeg gjorde den andre fløyen generelt mørkere enn den første. Det gjør tegningen ser mer dynamisk og realistisk. Casting en lik lys over hele fuglen kan gjøre det ser mindre interessant. Selv om holdning er også symmetrisk, kan du alltid stole på belysning for å krydre det opp litt.

Step 14

Og det er det, alt gjort. Kanskje litt for høy og strukket, men det spiller ingen rolle siden du ikke kan se det hele i twitter bakgrunnen uansett.

Trinn 15

Skann det eller ta et bilde av det og legg den i Photoshop. Gå til Image > Justeringer > Nivåer og øke opp kontrasten betraktelig. Mørkere ut linjene, men ta opp noen av høydepunktene for

Trinn 16

Gå til Velg >.; Color Range. Inne i vinduet, klikk på en svart område av bildet, slik at du har et utvalg av de svarte linjer. Trykk OK og kopiere utvalget (Command + C).

Trinn 17

Opprett en ny Photoshop-dokument som er 750 px i bredden og 700 px i høyden, og på 72 dpi. Lim fuglen (Command + V), dobbeltklikker du laget og legge en farge Overlay effekt. Valgte en mørk blå (# 387ebc) og trykk OK. Opprett et nytt tomt lag (Command + Shift + N), klikk på begge lag i laget menyen og slå dem sammen (Kommando + E). Det vil flate Layer Style.

Trinn 18

Nå i en ny tomt lag under strektegninger, bruke Pen Tool (P) for å gi fuglen en bakgrunnsfarge (# 33ccff) .

Trinn 19

for denne delen vil det være best å ha et tegnebrett, men det er ikke helt nødvendig. Du kan enten bruke en vanlig børste, eller penneverktøyet til å opprette høylys og skygger. Jeg gjorde det med en tablett. I dette trinnet spore de første høydepunktene med hvit og gjøre det til en klipping maske slik at det bare ser ut inni fuglen.

Trinn 20

Nå trekke større slag av en lys cyan (# 7ff4fe ). Lag et eget lag for hver av disse.

Trinn 21

Under den forrige, male enda større høydepunkter med en litt mørkere cyan (# 4de2ff).

Trinn 22

et siste høydepunkt farge vil være noen grå aksenter (# ddded9).

Trinn 23

nå bruker en lys gul (# f5e456) å farge nebb og legge noen skygger også, med en mørkere gul (# bcb833).

Trinn 24

For å avslutte fugl, fyll i nebbet med samme mørkeblå, og trekker øyet. Bruk hvite, og det samme mørk gul.

Trinn 25

Du må gå tilbake til tegnebrettet nå å male noen skyer. Jeg brukte flere typer kommentar bokser for dette. Dette blir et sosialt nettverk, komisk stil shout-outs er høyre på signalet. Trace disposisjonen med en nyanse av grått (# d0cdbe).

Trinn 26

Gi bakgrunnen en lysere nyanse (#edeedb).

Trinn 27
< p> nå bare trekke noen tynne linjer for skygger (# dfe0d0) og høydepunkter (# ffffff).

Trinn 28

Gjenta denne prosessen for å lage noen andre typer kommentarbokser. Kombinert, disse uttrykke enkle utsagn, tanker og utrop. Jeg prøver ikke å rope for mye på profilen min, så ikke bekymre deg, disse er rent dekorative. Jeg vet ikke kjefte på mine følgere :)

Trinn 29

Det er på tide å legge til en bio og koblinger. Den enkle lille teksten er Calibri Regular Hotell og overskriftene er i Rockwell Std Bold
. -Tegnet er Mrs. Eaves Medium Kursiv
. Bruk de samme fargene som fuglen.

Hurtig Tips for å

Husk alltid å prøve ut forskjellige antialiasing metoder når du arbeider med type, spesielt ved lave oppløsninger. I det første eksemplet, er ordet i Sharp modus. Legg merke til at de midterste bokstavene ser ut til å spenne og falle under bunnlinjen. Det kan være subtile, men det er en feil.

Ikke bare det, men bokstavene er ikke engang parallelle. Hver og en ser ut til å ha sin egen legning. For å fikse dette, kan du prøve en alternativ metode for antialiasing, i dette tilfellet Strong. Nå bokstavene har en felles orientering og jevnet baseline.

Mens den forrige kan være en subtil løsning, er det neste en veldig vanlig feil. Ujevn sporing kan føre til noen bokstaver overlappende og andre blir for langt fra hverandre. Selv om du ikke kan vanligvis legge merke til disse feilene med jevne små tekstlinjer, vil stort display tekst avsløre disse uoverensstemmelser.

For å fikse dette, må du endre avstanden mellom hver bokstav manuelt. Velg tekstverktøyet (T), klikk inne i en tekstlinje og dra et utvalg av de to første bokstavene. Input et passende antall i sporings feltet. Når du har funnet den rette plassen, velg det andre og tredje brev og gjøre det samme. Gå gjennom hver plass av to-for-to bokstaver inntil all sporing er riktig. Du kan se forskjell på skikk og standard sporing i over og under forekomst av ordet.

Trinn 30

Finn vektoren formlag der du spores fuglen. Klikk på Vector Mask miniatyren av laget for å få opp banen. Bruk Sti Selection Tool (svart pil) for å velge banen og kopiere den (Kommando + C). Åpne illustratør, lime banen (Command + V) og trykk enter i vinduet som åpner seg i Illustrator (forbindelse form). Velg hjerneslag farge og valgte hvitt (det er svart her, så du kan se det). Sett Stroke vekt til 2 pt

Trinn 31

Ta opp Strek-panelet (Vindu > Stroke). Og bruke følgende innstillinger. Har ikke noe imot den grå bakgrunnen.

Trinn 32

Kopier den (Kommando + C) og lim den (Command + V) i Photoshop-filen som et smart objekt. Gjenta prosessen med kommentarboksene også.

Step 33

Bruke samme overskrift font, lage noen typografiske aksenter rundt kommentar. Vi vil også bruke en rekke fugler fra Birds to Vector Pakke med Go Medias Arsenal. Bare lim dem som smarte objekter og gi dem en Color Overlay med den fargen du ønsker.

Step 34

Bruk forskjellige fugler med forskjellige farger. Prøv å ikke overdrive det, eller overlappe dem.

Trinn 35

Jeg ønsket også å gi inntrykk av fugler bærer meldinger, så jeg plasserte bokstaver rundt, i nærheten eller holdt av selve fugler. De er alle med en av de tre skriftene vi brukte tidligere.

Step 36

Gjenta motiv i det øverste hjørnet også. Ikke gjør det vitenskapelig. Hold orientering tilfeldig, og ikke nødvendigvis alt i én retning.

Trinn 37

Og så bare spre fugler over hele lerretet. Husk å fade dem ut selv på høyre og nederst ved å plassere færre og færre.

Final Bilde

Det er det! Vår twitter bakgrunn er fullført. Du kan se det endelige bildet forhåndsvisning under eller bildet i full størrelse her.

Dette er den versjonen jeg har på min twitter-profil.