Hur du skapar Nice Easy 3D Texteffekt i Photoshop
Detta är en början lavel design handledning. I den här artikeln hittar du hur skapa en snygg 3D (tredimensionella) text effekter i Photoshop. Detta är mycket snabb och enkel grafisk design tutorial.I hoppas att du kommer att njuta av den här guiden.
Final Preview
Här vad vi gått gör idag
Steg 1
Öppna Photoshop och skapa ett nytt dokument, är min 550 × 498px med en vit bakgrund.
Steg 2
Fyll färgen i bakgrunden lager, är min färg # 333333.
Steg 3
Välj Horisontell Type Tool och skriva text på framsidan. Jag använder "Arial" Fet och storlek "90" för att se till att jag får de bästa detalj i den.
Steg 4
Högerklicka på texten lagret och klicka på rastrerar typ (eller rastrerar lager beroende på vad Photoshop CS version du använder).
Steg # 5
Låt oss fortsätta att omvandla vår text i 3D. Markera INFOWAY lagret. Än går till "Redigera" -> "Transform" -> "Perspective" (Ctrl + T)
Hålla nere Ctrl, klicka på längst upp till höger förvandla kontroll av rutan. Skulle se ut så här.
Steg # 6
Vi kommer att börja ge texten en 3D-look. Först vill vi att kopiera vår text layer; Nu, medan du håller ned CTRL + ALT, tryck på UPP pil, som ni märker, dubbletter detta lagret och flytta det med 1 pixel. nu göra detta om 8 till 10 gånger, efter det kommer du få något så här:
Steg 7
Nu, vad du behöver göra är Marge alla "dubbla" lager tillsammans, förutom en topp.
För att göra detta, se till att väljer den 2: a lagret upp till toppen och slås samman till alla lagren under det tillsammans liksom så ... (INTE Koppla till bakgrundslagret)
Steg # 8
Nu gäller viss effekt
Gå nu till paletten, välj INFOWAY lager.
Color Overlay
Styling Text dubbelklicka på INFOWAY lagrets miniatyrbild på panelen Lager att öppna lagerstilar dialogrutan kommer vi att använda en färg Overlay effekt för din text. Klicka sedan på rutan Färg, jag väljer # E97E2C.
Inner Shadow
Nästa tillämpa den inre skuggan lager stil. Vinkeln vid 120 o, än att ändra värdena opacitet, avstånd och storlek. Jag väljer att ställa Opacitet till 75%, avstånd 1px och storlek på 5px.
Ändra inre skugga färg från standard till # D75D00
Inner Glow
Nästa tillämpa inre glöd lager stil. Håll blandningsläget till Screen, än att ändra värdena Opacitet, Choke och storlek. Jag väljer att ställa Opacitet 45%, Choke på 7% och storlek på 90px.
Ändra inre glöd färg från standard till # FFA800
Satin
Nästa tillämpa Satin lagerstil. Håll blandningsläget till Multiply, än att ändra värdena Opacitet, avstånd och storlek. Jag väljer att ställa Opacitet till 46%, distans på 11% och storlek på 14px.
Viktig del: Vinkeln vid 19 o
Ändra inre glöd färg från standard till # FF0000
Efter det kommer du få ungefär så här:
Nu kommer vi att tillämpa alla dessa lagerstilar (Layer »Layer Styles» ...) till Sockel:
Nu gäller viss effekt
Gradient Effect
Styling bottenlagret dubbelklicka på bottenlagret miniatyr på panelen Lager att öppna lagerstilar dialogrutan kommer vi att tillämpa horisontell lutning effekt för din bottenlagret. Klicka sedan på färggradient till höger om lutningen möjlighet att öppna färggradienten Editor.
Dubbelklicka på vänster-color-stop och ange färgvärde # CC0000 dubbelklicka sedan på höger-color-stop och ange färgvärde # 840.000.
Inner Shadow
Nästa tillämpa den inre skuggan lager stil. Vinkeln vid 120 o, än att ändra värdena opacitet, avstånd och storlek. Jag väljer att ställa in opaciteten på 75%, avstånd till 5px och storlek på 24px.
Skugga
Slutligen kommer vi att tillämpa skugga, Vinkeln vid 120 o, än att ändra värdena opacitet, avstånd och storlek. Jag väljer att ställa in opaciteten på 75%, avstånd till 2px och storlek på 5px.
Result
När allt är inställt Du bör nu ha något som ser ut så här:
Ladda ner källfilen
Om du vill kontrollera ditt arbete, kan du hämta PSD fil för den här läraren.
Download File: Nice Easy 3D Texteffekt (72.5KB)
Artiklar:
Om du gillade att läsa den här artikeln, kan du kolla in andra relaterade artiklarna nedan:






































































clippingimages säger den: 24 oktober 2009 at 7:18 Said:
WoW
Mycket enkelt och väl definierade tutorial för att lära sig. Thanks for sharing this awesome post. Om du behöver några grafiska design hjälp klicka http://www.clippingimages.com
Photoshop CS5 säger den: 26 oktober 2009 at 12:43 Said:
Nicely tillsammans
Tack I've bookmarked här
Det var lätt att följa tut - well done