Using de nye Koblede smarte objekter i Photoshop CC 2014
Hva du skal lage
I tidligere versjoner av smarte objekter, vi innebygd bildedata inn i PSD-filen. Nå har Adobe oppgradert smarte objekter i Photoshop CC 2014, slik at vi kan også koble dem til eksterne filer. I denne opplæringen, vil vi bruke nye funksjoner fra de nyeste Disse smarte objekter til å utforme en fleksibel brosjyre. Vi vil bruke Photoshop som vår viktigste verktøy og Illustrator for å designe sin logo.
Instruksjons Eiendeler
Vi kommer til å bruke noen royaltyfrie bilder. Du finner dem i de ferdige PSD-filer. Du kan bruke den til å sammenligne med den endelige arbeid. Vi skal også bruke gratis font Alef fra Google Fonts.
I denne prosessen vil vi bruke Adobe Bridge til å bla aktiva bilder. Husk å oppdatere Adobe Photoshop, fordi vi kommer til å bruke de nyeste funksjonene fra versjon CC 2014.
1. Forbereder Canvas
Trinn 1
Først vil vi starte med å lage en ny fil ( Ctrl-N
) for vår brosjyre. Velg den forhåndsinnstilte International Paper
med størrelse A5
.
Standardinnstillingen bruker 300 piksler /tomme
for sitt vedtak. Det betyr at hver 1 tomme × en tomme plassen inneholder 300 piksler. Dette er den perfekte setting for utskrift. Men siden dette er bare en enkel tutorial, kan vi ønsker å redusere oppløsningen litt. Sett den til 150 piksler /tomme. Lavere oppløsning betyr færre piksler. Færre piksler betyr raskere behandlingstid for Photoshop.
Her er lerretet vi har.
Trinn 2
Hit Ctrl-R
å avsløre herskerne på toppen og venstre side av lerretet. Disse herskerne vil hjelpe oss å identifisere markørens posisjon og for å plassere designelementer nøyaktig. Høyreklikk
linjalen og velg Millimeter
å endre sin enhet.
Trinn 3
Aktiver Marquee Tool
. Lag en ny rektangulær markering måler 11 mm x 11 mm i øverste venstre hjørne av lerretet. For å gjøre en perfekt rektangulær markering, drar markøren mens du holder Skift
tasten.
Trinn 4
Klikk og dra linjalen på utvalget kanten for å lage en ny guide rett på 11 mm horisontalt og 11 mm vertikalt.
Trinn 5
Gjør det samme i nedre høyre hjørne av lerretet. Tegn en 11 mm x 11 mm rektangel i nedre høyre hjørne og skape nye guider rundt det.
2. Legg en bakgrunn
Trinn 1
Åpne bildebyråer tilgjengelig inne kildefilene. Dette bildet ble levert av deathtothestockphoto. Klikk Fil > Lagre som
og deretter lagre dette som en PSD-fil. Velg Photoshop i Lagre som type
alternativ. Vi lagrer dette i en PSD-format (ikke JPG) for lettere modifisering i fremtiden.
Trinn 2
Dra PSD-filen på lerretet vi har skapt i Photoshop. Vi drar for å plassere filen i lerretet. Husk at vi ikke har tenkt å kopiere bildet og lime det, men vi har tenkt å koble filen i lerretet. Vi kan kalle dette lerretet en container fil
Du kan også bruke menyen, Fil >.; Plasser Linked
. I den neste dialogboksen velger du filen du vil sette inn.
Trinn 3
Etter at bildefilen er plassert inne i lerretet, vil du se en markeringsramme. Du kan endre størrelsen på bildefiler dimensjonene ved å dra håndtakene rundt. Du trenger ikke å bekymre deg for å gjøre en feil mens transformere det. Siden bildefilen lagres som et smart objekt, kan du alltids gjøre om eller bruke en annen transformasjon uten å ødelegge bildekvaliteten.
For å endre størrelsen og samtidig opprettholde bildesideforhold, dra i håndtakene mens du holder nede Shift-tasten.
Trinn 4
Hit Enter
for å bekrefte transformasjonsprosessen. Hvis du fortsatt ikke er fornøyd med resultatet, gjelder en annen transformasjon ved å trykke Ctrl-T
. Nå, ta en titt på Lag-panelet. Bakgrunnslaget som vi har lagt tidligere har et lite ikon nederst i høyre hjørne. Dette symbolet angir at laget er koblet til en annen fil.
3. Legg til innhold
Trinn 1
La oss legge en bunntekst i vår design. Åpne logo filen tilgjengelig med denne opplæringen. Logoen filen kommer fra deathtothestockphoto. Det er en EPS-fil, så bør du åpne den i Adobe Illustrator for å beholde sin vektor evner. Velg ett av logoer. Kopier den ved å trykke Ctrl-C
.
Trinn 2
Lag ny fil i Adobe Illustrator ( Ctrl-N
).
Trinn 3
Hit Ctrl-V
å lime logoen.
Trinn 4
Lagre logoen filen i samme mappe som vår brosjyren.
Trinn 5
La oss gå tilbake til vår brosjyre PSD fil. Plasser vektor logo i lerretet ved hjelp av menyen Fil > Plasser Linked
. I den neste dialogboksen velger du filen. Åpne det som et smart objekt med Beskjær til markeringsramme
valgt.
Trinn 6
Endre størrelsen på vektoren logo. Plasser den i nederste høyre hjørne av lerretet.
Trinn 7
Aktiver Type Tool Hotell og klikk og dra for å lage en ny tekstboks. Fyll den med to eller tre korte avsnitt, etterfulgt av nettsiden adressen selskapet i stor tekst. For skrifttype, bruker Alef fra Google Fonts.
Trinn 8
Legg til en tekstboks på toppen av lerretet. Bruk samme skrifttype for konsistens. Sette sitt skriftstørrelsen til å være større, siden dette er brosjyren hovedtittel.
4. Rediger Linked Smart Object
Trinn 1
For nå har vi to smarte objekter, i logoen og bakgrunnen. Vi er også klar over at smartobjektlaget er knyttet til den opprinnelige filen. La oss prøve å endre dem og se hva som skjer.
Først endre bakgrunns innhold. Aktiver Smart Object bakgrunn
. Åpne Egenskaper
panel. Klikk Rediger innhold
. Du kan også direkte dobbeltklikke på lag for å redigere innholdet.
Du kan finne denne dialogboksen. Photoshop vil be deg om å lagre filen i samme område. Bare klikk OK.
Trinn 2
Bakgrunnen laget vil bli åpnet som en egen PSD fil. Det neste som vi kommer til å 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 er veldig nær vinduet.
I bakgrunnslaget fil, velger noen deler av bakgrunnen, og deretter traff Ctrl-J
å kopiere den.
Trinn 3
Hit Arrow Shift-Up
å flytte det oppover.
Trinn 4
Velg den nederste delen av bildet ved hjelp av marquee Tool
.
Trinn 5
Hit Ctrl-T Hotell og deretter endre størrelsen før vi har en renere bordflate.
Trinn 6
Slett unødvendige områder ved hjelp av Eraser Tool
med en myk, stor børste.
Trinn 7
Vi er ferdig med å redigere bakgrunnslaget fil . Lagre og lukk den. Brosjyren bakgrunn blir automatisk oppdatert.
Trinn 8
La oss prøve en annen måte å redigere bakgrunnslaget. Lukk brosjyre filen. Vi vet at bakgrunnslaget er knyttet til en PSD-fil. Så, hvorfor ikke vi redigere PSD filen direkte? I Adobe Bridge, dobbeltklikker du på bakgrunn PSD-fil for å åpne den i Photoshop.
Trinn 9
Ta et annet bilde fra deathtothestockphoto-du vil finne den med kildefilene for denne opplæringen. Lim den til vår PSD fil. Lagre PSD.
Trinn 10
La oss åpne brosjyren filen i Photoshop og se hva som skjer videre.
Trinn 11
lag
panel, vil du finne et utropstegnet inne i bakgrunnen smartobjektlaget. Dette ikonet advarer oss om at det er et problem med laget. I Egenskaper
panel, vil du også finne en lignende utropstegn.
Trinn 12
Vi vet at innholdet i den koblede filen er allerede oppdatert. Vi kan instruere Photoshop for å oppdatere datalaget ved å klikke Layer > Smart Object > Oppdater endret innhold
.
Ta en titt på lerretet. Bakgrunnen blir automatisk oppdatert.
Trinn 13
Klikk på Rediger innhold
knappen for å redigere filen.
Trinn 14
Utfør en transformasjon ( Ctrl-T
) i det nye bildet.
Lagre bakgrunnen filen. Gå tilbake til brosjyren filen og deretter oppdatere bakgrunnen smart laget.
Trinn 15
For å legge til kontrast i bunnteksten, legge en enkel rektangel nederst. Bruk samme farge som fargen på logoen.
Så langt er her utformingen vi har.
Hvis du vil, kan du fortsatt endre bakgrunnen og kanskje flytte bildet litt .
5. Annet fargevalg
Trinn 1
Vi har endret bakgrunnsbildet. Nå, la oss endre fargevalget. I denne versjonen, vil fargen på logo og teksten snus. Først ønsker vi å legge en enkel rektangel for tekstens bakgrunn. Bruk Shape Tool med Shape alternativet er valgt i Option Bar. Sett Fyll til # 231f20.
Klikk og dra for å tegne en enkel rektangel i bunnen av lerretet.
Trinn 2
Endre tekstfarge til hvit.
Trinn 3
Vi ønsker også å redigere vektor logo og endre fargen.
Vi kan gjøre dette ved å aktivere vektor logo smart objekt i Lag
panel. Egenskaper
panel, klikker du på Rediger innhold
knappen.
Vi kan også søke etter filer knyttet til Vector og deretter åpne dem i Photoshop.
Høyreklikk
brosjyren filen og velg Vis koblede filer
.
Adobe Bridge vil vise deg en liste filer som er knyttet til beholderfilen. Som du kan se nedenfor, er det to filer som er knyttet til denne PSD, bakgrunn og logo. Dobbeltklikk
logoen filen for å redigere den ved hjelp av riktig program, i dette tilfellet Adobe Illustrator.
Trinn 4
Velg alle bakgrunns former.
< p> Endre farge til svart. Gjør dette igjen til alle figurene bak teksten.
Invert tekstfargen til hvit. Lagre og lukk deretter vektor fil.
Trinn 5
La oss gå tilbake til vår brosjyre fil. Vi har nå en omvendt logo som matcher vår nåværende fargevalg.
6. Organisere filer
Trinn 1
Ved å knytte filer, i stedet for å bygge filer, bruker vi flere tilkoblede filer i vårt design prosjekt. Selvfølgelig ønsker vi ikke en av dem mangler. Derfor trenger vi å organisere dem nøye. Kontroller at du setter dem i en mappe. Som du kan se nedenfor, de er alle plassert i en mappe som heter brosjyre pakke
.
Du bør også forstå hvordan Photoshop håndterer alle relaterte filer. Fra den offisielle hjelpeside, vil Photoshop først søke filene i den siste absolutte posisjonen. Hvis Photoshop mislyktes, vil den søke på nytt i samme mappe som beholderfilen.
Trinn 2
La oss se hva som skjer hvis en av de koblede filene mangler. Husk at tiden vi har to filer knyttet til hoved PSD-fil.
Hva om vi tilfeldigvis fjerne logoen fra opprinnelsessted, som er i samme mappe som filen container?
Trinn 3
Høyreklikk
hoved PSD-filen og velg Vis koblede filer
. En advarsel vises, og minner oss om at det er filer som mangler.
Hvis vi åpner beholderfilen i Photoshop, en dialogboks vil dukke opp og fortelle oss om de manglende filene.
Klikk Velg
knappen for å prøve å søke etter den manglende filen. Når du har funnet den, velger du den og klikker på Plasser
knappen.
En hake ikon angir at de manglende koblede filene har blitt funnet.
Du kan velge å ignorere dialogboksen med advarselen. Hvis du gjør det, inne i Lag
panel og Egenskaper
panel, vil du finne et spørsmålstegn forteller deg om tapet av den tilknyttede filen.
Klikk på Rediger innhold
knappen eller dobbeltklikk
laget og deretter prøve å finne den manglende filen manuelt.
så, sørg for å alltid sette beholderfilen og tilhørende filer i samme mappe. En annen fordel med å bruke den relaterte filen er en mindre filstørrelse. Som du kan se på statuslinjen, er størrelsen beholderfilen 14.43 MB.
Trinn 4
Du kan alltid bruke den tidligere metoden med smarte objekter, som er å legge filene. Inkludering betyr at du plasserer bildedataene direkte i beholderen filen
Du kan legge inn alle smarte objekter ved å klikke Layer >.; Smart Objects > Embed alle koblede
.
Du vil ikke se et linkikon i laget miniatyrbilde eller Egenskaper
panel. I stedet vil du se en vanlig gammel smart objekt ikonet.
Du vil også legge merke til forskjellen i størrelsen på filen mellom den innebygde og koblede smarte objekter. Fordi innebygd betyr at du plasserer all bildeinformasjon i en container fil, vil du få en veldig stor filstørrelse. I dette tilfellet, Embedded smarte objekter generere 70 MB mens Disse smarte objekter generere 14 MB.
7. Knytte en fil til flere Design Files
Trinn 1
I denne opplæringen, har vi knyttet to filer, PSD (Photoshop) og AI (Illustrator), til en brosjyre fil. Egentlig kan du også koble disse filene til en annen fil for en flere designprosjekt, for eksempel kan man koble vektoren logoen til et visittkort fil.
Trinn 2
På denne måten kan vi enkelt redigere vektor logo, og resultatet vil automatisk bli oppdatert i både container filer, brosjyre og visittkort. I dette tilfellet, endrer vi teksten logoen fra a
til s
.
vektor logo i brosjyren blir automatisk oppdatert også.
Konklusjon
Fra denne lange opplæringen, kan vi se at de nye Koblede smarte objekter i Adobe Photoshop gir oss mer frihet til å jobbe non-destruktivt. Denne nye funksjonen vil være svært nyttig for de som arbeider som et team. For eksempel kan man fokusere på layout, den andre på logoen, og den andre kan fokusere på fotomanipulasjon for bildebakgrunn. Jeg håper du kan finne nye triks for å bruke denne nye funksjonen. Hvis du lykkes, gi meg beskjed i kommentarfeltet området.