Share
Bedriftsillustrasjoner kan være en viktig del av en presentasjons-, nyhets- eller tidsskriftartikkel. I dag vil vi demonstrere hvordan du lager en intens corporate stil illustrasjon i Photoshop. La oss komme i gang!
Følgende ressurser ble brukt under produksjonen av denne opplæringen.
Først må vi kilde et lagerbilde som passer. Når vi har gjort dette, er det på tide å lage noen skisser som klart viser konseptet, sammensetningen og fortellingen av bildet ditt. Vi skaper et bilde av en arbeidstaker som er svært stresset i sitt bedriftsmiljø, så vi må tenke på scenarier som markerer dette når du lager skissene. Når du har en skisse, er du glad med tiden for å skanne den med en hastighet på 300dpi minst.
Nå er det på tide å lage vektorer som starter med modellen. Dobbeltklikk på bildet laget og navnet det 'Modell' Pass på å låse laget vi ikke vil at det skal flytte når som helst. Vi ønsker å tegne en to-tone illustrasjon av modellen som ikke er altfor detaljert.
Opprett et nytt bilde og kaller det 'Detalj' og bruk pennverktøyet med et svart fyll uten stoke sett til CMYK (C: 100 M: 83 Y: 32 K: 18) og begynn tegningen modellens hovedfunksjoner. Deretter oppretter du et nytt lag under "Detalj" -laget og heter det "silhuett" og med fargen på (C: 14 M: 0 Y: 2 K: 0) tegner en basissilhouette av modellen.
La oss nå åpne skissen i illustratoren og begynne å tegne elementene i illustrasjonen. Jeg skal begynne med dataskjermen. Pass på at alt du tegner har sitt eget lag, så vi blir organisert. Opprett et nytt lag kalt 'Computer', velg deretter det avrundede rektangelverktøyet på lerretet for å hente opp valgpaletten og sett hjørneradiusen til 4pt. Sett fyllet til en lysegrå farge uten strekk, og trekk deretter på skjermbildet rektangel. For å hjelpe deg med å justere datamaskinen nøyaktig, plasser du en guide over det horisontale midtpunktet av rektangelet. Velg deretter verktøylinjen på datamaskinen.
Opprett nå et nytt underlag ved å klikke på det andre ikonet til venstre i lagpaletten din og gi det navnet på skjermen. For å gjøre det mulig for deg å se basisrektangelet og tegningen din samtidig, reduser dens opasitet til 50%, deretter med rektangulærverktøyet, fargesett til lyseblått tegner datamaskinskjermen.
Ok, det er på tide å tegne rutenettet. Slå av skjermlagets synlighet og velg det rektangulære rutenettet. Klikk på lerretet for å få fram verktøyalternativer, sett de horisontale delene til 6 og vertikale dividere til 7, fyll nå som ovenfor. Sett deretter slaget ditt til 0,25pt og en mørkblå farge og tegnet rutenettet etterfulgt av fremdriftslinjene for dette, velg pennverktøyet med et fargesett til midten av rødt og slag på 1 pkt bytt stroke og fyll rundt for å tegne piltoppen . Legg deretter til bruttovinstteksten.
For å legge til realisme og dybde på dataskjermen skal vi legge til en lineær gradient. Plasser tre gradient skyveknapper på gradienten en på plass 0 neste ved 50 og sist ved 100. Still skyveknappene 0 og 100 til C: 67 M: 58 Y: 55 K: 36. Sett nå midtregulatoren til C: 28 M : 22 Y: 21 K: 0. Følg samme fremgangsmåte for å gjøre datamaskinens base, men denne gangen stiller du gradientvinkelen til 90 grader. Du kan legge til en glidebryter når det er nødvendig. Det er en god ide å lagre gradienten du lager som en fargeprøve slik at du kan bruke dem igjen hvis det er nødvendig. Til slutt legger du til en radial gradient på skjermen, sett plasseringen 0 skyveknappen til farge C: 0 M: 0 Y: 7 K: 0 og stedet 100 skyvekontrollen til C: 13 M: 8 Y: 3 K: 0.
Fortsett å tegne resten av elementene som e-postskjema og telefon på samme måte (du trenger bare å tegne gjenstandene som reflekteres horisontalt en gang). Når du kommer til bygningene, sett fargen til C: 94 M: 57 Y: 1 K: 50 velg pennverktøyet med et slag på 0,5 pt og ikke fyll og tegne byggelinjene. Deretter, under dette, oppretter du et nytt underlag som heter "bygningsgradienter". Sett dine gradienter mørkeste glidebrytere til samme blå som vi brukte for byggelinjene kombinert med en lysere farge, legg til glidepunkt og endre vinklene etter hvert som du ser det til du får et fint reflekterende utseende. Deretter opprettes et nytt underlag som heter base og legger det under gradientlaget. Med en blå fyllfarge på C: 10 M: 0 Y: 0 K: 0 velg tegne base av bygningen.
Fortsett å tegne resten av illustrasjonselementene, men vær sikker på at du legger hvert enkelt stykke på eget lag, til og med de to kretsområdene som vises ovenfor i oransje navn en 'Circuit' og den andre 'Circuit2' for eksempel. Når du har tegnet alt vi nå trenger å lagre dem som individuelle filer. Du kan gjøre dette ved å skru av synligheten til alle lagene, unntatt det du lagrer. Når du har lagret alle dem hele tiden, går de over til Photoshop.
Åpne skissefilen i Photoshop. Vi skal bruke dette som en veiledning for sammensetningen fordi dette bildet er et symmetrisk element, bruk guider til å markere midtpunktet. Nå skal vi åpne alle vektorene som vi tegnet i illustratoren. For nøyaktig å plassere bilder som "bygningen" og kretsene som reflekteres horisontalt i lagpaletten, dra dem på ikonet "Lag nytt lag" som vil duplisere laget, og deretter gå Rediger> Transform> Vend horisontalt og hold nede skift, mens du holder nede, dra det dupliserte laget til den andre siden.
Legg til et gradient bakgrunnslag som vist.
Ok, la oss legge til litt farge og tekstur i bakgrunnen, opprett et nytt lag og kaller det 'Base farge'. Velg gradientverktøyet og sett venstre glidebryter for å farge til C: 90 M: 32 Y: 100 K: 30 og høyre glidebryter til C: 90 M: 40 Y: 100 K: 53 og fyll laget med denne gradienten. Åpne nå teksturfilen, strekk den mens du holder nede skift til den fyller siden, og sett deretter Blending-modusen til forskjell. Derefter dupliserer du teksturlaget, og deretter setter du opaciteten til 20% og Blend-modus til Overlegg.
Det er greit for denne illustrasjonen å ha en mørk bakteppe da temaet er ganske intens, men vi vil nå legge til mer energi på brikken. E-post symbolene er for tiden svarte og blir tapt i bakgrunnen, slik at de kan skille seg ut. Dobbeltklikk på en av e-post symbolene i lagpaletten for å hente stilalternativet og velg Gradient overlay. Sett blandemodus til lysere farge, legg til en ekstra fargeskjerm på et sted på 50% sett venstre og høyre glidebryter til C: 7 M: 5 Y: 0 K: 0 og midtskyveknappen C: 2 M: 9 Y: 2 K: 0. Cmd / Ctrl> Klikk på laget i lagpaletten og velg kopieringslagsstil, deretter Cmd / Ctrl> Klikk på det andre E-postlaget og velg lime lag stil.
Sett Taxman-laget til overlegg, åpne deretter alternativene for lagstilstand og velg fanen for gradientoverlegg. Still blandingsmodus til Overlegg og venstre glidebryter til C: 63 M: 0 Y: 7 K: 0 og venstre glidebryter til hvit. Kopier og lim inn denne lagestilen til lånelaget. Legg lagformatene til de resterende lagene for å hjelpe dem til å skille seg ut og ikke være redd for å eksperimentere.
Opprett et nytt lag og nev det "Hodepine Beam". Velg rektangel Marquee verktøyet og tegne et tynt rektangel fyll det med en kremfarge ved hjelp av Paint bucket Tool. Deretter går du til Filter> Blur> Gaussian Blur og stiller radiusen til 6.4pt. Nå bruker du verktøyet for å rotere bildet slik at det peker fra Taxman Layer til modellens hode, og deretter endrer du opaciteten til 82%.
Lag et nytt lag kalt "Hodepine ømme punkt" da, med Elliptical Marquee å tegne en liten sirkel hvor lysstrålen treffer modellens hode. Fyll deretter sirkelen med en lyse oransje farge og gjenta Gaussian Blur-prosessen vi brukte på Trinn 12, og sett lagens opasitet til 74%. Gjenta nå denne prosessen for hus, lån og billag. Du må kanskje finne at du må spre symbolene litt ut for å gi deg nok plass.
Ok nå dupliser byggelaget, dra det til bunnen og forstørr det så det tar opp halvparten av siden. Bytt blandingstilstanden til hardt lys og opasiteten til 16%. Dupliserer nå laget, flip det horisontalt og plasser det på den andre siden av siden.
Velg Circuit-laget, dupliser det og roter det så at det er horisontalt. Plasser nå den slik at den sitter under 'Interest Loan' Layer. Sett nå Blending-modusen til Overlay og Layer-opaciteten til 39%. Derefter kopiere den og vende horisontalt, sett blandingsmodus til skjerm og opasitet til 29%.
Fortsett denne metoden for å spille med blandemodi på kretslagene og andre til du finner en virkelig interessant sammensetning som forbedrer illustrasjonen. Bruk lagstiler, men kontroller alltid fremdriften, og vær sikker på at du kopierer lagene i sin opprinnelige form før du redigerer dem.
Nå vil vi fremheve datamaskinen litt mer. Dupliserer laget og dra det kopierte laget under. Trykk nå på den til høyre tre eller fire ganger og sett blandemodus på skjermen. Dupliser dette laget og sett opaciteten til 40%. Gjør det samme på venstre side av datamaskinen. Velg nå alle fire lagene og knytt dem en eller to ganger. Gjenta denne prosessen for telefonlaget.
Opprett et nytt lag over Texture-lagene, og med en børstelett på 715 pt, 0% hardhet, fargehvide og opacity på 21%, begynner å skape lettere områder rundt modell, datamaskin, telefon og bygninger. Følg dette ved å sette lagets opacity til 45% og jobben sin!
Ser på illustrasjonen som helhet, er det to lag som ikke fungerer helt i forhold til generell fargeskjema. De er 'Taxman' og 'Loan Interest' lagene. Dobbeltklikk på 'Taxman Layer' for å få opp lagstilvalgene og sett inn gradvis overlay-blandingstilstand til skjerm. Gjenta nå denne prosessen for "Interest Loan" -laget. Neste sett blandes de fire gule kretslagene til Linear Light.
Digitale fotografier er flotte for å legge til dybde og kontraster til bakgrunnene dine, så det er en god ide å bære et digitalkamera med deg overalt hvor du går. Jeg brukte et bilde jeg tok av "Newcastle Millennium Bridge". Dra bildet på lerretet, roter bildet slik at det er stående og strekk det til det passer hele sidens lengde. Sett nå laget Blandingsmodus til Pin Light, og gå deretter Bilde> Mode> Inverter. Trykk på bildet innover til du får og interessant mørkere form som går langs marginen. Legg nå en gradientmaske ved å klikke fra venstre på lagpaletten, angi gradienten til standard svart og hvitt, og hold nede skiftet, tegne en kort gradient som starter fra den vertikale sentrallinjen. Dette vil gjøre at den andre halvdelen av bildet forsvinner. Dupliserer nå dette laget og flip det horisontalt og plasser det på den andre siden.
Dupliser nå datalaget og plasser dette laget like over teksturlagene. Dra den ned mens du holder skift og legg den bak telefonen. Deretter stiller du blendemodus til hardt lys og ugjennomtrengelighet til 12%. Bruk nå denne prosessen for å legge til høydepunkter slik at bakgrunnen ser ut som mer interessant.
Fordi tekstur er mørkere øverst til venstre enn det er øverst til høyre, er fotolaget øverst til venstre ikke helt så synlig som det andre. For å fikse dette, må du først kopiere fotolaget (venstre side og angi lagets opasitet til 20%. Nå trekk igjen gradientmasken slik at bare det øverste venstre området er synlig som sett lagpaletten ovenfor.
Nå er det på tide å gjøre dine siste tilskudd og tilpasninger. Du vil kanskje legge til noen valutasymboler som pund, euro eller dollar tegn. Bruk deretter et kurvjusteringslag (Lag> Nytt justeringslag> Kurver) og legg det øverst i lagpaletten for å intensivere illustrasjonens farge.
Accentsconagua