I den här tutorialen visar jag dig hur du skapar smarta objekt i Photoshop! Du lär dig hur du öppnar en ny bild i Photoshop som ett smart objekt, hur du konverterar ett befintligt lager till ett smart objekt och hur du placerar en bild som ett smart objekt i ditt Photoshop-dokument. Vi tittar också på hur man öppnar råfiler som smarta objekt, både från Photoshops Camera Raw-plugin och från Adobe Lightroom. Och vi får till och med lära dig att placera Adobe Illustrator-filer direkt i Photoshop som smarta objekt!

Vad är smarta objekt?

Ett smart objekt är en behållare som innehåller innehållet i ett lager. Behållaren skyddar innehållet inuti den från skada. Vi kan skala och ändra storlek på behållaren, tillämpa transformationer, varp och snedvridningar och till och med tillämpa Photoshops filter på ett smart objekt, allt utan kvalitetsförlust och utan att göra en enda permanent ändring av skiktet inuti den.

Vi kan göra flera kopior av ett smart objekt, alla visar samma innehåll och sedan redigera eller till och med ersätta innehållet och få våra ändringar direkt i varje kopia. Detta gör smarta objekt perfekt för att skapa återanvändbara mallar! Vi tittar på olika sätt att använda smarta objekt i hela denna serie tutorials.

I den här första tutorialen lär vi oss att skapa smarta objekt i Photoshop. Jag ska använda Photoshop CC men du kan också följa med Photoshop CS6. Låt oss börja!

Hur man konverterar ett lager till ett smart objekt

Låt oss börja med att lära oss hur man konverterar ett befintligt lager till ett smart objekt. Här är en bild som jag för närvarande har öppet i Photoshop:

Den ursprungliga bilden. Fotokredit: Adobe Stock.

I panelen Lager ser vi bilden i bakgrundsskiktet:

Panelen Lager som visar bilden i bakgrundsskiktet.

Metod 1: Layer-menyn

Det finns några sätt att konvertera ett lager till ett smart objekt. Ett sätt är att gå upp till Layer- menyn i menyfältet, välja Smart Objects och välja Convert to Smart Object :

Gå till lager> Smarta objekt> Konvertera till smarta objekt.

Det ser inte ut som att något har hänt med bilden. Men om vi tittar igen i lagpanelen ser vi nu en smart objektikon längst ner till höger i skiktets förhandsvisningsminiatyr. Så här säger Photoshop oss att lagret nu är ett smart objekt. Jag har förstorat den här för att göra ikonen lättare att se:

Den smarta objektikonen.

Metod 2: Panelen Meny för lager

Ett annat sätt att konvertera ett lager till ett smart objekt är från panelmenyn Layers. Klicka på menyikonen i det övre högra hörnet på panelen Lager:

Klicka på menyikonen.

Välj sedan Konvertera till smart objekt i listan:

Att välja "Konvertera till smart objekt" i panelen Meny för lager.

Metod 3: Från själva lagret

Ett tredje sätt är att högerklicka (Win) / Control-klicka (Mac) direkt på lagret i panelen Lager:

Högerklicka (Win) / Kontrollklicka (Mac) på lagret.

Och välj sedan Konvertera till smart objekt på menyn:

Välj "Konvertera till smart objekt" i listan.

Metod 4: Med ett markeringsverktyg aktivt

Och slutligen, om du har något av Photoshopps valverktyg aktiva i verktygsfältet (Marquee Tools, Lasso Tools eller Quick Selection Tool):

Se till att du har ett markeringsverktyg aktivt.

Du kan högerklicka (Win) / Control-klicka (Mac) direkt på bilden i dokumentet och välja Convert to Smart Object från menyn. Det enda markeringsverktyget där kommandot Konvertera till smart objekt inte är tillgängligt är Magic Wand Tool:

Högerklicka (Win) / Kontrollklicka (Mac) och välj "Konvertera till smart objekt".

Hur man öppnar en bild som ett smart objekt

Hittills har vi lärt oss hur man konverterar ett befintligt lager till ett smart objekt. Men vi kan också öppna en ny bild som ett smart objekt i Photoshop. Gå upp till Arkiv- menyn i menyraden och välj Öppna som smart objekt :

Gå till Arkiv> Öppna som smart objekt

Navigera till bilden på din dator som du vill öppna. Klicka på den för att markera den och klicka sedan på Öppna :

Att välja fotot som ska öppnas som ett smart objekt.

Bilden öppnas i sitt eget dokument:

Öppna en bild skapar ett nytt Photoshop-dokument. Fotokredit: Adobe Stock.

Och i lagerpanelen ser vi samma smarta objektikon längst ner till höger i skiktets förhandsvisningsminiatyr, och berättar att Photoshop automatiskt har konverterat bilden till ett smart objekt för oss:

Bilden öppnas som ett smart objekt.

Hur man öppnar råa filer som smarta objekt

Tillsammans med att öppna standardbildfiler som JPEG.webp, kan vi också öppna råfiler i Photoshop som smarta objekt. Fördelen med att öppna en råfil som ett smart objekt är att en kopia av själva råfilen kommer att inbäddas i Photoshop-filen, vilket gör att vi kan öppna den igen i Camera Raw, redigera den så mycket vi behöver och ha våra ändringar direkt återspeglas i dokumentet. Om du vill öppna en råfil som ett smart objekt går du upp till Arkiv- menyn i menyraden och väljer Öppna :

Gå till Arkiv> Öppna.

Navigera till en råfil på din dator. Klicka på filen för att välja den och klicka sedan på Öppna . Jag öppnar min "flower.dng" -fil:

Välja en råfil.

Detta öppnar bilden i Photoshops Camera Raw- plugin:

Den råa filen öppnas i Camera Raw.

Förvandla "Open Image" till "Open Object"

Om vi ​​ser ner i det nedre högra hörnet ser vi knappen Öppna bild . Men genom att klicka på Öppna bild öppnas filen i Photoshop som ett normalt lager, inte som ett smart objekt, så förlorar vi alla fördelarna med att ha den råa filen att arbeta med:

Standard Open Image-knappen. Klicka inte på det här.

Om du vill öppna den råa filen som ett redigerbart smartobjekt trycker du och håller ner Skift- tangenten på tangentbordet. Detta förvandlar knappen Open Image till en Open Object- knapp:

Håll Shift intryckt för att förvandla knappen Open Image till Open Object.

Klicka på Öppna objekt för att öppna bilden i ett nytt Photoshop-dokument:

Den råa filen öppnas i Photoshop.

I panelen Lager ser vi den nu bekanta smarta objektikonen längst ner till höger i skiktets förhandsvisningsminiatyr, och berättar att bilden öppnades som ett smart objekt:

Panelen Lager som visar bilden som ett smart objekt.

Redigering av en råfil öppnas som ett smart objekt

Som jag nämnde är den största fördelen med att öppna en rå fil som ett smart objekt att själva den rå filen är inbäddad i dokumentet. Om du vill öppna den råa filen för ytterligare redigering dubbelklickar du på dess miniatyr i panelen Layer:

Dubbelklicka på miniatyren för smart objekt.

Detta öppnar bilden igen i Camera Raw. Gör alla ändringar du behöver och klicka sedan på OK för att acceptera dem. Ändringarna visas direkt i ditt Photoshop-dokument. Du kan redigera Camera Raw-inställningarna så många gånger du vill utan att förlora bildkvaliteten:

Camera Raw är fullt tillgängligt när den råa filen öppnas som ett smart objekt.

Öppna råfiler som smarta objekt från Lightroom

Du kan också öppna en råfil som ett smart objekt i Photoshop direkt från Adobe Lightroom. Gå upp till Photo- menyn i Lightroom, välj Redigera i och välj sedan Öppna som smart objekt i Photoshop . Observera dock att när bilden är öppen i Photoshop, dubbelklickar du på miniatyren i panelen Lager öppnar den rå filen i Camera Raw, inte i Lightroom. Redigeringsalternativen i både Camera Raw och Lightroom är dock exakt desamma:

I Lightroom, gå till Foto> Redigera i> Öppna som smart objekt i Photoshop

Hur man placerar en bild som ett smart objekt

Istället för att öppna en bild i ett helt nytt Photoshop-dokument kan vi också placera en bild i ett befintligt dokument som ett smart objekt. I Photoshop CC, gå upp till Arkiv- menyn och välj Placera inbäddad . I Photoshop CS6, gå till Arkiv- menyn och välj Plats . Observera att i Photoshop CC finns det också ett alternativ som heter Place Linked. Vi tittar på skillnaden mellan Place Embedded och Place Linked i en separat handledning:

Gå till File> Place Embedded (CC) eller Place (CS6).

Navigera till bilden som du vill placera i ditt dokument. Klicka på den för att välja den och klicka sedan på Placera . Jag väljer min "texture.jpeg.webp" -bild:

Välja bilden som ska placeras i dokumentet.

Ändra storlek på den placerade bilden

Photoshop placerar texturbilden i blommodokumentet som jag öppnade för ett ögonblick sedan. Innan Photoshop placerar den placerade bilden ger vi oss först chansen att skala och transformera den. Jag vill blanda min texturbild i blommafotonet. Men eftersom strukturen och fotot använder olika bildförhållanden sticker en del av blommabilden ut på sidorna:

Texturbilden täcker inte helt blommabilden under den.

För att skala strukturen så att den täcker hela bilden under den trycker jag och håller ner Alt (Win) / Option (Mac) på mitt tangentbord när jag klickar på ett av sidhandtagen och drar det utåt. Holding Alt (Win) / Option (Mac) berättar för Photoshop att ändra storleken på bilden från dess centrum:

Håll Alt (Win) / Alternativ (Mac) och drar sidhandtagen utåt.

Att acceptera det, kommer jag trycker Enter (Win) / Return (Mac) på mitt tangentbord. Och nu när vi tittar på panelen Lager ser vi att min texturbild har placerats i dokumentet som ett smart objekt. Vi ser också bilden nedanför, också ett smart objekt. Fotot öppnades som ett smart objekt, vilket skapade dokumentet, och strukturen placerades sedan som ett smart objekt i samma dokument:

Strukturen och fotot under det är båda smarta föremål.

Relaterad självstudie: Photoshop's Free Transform essential skills

Använd blandningslägen med smarta objekt

För att blanda in strukturen med fotot behöver jag bara ändra blandningsläget på texturbilden. Vi kan använda blandningslägen med smarta objekt precis som vi kan med normala lager. Jag ändrar blandningsläget från Normal till Mjukt ljus :

Ändra blandningsläge för det smarta texturobjektet.

Och nu smälter strukturen in i bilden nedan:

Resultatet efter att ha ändrat blandningsläget för det smarta texturobjektet.

Använda Camera Raw som ett smart filter (Photoshop CC)

Låt oss säga att jag gillar själva strukturen men jag gillar inte färgen. Jag skulle hellre ha en gråskalig version av strukturen så att jag kan behålla originalfärgerna på bilden under den. Det bästa sättet att konvertera en färgbild till gråskala (svart och vitt) i Photoshop är att använda Camera Raw. Men eftersom mitt smarta texturobjekt har en JPEG.webp-bild, inte en råfil, kan jag inte bara dubbelklicka på miniatyren för att öppna den i Camera Raw.

Vad jag kan göra i Photoshop CC är att använda Camera Raw på strukturen som ett filter. Och eftersom vi kommer att applicera filtret på ett smart objekt blir det automatiskt ett redigerbart smartfilter! För att använda Camera Raw Filter ska jag se till att mitt smarta texturobjekt är valt i panelen Layers. Sedan går jag upp till filtermenyn i menyfältet och väljer Camera Raw Filter . Observera att Camera Raw-filter endast är tillgängligt i Photoshop CC:

Gå till filter> Camera Raw Filter.

Detta öppnar dialogrutan Camera Raw Filter, som ger oss samma bildredigeringsfunktioner som det huvudsakliga Camera Raw-plugin:

Camera Raw Filter.

Konvertera texturen till gråskala

För att konvertera strukturen till gråskala öppnar jag HSL / gråskala- panelen till höger om dialogrutan genom att klicka på fliken och sedan markerar jag Konvertera till gråskala- alternativet:

Att välja "Konvertera till gråskala".

Förhandsgranskningsområdet till vänster visar strukturen konverterad till gråskala. Jag klickar på OK för att acceptera det och stänga dialogrutan:

Förhandsgranskningen av hur den gråskaliga versionen ser ut.

Och precis som det har jag nu en gråskalig version av min textur som smälter in i fotografiets ursprungliga färger:

Resultatet efter att texturen har konverterats till gråskala.

Arbeta med smarta filter

Fördelen med att applicera ett filter på ett smart objekt är att Photoshop tillämpar det som ett smart filter . Smarta filter är icke-förstörande, vilket innebär att de inte kommer att göra några permanenta ändringar av bilden. Vi kan ändra inställningarna för ett smart filter när som helst och vi kan till och med slå på och stänga av smarta filter. I panelen Lager ser vi Camera Raw Filter som ett smart filter under strukturen:

Smarta filter listas nedanför det smarta objektet.

Om jag vill återgå till färgversionen av min textur, behöver jag bara stänga av Camera Raw smart filter. Och jag kan göra det bara genom att klicka på synbarhetsikonen bredvid filterens namn:

Klicka på synbarhetsikonen för att stänga av Camera Raw Filter.

När filtret är avstängt återställs färgversionen av texturen omedelbart, och jag är tillbaka på att blanda både själva strukturen och dess färg med fotot. Vi lär oss allt om smarta filter i en separat handledning:

Att stänga av det smarta filtret återställdes direkt texturens ursprungliga färg.

Hur du klistrar in Adobe Illustrator-filer som smarta objekt

Slutligen, låt oss lära oss hur du klistrar in en Adobe Illustrator-fil i ett Photoshop-dokument som ett smart objekt. Detta kommer inte bara att hålla de ursprungliga vektorformerna intakta, utan det kommer också att tillåta oss att öppna filen igen till Illustrator om vi behöver göra ändringar och sedan ändra dessa ändringar direkt i Photoshop.

Steg 1: Öppna bilderna i Illustrator

Jag går över till Illustrator där jag har öppnat en vektorillustration av en kolibri. Jag laddade ner den här filen från Adobe Stock:

Vektorkonst öppet i Illustrator. Kredit: Adobe Stock.

Steg 2: Välj och kopiera bilderna

För att flytta konstverk från Illustrator till Photoshop, gå upp till Välj- menyn (i Illustrator) och välj Alla :

I Illustrator går du till Välj> Alla.

Med det valda konstverket går du upp till Redigera- menyn och väljer Kopiera . Detta kopierar konstverket till urklippet:

Gå till Redigera> Kopiera.

Steg 3: Byt till Photoshop

Byt över till ditt dokument i Photoshop. Jag har öppnat den här bilden av blommor som jag ska klistra in kolibrierna i:

Photoshop-dokumentet där Illustrator-filen är på väg. Fotokredit: Adobe Stock.

Steg 4: Klistra in illustratören som ett smart objekt

För att klistra in konstverk från Illustrator i Photoshop-dokumentet, gå upp till menyn Redigera (i Photoshop) och välj Klistra in :

Gå till Redigera> Klistra in i Photoshop.

Photoshop frågar hur du vill klistra in konstverket. Välj Smart Object från listan:

Gå till Redigera> Klistra in i Photoshop.

Skalning och placering av konstverk

Precis som vi såg tidigare när du placerade en JPEG.webp-fil i ett dokument, kommer Photoshop först att ge dig chansen att skala bilderna med hjälp av Free Transform-handtagen. Du kan också dra inuti rutan Gratis omformning för att flytta bilderna på plats. I mitt fall kommer jag helt enkelt att dra kolibrierna lite högre upp i himlen ovanför blommorna:

Skala och placera konstverket om det behövs.

När du är redo trycker du på Enter (Win) / Return (Mac) på tangentbordet för att placera vektorgrafiken i ditt dokument:

Vektorkonsten har placerats i Photoshop-dokumentet.

Om vi ​​tittar på panelen Lager ser vi bilderna på ett nytt vektorsmart objekt ovanför bilden, med det smarta objektikonen längst ner till höger i förhandsvisningsminiatyren. Eftersom det smarta objektet har den ursprungliga vektorkonsten kan du skala och ändra storleken på det så mycket du behöver utan att förlora kvaliteten. Och om du dubbelklickar på det smarta objektets miniatyr, öppnar du teckningen tillbaka till Illustrator där du kan göra alla ändringar du behöver. När du sparar filen i Illustrator uppdateras ändringarna direkt i Photoshop:

Illustratörens konstverk visas i ett smart smart-objekt.

Och där har vi det! Det är hur du öppnar, konverterar och placerar dina bilder, råa filer och till och med Illustrator-filer i Photoshop som redigerbara, icke-förstörande smarta objekt! För mer om smarta objekt, lära dig att skala och ändra storlek på bilder utan att förlora kvaliteten och hur smarta objekt gör det enkelt att transformera och förvränga typ! Eller besök vårt Photoshop Basics-avsnitt för mer tutorials!