domingo, 28 de febrero de 2010

El Fondo de pantalla estilo Dark Knight Grunge

1. Hacer tu lienzo
Tenemos que empezar por hacer un documento nuevo en Photoshop. Para este tutorial se debe utilizar la resolución que se ajuste a la pantalla. En mi caso usare 1150 x 864 pixeles y resolución de 72 color RGB 8bits.
Crearemos una nueva capa de relleno de ajustes con un degradado radial con los colores # 3d3b3c y # 0e0d11.

2.Textura
bamos a usar texturas tipo metal puedes buscar texturas en http://www.cgtextures.com/index.php (tienes que registrarte pero encontraras grancantidad de texturas)
la primera textura le vamos a dar una fusion de "superponer" y a la segunda le vamos a dar una fusion de ·superponer"

en relleno para la primera textura usaremos 30% y para la segunda textura 10% y debe de quedar mas omenos a si. (la segunda textura que uses debe de ser de metal oxidado)

3. Colocar el Logo
En nuestro caso usaremos el nombre de la red JADV7 (puedes usar cualquier logo que quieras que tenga un solo fondo para que sea mas facil modificar)

4. Efecto Metal sobre nuestro logo o texto
Ahora queremos hacer nuestro logo un poco más interesante.

bamos a oscureciendo el logotipo de un poco (empezar con un color base de # 878787).para eso iremos a estilos de capa y daremos los siguientes estilos para que nuestro logo tomo una forma interesante.

obserba los ejemplos

(el bisel que debas usar dependera de tu logo)

colores para el trazo #949494 #464546
Recuerda: dependiendo de lo que el tamaño del documento y el logotipo que está trabajando, puede ser necesario ajustar estos valores. Ahora tengo un efecto biselado básicos:

vamos a crear una nueva capa, con la capa nueva selecionada vamos a dar clic a la capa del logo manteniemdo presionado control y se veran unas como rayitas al rededor del logo, vamos a la herramienta de bote de pintura y hacemos como que rellnaramos el logo con el color #858585, despues vamos a plicar los siguientes ajustes.

el color para la sombra es #e6b2b2

(nuevamente dependiendo del logo ustedes van a variar los ajustes)
ahora vamos a poner nuestra textura de metal oxidado, con la textura seleccionada vamos a dar clic en el logo se marcaran nuevamente las rayitas pero en vez de rellenar con el balde de pintura vamos a dar clic en mascara de capas.

nuestro logo debe de quedar mas omenos a si:

la fusion de la capa sera "Luz Lineal con un relleno de 27%"

6. Para Terminar
crearemos una nueva capa seleccionada la capa vamos a dar clic en el logo se marcaran nuevamente las rayitas y la pintaremos de color blanco esa la pondremos abajo de nuestro logo metalico y le daremos un resplandor interior como color # efefef

Ahora vamos a dar un desenfoque radial, vamos a ir a filtro > desenfocar > desenfoque radial usamos los valores siguientes.

y a nuestro estilo como borroso vamos a bajar el relleno a 60 y la fusion de capa sera sobreexponer color y quedara a si

y ya esta listo tu puedes seguir inventando que mas ponerle puedes poner texto otras texturas como a ti mas te guste (yo le puse texto) hasta el próximo tutorial y no olvides comentar

viernes, 19 de febrero de 2010

Texto en 3D

 

En este tutorial a prenderemos hacer un efecto de 3d en texto y para ello utilizaremos 2 programas el Adobe Ilustrator y el Adobe Photoshop

 

Paso1
Abre Illustrator, y con el tipo de tipo de herramienta de una carta o un texto, escribí la letra "A" (puedes usar la letra que mejor te parezca) Usé la fuente de ALS Script, Usted
puede utilizar cualquier fuente que te gusta, sólo asegúrese de que es
un poco grueso de fuente para obtener mejores resultados. Puse el
tamaño de la letra a 400 pt & escala horizontalmente y
verticalmente a 150% a través de la paleta de caracteres, aunque no te
preocupes por el tamaño de letra demasiado porque vamos a estar pegado
como objetos inteligentes en Photoshop para que podamos ajustar la
tamaño en un momento dado. El color que he usado para la carta es #
8CC63F.

Paso 2

Ahora vaya a Efecto> 3D> Extrude & Bevel, asegúrese de que Preview está encendido. Use la configuración se muestra a continuación, además de especificar las rotaciones para X, Y y eje z, elegí Tall-Ronda de la caída de Bisel lista. Los ajustes más o menos depende de la fuente, así
que si usted ha usado una fuente diferente jugar un poco, aunque le
aconsejamos que se mantenga alejado de la elegante configuración de
bisel, en su mayoría valor Ninguno funciona mejor. Usted también puede
hacer más gruesa por el aumento de la profundidad de extrusión.

Paso 3

Después de que usted está satisfecho con efecto 3D, será el momento de pasar a más de Photoshop. Abra un documento nuevo en Photoshop. Ahora, copia de su texto en 3D / carta de Illustrator y pegar como objetos inteligentes en Photoshop, pulse la tecla Intro o marca de verificación
a cometer. Ahora puede cambiar el tamaño de su texto para el tamaño que
queramos, de hecho, cuanto más grande mejor, pero para los propósitos
de este tutorial, me limitaré a un pequeño lienzo.

Paso 4

Ahora, le permite comenzar con la magia de Photoshop, vamos a añadir texturas diferentes en capas diferentes y se les especifica con la variedad de modos de fusión, la clave es experimentar y elegir la configuración que mejor se adapte a su propósito.

Abra la imagen de la textura que desea utilizar, (ir a archivo>colocar escojes la textura y colocar) para la primera capa que utiliza una textura.

(textura 8____LARGE puedes bajar la textura en los adjuntos)

Ir a la Selección> Todo y luego Edición> Copiar para copiar la imagen de textura todo, ahora vamos a pegar esta imagen en nuestra carta, pero usted tiene que decirle a Photoshop donde pega. Así que volver a su documento de texto en 3D y presionando Ctrl Click sobre la
imagen vectorial de objetos inteligentes, esto se seleccione todo el
texto escrito, en nuestro caso, la letra "A", ahora ir a Edición>
Pegar en (PC: Mayús + Ctrl)/ (MAC: Cmd + V) para pegar la imagen de la textura en
"C". Cambiar el modo de fusión de la capa de la textura a superponer.

Ahora, su imagen y paleta de capas debería ser así:

Paso 5

Repita el procedimiento prescrito en el paso 4, pero con una textura diferente. Usé uno de la textura (textures_82 puedes bajarlo en los adjuntos)

En breve, abra la imagen de la textura, Seleccionar todo (Ctrl + A), copiarla (Ctrl + C) y volver al documento original, presionando Ctrl Click sobre la imagen vectorial de objetos inteligentes para seleccionar la letra / texto y vaya a Edición> Pegar dentro (Mayús +
Ctrl + V) para pegar la textura en la letra "A". Y, cambiar el modo de
fusión a Multiplicar.

Paso 6

Ahora, una vez más su tiempo para hacer lo mismo como se menciona en el paso 4 y 5, pero con la imagen de textura diferente. Esta vez he usado una textura más colorido (leftover_vol Puedes bajarlo en los adjuntos). esta vez puedo elegir el modo de fusión a luz suave.

Paso 7

Ahora, seleccione la capa de fondo y rellenar con una herramienta de degradado (G). Yo Degradado lineal y los colores de las dos paradas están prescritos en la captura de pantalla.

Paso 8

Presionando la tecla Mayús seleccionar todas las capas en la paleta de capas, excepto la capa de fondo y Link de todos ellos. Asegúrese también de vincular la máscara de capa en miniatura con sus miniaturas capa correspondiente haciendo clic una vez entre
ellos.

damos clic derecho y después donde dice Duplicar capas luego solo aceptar.

Paso 9
Ahora, vamos a hacer la reflexión de nuestra letra "A". Para ello, seleccione todas las capas enlazadas y duplicarlas. damos CTRL + E para unirlas todas
Paso 11

En la capa de reflexión, vaya a Edición> Transformar> Voltear vertical y colocarlo debajo de la letra "A". Ajustar su punto de vista, si la necesidad de ser.

Le damos una opacidad de 41% .

Paso 12

Aplica el estilo de capa, como se muestra en las capturas de pantalla de abajo.

el degradado lo puedes hacer a tu gusto solo haz que combine con la composición.
el resultado es el siguiente
 
Link para las texturas

http://www.megaupload.com/?d=B0TLHPCK

http://www.megaupload.com/?d=F8XI1LKG

http://www.megaupload.com/?d=9ERCRRNQ

Tolbar