Area Photoshop » 3D

Cu3er, un slider muy sofisticado

Carlosmax — Wed, 18 Nov 2009 00:06:56 +0000

La necesidad de un slider en nuestro blog crece con el paso del tiempo, he visto que ya muchos sitios los incluyen, hay de todo tipo de sliders y con funciones muy innovadoras como el que les presento, me refiero a Cu3er, que nombre tan elegante para un slider tan bueno como este.

Este slider en particular está creado con Flash, ya muchos conocemos lo que es Flash de Adobe, eso lo hace muy práctico y de alto rendimiento, obviamente necesitamos tener el Flash Player instalado en nuestro navegador para poder observarlo.

Las caracteristicas que hacen a Cu3er tan innovador son algunas como el efecto 3D para la transición de una presentación a otra, tambien tiene indicador de lapso de tiempo entre transcisión, varios estilos de giro del Cu3er, controles “siguiente”-”anterior”, descripción de presentación, sombra y mucha diversión al observarlo funcionar.

Aqui les muestro una imagen del slider:

Demo y descarga | Cu3er
Espero que les guste mucho.

15 Wallpapers Coloridos

GonZa — Mon, 12 Oct 2009 18:48:31 +0000

Hace unos días vi una recopilación de Fondos de Pantalla echa por Juanguis para Punto Geek y se me ocurrió hacer la mía por que esa recopilación que hizo Juanguis me gusto, inclusive uno de esos Fondos de Pantalla están en mi escritorio en estos momentos.

Hace días yo había echo una recopilación de wallpapers naturales, verdes, bueno, acá les traigo otra parecida pero con fondos de pantalla coloridos, con muchos colores, no como esos fondos negros deprimentes que algunos tienen ¡Ya es hora de cambiar muchachos!

Espero que les guste y escojan uno para su escritorio. Hagan clic en el titulo para ir al sitio donde pueden descargar el fondo en su tamaño real!

Field of Art

***

Winter Process V2

***

Colorama

***

Ecosystem 9: Telefantasy WP

***

Chevrolet Camaro WTB’09

***

isoCologne

***

Just Dance WP

***

Rainbowfest .wall

***

7 sins wallpaper

***

Glassical Emotions: Drunk

***

Music is my Life

***

mon coeur noir

***

industrial of kids

***

The Pinksplosion Wallpaper

***

Thank you…

***

Listo, espero que les guste algunos!

Pack de Bonitas Salpicaduras en 3D

GonZa — Thu, 01 Oct 2009 16:42:56 +0000

Buenas, aquí les traigo unos excelentes recursos, estuve buscando algo así por mucho tiempo hasta que lo encontré pero me lleve con la mala noticia de que era pago y me resigne, pero hoy navegando por la red encontré algo parecido a lo que yo necesitaba, pero con la diferencia de que era gratis, les hablo de salpicaduras en 3d, muy buenas y realistas. Seguramente dejaran de usar esos splatters horribles en 2D, me refiero a los pinceles.

El pack trae 20 imágenes en formato .jpg, todas las imágenes tienen un fondo de color, blanco y negro pero eso no es un problema para los que usamos Photoshop por que con la Herramienta Varita Mágica hacemos un clic en la parte del fondo y una vez que nos selecciona todo, procedemos a borrar con la tecla Supr y listo!

Las imágenes están libres de uso, los podemos usar en proyectos personales y lo mejor, es que también lo podemos usar en proyectos comerciales. Este pack de recursos fue creado por Media Militia. Les dejo una de la que mas me gustaro a mi, al final del post pueden descargar el recurso.

Espero que les sirvan este excelente pack de recursos…

Link | Descargar Pack de Salpicaduras.
Link | Paint Tossing Pack.

Saludos!

60+ Diseños Tipográficos para Inspirarse

SilverWolf — Fri, 04 Sep 2009 00:30:35 +0000

Hoy les quería presentar una colección de diseños tipográficos, que con el paso del tiempo, van adquiriendo protagonismo entre los diseños. El estilo de cada uno puede llegar a ser muy variado y personalizado dependiendo del artista. El motivo de esta recopilación es que personalmente me apasionan estos diseños, y aquí estan presentes unos de mis favoritos.

La colección proviene de deviantart y he seleccionado las de mayor creatividad para ofrecer los mejores diseños. Se compone de 61 diseños muy variados, algunos son parecidos, pero en una colección de tantos diseños es dificil que esto no pase Estos pueden darte una idea para la creación de uno propio.

Mas allá de lo que intente expresar cada diseño, la complejidad que pueden adoptar las letras y los adornos que incluyen estas, son los que realmente las convierte en verdaderas obras de arte. Normalmente se suelen usar texturas de papel para resaltar las letras, pero eso no pasa siempre.

***

***

***

***

Typography rainbow colors

***

Journal

***

designers don’t commit crimes

***

***

***

***

***

***

Lets get lost tonight

***

New Area

***

Typography the future

***

***

***

***

***

***

***

***

Full Spectrum Dominance

***

The Gift v2

***

Set The World On Fire

***

***

***

***

***

***

***

The art is a form of life

***

Be Creative Typography

***

Typography hate is baggage

***

Brdm

***

Freedomisart

***

Tribute JF DD DF

***

Addicted to digital art

***

***

***

***

***

***

***

***

***

Typowall ♠ Love For Retro Typography

***

***

***

***

***

Massive Attack Teaser

***

Letters are more than Words

***

Hot cup of coffee

***

Beautyfullcolor

***

NSJ

***

What is graphic design?

***

3D Typography

***

pure 02

***

Type Your Type

***

Esto ha sido todo, espero que le hallan sacado provecho de esta colección.

Como hacer un logo 3D con 3D Studio Max

GonZa — Sun, 12 Jul 2009 03:18:45 +0000

Hola, en este tutorial les voy a enseñar a crear un logotipo en 3D muy llamativo con Autodesk 3ds Max 2009 u otra versión anterior. Es simple para alguien que ya tiene un conocimiento básico en el software, se lo puede usar para algún tipo de presentación o cartel, algo que llame la atención.

Empecemos:

Paso 1:

Para empezar abrimos el software y nos vamos a Create-> Shapes-> Text.

Luego en la parte Text vamos a agregar las letras u o palabras que quieran, yo he agregado la b y d por que me gusta así.

Atención a esto, cada letra la tienen que agregar por separado.

Traten de alinear las letras.

Paso 2:

Ahora vamos a aplicar el efecto Extrude, para ello vamos a Modif-> Modifier List-> Extrude:

Y configuramos así:

Hacen lo mismo con la otra letra, les debería quedar así dependiendo del color que hayan elegido al armar la letra.

Paso 3:

Ahora tenemos que girar nuestras letras de forma que quede bello, lo hacemos con la herramienta “Select and Move”

Traten de hacer algo parecido a esto:

Paso 4:

Ahora vamos a usar la herramienta “Select and Uniform Scale” que se encuentra a la derecha de la herramienta anteriormente usada pero antes seleccionamos una de nuestras letras y apretamos Control+V, nos va a aparecer una ventana parecida a esta ahí seleccionamos Copy y hacemos un clic en OK:

Ahora si vamos a utilizar la herramienta, hacemos un clic sobre ella y vamos a achicar un poco la letra y le cambiamos el color a uno que ustedes quieran:

Repiten lo mismo que hicimos en este Paso con la otra letra:

Paso 5:

Ya casi terminamos, ahora nos toca iluminar nuestra escena, esto ya queda a elección de ustedes que efecto quieren lograr iluminando, igual yo le voy a explicar como hago mi iluminación, también he modificado la posición de mis letras y otras cosas, ustedes hagan lo que sea posible para que nuestro logo sea mejor estéticamente.

Nos vamos a Create-> Lights-> Photometrics Lights-> Target Light y creamos unos puntos como estos:

Como ven he agregado tres puntos de iluminación, ahora vamos a agregar otro, nos vamos a Create-> Lights-> Standard Light-> Target Direct:

Listo, ya terminamos nuestro, solo nos queda renderizar, para ello hacemos un clic en Render Setup y configuramos así:

Haz un Click para Ver la Imagen en su Tamaño Original

Luego aprietan en Render, esperan unos segundo dependiendo de nuestro PC y listo, ese es el resultado final.

Recuerden que pueden cambiar la perspectiva y obtener nuevos resultados, también cambiar nuestra iluminación y hacerlo aun mejor.

Si tienen algún problema, dejen su comentario.

Link | Proyecto Logo 3D en 3D Studio Max 2009 (237)

Saludos!

BumpTop: Tu escritorio en 3D

Tato — Sun, 10 May 2009 19:51:43 +0000

Muchas veces el escritorio de tu Computadora, esta muy desordenado o es un poco Aburrido. Una de las soluciones puede ser un theme o algun wallpaper con una poco mas de vida, pero muchas veces no alcansa.

Bumptop es una Exelente aplicacion para tu escritorio que resolvera ese problema. Aunque no es muy necesario, esta muy bien lograda ya que transforma a tu escritorio en algo mas Tridimensional. Con una variedad muy grande de temas y funciones para esta.

Permite desde apilar los iconos, hasta arrojarlos y hacerlos chocar entre sí. En las paredes de este, puedes colocar Slideshows o accesos directos a Twitter, Facebook y al Correo electronico. Tienes una exelente funcion llamada “Escritorio Infinito” que agranda ampliamente tu escritorio, y te da la posibilidad de poner muchisimos mas iconos y organizarlos mucho mejor.

Una de las desventajas de este software es la alta cantidad de memoria RAM que utiliza.

Enlace | Bumptop

Saludos!

Nube de Tags Flash con WP-Cumulus

GonZa — Sat, 25 Apr 2009 21:44:58 +0000

Buenas, luego de cansarme de responder email que me preguntaban como hice para poner en el sidebar la nube de tags flash, publico una entrada para explicar ello.

Ese Widget lo hago con el plugin WP-Cumulus, es muy fácil de usarlo.

1- Primero lo descargas y lo subes a la carpeta /wp-content/plugins de tu directorio FTP.
2- Luego lo activas desde tu panel de administración: http://tusitio.com/wp-admin/plugins.php
3- Lo configuras desde las opciones del plugin que se encuentran en Opciones-> WP Cumulus: http://tusitio.com/wp-admin/options-general.php?page=wp-cumulus/wp-cumulus.php.
4- Luego vas a el manejo de Widgets y agregas el del plugin.

Unos Screenshots:

Opciones del Plugin

Vista Previa

Configuracion en Widgets

Yo en estos momentos no lo tengo activado por que el nuevo theme que tengo ya tiene su propia nube de tags y me gusta más.

Saludos!

30 Diseños Tipográficos en 3D

GonZa — Sun, 05 Apr 2009 00:58:34 +0000

Buenas, este articulo es justo lo que necesitas si andas sin creatividad.

Hay diseños que ustedes dirán ¿Como carajo hacen eso?, lo digo por que a mi me paso y como siempre me dan ganas de hacer algo así, se me vienen ideas a la cabeza.

Hay diseños espectaculares, muy bien trabajados y como también están las ovejas negras, por así decirlo.

Les dejo los que mas me gustaron, son 12 imagenes en total, hagan un click en ellas para verlas mas grande:

Link | 40+ Most Inspiring 3D Text Typography Designs

Crear Texto en 3D Floral

GonZa — Sat, 28 Mar 2009 09:49:20 +0000

Buenas, hace unos días pase al español un tutorial de 10Steps.sg donde nos enseña a crear un póster decorado con unos pinceles florales y también con texto decorativo muy hermoso, en este tutorial vamos a usar Adobe Photoshop y Adobe Illustrator.

Empecemos:

Paso 1: abrimos el adobe illustrator, yo usare la versión CS4. Creamos un nuevo documento del tamaño que prefieran.

Paso 2: una vez que hallamos creado el documento vamos a escribir nuestro texto, pero cada letra por separado, así podemos aplicarles efectos diferentes a cada letra:

Paso 3: ahora le vamos a aplicar el efecto 3D a las letras, seleccionen una y vallan a Efecto-> 3D-> Extrusión y biselado… y la configuran así:

Para cada letra vallan variando los primeros 3 valores (26º,27º,-11º)

A mí me quedo así luego de haberle aplicado el efecto a todas las letras:

Listo, terminamos la parte con Adobe Illustrator pero aun no lo cerramos, ahora abrimos el Adobe Photoshop, yo usare la versión CS4.

Paso 4: creamos un documento nuevo en Photoshop con el tamaño que ustedes quieran.

Paso 5: ahora vamos a elegir la “Herramienta Degradado (G)” y la vamos a configurar de la siguiente manera

Y hacemos un degradado de arriba hacia abajo, quedándonos así:

Paso 6: ahora es donde vamos a usar las letras que hicimos en Adobe Illustrator, tienen que copiarlas desde el documento en Illustrator a el documento en Photoshop, para hacerlo, solo tienen que elegir una letra y apretar “Ctrl (Control)+C” y luego la pegan en el documento de Photoshop apretando “Ctrl (Control)+V” y listo, les va aparecer una ventana en Photoshop como esta

Donde tienen que elegir en “Pegar como:” Objeto Inteligente. Luego hacen lo mismo con las demás letras hasta terminar de pasar todas al documento en Photoshop, una vez que hayan pasado todas las letras, las ubican en Photoshop como mas les guste, yo las ubique así:

Una vez que las ubiquen pónganlas en un grupo en Photoshop así las pueden centrar a todas juntas, al grupo lo llaman “Letras”.

Paso 6: ahora tenemos que colorear la cara de las letras, primero vamos a elegir la “Herramienta Varita mágica (W)” y la vamos a configurar asi:

Ahora vamos a hacer un clic en la cara de una de las letras asi:

Y luego vamos a perfeccionar los bordes, haciendo un clic aquí:

Y se les va abrir una ventana y la van a configurar así:

Ahora vamos a crear una nueva capa llamada “Relleno” dentro del grupo “Letras” y vamos a rellenar la selección que hicimos con un color blanco (Edición->Rellenar…), luego en la Paleta de Capas vamos a hacer clic derecho en la capa donde se encuentra el relleno y vamos a ir las opciones de fusión y elegimos la opción “Superposición de degradado” y lo vamos a configurar así:

Listo, ahora hacen lo mismo con las demás letras, pero vallan variando el color del degradado. A mí me quedo así:

Paso 7: Ahora tienen que cargar al Photoshop unos pinceles florales que les dejo al final del post, una vez que los hallan cargado van a crear una nueva capa llamada “Pincel Floral” sobre la capa “Relleno” de una de todas las letras, es decir, todas las letras tienen una capa por encima que es la que rellenamos (Relleno) después de haber seleccionado la cara de la letra, entonces encima de cada letra tienen que haber dos capas, una es la del relleno (Relleno) y la otra es la que vamos a crear para las flores (Pincel Floral), les dejo una imagen de la paleta de capas para que entiendan mejor:

Bueno, si ya crearon la capa para el pincel, van a elegir el “Modo de Mezcla” en Superponer y le van a bajar la Opacidad a 50%. Van a seleccionar el relleno que hicimos anteriormente y van a pintar con uno de los pinceles que cargaron, le explico, seleccionamos la capa “Relleno” para que solo pinte esa parte cuando apliquen el pincel, por que si no va a pintar sobre toda la letra y no queremos eso, solo en la cara de la letra.
Ahora hacen exactamente lo mismo con las demás letras (acuérdense, cada letra tiene que tener su propia capa encima para usar los pinceles, no una para todas las letras).

A mí me quedo así:

Paso 8: ahora tenemos que darle sombra a cada letra para ello creamos una capa llamada “Sombra” debajo de cada capa llamada “Pincel Floral” y con la “Herramienta Pincel (B)” y con un pincel circular y difuminado, le pasamos en las partes donde hay una letra arriba, simulando la sobra de la letra que esta arriba, a mi me quedo así:

Nuestra paleta de capas debería quedar así:

Paso 9: ya estamos en la ultima parte del tutorial, ahora tenemos que agregar las flores en el fondo de nuestro documento.

Para ello creamos una nueva capa llamada “Flores” debajo del grupo “Letras” que contiene todas las letras y demás.
Definimos como color frontal #bef7a8 y pintamos, a mí que quedo así:

Ya nos va quedando lindo no? Pero aun falta unos pasos mas…

Paso 10: lo que vamos hacer ahora es ir a las “Opciones de fusión” de la capa en donde pintamos recién, exactamente como hicimos en el paso 6 y elegimos la opción “Resplandor Exterior” y configuramos así:

Dando como resultado:

Paso 11: ya nos hemos pasado los pasos en los que explica el autor del tutorial pero es que yo lo explico de otra forma y mas detallada, yo redacto tutoriales pensando en personas que recién empiezan con Photoshop, así que en todos mis tutoriales van a ver que me explico mucho y a veces no me llegan a entender pero para eso tienen los comentarios para sacarse las dudas.

Ahora vamos a crear una nueva capa llamada “Flores de Fondo” debajo de la que en el paso 9 creamos que se llama “Flores”. Una vez que hallan creado la capa van a elegir como color frontal el blanco (#FFFFFF) y van a elegir una flor cualquiera que hay en el pack de flores que les deje al final del post. Pintan debajo de las letras y a esa capa le cambian el “Modo de Fusión” a “Superponer” y les quedaría así:

Listo, ya estamos en el final, sigamos.

Paso 12: creamos una nueva capa arriba de todas y le ponemos el nombre de “Estrellas”. Abren las “Opciones de Fusión” de la capa, eligen la opción “Resplandor Exterior” y el único valor que cambian es el color, eligen un blanco (#FFFFFF).
En esa capa van a pintar unos puntos de reflejo en partes de las letras donde hay mucho brillo, siempre en los bordes. El pincel se lo pueden descargar al final del post.

Y listo, tutorial terminado con un resultado hermoso:

Recuerden, este tutorial es obra de 10Steps.sg, yo lo traduje y edite algunos pasos. Espero que lo disfruten.

Link | Haz un click aquí para descargar el .psd (Photoshop) del tutorial. (115KB)(.zip)
Link | Haz un click aquí para descargar el .ai (Illustrator) del tutorial. (1,12 MB)(.zip)
Link | Haz un click aquí para descargar los pinceles usados. (1,06 MB)(.zip)
Link | Haz un click aquí para ir al tutorial original (en ingles)

Saludos! GonZa.