Aquest és un començament renti'l disseny tutorial. En aquest article trobaràs com crear imatges 3D de Niça (tridimensional) de l'efecte del text en Photoshop. Això és molt fàcil i ràpid tutorial.I disseny gràfic Esperem que gaudeixin d'aquest tutorial.

Final Preview

Això ho hem anat fer avui

Pas # 1

Photoshop Obrir i crear un nou document, el meu és de 550 × 498px amb un fons blanc.

Pas # 2

Ompli el color de la capa de fons, el color de la meva és # 333.333.

Pas # 3

Seleccioneu Horitzontal tipus d'eina i escriviu el text en la part davantera. Estic usant "Arial" amb negreta i mida "90" per assegurar-se d'obtenir el millor detall per a ella.

Pas # 4

Feu clic a la capa de text i feu clic a rasteritzar Tipus (o rasteritzar capa en funció de quina versió de Photoshop CS que estigui utilitzant).

Pas # 5

Anem a seguir transformant el nostre text en 3D. Seleccioneu la capa InfoWay. D'anar a "Edita" -> "Transformar" -> "Perspectiva" (CTRL + T)

Si manteniu premut Ctrl i feu clic a la part superior dreta de transformar el control de la caixa. Hauria de tenir aquest aspecte.

Pas # 6

Anem a començar a donar aquest text un disseny 3D. En primer lloc, volem duplicar la nostra capa de text, ara, mentre es manté premuda la tecla CTRL + ALT, premeu la fletxa amunt, com et donaràs compte, això duplica la capa, i moure'l cap amunt per 1 píxel. ara ho faci de 8 a 10 vegades, després que, obtindrà alguna cosa com això:

Pas # 7

Ara, el que ha de fer és Marge tots els "duplicat" capa junts, excepte el de dalt.

Per a això, assegureu-vos de seleccionar la 2 ª capa a la part superior i de combinació a totes les capes per sota d'ella junts, com així ... (NO de mescla per a la capa de fons)

Pas # 8

Ara apliqui algun efecte

Ara aneu a la paleta de capes, seleccioneu la capa InfoWay.

Color Overlay

L'estil del text, feu doble clic sobre la miniatura de la capa d'InfoWay al panell Capes per obrir el quadre de diàleg Estil de capa, anem a aplicar un efecte de superposició de colors per al text. Després feu clic al quadre de color, jo trio # E97E2C.

Ombra interior

Després apliques l'estil d'ombra Capa interna. Mantingui l'angle de 120 ^°, de canviar els valors de l'opacitat, la distància i la mida. Puc escollir per establir la Opacitat al 75%, a distància a 1px i mida 5px.

Canviar el color d'ombra interior de la per defecte a # D75D00

Inner Glow

Després apliques l'estil Resplandor interior de la capa. Mantingueu el mode de fusió a la pantalla, de canviar els valors d'opacitat, Bobina de xoc i mida. Puc escollir per establir la Opacitat al 45%, Bobina de xoc en el 7% i la mida al 90px.

Canviar el color de la resplendor interior del defecte a # FFA800

Satin

Següent aplicar l'estil de la capa d'ras. Mantingueu el mode de fusió en Multiplicar, de canviar els valors d'opacitat, distància i la mida. Puc escollir per establir la Opacitat al 46%, a distància a 11% i la mida al 14px.

Part important: Mantenir l'angle en el 19 ^o

Canviar el color de la resplendor interior del defecte # FF0000

Després d'això, obtindrà una cosa com això:

Ara anem a aplicar tots aquests estils de capa (Layer »estils de capa» ...) a la capa de fons:

Ara apliqui algun efecte

Efecte de degradat

Disseny de la capa inferior, feu doble clic sobre la miniatura de la capa inferior al panell Capes per obrir el quadre de diàleg Estil de capa, aplicarem un efecte gradient horitzontal de la capa inferior. Després feu clic al gradient de color a la dreta de l'opció de degradat per obrir l'Editor de degradat de color.

Feu doble clic al left-color-stop i entrar en el valor de color # CC0000 continuació, feu doble clic al right-color-stop i entrar en el valor de color # 840.000.

Ombra interior

Després apliques l'estil d'ombra Capa interna. Mantingui l'angle de 120 ^°, de canviar els valors de l'opacitat, la distància i la mida. Trio per establir l'opacitat al 75%, distància a la 5px i grandària a 24px.

Ombra

Finalment, s'aplicarà l'ombra, mantingui l'angle a 120 ^o, de canviar els valors de l'opacitat, la distància i la mida. Trio per establir l'opacitat al 75%, la distància a 2px i la mida al 5px.

Resultats

Quan tot estigui configuració que ha de tenir ara una cosa semblant a aquesta:

Descarregueu el fitxer de codi font

Si ho desitja, per comprovar el seu treball, podeu descarregar l'arxiu PSD per aquest tutorial.

Descarrega el fitxer: Nice Easy 3D Efecte de text (72.5KB)

Filed under: Photoshop, Tutorials per admin