Share
Vad du ska skapaLär dig hur du utnyttjar Photoshops smarta objekt för att mocka upp din logotyp med fotorealistiska resultat. Tack vare användningen av flera lager stilar, skar vi din logotyp i trä!
Men först behöver du designa en logotyp? Kolla in den här enkla, lättanvända online-logotillverkaren. Över 745 SMART logotyper för att designa din egen logotyp på ett och samma ställe, Placeit. Inga Photoshop färdigheter krävs.
Om du letar efter en logotypmockup, gå vidare till Envato Elements eller GraphicRiver där du kan hitta många som passar dina behov, inklusive den här slående laserskärningen mockup.
Följande tillgångar användes under produktionen av denna handledning:
Ladda ner trästrukturen och öppna den med Photoshop.
Ladda ner Perspektivbilden och öppna den med Photoshop.
På toppmenyn väljer du Välj> Allt och då Redigera> Kopiera att kopiera urvalet till urklippet.
Gå tillbaka till bakgrundsdokumentet och välj på toppmenyn, Redigera> Klistra in att klistra in perspektivbilden över bakgrunden.
Byt namn på skiktet med dubbelklicka direkt på lagets namn i Skikten panelen och ändra den till "Perspektiv".
Ställ förgrundsfärgen till gul (någon annan färg än svart är bra).
Välj sedan Rektangelverktyg, flytta markören över duken och klicka. Du öppnar en liten dialogruta som låter dig ange exakta dimensioner för din nya form. Typ 1267 x 814 px och klicka sedan på ok knapp.
Byt namn på skiktet med dubbelklicka direkt på lagets namn i Skikten panelen och ändra den till "Smart Object".
Med "Smart Object"lagret valt, välj, i toppmenyn, Layer> Smart Object> Konvertera till Smart Object.
Välja Redigera> Transformera> Förvränga och flytta den övre högra hörnpunkten för att rikta den med det högra högra hörnet av den svarta rektangeln
Fortsätt dra hörnpunkterna tills du justerar alla hörn av den gula rektangeln med den svarta perspektivbilden och täcker hela området:
Nu kan du ta bort "Perspektiv"lager genom att markera det i Skikten panel och välja Layer> Delete> Layer.
Vi behöver en logotyp eller märke för att slutföra scenen. Detta märke kommer att vara ett framträdande element som senare kommer att bli graverat i trästrukturen.
Lyckligtvis erbjuder Envato Elements ett brett sortiment av högkvalitativa märken och vektorelement som är klara att användas. Prenumerera på att låsa upp obegränsade märken, mallar, foton och mer för en månadsavgift!
I denna handledning använder vi ett märke som kommer från märken och logotyperna Vol.01. Ladda ner det och öppna med Illustrator.
Öppna vektor .ai-filen med Adobe Illustrator. När du öppnar filen kan ett fönster dyka upp och varna dig om att dokumentet använder teckensnitt som för närvarande inte är tillgängligt på din dator. Inga bekymmer om det - alla teckensnitt är gratis att använda, och du kan hitta en textfil i mappen med alla referenser och länkar för att ladda ner varje typsnitt.
I denna handledning användes följande fria teckensnitt för märket:
När du är färdig med teckensnitt, välj Urvalsverktyg (V). Välj nu "Vintage Knights" -badet (eller vilken märke du gillar).
Kopiera märket genom att gå till Redigera> Kopiera eller trycka på Kommando-C.
Skapa en ny 350 x 350 px dokument i Adobe Illustrator.
Slutligen klistra in märket som kopierats bara genom att välja Redigera> Klistra in eller trycka på Kommando-V.
Med Urvalsverktyg (V), flytta märket över det grå området, ut ur den vita duken.
Innan vi importerar märket till vår plats i Photoshop måste vi expandera utseendet, konvertera all text till vektorgrader och ta bort det vita området som avslöjas nu när vi har flyttat märket till det grå området.
Om märket inte är markerat väljer du det genom att klicka på det med Urvalsverktyg (V).
På toppmenyn väljer du Objekt> Expand Utseende.
Återigen, välj Objekt> Expand. Ett dialogfönster visas. Välj Objekt och Fylla och tryck på OK:
Leta reda på Stigfinnare panel. Om du inte kan se panelen öppnar du den genom att välja Fönster> Pathfinder.
Välja Trimma.
Nu när märket är 100% vektorformer kan vi ta bort det vita området. Välj den Magisk stav verktyg, och flytta markören över ett vitt område och klicka för att markera alla vita områden i märket. Om du behöver, förstor duken genom att använda Zoomverktyget (Z). När alla vita områden i märket är markerade, ta bort dem genom att välja, i toppmenyn, Redigera> Klipp ut.
Vi är fortfarande i Adobe Illustrator-arbetsytan. Om märket inte är markerat väljer du det genom att klicka på det med Urvalsverktyg (V). Kopiera märket genom att gå till Redigera> Kopiera eller trycka på Kommando-C.
Gå tillbaka till Photoshop och dubbelklicka på Smarta objekt Miniatyr. Detta öppnar innehållet i det smarta objektet i ett nytt fönster i Photoshop. Här kan du göra några ändringar du vill, och när du är nöjd är allt du behöver göra att spara filen och Photoshop Smart Object uppdateras när du återkommer till det.
I Skikten panelen, inaktivera synligheten för det gula rektangelskiktet och klistra in märket som kopierats bara genom att välja Redigera> Klistra in eller trycka på Kommando-V.
Välj dialogrutan i dialogrutan Smart Object och tryck på ok:
Leta upp den övre alternativfältet och ställ in märkets position till 633,50 x 406,50 px och dess dimension till 666% för båda Bredd och Höjd fält. När du är klar trycker du på STIGA PÅ på ditt tangentbord:
Spara dokumentet genom att välja Arkiv> Spara eller använda tangentbordsgenväggen Kommando-S.
Gå tillbaka till huvuddokumentet och du kommer märka att det smarta objektet nu uppdateras med de senaste ändringarna. Badge har faktiskt tagit det smarta objektets perspektiv.
Ställ in Fylla för "Smart Object"lager till 0%:
Duplicera "Smart Object"lag fem gånger genom att gå till Layer> New> Layer Via Copy.
Byt namn på och gruppera lagren som visas i bilden nedan.
Från och med nu när du behöver ersätta märket i ditt smarta objekt kan du använda "Smart Object", genom att klicka på det och redigera innehållet.
Låt oss börja lägga till några lagerstilar till "Effekt 5"lager. Öppna Lagerstil panel och lägg till en ny Bevel & Embossed effekt. Ställ in färgen för Markera läget till #ffffff, färgen för Skuggläge till # 000000, och sätt resten på följande sätt:
Lägg till en ny Inre skugga effekt, ställ in färgen för Blandningsläge till # 000000, och sätt resten på följande sätt:
Lägg till en ny Satin effekt, ställ in färgen för Blandningsläge till # 3b2b25, och sätt resten på följande sätt:
Lägg till en ny Drop Shadow effekt, ställ in färgen för Blandningsläge till #ffffff, och sätt resten på följande sätt:
Låt oss nu lägga till några lagerstilar till "Effekt 4" lager.
Öppna Lagerstil panel och lägg till en ny Inre skugga effekt, ställa in Blandningsläge färg till # 000000, och sätt resten på följande sätt:
Lägg till en ny Mönsteröverläggning effekt och sätt alternativen som visas i bilden nedan:
Klicka på mönsterminiatyren och klicka sedan på det lilla växeln för att öppna kaskadmenyn. Välja Gråskala papper och klicka sedan på det första mönstret som heter Svartvävad.
Lägg till en ny Drop Shadow effekt, ställa in Blandningsläge färg till # b07555, och sätt resten på följande sätt:
Låt oss lägga till en lagstil till "Effekt 3" lager.
Öppna Lagerstil panel och lägg till en ny Inre skugga effekt, ställa in Blandningsläge färg till # 000000, och sätt resten på följande sätt:
Låt oss lägga till en lagstil till "Effekt 2" lager.
Öppna Lagerstil panel och lägg till en ny Inre skugga effekt, ställa in Blandningsläge färg till # 000000, och sätt resten på följande sätt:
Låt oss lägga till en lagstil till "Effekt 1" lager.
Öppna Lagerstil panel och lägg till en ny Inre skugga effekt, ställa in Blandningsläge färg till # 000000, och sätt resten på följande sätt:
Lägg till en ny Gradientöverläggning effekt och sätt alternativen enligt följande:
Klicka på det lilla lutningsfönstret för att ändra gradientfärgen.
Accentsconagua
# 696.969 och Plats 0%.# d9d9d9 och Plats 100%.
I denna handledning lärde vi oss hur man skapar en graverad trälogo-mockup med Adobe Photoshop!
Jag hoppas att du har haft min handledning och lärt mig något nytt. Vänligen lämna dina kommentarer, förslag och resultat nedan.
Njut av Photoshopping!
