Share
Hei Photoshop-artister, jeg heter Sergio Ordóñez, det selvproklamerte geni bak SOSFactory, pioner i Bedriftens maskotdesign for Internett. Du kan også finne meg på bloggen min SOSNewbie eller på Deviantart på sergitosuanez.
Du kan finne Photoshop PSD-filen i en katalog som heter 'PSD' som kom i ZIP-filen du lastet ned. Vi har også tatt med det opprinnelige utkastet til denne opplæringen til dere spanske lesere. Du kan ønske å se gjennom dem kort før vi begynner. En forhåndsvisning av det endelige bildet er under. Du kan også se den større versjonen her også.
Da jeg begynte å designe maskotene, pleide jeg å starte designene mine uten å ha noen ide om hva jeg egentlig ønsket å si. I den perioden lærte jeg at planleggingen er forskjellen mellom en profesjonell designer og en annen som ikke er det. Av denne grunn og fordi jeg er betalt per ord, skal jeg klemme deg med litt teori!
Personlighet er nøkkelen til en veldesignet maskot. Alle designelementene (ansiktsuttrykk, kroppsuttrykk, symboler, klær, etc.) må oppmuntre karakterens holdning, som vil avhenge av bedriftens verdier av vår kunde. La oss se noen eksempler nedenfor.
Vi ønsker å overføre holdningen vi ønsker i bare en minneverdig pose, ren, lett å huske, og lett å gjenkjenne. For det må vi se handlingen og silhouetten.
En svært vanlig feil når vi designer for et nettsted er å stille maskoten uten å vurdere området der det skal brukes til. For å sikre at tegnet ser så stort ut som mulig, må vi tilpasse posen til området, se eksemplene under.
Handlingslinjen definerer tegningsbevegelsens intensjon, retningen dens energier er rettet mot. Du kan se noen eksempler nedenfor.
Mesteren av animasjon Raúl Garcia forklarer alt perfekt i dette eksemplet, er det en øvelse der vi ser etter karakteren som bedre definerer historien: "Fyller en kopp te."
Det første forsøket er uklart og definerer ikke handlingen sammenfattende. Det er ingen handlingslinje som beskriver "Hele te i koppen" -bevegelsen eller noen spenning som kan tyde på vekt eller likevekt. Tegningens silhuett er amorf og uten interesse.
Leter etter den klare silhouetten prøver han å skille armen som holder tekanne fra kroppen.
Kupp og tekanne er nå tydelig skilt fra kroppen, men silhouetten er fremdeles ikke presis.
Silhuetten av armene er mye klarere. Tekanne lener seg ned for å vise "pouring tea" -aksjonen.
Stangen av armen, som holder koppen, er blitt modifisert slik at den ser naturlig ut. Karakterens nakke har blitt vektlagt for å få en bedre samlet silhuett.
Silhuetten blir mer effektiv ved å legge en tallerken under koppen og inkludere en bedre pose for hånden.
Ved å bøye armen som holder tekanne og strekker fingeren får vi en mer interessant silhuett.
Ved å bøye hodet får vi en mer effektiv silhuett, vi skaper en negativ plass som fører til seerens oppmerksomhet på tekanneutløpet.
Legg merke til at silhouettnummer 4 er fullt beskrivende, vi trenger ikke noe mer for å forstå handlingen. Når vi designer bedriftsmaskoter, kan vi vanligvis ikke få en så perfekt silhuett. Likevel er det det ideelle.
I dette tilfellet ga PSDTUTS meg total kreativ frihet, så jeg lar instinktet lede meg og vi hopper over orienteringen.
Etter å ha kjent kunden, er det best vi kan gjøre, å se etter referanser, fordi originale ideer kanskje ikke kommer til tankene først. Søket etter referanser kan hjelpe oss å kaste bort de åpenbare ideene og vurdere noen alternative.
Nå overveielser for å komme opp med nye ideer:
Eksempel:
ADVARSEL 1: Å inspirere deg selv er tillatt, plagiere er ikke.
ADVARSEL 2: Noen artister og nettsteder tilbyr gratis ressurser. Du bør vise forståelse for dette ved å angi hvor du fikk kunstverket, og vurder å donere donere minst en amerikanske dollar.
Penntablet eller -mus? Hvis du fortsatt ikke eier en penntabletter, anbefaler jeg deg å kjøpe en Wacom, det er noen veldig rimelige, men jeg anbefaler at du går med en Wacom. Hvis du ikke har en, kan du først tegne skissen med tradisjonell blyant og papir, deretter bruk musen og Photoshops digitale tegneverktøy for å blekk det, selv om prosessen vil ta deg mye lenger. Ved farging anbefales det sterkt å bruke tabletten. Se videoen nedenfor om denne prosessen.
Da jeg kjøpte min elskede Wacom Cintiq 21UX (skjermen til høyre), endret jeg metoden min. Nå lager jeg hele prosessen digitalt, fra den første skissen til de endelige detaljene. Jeg tegner linjene for hånd fordi jeg finner det enklere og raskere enn å bruke vektortegningsverktøyene.
Photoshop eller Illustrator? Det er ditt eget valg, jeg personlig finner Illustrator vectorial tegneverktøy maddening. Jeg bruker heller Photoshop, tegner linjene for hånd, og jeg bruker bare tegneverktøyene for vanskelige linjer. Jeg jobber i høy oppløsning, så den senere vektoriseringen er ganske enkelt. For det bruker jeg en Illustrasjonstillegg kalt Silhouette.
Det er veldig viktig å jobbe i høy oppløsning, jeg bruker et A3-format lerret på 300 piksler per tomme. Arbeidsprosessen er den samme i denne størrelsen, og det er mange fordeler:
Her kan du se noen bildetekster av tegnet i de forskjellige trinnene, fra skissen til den endelige lineart. Dessverre er det ingen triks, bare trening og mer praksis:
Legg merke til at linjetykkelsen (linjevikt) er variabel, dette er en av de mest vanskelige delene. Den generelle regelen er: tykke linjer for konturene, tynnere linjer for innvendige deler.
På denne måten kan observatøren skille formene mye bedre. Dette er spesielt nyttig for komplekse illustrasjoner der vi kan spille med linjetykkelse for å skape dybde i illustrasjonen.
Når vi har tegnet ferdig og i bare ett lag, kan vi trekke ut linjene fra bakgrunnen, eller legge laget i multiplikasjonsmodus og legge til fargen i nye lag under den. Jeg foretrekker å trekke ut dem, så jeg kan fargelegge dem lett senere.
Legg merke til at jeg skal male skøyten og tegnet separat, så når vi er ferdige har vi to versjoner: med og uten skøyten.
For å trekke ut linjene gjør du følgende:
Hvis du er litt lat, kan du laste ned denne Photoshop-handlingen for å trekke ut tegningens linjer. På denne måten trenger du ikke å gjøre det manuelt.
Jeg har allerede skrevet forskjellige opplæringsprogrammer om hvordan du farger i Photoshop. Jeg vil ikke bore deg så jeg skal prøve noe annerledes:
Dette er de tre fargene jeg har valgt for å male tegnet. Som jeg allerede sa, vil vi fargelegge karakteren med Photoshop-kommandoer senere, så valg av farger er ikke så viktig. Bare husk at du trenger en mørk farge for skygger, midt for generelt lys og lyst for konturer og mer intense lys.
History Brush er et kraftig verktøy som jeg bruker veldig ofte, siden vi kan blokkere deler av vårt design som allerede er ferdig og fortsetter å jobbe på resten uten å ødelegge dem. Jeg gir deg et grunnleggende eksempel, vist nedenfor.
Med litt mer praksis vil du være klar over de ubegrensede mulighetene til dette verktøyet. Som du kan se i eksemplet, kan vi bruke det som en viskelær (uten å være redd for å slette ferdige deler); vi kan gjøre det samme for å male i stedet for å slette; hvis vi tar ulike stillbilder av samme design, kan vi få mellomliggende versjoner; vi kan senke børstens ustabilitet og slå sammen ulike versjoner av samme design; vi kan til og med spille med tonalities ... Ikke vær redd for å eksperimentere.
ADVARSEL: Historiebørsten fungerer av lag, laget vi vil endre må eksistere i begge punkter i historien. Hvis vi fusjonerer eller sletter laget i spørsmålet, vil ikke historikkbørsten fungere.
Du kan besøke denne videoopplæringen om hvordan du farger med Photoshop for å se historibørsten i handling.
Under linjelaget lager vi et nytt lag og heter det "Flatfarger", og deretter fyller vi tegningen med farger som må være forskjellig nok fra hverandre for å gjøre senere valg enklere. Du kan gjøre det med verktøy du vil ha, vær oppmerksom på ikke å gi noen hull.
Vi vil bare bruke dette laget for å gjøre valg, for eksempel: Hvis vi vil male vår karakter hår, velger vi Magic Wand-verktøyet og klikker på håret. På denne måten får vi et raskt og presist valg.
Vi deaktiverer "Flat Colors" -laget, og vi plasserer det der det ikke bryr oss. Vi kan få et utvalg av den komplette tegningen av tegnet ved å kommando-klikke på dette lagikonet.
Da lager vi et nytt lag, vi heter "Color Base", og vi fyller den med en flat farge. I dette tilfellet valgte jeg # e37750 farge, da det er en behagelig og nøytral farge for meg.
Vi lager et nytt lag over "Color Base", og vi heter "Shadows." I dette laget skal vi male skyggene med samme grunnfarge, men vi legger laget i flere modus midlertidig.
Jeg har valgt en lyskilde som kommer fra øverst til venstre. Å vite hvordan å være sammenhengende med belysningsvolumet er den vanskeligste delen, og det er ikke noe annet knep enn å praktisere ... du kan bruke et artikulert leketøy i et mørkt rom med sterkt lyspunkt og bruke det som referanse.
Legg merke til at skyggene ikke trenger å innta hele tegningen, vi må gi rom for belysningen. Jeg bruker noen bildetekster slik at du kan se måten jeg vanligvis male skyggene på.
Når vi allerede har malt skyggene, lager vi et nytt lag under, og vi heter "Soft Light."
Vi bruker Gradient-verktøyet for å lage en myk belysning som vil være grunnlaget for den senere belysningen.
Her kan du se konfigurasjonen jeg bruker til å gjøre gradienter:
Vi lager et nytt lag like under "linjene", og vi heter "Hard Light." Prosessen er stort sett den samme som den vi brukte for skyggene, men inversed. I stedet for å male de dype sonene, maler vi de fremspringende. Jeg bruker en #ffeeae farge.
Jeg lager et nytt lag under skyggene, og jeg heter "Reflections." Jeg liker å understreke volumene ved å legge til refleksjoner i konturene, konturene og volumene er mye tydeligere på denne måten. Husk at vi slettet kantene i Shadows Step, nå må vi bare legge et lag under skyggene og gå forsiktig med å male.
Her kommer den morsomme delen! Vi har allerede ferdig med belysningen, alle volumene er definert og vi har forskjellige lysnivåer (skygger, midttoner og lyse toner) separat. Nå, med Comand + U i Photoshop, farger vi tegnet raskt.
Legg merke til at fargene jeg har valgt er alle fra samme område, men litt annerledes, så vi får et bredere kromatisk utvalg. Vi kan gå videre og bruke forskjellige farger, selv i samme lag. Her overdrev jeg litt, så du kan se mulighetene:
Nedenfor kan du se hvordan jeg fargede hver del av tegnet. Prøv dine egne fargekombinasjoner til du får den du liker.
Vi har allerede ferdig med fargebasen, nå skal vi leke med lag i forskjellige fusjonsmoduser (Lagpaletten, menyen opp til venstre) for å gi mer dyphet til fargen. Alle lagene må være over "Lineart" -laget.
Når vi er ferdige kan vi fusjonere alle lagene (lag en sikkerhetskopi før det), og legg til flere effekter. Vi kan bruke Dodge verktøyet til å lyse noen soner eller Burn-verktøyet for å mørke dem. Vi kan spille med fargebalansen (Command + B) eller med alle nivåene (Command + L). Med litt fantasi kan du oppnå fremragende resultater.
Som jeg sa i begynnelsen, skal jeg male skøyten separat, så vi har to versjoner. Jeg brukte den samme teknikken som jeg gjorde med tegnet. Den endelige karakterdesignen er under.
Og vi endelig ferdig. Det ser bra ut, tror du ikke?
Som gode fagfolk er vi, vi må ta hensyn til presentasjonen. Med et par logotyper, noen bilder tatt fra vennene våre på Gomedia og litt fantasi, kan vi lage en presentasjon som vist nedenfor. Du kan hente bakgrunnsbildstørrelsen her.
Se! Det var en god ide å lage skøyten separat, nå har vi 2 forskjellige versjoner med nesten samme innsats. Du kan hente bakgrunnsbildstørrelsen her.
Dette er den begrensede fargeversjonen, men vi kan bare spille med linjene også (heldigvis gjorde jeg dem ganske tykke). Du kan ta tak i tapetstørrelsen av dette her.
Ikke vær redd, jeg kommer ikke til å forklare hvordan du lager disse bakgrunnsbilder. Vi har dekket en del grunnlag for denne opplæringen allerede, jeg kan gå gledelig nå!
Vel, vennene mine, bare bare én ting igjen å gjøre. Jeg ønsker å gjøre en forespørsel ... til de "store" forlagene som får materialet deres takket være utnyttelse, som fyller lommene med penger uten å dele en cent (de forlater FAME for oss artister); de bør følge modellen av PSDTUTS, alltid så sjenerøs og omsorgsfull med både kunstneren og leseren, og demonstrerer at profitten av en bedrift ikke er avhengig av lavpriskildematerialene, men av kvaliteten og ressursen når det kommer å selge den.
Takk til Eden for å skape så stor en ressurs som PSDTUTS, spesielt til Sean for sin fleksibilitet. Takk til min venn Anita, for å hjelpe meg uselvisk, og for å oversette denne artikkelen (vi har tatt med den opprinnelige versjonen på spansk også i nedlastingen). Og til slutt takk til PSDTUTS-leserne, jeg håper du har lest til slutten, at du har lært mange nye ting, eller i det minste at du har hatt denne opplæringen.
Selvfølgelig, hvis du har noen spørsmål, vil jeg svare med glede. Du er velkommen til å kommentere det relaterte nyhetsposten på nettstedet. hilsen
Accentsconagua