Share
Hva du skal skapeI tidligere versjoner av Smart Objects har vi integrert bildedata i PSD-filen. Nå har Adobe oppgradert Smart Objects i Photoshop CC 2014, så vi kan også koble dem til eksterne filer. I denne opplæringen bruker vi nye funksjoner fra de nyeste Linked Smart Objects for å designe en fleksibel brosjyre. Vi vil bruke Photoshop som vårt hovedverktøy og Illustrator for å designe logoen.
Vi skal bruke noen royaltyfrie bilder. Du finner dem i de ferdige PSD-filene. Du kan bruke den til å sammenligne med ditt endelige arbeid. Vi skal også bruke den frie skrifttypen Alef fra Google Fonts.
I prosessen bruker vi Adobe Bridge til å bla gjennom eiendomsbilder. Husk å oppdatere Adobe Photoshop, fordi vi skal bruke de nyeste funksjonene fra versjon CC 2014.
Først begynner vi å lage en ny fil (Kontroll-N) for vår brosjyre. Velg forhåndsinnstillingen Internasjonalt papir med størrelse A5.
Standardinnstillingen bruker 300 piksler / tommer for sin oppløsning. Det betyr at hver 1 tomme x 1 tommers firkant inneholder 300 piksler. Dette er den ideelle innstillingen for utskrift. Men siden dette er bare en enkel opplæring, kan det hende vi ønsker å senke oppløsningen litt. Sett den til 150 piksler / tommer. Lavere oppløsning betyr færre piksler. Færre piksler betyr raskere behandlingstid for Photoshop.
Her er lerretet vi har.
Truffet Kontroll-R for å avdekke herskerne på toppen og venstre side av lerretet. Disse linjene vil hjelpe oss med å identifisere markørens posisjon og å plassere designelementer nøyaktig. Høyreklikk linjalen og velg deretter millimeter å bytte enhet.
Aktiver Marquee Tool. Lag en ny rektangulær valgmåling 11 mm × 11 mm på øvre venstre hjørne av lerretet. For å få et perfekt rektangulært utvalg, dra markøren mens du holder Skifte nøkkel.
Klikk og dra linjalen på valgkanten for å lage en ny guide rett på 11 mm horisontalt og 11 mm vertikalt.
Gjør det samme i nedre høyre hjørne av lerretet. Tegn et 11 mm × 11 mm rektangel i nedre høyre hjørne og opprett nye guider rundt den.
Åpne lagerbildet tilgjengelig i kildefilene. Dette bildet ble levert av deathtothestockphoto. Klikk Fil> Lagre som og lagre dette som en PSD-fil. Å velge Photoshop i Lagre som Type alternativ. Vi lagrer dette i et PSD-format (ikke JPG) for enklere modifikasjoner i fremtiden.
Dra PSD-filen på lerretet vi har opprettet i Photoshop. Vi drar for å plassere filen i lerretet. Husk at vi ikke har til hensikt å kopiere bildet og deretter lime det inn, men vi har til hensikt å knytte filen i lerretet. Vi kan ringe dette lerretet en containerfil.
Du kan også bruke menyen, Fil> Plassert. I den neste dialogboksen velger du filen du vil sette inn.
Etter at bildet filen er plassert inne i lerretet, vil du se en avgrensningsboks. Du kan endre størrelsen på bildefilens dimensjoner ved å dra håndtakene rundt. Du trenger ikke å bekymre deg for å gjøre en feil mens du forvandler den. Siden bildefilen er lagret som et smart objekt, kan du alltid gjenta eller bruke en annen transformasjon uten å ødelegge bildekvaliteten.
Hvis du vil endre størrelsen mens bildetivåforholdet opprettholdes, drar du håndtakene mens du holder nede Skifte nøkkel.
Slå den Tast inn nøkkel for å bekrefte transformasjonsprosessen. Hvis du fortsatt ikke er fornøyd med resultatet, bruk en annen transformasjon ved å trykke Kontroll-T. Nå, ta en titt på lag panel. Bakgrunnslaget som vi la til tidligere, har et lite ikon nederst til høyre. Dette ikonet indikerer at laget er koblet til en annen fil.
La oss legge til en bunntekst i vårt design. Åpne loggfilen som er tilgjengelig med denne opplæringen. Logoen filen kommer fra deathtothestockphoto. Det er en EPS-fil, så du bør åpne den i Adobe Illustrator for å beholde vektorfunksjonene. Velg en av logoer. Kopier det ved å trykke Kontroll-C.
Lag en ny fil i Adobe Illustrator (Kontroll-N).
Truffet Kontroll-V å lime inn logoen.
Lagre logo-filen i samme mappe som vår brosjyre.
La oss gå tilbake til vår brosjyre PSD-fil. Plasser vektorlogoen i lerretet ved hjelp av menyen Fil> Plassert. I den neste dialogboksen velger du filen. Åpne den som et smart objekt med Beskjære til bundet boks valgt.
Endre størrelsen på vektorlogoen. Legg det i nederste høyre hjørne av lerretet.
Aktiver Typeverktøy og klikk deretter og dra for å lage en ny tekstboks. Fyll den med to eller tre korte avsnitt, etterfulgt av selskapets nettsideadresse i stor tekst. For skrifttypen, bruk Alef fra Google Fonts.
Legg til en annen tekstboks på toppen av lerretet. Bruk samme skrift for konsistens. Sett skriftstørrelsen til å være større, siden dette er brosjyrens hovedtittel.
For nå har vi to smarte objekter, i logoen og bakgrunnen. Vi er også klar over at Smart Object-laget er koblet til den opprinnelige filen. La oss prøve å endre dem og se hva som skjer.
Først må du endre bakgrunnsinnholdet. Aktiver det smarte objektet bakgrunn. Åpne Eiendommer panel. Klikk Rediger innhold. Du kan også direkte Dobbeltklikk laget for å redigere innholdet.
Du kan finne denne dialogboksen. Photoshop vil be deg om å lagre filen i samme område. Bare klikk OK.
Bakgrunnslaget åpnes som en egen PSD-fil. Den neste tingen vi skal gjøre med bakgrunnen er å redigere en del av bildet for å legge til mer kontrast i teksten. Ta en titt på følgende bilde. Den svarte teksten ligger svært nær vinduet.
I bakgrunnsfilen, velg noen deler av bakgrunnen, og klikk deretter Kontroll-J å duplisere det.
Truffet Shift-Up Arrow å flytte den oppover.
Velg den nedre delen av bildet ved hjelp av Marquee Tool.
Truffet Kontroll-T og deretter endre størrelsen til vi har en renere bordsoverflate.
Slett unødvendige områder ved hjelp av Eraser Tool med en myk, stor børste.
Vi er ferdige med å redigere bakgrunnsfilen. Lagre og lukk den så. Brosjyrens bakgrunn oppdateres automatisk.
La oss prøve en annen måte å redigere bakgrunnslaget. Lukk brosjyrefilen. Vi vet at bakgrunnslaget er koblet til en PSD-fil. Så hvorfor redigerer vi ikke PSD-filen direkte? I Adobe Bridge dobbeltklikker du på bakgrunns-PSD-filen for å åpne den i Photoshop.
Ta et annet bilde fra deathtockestock-du vil finne det med kildefilene i denne opplæringen. Lim inn den til vår PSD-fil. Lagre PSD.
La oss åpne brosjyrefilen i Photoshop og se hva som skjer neste.
I lag panelet, finner du et utropstegnikon i bakgrunnen Smart Object-laget. Dette ikonet advarer oss om at det er et problem med laget. I Eiendommer panelet, finner du også et lignende utropstegnikon.
Vi vet at innholdet i den koblede filen allerede er oppdatert. Vi kan instruere Photoshop for å oppdatere datalaget ved å klikke Lag> Smart objekt> Oppdater endret innhold.
Ta en titt på lerretet. Bakgrunnen oppdateres automatisk.
Klikk på Rediger innhold knappen for å redigere filen.
Utfør en transformasjon (Kontroll-T) til det nye bildet.
Lagre bakgrunnsfilen. Gå tilbake til brosjyrefilen og oppdater deretter bakgrunnsskiktet.
For å legge til kontrast i bunnteksten legger du til et enkelt rektangel nederst. Bruk samme farge som fargen på logoen.
Så langt, her er designet vi har.
Hvis du vil, kan du fortsatt redigere bakgrunnen og kanskje flytte bildet litt.
Vi har endret bakgrunnsbildet. La oss nå endre fargeskjemaet. I denne versjonen blir fargene på logoen og teksten omvendt. Først vil vi legge til et enkelt rektangel for tekstbakgrunnen. Bruke Formverktøy med Form alternativet valgt i Alternativ Bar. Sett Fylle til # 231f20.
Klikk og dra å tegne et enkelt rektangel i bunnen av lerretet.
Endre tekstfargen til hvit.
Vi vil også redigere vektorlogoen og endre fargen sin.
Vi kan gjøre dette ved å aktivere vektorlogoen Smart Object i lag panel. Fra Eiendommer panelet, klikk på Rediger innhold knapp.
Vi kan også bla etter filer knyttet til logovektoren, og åpne dem i Photoshop.
Høyreklikk brosjyrefilen og velg deretter Vis tilknyttede filer.
Adobe Bridge viser deg en liste over filer som er koblet til containerfilen. Som du kan se nedenfor, er det to filer som er knyttet til denne PSD, bakgrunn og logo. Dobbeltklikk logo-filen for å redigere den ved hjelp av det aktuelle programmet, i dette tilfellet Adobe Illustrator.
Velg alle bakgrunnsformer.
Endre farge til svart. Gjør dette igjen til alle former bak teksten.
Inverter tekstfargen til hvit. Lagre og lukk vektorfilen.
La oss gå tilbake til vår brosjyrefil. Vi har nå en invertert logo som samsvarer med vårt nåværende fargevalg.
Ved å koble filer, i stedet for å legge inn filer, bruker vi flere tilkoblede filer i vårt designprosjekt. Selvfølgelig ønsker vi ikke at en av dem mangler. Derfor må vi organisere dem nøye. Pass på at du legger dem alle i en mappe. Som du kan se nedenfor, er de alle plassert i en mappe som heter brosjyrepakke.
Du bør også forstå hvordan Photoshop håndterer alle relaterte filer. Fra det offisielle hjelpesiden vil Photoshop først søke i filene i den siste absoluttposisjonen. Hvis Photoshop mislyktes, vil det søke igjen i samme mappe som containerfilen.
La oss se hva som skjer hvis en av de koblede filene mangler. Husk at vi for øyeblikket har to filer knyttet til hoved PSD-filen.
Hva om vi ved et uhell fjerner logoen fra opprinnelsesstedet, som er i samme mappe som filbeholderen?
Høyreklikk Hoved PSD-filen og velg deretter Vis tilknyttede filer. En advarsel vises, og påminner oss om at det mangler filer.
Hvis vi åpner containerfilen i Photoshop, vil en dialogboks dukke opp og fortelle oss om de manglende filene.
Klikk på Velge knappen for å prøve å søke etter den manglende filen. Når du har funnet det, velg det og klikk deretter på Sted knapp.
Et avkryssingsikon angir at de manglende koblede filene er funnet.
Du kan velge å ignorere advarselsdialogboksen. Hvis du gjør det, inne i lag panel og Eiendommer panelet, finner du et spørsmålstegnikon som forteller deg om tapet av den tilknyttede filen.
Klikk på Rediger innhold knapp eller Dobbeltklikk laget, og prøv deretter å finne den manglende filen manuelt.
Så vær sikker på at du alltid legger beholderfilen og tilhørende filer i samme mappe. En annen fordel ved å bruke den tilhørende filen er en mindre filstørrelse. Som du kan se på statuslinjen, er beholderfilstørrelsen 14,43 MB.
Du kan alltid bruke den tidligere metoden med Smart Objects, som er å legge inn filene. Embedding betyr at du plasserer bildedataene direkte i containerfilen.
Du kan legge inn alle Smart Objects ved å klikke Lag> Smarte objekter> Legge sammen alle sammenkoblede.
Du vil ikke se et koblingsikon i lagets miniatyrbilde eller i Eiendommer panel. I stedet ser du et vanlig gammelt Smart Object-ikon.
Du vil også merke forskjellen i filstørrelsen mellom Embedded og Linked Smart Objects. Fordi innebygd betyr at du plasserer all bildeinformasjon i en containerfil, får du en veldig stor filstørrelse. I dette tilfellet genererer Embedded Smart Objects 70 MB mens koblede smarte objekter genererer 14 MB.
I denne opplæringen har vi koblet to filer, PSD (Photoshop) og AI (Illustrator) til en brosjyrefil. Faktisk kan du også koble disse filene til en annen fil for et flertall designprosjekt, for eksempel å koble vektorlogoen til en visittkortfil.
På denne måten kan vi bare redigere vektorlogoen, og resultatet blir automatisk oppdatert i både containerfiler, brosjyre og visittkort. I dette tilfellet endrer vi tekstlogoen fra en til s.
Vektorlogoen i brosjyren oppdateres også automatisk.
Fra denne lange opplæringen kan vi se at de nye Linked Smart Objects i Adobe Photoshop gir oss mer frihet til å jobbe ikke-destruktivt. Denne nye funksjonen vil være svært nyttig for de som jobber som et lag. For eksempel kan man fokusere på layouten, den andre på logoen, og den andre kan fokusere på fotomanipulering for bildebakgrunnen. Jeg håper du kan finne nye triks for å bruke denne nye funksjonen. Hvis du lykkes, gi meg beskjed i kommentarfeltet.
Accentsconagua