Archive for the ‘photoshop’ Category

Gran variedad de estilos para Photoshop

Martes, Mayo 4th, 2010

Para todos los amantes de los estilos, en DeviantArt me encuentro con una gran variedad de pack que de seguro seguir� subiendo en n�mero.
Grafixx�s es un usuario austr�aco de DeviantArt que ha creado por el momento 15 interesantes packs de estilos previsualizados en n�meros . Cada set cuenta con un PSD como el de la […]

Crear un calendario usando scripts en Photoshop

Viernes, Abril 23rd, 2010

En mas de una ocasión hemos compartido calendarios en diversos formatos, y si bien la comodidad de tenerlo todo hecho es muy tentadora, siempre es bueno saber con que herramientas contamos en Photoshop para cuando tengamos que hacer algo mas personalizado o simplemente querramos aprender un poco mas acerca de este fabuloso programa.
En PSDTuts han […]

Llamativo efecto de texto en Photoshop

Jueves, Abril 22nd, 2010

Hay efectos de texto que dada su simpleza y resultado final merecen la pena ser difundidos. Este es el caso del efecto “Wooden Type” que creó la gente de Wegraphics.
En este tutorial se puede ver como con algunos estilos de capa y fusiones lograremos crear un llamativo texto de madera con tornillos en sus uniones.
Enlace […]

Paisaje estilo Avatar en Photoshop

Jueves, Abril 15th, 2010

Sin duda la película Avatar ha marcado a mas de uno con sus personajes y paisajes, y si bien ya hemos visto tiempo atrás como crear una isla flotante con Photoshop, este tutorial merece una mención ya que tiene un resultado excelente en cuanto a color e iluminación.
Este es un claro ejemplo en donde queda […]

Cómo poner un bigote en un fotomontaje usando Photoshop

Sábado, Marzo 20th, 2010

-
Hacer un bigote realista usando Adobe Photoshop es muy sencillo, sólo necesitamos ¡cejas!. Básicamente lo que haremos será copiar una ceja y amoldarla al labio para que represente el bigote deseado.

Paso 1: Selección de ceja usando Quick Mask

Obviamente, primero seleccionamos la foto que deseamos transformar. Para este tip utilizaré la peor foto de Freddie, el webmaster de Cristalab. Es mi modelo favorito XD.

Presionamos la tecla Q para entrar al Modo de Edición de Máscara Rápida. Luego con un pincel de bordes suaves dibujamos sobre la ceja que vamos a utilizar como bigote. Una vez coloreada toda el área de la ceja que vamos a utilizar, presionamos nuevamente Q para salir del Modo de Edición de Máscara Rápida.

Al salir del Modo de Edición de Máscara Rápida notaremos que el área coloreada está seleccionada.

Paso 2: Haciendo el bigote con la ceja

Copiamos (Ctrl + C) y pegamos (Ctrl + V) el área seleccionada. Luego, posicionamos la ceja sobre el labio tratando de que encaje lo mejor posible usando la herramienta de transformación libre (Ctrl +T). Una vez que tenemos una parte del bigote a nuestro gusto la duplicamos (Ctrl + J) y la posicionamos del otro lado.

Paso 3: Detalles

Cuando ambas partes del bigote estén bien posicionadas podemos trabajar algunos detalles. Borra las partes excedentes usando un pincel de bordes suaves o máscaras y utiliza la herramienta Clone Stamp para agregar algunos vellos adicionales en zonas que hayan quedado desproporcionadas.

Este es el resultado final.

Eso es todo, como pueden apreciar es bastante sencillo, rápido, realista y práctico. Hagan la prueba, verán que se divierten un buen rato XD.

Otro ejemplo de bigotes hechos con cejas. En la foto se aprecia a Eldervaz y a master_of_puppetz.

Espero que este tip les sea útil ^^. En un próximo tip les enseñaré cómo hacer una barba desde cero, sin usar cejas XD.

Enviar comentario

Cómo crear una plantilla de Wordpress

Miércoles, Noviembre 25th, 2009

Continuando con la videoserie de Así las Armamos en Español vamos a llevar a nuestra plantilla Tabletop al siguiente nivel: la vamos a convertir en una plantilla wordpress funcional.

En esta primera edición de Wordpress he hecho dos videos: En el primer video veremos la maquetación estática de la sección "blog" de nuestra plantilla para luego hacer la instalación de la plataforma en un servidor local. Posiblemente implementare la plantilla como un portafolio para ver cosas mas avanzadas.

En el segundo video comenzaremos a dinamizar nuestra web viendo los template tags para rutas, nuestros links y también para nuestro menú estático

Te recuerdo ver las primeras partes de esta serie: Cómo convertir PSD de Photoshop a CSS y XHTML, parte 1 Convertir PSD a CSS y XHTML, parte 2 Convertir PSD en HTML, parte 3 PSD a XHTML y CSS, 4 Convertir PSD a CSS y XHTML, parte 5 Convertir PSD a CSS y XHTML, parte 6

Wordpress: Instalación y maquetación de un blog


Wordpress: Menús de navegación, rutas y links


No olviden dejar sus comentarios y sugerencias por aquí en Cristalab o siguiéndome a través de twitter @raymicha. En el siguiente capítulo continuaremos con nuestra implementación conociendo el Loop de Wordpress para los posts y armando nuestra barra de búsqueda. No se lo pierdan!

Enviar comentario

Convertir PSD a CSS y XHTML, parte 5

Miércoles, Octubre 7th, 2009

Y aquí está la continuación del cuarto capítulo de "Así las armamos en español" mi videoserie sobre maquetación web. En esta parte veremos dos plugins de jquery que nos permitirán hacer cambios en las fuentes y darle funcionabilidad a nuestro slide.

Te recuerdo ver las primeras partes de esta serie Convertir PSD a XHTML/CSS parte 1, Convertir PSD a XHTML/CSS parte 2 , Convertir PSD a XHTML/CSS parte 3

Así las armamos en Español: Javascript

Podríamos decir que esta es ya la última parte de la maquetación de esta web, pero no, vamos a ver la sección de contáctanos con el objetivo de darle una mirada a las estructuras y estilizaciones de los formularios y veré como podemos sacarle el jugo a las otras secciones aprendiendo algún truco


Temas para Próximos Vídeos

  • Jquery
  • Wordpress
  • Tips y algunas propiedades vistas mas a fondo de CSS
  • Mas maquetaciones!!

No olviden que pueden dejarme sus comentarios por aqui en Cristalab o seguirme en twitter @raymicha muchas gracias a todos los que siguieron mis videos hasta ahora nos vemos pronto con nuevas cosas para aprender :D

Enviar comentario

Cómo crear un fondo de intestinos o gusanos en Photoshop

Martes, Noviembre 4th, 2008

Este un sencillo truco para crear intestinos, gusanos o simplemente un fondo baboso dependiendo los efectos y color que deseen Riendo

Primero creamos un nuevo documento con el siguiente aspecto:

Ahora creamos una nueva capa.

Le ponemos el nombre que nos apetezca y seguimos; seleccionamos de color frontal el color que deseemos para los intestinos y de fondo el negro, en mi caso seria así:

Ahora nos vamos a: Filtros>Interpretar>Nubes Ojo:No es Nubes de diferencia

Nos quedara algo así:

Luego nos vamos a: Filtros>Estilizar>Bordes resplandecientes

Tendremos algo así:

Dejamos los ajustes preestablecidos y presionamos OK.

Ahora repetimos el filtro presionando Ctrl+F

Hecho esto nos vamos a: Filtros>Artistico>Plastificado

Ahora para darle un toque de sangre vamos a seleccionar:

  • Herramienta: Subexponer
  • Rango: Sombras
  • Radio: (Al gusto)
  • Dureza: (De preferencia) 50%
  • Y empezamos a pintar las zonas de los límites de la imagen

Luego seleccionamos para darle un efecto de estado de putrefacción

  • Herramienta: Subexponer
  • Rango: Medios tonos
  • Radio: (Al gusto)
  • Dureza: (De preferencia) 50%
  • Y pintamos mas al centro para que parezca intestino putrefacto

Ahora como toque final un poco de luz al centro con…

  • Herramienta: Sobreexponer
  • Rango: Iluminaciones
  • Radio: (Al gusto)
  • Dureza: (De preferencia) 50%

Y…

¡Voilà!
Gusanos a la Photoshop CS3

Enviar comentario

Cómo crear un efecto de tallado sobre metal con Photoshop

Lunes, Septiembre 29th, 2008

Estuve observando este Tip que acaba de publicar Blacky, así, poco a poco fui recordando uno muy similar con el que puedes lograr un efecto de tallado sobre metal en Photoshop; muy útil si buscas crear una bonita y moderna interfaz. Procedo a explicar el como:

Procedimiento

Paso 1

Primero hay que crear un documento nuevo en Photoshop en el cual vamos a trabajar. Para este caso utilice como medida 320 píxeles de ancho, por 250 de alto. Igual puedes elegir el tamaño que necesites.

Paso 2

Nos aseguramos de tener el color blanco y el negro en nuestra paleta, arriba y abajo respectivamente. Y comenzamos a utilizar los filtros:

  1. Accedemos al filtro de Nubes de Diferencia; Filtro/Filter > Interpretar/Render > Nubes de Diferencia/Difference Clouds
  2. Para ahora, habrás visto el cambio en el documento. Es hora de añadir un poco de ruido sobre la imagen, algo básico para lograr el efecto, Filtro/Filter > Ruido/Noise > Añadir Ruido/Add Noise.
    • NOTA: Para que el efecto se logre, hay que asegurarse que este en tipo Gausiano/Gaussian y con el checkBox Monocromático/Monochromatic activada.
  3. Finalmente, agregamos un desenfoque de movimiento. Filtro/Filter > Desenfocar/Blur > Desenfoque de Movimiento/Motion Blur. Donde puedes elegir la dirección del mismo.
    • NOTA: Aquí es una de las partes donde mas vale experimentar, es decir; entre mayor sea la distancia mas se verán prolongadas las lineas oscuras a lo largo del documento, así como también dependerá del angulo que hayas introducido

Ahora ya tenemos básicamente el efecto, aunque como todo; aun se puede mejorar.

Paso 3

Ahora, a partir de aquí todo se vuelve mas opcional, ya que igual no es necesario pero ayuda a que se vea mejor el resultado. Por ejemplo modificar el brillo y el contraste; Imagen/Image > Ajustes/Adjustments > Brillo/Contraste / Brightness/Contrast

  • En este caso, quite un poco del contraste, y añadí mas brillo a la imagen para hacerla ver mas metálica.

Paso 4

Finalmente, como otro paso opcional, se puede recurrir al uso de otros efectos avanzados, como los Efectos de Iluminación; Filtro/Filter > Interpretar/Render > Efectos de Iluminacion/Lighting Effects.

  1. En la sección de la Izquierda, puedes modificar la manera en que la luz afecta el plano tan solo arrastrando el disco punteado.
  2. Propiedades de Estilo/Style
    • En el submenu, se pueden elegir otros diseños ya predeterminados. Yo te recomendaría para este caso Soft Omni.

  3. Propiedades de Tipo de Luz/Light Type. En el submenu se pueden elegir los diferentes tipos de enfoque.
    • Los valores de Intensidad/Intensist servirán para controlar que tan intensa sera la luz despedida, y los de Enfoque/Focus para determinar que tan lejos esta llegara.
  4. Propiedades de Propiedades/Properties.
    1. Brillo/Gloss: Como su nombre y valores indican, permite establecer si ser mas mate, o mas brillante el efecto.
    2. Material: Nuevamente, los valores nos dan fácilmente a entender el tipo de brillo, es decir; si este sera mas plastificado, o bien mas metálico.
    3. Exposición/Expossure.
    4. Ambience.

Paso 5

Ahora, una vez terminado de jugar con los diferentes filtros, tienes tu efecto ya terminado. Solo queda decir Enjoy it ! Espero sea de utilidad.

Enviar comentario

Adobe Photoshop CS4: Top 8 de novedades

Martes, Septiembre 23rd, 2008

Si Flash era la joya de Macromedia, Photoshop es la de Adobe. La nueva versión en la Creative Suite 4 no incluye tantos cambios como otros productos, pero las nuevas cosas alejan mucho a Photoshop de sus competidores. Un gran enfoque en usabilidad y velocidad tiene Photoshop CS4.

Bridge CS4

Realmente no tengo idea si la gente usa esta cosa. Asumo que sí porque le han metido mucho tiempo. Galerías en fullscreen, más información acerca de diseños, manejo de imágenes 3D, stack de fotografías para HDR y hasta una cosa similar a CoverFlow.

También es capaz de crear galerías de imágenes para Internet u hojas de contacto (contact sheets) para imprimir y mostrar varias fotografías, junto a su información, en una grilla impresa. Si Bridge CS4 te interesa, lo han hecho más útil.

Camera RAW 5.0

El pre-rendereado de imágenes RAW de cámaras fotográficas profesionales es ahora más completo. Con efectos que es posible aplicar directamente a los RAW (sin destruir la información original), redimensionados, esquemas de color, etc.

Photoshop acelerado por hardware

Esto es genial. Ahora la vista de diseño de Photoshop es rendereada por la tarjeta de video y acelerada por hardware. Imagina tener una imagen de 6000px de ancho y alto. Hacer zoom, moverla, rotarla, cortarla y manipularla se sentirá completamente natural y suave. ¿Recuerdan los comerciales del iPhone donde para ver una foto haces zoom con los dedos, mueves, etc? Eso es ahora posible en Photoshop, sólo que no es lento y sin calidad como en el iPhone real, sino como en los comerciales.

También es posible rotar el canvas sin modificar la imagen, hacer cambios y mantener la integridad y orientación completa de la imagen. Como si tuvieran una hoja de papel y la rotaran en las manos para dibujar desde otro angulo. ¿Es eso cool? Sí, sí lo es.

Ajustes y panel de mascaras

Primero, todos los efectos, ajustes de color, brillo, contraste, niveles y demás ya no son ventanas modales que bloquean el uso del canvas. Ahora son accesibles desde paneles, la vista previa es en tiempo real (gracias a la aceleración por hardware) y no hay necesidad de ir a paneles que bloquean el resto de Photoshop para añadir efectos.

Sumado a esto está un nuevo sistema de mascaras para combinar efectos muy fácilmente. Todo con "capas de ajustes" que hacen que el proceso sea 100% reversible y no destructivo. Siempre se puede regresar a la imagen original.

Dodge y Burn mejorados

Por defecto, las herramientas de Dodge y Burn protegerán los tonos. Haciendo que solo los elementos que realmente interesan sean quemados o movidos, sin modificar otros elementos de las imágenes. De ese modo, por ejemplo, es posible en instantes eliminar la sombra y el brillo de una fotografía, ecualizando los colores.

Auto alineado y mezclas mejoradas (Blends)

Imagina que tomas 10 fotos similares, cada una de forma diferente. Una foto la tomas con Flash, otra sin Flash, algunas con más exposición, otras con menos, etc. Photoshop ahora, automáticamente, es capaz de analizar una pila de fotografías similares, alinearlas perfectamente, mezclarlas y generar una fotografía final de exposición perfecta. Con un click.

Redimensionado sensible al contenido

Mira bien las dos imágenes de arriba. Ahora es posible achicar o agrandar una imagen y que esta, en vez de pixelarse o deformarse, se redimensione de manera inteligente, manteniendo su contenido relevante en la misma proporción.

Photoshop CS4 Extended

La versión más poderosa de Photoshop permite muchas más cosas. Ahora es todo un entorno de creación de texturas 3D sobre los objetos 3D con rendereado en tiempo real. Un motor de raytracing permite renderear incluso condiciones atmosféricas y de luz sobre los objetos 3D que se manipulan en Photoshop.

Video de lanzamiento


¿Es Photoshop CS4 lo que esperabas?

Los cambios de PS CS4 son más de usabilidad, rapidez de uso y diseño. En lo particular no soy un gran usuario de Photoshop, pero reconozco que un par de nuevas caracteristicas me sorprendieron gratamente. Pero ustedes son los profesionales ¿Esperaban algo más? ¿Faltó algo en PS CS4 que no ha llegado aún?

Enviar comentario