Como hacer selecciones complejas en Photoshop is a post from: JE Image, Diseño Web Perú

En este video podemos perfeccionar el uso de las herramientas de selección rápida y la de máscara rápida, también veremos las opciones de transformación libre.

Máscara Rápida y Transformación Libre is a post from: JE Image, Diseño Web Perú

Tutorial texto madera envejecida is a post from: JE Image, Diseño Web Perú

Antes de empezar me gustaría aclarar, en primer lugar que se trata de un ejercicio sencillo y en segundo lugar,si, probablemente tu puedas hacerlo mejor que yo. Tal vez existan otros metodos para lograr el mismo efecto, sin embargo la idea es ayudar a los principiantes a iniciarse en el uso de Photoshop.

Hoy vamos a ilustrar en Photoshop el efecto de texto en neón en el logo de la popular web Abduzeedo, así que empecemos.

Primer paso

En primer lugar vamos a abrir un documento, usa el tamaño que quieras, al final eso es lo de menos. Después debes rellenar el fondo con algún color oscuro, esto para que el efecto de neón haga contraste y se resalte, se recomienda que uses un gris oscuro como el #111111.

Paso 2:

Ahora vamos a poner nuestro logo en el documento. En este caso nosotros vamos a usar la tipografía PS Isomatriz-Regular, la cual viene siendo algo así como la fuente oficial de Isopixel. Copiamos esta nueva capa, y la escondemos, la necesitaremos mas adelante, y seguimos trabajando en la original.

Paso 3

Ahora con la capa visible, vamos a Capa>Estilo de capa>Superposición de degradado. Después elegimos Normal en el Modo de Fusión,con un 60% de opacidad. Los colores que se usen dependen de el gusto y la finalidad del logo, sin embargo para este caso vamos a usar Rojo, amarillo, Verde y Azul. El Angulo debe estar en 0. [la escala también varía de acuerdo al gusto, lo ideal es dejarla entre 89 y 90%].

Después de eso nuestro logo debe queda mas o menos así:

Paso 4

Ahora le vamos a dar un poco de desenfoque, Vamos a Filtro>Desenfoque>Desenfoque Gaussiano; Usamos 4 pixeles para el radio.

Paso 5

¿Recuerdan la capa que les había dicho que duplicaran? vamos a hacerla visible, repetimos el paso 5 con esta capa Filtro>Desenfoque>Desenfoque Gaussiano, solo que esta vez vamos a usar 1 pixel como radio.

Paso 6

Vamos a Capa>Estilo De Capa>Opciones De Fusión. Cambiamos la opacidad del relleno a 0% en Fusión avanzada.

Después vamos a Resplandor exterior elegimos Subexposición de color como modo de fusión, 50% de opacidad, color blanco y 18 pixeles de tamaño.

Si tu logo no parece iluminarse con una luz blanca desde el centro de las letras, ve a Superposición de colores y usa el Color Blanco.

Paso 7

Ahora agrupamos esta capa bajo el nombre que deseemos, después cambiamos el modo de fusión a Subexposición de color, acto seguido podemos reagrupar todo y bautizar a tu logo.

Resultado

Los resultados, dependiendo de las gradientes que uses en los colores, o los colores en si mismos pueden variar bastante. La idea es que quede mas o menos así:

Esta es una variación del mismo:

Fuente: Isopixel

Tutorial, logo con efecto de Neón is a post from: JE Image, Diseño Web Perú

Paso 1

Abrir Photoshop y crear un nuevo documento. Estoy usando 2560×1440 píxeles para el tamaño documento. Después que Llené capa THA fondo con un gris oscuro. Esta parte será necesaria la creación de las gotas de agua.

Paso 2

Ir al Brushes> Ventana crear el pincel para el agua gotas. Siga la imagen de abajo para la configuración, pero es importante para cambiar la forma de una elipse, y también para esta primera parte el cepillo tiene que ser muy suave.

Paso 3

Añadir una nueva capa y el grupo de esta capa en una carpeta. A continuación, cambie el modo de fusión de la carpeta a Color Dodge. Con la herramienta Pincel (B) y el blanco para el color, la pintura con la herramienta pincel algunas gotas. Como usted puede ver los bordes borrosos de la clase de pequeños objetos se funden con un otro, dependiendo de lo cerca que están. Esto es realmente importante para hacer que las gotas más realista.

Paso 4

Seleccione la capa de fondo y el grupo de las gotas y unirlos en la capa. Después de que vaya a Imagen> Ajustes> Niveles. Cambiar la entrada de Negro a 124 y el blanco a 161. Los valores pueden variar dependiendo de las gotas, así que asegúrese de deshacerse de los bordes borrosos.

Paso 5

Con la herramienta Magic Wand (W), seleccione el área de color negro, luego ir a Selección> Similar para asegurarse de que todas las áreas en negro ser seleccionado. A continuación, elimine esta área.

Paso 6

Importar una imagen para su uso en nuestro diseño. El que estoy usando es cortesía de Thinkstock y lo puedes encontrar aquí . Duplicar esta capa porque lo vamos a usar unas cuantas veces más con los valores de desenfoque diferentes.

Paso 7

Ir a Filtro> Blur> Gaussian Blur. Utilice 20 píxeles para el radio.

Paso 8

Ir a estilos de capa de capa> Superposición> Color. Use un color gris oscuro para el color y cambiar la opacidad al 60%.

Paso 9

Ahora ponga las gotas de agua en frente de la imagen y vamos a aplicar algunos estilos de capa para dar el efecto real que queremos.

Paso 10

Ir a Capa> Estilos Capa> Opciones Blending y cambiar la opacidad relleno a 0. Después de que seleccione Sombra interior. El uso de color blanco para el color y el Dodge lineal para el modo de fusión, para el uso de opacidad del 50%, para el ángulo de 90 º, a continuación, para el uso a distancia de 3 píxeles y para el uso de tamaño 5 píxeles. También cambiar el modo de contorno para el Cono uno.

Paso 11

Seleccione Bisel y relieve. Cambiar la profundidad de 350%, la Dirección de Down, el tamaño de 7 píxeles, el Ablande a 5 píxeles, sobre las opciones de sombreado uso 54 º para el ángulo y 42 º de la altitud. También cambiar el contorno de brillo a la Deep Cove , el para el modo de utilizar el 80% Resaltar con el blanco y el Dodge de color para el modo de fusión, y también al utilizar el Modo Sombra Multiplicar con negro y 50% de opacidad.

Paso 12

Seleccione Resplandor interior luego de utilizar el modo de fusión Oscurecer con un 40% Oapcity y negro para el color. Cambiar el Fuente a Edge y el Tamaño a 25 píxeles.

Paso 13

Ahora seleccione Superposición de colores y el uso (# 907f72) para el color con Color Dodge con el 45% de opacidad.

Paso 14

La opción de estilo de capa últimos serán Sombra. Multiplicar el uso para el modo de fusión, el negro para el color y el 20% de opacidad. Cambiar el ángulo de 90 º y el uso de 9 píxeles para la distancia, el 5% de la propagación y 10 píxeles de tamaño.

Paso 15

Hacer la foto sin mancha visible de nuevo e ir a Filtro> Blur> Gaussian Blur. Use 5 píxeles este momento. A continuación, haga clic en el paleta de capas con el botón derecho del ratón sobre el pulgar de la capa de gotas de agua, a continuación, seleccione “Pixel Select” para seleccionar sólo las gotas de agua.

Seleccione la foto que se aplicó el 5 pixles Gaussian Blur y vaya a la máscara de capa Capa>> Descubrir selección. De esta manera la imagen borrosa con 5 píxeles serán visibles sólo bajo las gotas de agua.

Paso 16

Seleccione la máscara de capa que hemos creado en el paso previo y vaya a Filtro> Blur> Motion Blur. Use -90 º para el ángulo y el 80 píxeles para la distancia.

Paso 18

Después de que el desenfoque de movimiento, ir a Imagen> Ajustes> Niveles. Cambiar las entradas en blanco y negro de nuevo para librarse de los bordes borrosos causados ​​por la falta de definición. Usted tendrá un efecto como la imagen de abajo, como si las gotas de agua corrían por la ventana.

Paso 19

Duplicar la capa con la foto que hemos aplicado el desenfoque gaussiano de 5 píxeles para el radio sólo y eliminar la máscara de capa. El con la herramienta de tipo horizontal (T) agregar un texto con una fuente de escritura a mano, o si tienes una tableta o es muy bueno con el ratón se puede escribir con su puño y letra. Vuelva a seleccionar sólo los píxeles del texto como lo hicimos en el paso 15. A continuación, la máscara de esta nueva foto con la forma del texto, así que de nuevo la foto será visible sólo bajo el área de texto.

Paso 20

Añadir una nueva capa y con la herramienta Pincel (B) y el mismo pincel que hemos creado las gotas de agua, añadir más gotas de agua y especialmente en el área de texto como la imagen de abajo. Para aplicar el estilo de la capa misma de las gotas de agua, basta con hacer clic con el botón derecho del ratón sobre las gotas de agua de la capa y seleccione Copiar estilo de capa, a continuación, en la nueva capa con el agua de pequeñas gotas vuelva a hacer clic con el botón derecho del ratón y seleccione Pegar estilo Capa.

Paso 21

Duplicar la foto de nuevo y eliminar la máscara de capa, después de que ir a Capa máscara de capa>> Ocultar todo. Seleccione el dedo pulgar de la máscara de capa e ir a Filtro> Interpretar> Nubes. Asegúrese de que había en blanco y negro de los colores. Esto se aplicará una textura de nube en el sentido de ventana empañada, que hará que sea más realista.

Paso 22

Seleccionar todas las capas y duplicar ellos, después de que combinar todas las capas duplicadas en una sola. También puede utilizar el Comando atajo de teclado + Alt + Mayús + E. Luego ir a Filtro> Blur> Gaussian Blur. Utilice 20 píxeles para el radio.

Paso 23

Cambiar el modo de fusión de esta capa borrosa de superposición con el 40% de opacidad.

Paso 24

Duplicar la capa anteriores y justo cambiar el Modo mezcla a la pantalla, mantenga el misma 40% de Opacidad.

Paso 25

Añadir una nueva capa en la parte superior de los demás y lo rellenamos con un degradado radial con gris oscuro y gris claro para los colores. También utilizamos Multiplicar para el Modo de fusión.

Descargar Archivo PSD

Tutorial ventana empañada is a post from: JE Image, Diseño Web Perú

Mi resultado final de las bolas de billar en 3D será como esta:

Paso 1

La primera cosa a hacer es el fondo. Elija la combinación de colores marrón y amarillo – # bdc68d.

Paso 2

Combinarlo con mi textura elegida y establecer la opacidad = 50% de la siguiente manera. (Puede descargar la textura de Flickr de fotos Descarga: Grungy Paper 2

Paso 3

Después de completar el fondo, y que podamos crear la bola de billar. Y yo he escogido la bola de color marrón – # b79e3a. Utilizando herramienta Marco elíptico para hacer un círculo simple, luego llene el color por la herramienta de gradiente gradiente> radial de la siguiente manera.

Paso 4

El círculo de color marrón se crea, podemos pasar al siguiente paso, por lo que una sombra de la bola. Ir a Seleccione Modificar>> Contrato por 20 píxeles.

Paso 5

Después de la contracción, crear una nueva capa. Luego, utilizando la herramienta de degradado para rellenar con el color negro y ajustar la configuración de editor de gradiente de la siguiente manera:

Paso 6

Utilizando la herramienta de desenfoque> desenfoque Gaussan a la anterior pintada (negro) de color. Establezca su Blur Radius = 8 píxeles. Hágalo dos veces.

Paso 7

Usted debe conseguir la pelota similar a la de abajo. A continuación, Leta € ™ s van a hacer el efecto de reflexión de la bola.

Paso 8

Mover el círculo elíptico en la parte superior. Y luego llene el color del gradiente> degradado radial y los colores como # y # 736311 ddc131.

Paso 9

Pulsa las teclas ctrl y mueva el puntero a la balla € ™ s miniatura de la capa. Entonces el círculo elíptico se trasladará de nuevo a la pelota. A continuación, pulse Ctrl + Shift + I para seleccionar el poco resto del círculo de la siguiente manera. Y se puede eliminar el color exterior del círculo.

Paso 10

Usando la habilidad mencionada, que el círculo elíptico y aplicar la contracción en el círculo establecer el radio de 6 píxeles. Rellene el círculo de color blanco y establecer la opacidad en 80%. A continuación, repita el mismo paso para hacer un círculo de más de 8 píxeles. A continuación, elimine el color dentro del círculo pequeño. Utilizar el borrador para hacer la reflexión poco superior, debe ser como la curva de final.

Para la curva más brillante en la parte superior, también puede usar la misma idea, pero establecer la opacidad al 100%.

Aquí usted tiene que probar el ajuste de la opacidad y borroso hasta que el resultado llegue a su satisfacción porque la fuerza de la reflexión realmente confiar en estos ajustes. Aquí tienes, es mi resultado.

Paso 11

De la sombra en el fondo, sólo tiene que crear simplemente un círculo elipse por la herramienta de círculo elíptico, llenarla de negro por el â € Toola œpaint cubo €. Aplicar el desenfoque> desenfoque gaussiano en 6 â € “8 píxeles.

Paso 12

El último paso consiste en añadir simplemente un círculo blanco en el centro y agregar el número.

Paso 13

Duplicar las capas, para crear una bola más en rojo, y usted debería ser capaz de alcanzar el escenario de la siguiente manera.

Esperamos que puedan disfrutar y este tutorial te puede dar una idea para desarrollar su objeto 3D personales.

Tutorial bola billar en Photoshop is a post from: JE Image, Diseño Web Perú

Desastres en Photoshop is a post from: JE Image, Diseño Web Perú

Muchas personas no saben que es ni para que sirve Adobe Device Central, es una de esas funciones de Photoshop que suelen pasar inadvertidas, pero para que esto no siga ocurriendo  recurriremos a una excelenteguia ´paso a paso hecha por Diego Mattei.

Que es y para que sirve Adobe Device Central is a post from: JE Image, Diseño Web Perú

A continuación les dejo 10 pasos esenciales para realizar luego de cualquier instalación WordPress, incluyendo una lista de 10 plug-ins que todo sitio debe tener incorporados.

Paso 1 – Cambia la estructura de Permalinks

Si te diriges a Settings > Permalinks, notarás que el Permalink por defecto es http://site.com/?p=123. Esta estructura no sólo no es buena para el SEO de tu blog sino que tampoco le dice nada a tus visitantes acerca del sitio que están viendo.

Sugeriría una estructura personalizada utilizando sólo el título del post (http://site.com/title-of-article) el cual proveerá palabras claves para los motores de búsqueda y le dará a los lectores algo que hacer.

Para cambiar la estructura de tus permalink selecciona Custom Structure y pega /%postname% en la caja. Si deseas añadir también la categoría pega /%category%/%postname%

Paso 2 – Configura Autores

Como en el próximo paso vamos a eliminar la cuenta de administrador por razones de seguridad, es hora de programar autores para tu blog. Para hacer esto debes ir a Users > Add New y llenar el formulario. Asegúrate de ponerte a ti mismo como administrador.

Paso 3 – Arregla los problemas de seguridad

Existen algunos asuntos menores de seguridad que es necesario manejar en una nueva instalación WordPress. Estos son:

Deshabilitar la publicación remota: A menos que utilices un editor de blog externo es recomendable deshabilitar tanto la publicación Atom como la SML-PRC. Estas configuraciones se encuentran en: Settings > Writing.

Remover la cuenta de administrador: Los hackers saben que esta cuenta es añadida automáticamente por defecto y asignada ID#1 haciendo que éste sea un fácil punto de partida para ellos. Para hacer esto debes ir a Users, y con el mouse sobre la cuenta admin hacer clic en Delete.

Deshabilitar posteo por medio de e-mail: Esto también se encuentra en Settings > Writing. Si no planeas postear por email, no pongas información real en esta sección.

Crea un archivo index.html en blanco para esconder directorios: Pon este archivo en todos los directorios que no quieras que la gente pueda navegar. De esta forma, si alguien carga un directorio, sólo verán una página en blanco en lugar del contenido del mismo.

De forma alternative, puedes utilizar htaccess para prevenir que la gente navegue tus directorios.

Paso 4 – Configura las propiedades de Discusión

Primero debes ir a Settings > Discussion

El área de discusión posee algunas opciones importantes que deberás programar de acuerdo a tus gustos personales. Veamos un poco de qué se tratan:

Notifica a los blogs cuando linkees uno de sus artículos: notificará a cualquier otro blog WordPress de que has hecho un link a uno de sus artículos con un pingback.
Permitir notificaciones por link de otros blogs (pingbacks y trackbacks): Esto te notifica si cualquier otro blog WordPress te linkea y añade un pingback/trackback a los comentarios del artículo que fue linkeado.
Permite que las personas posteen comentarios en tu artículo: Esta es una preferencia totalmente personal. Si deseas permitir comentarios en tu blog selecciónalo.
El autor del comentario debe llenar su nombre y mail: Es recomendable seleccionar esta opción para reducir el spam de los comentarios.
El usuario debe estar registrado y haber ingresado a la cuenta para comentar: Si posees un sitio en el cual es necesario registrarse seguramente desearás seleccionar esta opción para reducir el spam.
Cierra automáticamente los comentarios en posts que tengan más de “-” días: Algunos bloggers deciden cerrar comentarios para los posts más viejos para no tener que estar revisando constantemente todos los posteos. Si deseas implementar esta estrategia, sólo debes programar la cantidad de días después de los cuales quieras que se cierren los comentarios.
Habilita comentarios threaded (anidados) en X niveles de profundidad: Los comentarios Threaded son una nueva característica de WordPress. Si deseas usarlos, primero debes asegurarte que tu tema los soporte, luego selecciona esta caja y configura el número máximo que deseas que se muestre en tu blog.
Divide comentarios en páginas con – comentarios por página y la “página X” mostrada por defecto. Los comentarios deberían ser mostrados con el “X comentarios” en la parte superior de cada página: Si tienes un blog muy activo que recibe muchos comentarios seguramente desearás seleccionar esta opción. Los comentarios serán divididos en páginas con la última página mostrada y los comentarios más viejos en la parte superior de cada página.
Envíenme un mail cuando alguien realice un comentario: Es útil cuando no tienes mucho tráfico en tu sitio y deseas saber si alguien realiza algún comentario nuevo.
Envíenme un mail cuando un comentario esté esperando moderación: Esta opción es recomendable si deseas moderar los comentarios tan pronto como sea posible.
Antes que un comentario aparezca, un administrador siempre debe aprobar el comentario: Algunas personas seleccionan esta opción para evitar spam o comentarios inapropiados.
Antes que un comentario aparezca, el autor del comentario debe tener un comentario previamente aprobado: Si un comentador nunca antes escribió en el sitio, su primer comentario deberá ser moderado.

Paso 5 – Actualiza tu lista Ping

Para actualizar tu lista ping debes ir a Settings > Writing y scrollear hacia abajo hasta Update Services. Asegúrate que, por lo menos, Pingomatic (http://rpc.pingomatic.com/) se encuentre en tu caja de Update Services. Estos son otros servicios que también sería bueno que sean notificados cuando añadas contenido nuevo a tu blog:

http://api.moreover.com/RPC2

http://bblog.com/ping.php

http://blogsearch.google.com/ping/RPC2

http://ping.weblogalot.com/rpc.php

http://ping.feedburner.com

http://ping.syndic8.com/xmlrpc.php

http://ping.bloggers.jp/rpc/

http://rpc.pingomatic.com/

http://rpc.weblogs.com/RPC2

http://rpc.technorati.com/rpc/ping

http://topicexchange.com/RPC2

http://www.blogpeople.net/servlet/weblogUpdates

http://xping.pubsub.com/ping

Paso 6 – Configura Feedburner

Configurar tu feed Feedburner no sólo te da más opciones sino que también te permite mantener un registro de tus estadísticas. Ingresa en Feedburner, abre tu cuenta, ingresa la dirección de tu blog y selecciona “Next” para añadir un feed de feedburner en tu blog.

Paso 7 – Sube y activa tu tema

Cualquiera sea el theme que selecciones deberás subirlo y activarlo.

Primero deberás conectarte con tu host vía FTP e ir a la carpeta donde tienes instalado tu blog. Ve a wp-content > themes y sube tu tema. Luego, para activarlo deberás ir a Appearance y hacer clic sobre el tema que quieres activar.

Esto hará que aparezca una ventana con una pre-visualización del tema que deseas activar. Haz clic en Activate “Theme” y listo.

Paso 8 – Programa Analytics

Google Analytics es uno de los mejores servicios de estadísticas gratuito disponible. Para programar tu cuenta debes ir a Google Analytics y registrarte con tu cuenta Google. Ahora sólo debes añadir tu sitio.

NOTA: No te preocupes todavía por insertar el javascript en tus páginas, el plug-in Google Analytics se ocupará de ésto por ti después.

Paso 9 – Edita la página “About”

Existe una página genérica “About” por defecto. Sin embargo, para personalizarla realmente deberás ir a Pages, pasar el mouse sobre About y hacer clic en Edit.

Es recomendable poner un poco sobre en qué consiste el blog, algo de información personal sobre ti y una foto bonita. Los lectores se sienten más comodos si saben un poco sobre el autor del blog.

Paso 10 – Instala y activa algunos plugins

Si bien WordPress es una plataforma muy completa, los plugins que te dejamos a continuación son verdaderamente esenciales.

Para instarlos deberás descargarlos. Luego, vía FTP, ir a la carpeta en que está instalado WordPress, ir a wp-content > plugins, y subir los plugins que deseas instalar en esta carpeta.

Para activarlos debes ir a Plugins y hacer clic en Activate. Todo plugin que tenga programación, tendrá ahora sus propiedades en Settings.

Plugin 1 – Akismet

Akismet es uno de los mejores filtros de spam y como viene pre-instalado en tu blog sólo deberás activarlo. Una vez activado te pedirá tu clave API de WordPress. Si ya tienes una de otro sito, puedes utilizarla. Si no posees una clave, registrarte en WordPress API Keys para conseguir una. Una vez que la tengas deberás ir a Plugins > Akismet Configuration, ingresar la clave y hacer clic en Update Options.

Plugin 2 – Permalink Redirect

Permalink Redirect se asegura que haya sólo una URL para cada entrada de tu blog.

Plugin 3 – All in one SEO Pack

All in one SEO Pack te brinda opciones para optimizer tu blog WordPress para los motores de búsqueda que la instalación básica de WordPress no tiene. Para la programación básica deberás ir a Settings > All In One SEO y completar Title, Description y Keywords de tu blog. Las otras opciones es mejor dejarlas como están por defecto.

La otra mitad de este plugin actúa cuando escribes un nuevo posteo en tu blog. Cuando estás editando un post o una página, si scrolleas hacia abajo hasta el final de la página, verás una sección para All In One SEO Pack donde puedes añadir el título, descripción y palabras claves para cada página, o deshabilitar el SEO para ellos.

Plugin 4 – WordPress Automatic Upgrade

WordPress Automatic Upgrade Plugin te advierte cuando una nueva versión de WordPress está disponible y te permite realizar un back-up de tus archivos y actualizar sólo con presionar un par de botones.

Plugin 5 – Google Analytics for WordPress

El plugin Google Analytics for WordPress rastrea y segmenta automáticamente todos los links salientes desde los posts, links de comentarios de autor, links dentro de comentarios, y descargas. Esto también te permite rastrear AdSense clicks, añadir motores de búsqueda extra y rastrear búsquedas de imágenes.

Aquí es también donde pondrás el javascript para Google Analytics hacienda que no tengas que editar tu tema. Debes ir a Settings > Google Analytics y pegar el script urchin.js dentro de la caja.

NOTE: Es muy importante que utilices el script urchin.js y no el ga.js.

Plugin 6 – WP Super Cache

WP Super Cache no es esencial para un blog nuevo pero es fundamental a medida que el sitio progresa. El plugin genera archivos html estáticos de tu blog WordPress dinámico. Esto permite que las páginas carguen más rápido.

Plugin 7 – Google XML Sitemaps

Google XML Sitemaps creará un mapa de sitio Google de tu blog que puedes añadir en cualquier motor de búsqueda.

Plugin 8 – No Self Pings

No Self Pings evita que WordPress envíe pingbacks de tu blog a tu blog.

Plugin 9 – Feedburner Feedsmith

Instala y activa el plugin Feedburner Feedsmith, luego ve a Settings > Feedburner. Todo lo que necesitás hacer aquí es poner la dirección del feed de Feedburner que programaste en el paso 6 y hacer clic en Save. El plugin ahora detectará todas las formas de acceder a tu feed y las redireccionará a tu feed de Deedburner.

Plugin 10 – WP DB Backup

WP DB Backup te permite realizar fácilmente un backup de tu base de datos WordPress.

Como configurar tu WordPress is a post from: JE Image, Diseño Web Perú

Este es un tutorial muy bien trabajado por Abduzeedo  de como crear un efecto de texto en agua 3d con Photoshop CS5, esperamos les sea útil y puedan hacerlo.

Paso 1

Abrir Photoshop y crear un nuevo documento. Llenar la capa de fondo con negro y el uso de la herramienta Pincel (B) o importar un archivo vectorial con un texto escrito a mano. Puede que usé en el archivo PSD que se puede descargar al final de este tutorial.

Paso 2

Si se crea un texto con la herramienta pincel o la importación de un vector y pegarlo como mapa de bits, crear un marco de selección de la zona que desea aplicar repujado. Con la selección activa ir a la selección en 3D> Repujado> actual.

Paso 3

Para crear el efecto del agua que se utilice el Infle preestablecidas y más o menos uso de los mismos valores que se utilizó en el paso anterior, el tipo de inflar 3D. Cambiar la profundidad a 0 y la escala de 1, también para la inflar, cambiar las diapositivas al frente y la cara.

Paso 4

Usted se dará cuenta de que la E será un bloque sólido y el hueco se perderá, a continuación, seleccione el área que quieres ser agujero y luego cambiar el tipo de Hole. También aumentan la fortaleza de la Inflar a 1.

Paso 5

Seleccione la inflación frente a la paleta de 3D ​​y haga clic en la carpeta junto a los valores Bump. Seleccione Textura en Abrir para abrir la textura en un nuevo documento. Luego, en este nuevo documento crea una nueva capa e ir a Filtro> Interpretar> Nubes. Asegúrese de que está utilizando en blanco y negro de los colores. Después de que vaya a Filtro> Interpretar> Nubes diferentes. Si el resultado es demasiado oscura, ir a Imagen> Ajustes> Niveles, a continuación, aumentar la entrada de color blanco. Esta textura será el mapa de relieve, que distorsionan nuestro texto 3D.

Para los otros valores, el uso de color blanco para el color difuso, 15% de opacidad, 20 para la reflexión, el Negro para la iluminación, brillo 100%, 100% brillo, blanco para el especular y el 1,5 de la refracción. Usted puede hacer aquí para tener una vista previa del efecto 3D.

Paso 6

Ahora para que nuestro efecto más realista que vamos a mezclar un poco de fotos de archivo. La que utiliza es de Stock.xchng ( http://www.sxc.hu/photo/884261 y http://www.sxc.hu/photo/1131843 ). Abrir estas dos imágenes en Photoshop. Copiar algunas partes de la salpicadura del agua de las fotos y pegar en nuestra imagen en 3D.

Paso 7

Repita el proceso, copiar y pegar más salpicaduras. Como las salpicaduras de agua de las fotos tienen fondo negro, solo cambia el modo de mezcla a la pantalla, por lo que el negro será transparente.

Paso 8

Es hora de hacer nuestro objeto 3D. En la Paleta de 3D ​​para cambiar la calidad de Ray Trazado final. Tomará unos minutos para representar el objeto en 3D. Si usted quiere cambiar las luces se puede hacer eso y hacerlo de nuevo hasta que encuentres el mejor resultado.

Paso 9

Duplicar el objeto prestado 3D e ir a Capa> Rasterizar> 3D. Voy a rasterizar los objetos en 3D para que pueda aplicar algunos ajustes en la imagen, yo podría hacer eso con la capa 3D, pero algunos no funcionan de la manera que quiero o que puede ser un poco lento.

Añadir una nueva capa y lo rellenamos de negro, y luego fusionar la capa de color negro con la capa 3D trama. Después de que vaya a Imagen> Ajustes> Niveles. Utilice 15 para el Negro, 0,8 para el gris y 160 para las entradas de White.

Paso 10

Seleccione todas las capas y duplicarlos. Después de que vaya a Filtro> Blur> Gaussian Blur. Utilice 15 para la cantidad. Después de que el cambio del modo de mezcla a Color Dodge y la Opacidad al 30%.

Agua 3D Efecto de texto con repujado en Photoshop CS5 is a post from: JE Image, Diseño Web Perú