Share
Vad du ska skapaI tidigare versioner av Smart Objects inbäddade vi bilddata till PSD-filen. Nu har Adobe uppgraderat smarta objekt i Photoshop CC 2014 så vi kan också länka dem till externa filer. I den här handledningen använder vi nya funktioner från de senaste länkade smarta objekten för att skapa en flexibel broschyr. Vi kommer att använda Photoshop som vårt huvudverktyg och Illustrator för att designa sin logotyp.
Vi ska använda några royaltyfria bilder. Du hittar dem i de färdiga PSD-filerna. Du kan använda den för att jämföra med ditt slutliga arbete. Vi ska också använda den fria teckensnittet Alef från Google Fonts.
I processen använder vi Adobe Bridge för att bläddra i tillgångsbilder. Kom ihåg att uppdatera din Adobe Photoshop, eftersom vi ska använda de senaste funktionerna från version CC 2014.
Först ska vi börja med att skapa en ny fil (Kontroll-N) för vår broschyr. Välj förinställd Internationellt papper med storlek A5.
Standardinställningen använder 300 pixlar / tum för sin resolution. Det betyder att varje 1 tum × 1 tums kvadrat innehåller 300 pixlar. Detta är den perfekta inställningen för utskrift. Men eftersom detta bara är en enkel handledning kanske vi vill sänka upplösningen lite. Ställ den till 150 pixlar / tum. Lägre upplösning innebär färre pixlar. Färre pixlar innebär snabbare bearbetningstid för Photoshop.
Här är duken som vi har.
Träffa Kontroll-R att avslöja linjalerna på kanvasens övre och vänstra sida. Dessa linjaler hjälper oss att identifiera markörens position och att placera designelementen exakt. Högerklicka linjalen och välj sedan millimeter att byta enhet.
Aktivera Markeringsverktyg. Gör en ny rektangulär urvalsmätning 11 mm × 11 mm på det övre vänstra hörnet av duken. För att få ett perfekt rektangulärt urval drar du markören medan du håller Flytta nyckel-.
Klicka och dra linjalen på valkanten för att göra en ny guide rätt vid 11 mm horisontellt och 11 mm vertikalt.
Gör detsamma i det nedre högra hörnet av duken. Rita en 11 mm × 11 mm rektangel i nedre högra hörnet och skapa nya guider runt den.
Öppna stock photo tillgängliga i källfilerna. Detta foto tillhandahålls av deathtothestockphoto. Klick Arkiv> Spara som och spara sedan detta som en PSD-fil. Välj Photoshop i Spara som typ alternativ. Vi sparar detta i ett PSD-format (inte JPG) för enklare modifiering i framtiden.
Dra PSD-filen till den duk som vi har skapat i Photoshop. Vi drar för att placera filen i duken. Kom ihåg att vi inte tänker kopiera bilden och klistra in den, men vi avser att länka filen i duken. Vi kan kalla den här duken en containerfil.
Du kan också använda menyn, File> Place Linked. I den nästa dialogrutan väljer du filen du vill infoga.
När bildfilen är placerad inuti duken ser du en avgränsningsruta. Du kan ändra storlek på bildfilens mått genom att dra handtagen runt. Du behöver inte oroa dig för att göra ett misstag när du omvandlar det. Eftersom bildfilen sparas som ett smart objekt kan du alltid göra om eller använda en annan omvandling utan att förstöra bildkvaliteten.
För att ändra storlek samtidigt som bildformatförhållandet hålls kvar, dra handtagen medan du håller ned Flytta nyckel-.
Slå Stiga på nyckeln för att bekräfta omvandlingsprocessen. Om du fortfarande inte är nöjd med resultatet, använd en annan transformation genom att slå Kontroll-T. Titta nu på Skikten panel. Bakgrundsskiktet som vi lagt till tidigare har en liten ikon i nedre högra hörnet. Den här ikonen indikerar att skiktet är länkat till en annan fil.
Låt oss lägga till en sidfot i vår design. Öppna logotypfilen som är tillgänglig med den här handledningen. Logotypfilen kommer från deathtestockockhoto. Det är en EPS-fil, så du borde öppna den i Adobe Illustrator för att behålla dess vektoregenskaper. Välj en av logotyperna. Kopiera det genom att slå Kontroll-C.
Skapa en ny fil i Adobe Illustrator (Kontroll-N).
Träffa Kontroll-V att klistra in logotypen.
Spara logotypfilen i samma mapp som vår broschyr.
Låt oss gå tillbaka till vår broschyr PSD-fil. Placera vektorlogotypen i duken med hjälp av menyn File> Place Linked. I den nästa dialogrutan väljer du filen. Öppna den som ett smart objekt med Beskära till gränserna vald.
Ändra storleken på vektorns logotyp. Placera det i det nedre högra hörnet av duken.
Aktivera Typverktyg och klicka sedan och dra för att skapa en ny textruta. Fyll den med två eller tre korta stycken, följt av företagets webbadress i stor text. För typsnittstypen, använd Alef från Google Fonts.
Lägg till en annan textruta ovanpå duken. Använd samma typsnitt för konsistens. Ställ in dess teckensnitt för att vara större, eftersom det här är broschyrens huvudtitel.
För närvarande har vi två smarta objekt, i logotypen och bakgrunden. Vi är också medvetna om att Smart Object-skiktet är kopplat till originalfilen. Låt oss försöka ändra dem och se vad som händer.
Ändra först bakgrundsinnehållet. Aktivera det smarta objektet bakgrund. Öppna Egenskaper panel. Klick Redigera innehållet. Du kan också direkt dubbelklicka lagret för att redigera innehållet.
Du kan hitta denna dialogruta. Photoshop kommer att be dig att spara filen i samma område. Klicka bara på ok.
Bakgrundsskiktet öppnas som en separat PSD-fil. Nästa sak som vi ska göra med bakgrunden är att redigera en del av fotot för att lägga till mer kontrast i texten. Ta en titt på följande bild. Den svarta texten ligger mycket nära fönstret.
I bakgrundsskiktfilen väljer du vissa delar av bakgrunden och trycker sedan på Kontroll-J att duplicera det.
Träffa Shift-Up Arrow att flytta den uppåt.
Välj den nedre delen av bilden med hjälp av Markeringsverktyg.
Träffa Kontroll-T och ändra sedan dess storlek tills vi har en renare bordsyta.
Radera onödiga områden med hjälp av Utsuddningsverktyg med en mjuk, stor borste.
Vi är redo att redigera bakgrundsfilen. Spara och stäng sedan den. Broschyrens bakgrund uppdateras automatiskt.
Låt oss försöka ett annat sätt att redigera bakgrundsskiktet. Stäng broschyrfilen. Vi vet att bakgrundsskiktet är länkat till en PSD-fil. Så, varför redigerar vi inte PSD-filen direkt? I Adobe Bridge dubbelklickar du på bakgrunds-PSD-filen för att öppna den i Photoshop.
Ta en annan bild från deathtothestockphoto-du hittar den med källfilerna i denna handledning. Klistra in det i vår PSD-fil. Spara PSD.
Låt oss öppna broschyrfilen i Photoshop och se vad som händer nästa.
I Skikten panelen, hittar du en utropsteckenikon i bakgrunden Smart Object-lagret. Den här ikonen varnar oss om att det finns ett problem med skiktet. I Egenskaper panelen hittar du också en liknande utropsteckenikon.
Vi vet att innehållet i den länkade filen redan är uppdaterad. Vi kan instruera Photoshop för att uppdatera datalaget genom att klicka på Layer> Smart Object> Uppdatera ändrat innehåll.
Ta en titt på duken. Bakgrunden uppdateras automatiskt.
Klicka på Redigera innehållet knappen för att redigera filen.
Utför en transformation (Kontroll-T) till den nya bilden.
Spara bakgrundsfilen. Återgå till broschyrfilen och uppdatera sedan bakgrundsskiktet.
För att lägga till kontrast i sidfoten lägger du till en enkel rektangel längst ner. Använd samma färg som logotypens färg.
Hittills är här den design vi har.
Om du vill kan du ändå redigera bakgrunden och kanske flytta bilden lite.
Vi har ändrat bakgrundsbilden. Nu, låt oss ändra färgschemat. I den här versionen kommer logotypens färg och texten att inverteras. Först vill vi lägga till en enkel rektangel för textbakgrunden. Använd Formverktyg med Form alternativet valt i Alternativbar. Ställ in Fylla till # 231f20.
Klicka och dra att rita en enkel rektangel i kanfas botten.
Ändra textfärgen till vit.
Vi vill också redigera vektorns logotyp och ändra dess färg.
Vi kan göra detta genom att aktivera vektorlogotypen Smart Object i Skikten panel. Från Egenskaper panel, klicka på Redigera innehållet knapp.
Vi kan också leta efter filer som är associerade med logotypvektorn och öppna dem i Photoshop.
Högerklicka broschyrfilen och välj sedan Visa länkade filer.
Adobe Bridge visar dig en lista över filer som är länkade till behållarfilen. Som du kan se nedan finns det två filer som är kopplade till denna PSD, bakgrund och logotyp. Dubbelklicka logotypen för att redigera den med lämpligt program, i det här fallet Adobe Illustrator.
Välj alla bakgrundsformer.
Ändra sin färg till svart. Gör det igen på alla former bakom texten.
Vänd textfärgen till vit. Spara och stäng sedan vektorfilen.
Låt oss återvända till vår broschyrfil. Vi har nu en inverterad logotyp som matchar vårt nuvarande färgschema.
Genom att länka filer, istället för att bädda in filer, använder vi flera anslutna filer i vårt designprojekt. Självklart vill vi inte att en av dem saknas. Därför måste vi ordna dem noggrant. Se till att du lägger dem alla i en mapp. Som du kan se nedan placeras de alla i en mapp som heter broschyrpaket.
Du bör också förstå hur Photoshop hanterar alla relaterade filer. Från den officiella hjälpsidan kommer Photoshop först att söka efter filerna i den sista absoluta positionen. Om Photoshop misslyckades kommer det att söka igen i samma mapp som containerfilen.
Låt oss se vad som händer om någon av de länkade filerna saknas. Kom ihåg att vi för närvarande har två filer kopplade till huvud PSD-filen.
Vad händer om vi av misstag tar bort logotypen från ursprungsorten, som ligger i samma mapp som filbehållaren?
Högerklicka huvud PSD-filen och välj sedan Visa länkade filer. Ett varningsmeddelande visas, och påminner oss om att det saknas filer.
Om vi öppnar behållarfilen i Photoshop visas en dialogruta och berättar om de saknade filerna.
Klicka på Välja knappen för att försöka söka efter den saknade filen. När du har hittat det, välj det och klicka sedan på Plats knapp.
En kryssmarkeringsymbol indikerar att de saknade länkade filerna har hittats.
Du kan välja att ignorera varningsdialogrutan. Om du gör det, inuti Skikten panel och Egenskaper panelen, hittar du ett frågeteckenikon som berättar om förlusten av den associerade filen.
Klicka på Redigera innehållet knapp eller dubbelklicka lagret och försök sedan hitta den saknade filen manuellt.
Så var noga med att alltid placera behållarfilen och tillhörande filer i samma mapp. En annan fördel med att använda den relaterade filen är en mindre filstorlek. Som du kan se på statusfältet är behållarens filstorlek 14,43 MB.
Du kan alltid använda den tidigare metoden med smarta objekt, vilket är att bädda in filerna. Inbäddning innebär att du placerar bilddata direkt i behållarfilen.
Du kan bädda in alla smarta objekt genom att klicka på Layer> Smart Objects> Bädda in alla länkade.
Du kommer inte att se en länkikon i skiktets miniatyrbild eller på Egenskaper panel. I stället ser du en vanlig gammal Smart Object-ikon.
Du kommer också att märka skillnaden i filstorleken mellan Embedded och Linked Smart Objects. Eftersom inbäddad innebär att du placerar all bildinformation i en containerfil får du en mycket stor filstorlek. I det här fallet genererar inbyggda smarta objekt 70 MB medan länkade smarta objekt genererar 14 MB.
I den här handledningen har vi kopplat två filer, PSD (Photoshop) och AI (Illustrator) till en broschyrfil. I själva verket kan du också länka dessa filer till en annan fil för ett flertalet designprojekt, till exempel koppla vektorns logotyp till en visitkortfil.
På så sätt kan vi helt enkelt redigera vektorns logotyp, och resultatet uppdateras automatiskt i både behållarfiler, broschyrer och visitkort. I detta fall ändrar vi textlogotypen från en till s.
Vektorlogotypen i broschyren uppdateras också automatiskt.
Från den här långa handledningen kan vi se att de nya länkade smarta objekten i Adobe Photoshop ger oss mer frihet att arbeta icke-destruktivt. Denna nya funktion kommer att vara till stor hjälp för dem som arbetar som ett lag. Till exempel kan man fokusera på layouten, den andra på logotypen, och den andra kan fokusera på foto manipulation för bildbakgrunden. Jag hoppas att du kan hitta nya knep för att använda den nya funktionen. Om du lyckas, låt mig veta i kommentarfältet.
Accentsconagua