Så, du håller på att ha ett offentligt tal och behöver stödja det med snygga presentationsglas? Idag ska vi lära oss hur vi gör det genom att designa en PowerPoint-presentation i Photoshop. Syftet med presentationen är att presentera information på bästa möjliga sätt. Innan du börjar med designen behöver du veta om din presentation är tänkt att underhålla, informera, övertyga eller sälja. I dagens handledning visar jag dig hur man designar en PowerPoint-presentation som behöver informera (självklart) och visa presentatörer kreativitet och mångfald. Låt oss börja!
Följande tillgångar användes under produktionen av denna handledning.
Innan vi börjar dra på en större duk behöver vi skapa några mönster för vår bakgrundseffekt. För att göra detta öppna ett nytt dokument, 70x70 px, fyll det med vit färg #ffffff. Gå till Visa> Visa> Rutnät, den kommer att aktivera rutnätvyn. Detta hjälper oss att enkelt rita ett perfekt mönster. Välj nu Linjeverktyget (U) och dra en vertikal 1px svart linje längst till höger om dokumentet.
Dubbla linjen och rikta den till nätet.
Gör detsamma nu för horisontella linjer. Observera att jag släppte ut den övre och vänstra raden, jag fyllde inte hela nätet. Detta beror på att mönstret kommer att upprepas och höger och botten av nästa mönster kommer att fylla det gapet.
Skapa nytt lager. Välj Markeringsverktyg (M) och håll förskjutning rita ett urval som passar exakt inom en enhet i vårt dokumentrutenät. Fyll skiktet med svart färg # 000000 och ge den 60% opacitet.
Duplicera det lagret för att skapa en patter som visas i följande bild.
Gå till Redigera> Definiera mönster, ge det ett namn (jag heter "mozaik") och klicka på OK. Stäng dokumentet. Det sparas nu och kommer att visas i vårt patterbibliotek.
Skapa nytt 1024x768 px dokument och spara det som background.psd. Lås upp bakgrundslagret genom att dubbelklicka på det och klicka på OK i dialogrutan (detta tar bort låsikonen från lagret). Dubbelklicka igen på det olåsta bakgrundsskiktet, en dialogruta för effekter dyker upp. Lägg gradienteffekten som visas i bilden. Gradient färger från vänster till höger: # f9fff4, # ebf7e7 och # e3f9ed.
Skapa nytt lager ovan och fyll i det med vit. Ställ in blandningsläge till Multiplicera och lägg till mönstertillägget med det tidigare skapade mönstret "mozaik". I effekter ställer du opacitet till 4%, lämnar andra värden som standard.
Skapa lagringsmapp och namnge den "Layout". Välj rektangelformverktyg (U) och dra ut en 365x747 px-form, fyll färg #ffffff.
Lägg gradienteffekten som visas i bilden. Gradientfärger från vänster till höger: # e5e3e3, # f6f6f6 och #ffffff. Lägg till inre glöd-effekt, färg #ffffff, opacitet 87% och storlek 54. Lämna andra inställningar som standard.
Skapa nytt lager under rektangelformlagret.
Håll kommando / Ctrl + Klicka på formlagret för att skapa ett urval från det. Medan det nyskapade tomma lagret är valt fyller du det med svart # 000000. Gå till Filter> Blur> Gaussian Blur och skriv in 6px radie.
Lägg till Layer Mask genom att klicka på den lilla maskikonen längst ner på lagpaletten. Välj en mjuk borste på 300 px och sätt bakgrundsfärgen till svart # 000000.
Nu borsta försiktigt de delar av skuggan du vill maskera (gömma). Då kommer vi att skapa en fin skuggningseffekt.
Vi vill ge innehållslayouten lite mer av ett riktigt papperslook så vi behöver några horisontella papperslinjer. För att lägga till dem måste vi skapa mönstret först. Skapa ett nytt dokument 70x70 px, precis som vi gjorde med vårt första mönster. Slå på Grid-vy och dra ut två (2) vita (#ffffff) rektanglar på båda sidor. Lämna mitten av dokumentet tomt (transparent) storlek på en nätenhet. Rita en svart rektangelstorlek på hälften av rutnätet som visas på bilden.
Gå till Redigera> Definiera mönster, ge det ett namn (prickat) och spara det. Stäng dokumentet.
Nu kan vi tillämpa det här mönstret i vår innehållslayout. Kopiera rektangelformlagret, ta bort effekterna och ändra färg till # 838383. Lägg till mönsteröverlagseffekt och välj det prickade mönstret vi skapade i föregående steg. Ändra lagerblandningsläge till Multiplicera och ställ in opacitet till 14%.
Jag ville ge det lite slitna utseende så jag maskerade de horisontella linjerna med en grungeborste. För att göra detta först gå till Graphic River och ta några coola grungeborstar. Klicka på den lilla maskikonken längst ner på lagpaletten, välj en av grungeborstarna (vilken som helst kommer att göra), sätt bakgrundsfärgen till svart # 000000 och lätta något i mitten av innehållslayouten (linjer) så att linjerna syns på kanter.
För att få det att dyka upp mer, lade jag till en halvtransparent svart gräns. Gör detta genom att duplicera basformslagret och flytta det under det. Expand formen med 20px på varje sida, ta bort alla effekter från den, sätt bakgrundsfärgen till svart och opacitet 3%. Gjort!
Skapa ny lagermapp under innehållslayouten (layoutmapp) och använd rektangelformverktyg (U) teckna en 78x72 px rektangel. Placera den så att den är dold om 10px under innehållslayouten. Fyll den med övergångsöverlagring som visas i bilden med färger från vänster till höger: # 525739 (plats 0%) och # d6dbbf (plats 27%).
Byt till Direct Selection Tool (A) och välj sökvägen. Byt nu till Pen Tool (P) och lägg till en ankarpunkt i den nedre mitten av banan som visas på bilden. Justera handtagen så att de ligger nära varandra.
Med detta ankare vald håller du Shift och använder pil upp-tangenten nudge punkten en gång (10px).
Skapa nytt lager ovan. Välj Anpassad formverktyg och välj den som visas i bilden.
Kommando / Ctrl + klicka på bandformslaget nedan, gå till Välj> Ändra> Kontrakt och ange värde på 4px. Detta kommer att avtala urvalet med 4 px och skapa en fin kant runt.
Medan valet är aktivt klickar du på stjärnformsskiktet (välj det) och klickar på maskikonet längst ner på lagpaletten. Detta kommer automatiskt att maskera stjärnformen genom det markeringsval vi kontrakterade tidigare.
Ändra färgen på maskerad stjärnform till # b2b7a1 och sätt opacitet till 25%.
Skapa nytt lager ovanför innehållslayouten och använd Ellipse Tool för att dra en liten 52x52 px cirkel. Fyll den med # e25601.
Skapa ett annat lager och placera det under den röda cirkeln. Välj Anpassad formverktyg och välj stjärnformad form som visas i bilden. Fyll den med # e9c000. Håll skift-tangenten rita formen från mitten av den röda cirkeln. Ställ in skiktets opacitet till 20%.
Kopiera stjärnskuren formskiktet och placera det under den ursprungliga stjärnbristformen. Använd Shift-tangenten med hjälp av transformeringsverktyget, rotera och skala formen så att den placeras som visas på bilden.
Jag krydde det bara en liten bit mer genom att lägga till en cirkulär mandalaform (med hjälp av anpassad Photoshop Borste) under lagren och sänka opaciteten till 40%, men du kan hoppa över det här steget, det kommer fortfarande att se bra ut!
Slutligen lägg till ditt innehåll och du är klar med den första bilden! Jag har valt att kasta välkommen skärmtext direkt i Photoshop istället för att infoga den i PowerPoint eftersom jag använder anpassade teckensnitt och grafik.
Efter att ha skapat välkomstskärmen kommer vi nu att skapa en generisk bakgrund som ska användas för alla andra bilder i vår presentation. Kopiera bakgrunden.psd och byt namn på den till inner.psd. Ta bort bandskiktmappen och allt innehåll och lämna bara innehållslayouten. Nudge all kvarvarande grafik 50px från dokument toppen.
Välj först basrektangelformen (den med gradienteffekten), välj Direktvalverktyget (A) och välj två nedre ankarpunkter i den formen. Håll skift, tryck på pil ned för att expandera rektangeln tills det överskrider dokumentgränserna.
Gör detsamma med horisontella linjer form?
Slutligen upprepa steget med den halvtransparenta gränsen. Eventuellt kan du skala eller ombilda skuggan också.
Byt bildnummer i den röda cirkeln, lägg till titel och sidfot. Det är allt!
Vi skapade designen, nu behöver vi göra en riktig presentation av det. Exportera PSD-design till högkvalitativ jpeg med alternativet Spara för webb i Photoshop. Namnfiler därefter och placera dem i din presentationsmapp. Slå på PowerPoint och klicka på Arkiv> Ny presentation.
Som standard lägger PowerPoint ett titel- och textfält till nybildad bild. Välj nu och ta bort dem eftersom du inte behöver dem.
Högerklicka på förhandsgranskningen av bildruta i sidofältet och klicka på Formatera bakgrund, en popup-skärm visas. Välj Fyll i popup-sidofältet, välj Bild från popup-menyn och välj den tidigare exporterade bakgrundsbilden för välkomstdia.
Du kan kopiera den första bilden eller skapa en ny, upprepa steget ovan för inre sidan (bild) och välj den andra bakgrundsbilden.
Och du är klar. Väl? nästan gjort, för nu behöver du skapa resten av dina bilder och förbereda talet! Jag hoppas att du lärde dig ett knep eller två hur man skapar anpassad designad PowerPoint-presentation och jag önskar dig det bästa med din offentliga talande. Vi ses nästa gång!
Kolla in några av dessa fantastiska mallar på vår systerwebbplats Graphic River.