Interesante tutorial desde XatakaFoto para crear un interesante efecto cinematográfico en tus imágenes con Photoshop.
CSS Decorative Gallery. Tutorial de CSS con el cual podrás decorar tus imágenes sin editarlas en Photoshop, Todo lo que necesitas es una etiqueta <span> extra y aplicársela a la imagen de fondo para crear el efecto.
Este truco funciona con cualquier imagen de cualquier tamaño.
Via: visual-blast.com
Tutorial en inglés de como crear nuestros reflejos con Photoshop de 5 maneras diferentes.
Via ateneupopular
Via: Vandelay WD me entero de una recopilación de 50 efectos para aplicar a textos en Photoshop, algunos más complejos que otros, pero siempre vendrá bien tenerlo a mano.
Tutorial para crear un efecto de humo con silueta en Photoshop en tan solo 5 pasos.
via: ateneupopular
Excelente tutorial paso a paso para crear patrones personalizados, Define los tamaños y los bordes de repetición. Personalmente es algo que se me escapaba (hasta ahora jeje).
Una lista de libros en Inglés recomendados por Blog design blog.
Se presentan libros de Tipografía, CSS/XHTML, Diseño, Color Usabilidad, Logos, Javascript, etc.
He recopilado para descarga directa desde rapidshare unos cuantos que a mi parecer son indispensables. Pongo su descripción (traducida del inglés) sacada desde blogdesignblog.
CSS Mastery: Advanced Web Standards Solutions por Andy Budd, Simon Collison, and Cameron Moll
CSS Mastery es uno de esos libros solidos que hacen un bun trabajo cubriendo los diferentes aspectos de CSS y XHTML que necesitas saber para construir un sitio web. Al final del libro se detiene sobre unos cuantos casos de estudio de manera que puedas ver en la practica las aplicaciones que has aprendido
Descargar desde rapidshare.
Comprar en amazon.com
The Art and Science of CSS por Jonathan Snook, Steve Smith, Jina Bolton, and Cameron Adams
Un libro que está lleno de buenos ejemplos enseñándote lo fundamental que necesitas para construir un sitio web. La diferencia entre este y CSS Mastery es que este libro usa más color de tal forma que los ejemplos son fáciles de ver y también cubren diferentes tópicos. Ámbos libros cubren lo básico, el que necesitas depende de tu preferencia personal.
Descargar desde rapidshare.
Comprar en amazon.com
Learning jQuery: Better Interaction Design and Web Development with Simple Javascript Techniques por Karl Swedberg and Jonathan Chaffer
jQuery es un gran marco que hace el javascript más facil de usar y también más fácil de entender. Este libro esta escrito por los desarrolladores de jQuery y está lleno de grandes ejemplos que lo hacen mucho más fácil de aprender
Descargar desde rapidshare.
Comprar en amazon.com
Simply Javascript por Kevin Yank and Cameron Adams
Llega un punto en el que quieres añadir más funcionalidad a tu diseño y javascript es un gran camino para hacerlo. Se cuidadoso utilizando javascript por si estas pensando en utilizar este lenguaje en funciones vitales de tu sitio web
Google Analytics 2.0 por Jerri L. Ledford and Mary E. Tyler
Google Analytics es increíble no solo porque es gratis, es un programa muy potente para saber lo que tus visitantes están haciendo. Si no sabes lo que los visitantes están haciendo, entonces puedes corregir problemas antes de que ellos tengan el control o hacer tu diseño mejor.
The Principals of Beautiful Web Design por Jason Beaird
Un libro muy bueno para que empieces con los principios de un bonito diseño web. Tiene muchos y muy buenos ejemplos de cada principio. Al final de cada capítulo, lo que has aprendido es aplicado a una pagina web que el autor está creando, para que cuando termines veas un diseño terminado
Tutorial para recrear un dedo en vectores usando Adobe Illustrator, es bastante sencillo y consta de 8 pasos. Para verlo pincha en la siguiente imágen.
Via ateneupopular nos llega el enlace a psdtuts donde nos muestran como mejorar una fotografía en unos pocos pasos muy sencillos en Photoshop. El tutorial está en inglés.
Una de las ventajas al utilizar programas de maquetación como Quark o In-Design es que nos dan la opción de fluir texto alrededor de una imágen, Photoshop no trae esa característica, sin embargo mediante este sencillo tutorial veremos como hacer esto.
Via PS Hero
Descargar archivo fuente (.psd)
Via Ateneu Popular me entero de este interesante tutorial para crear reflejos fotorealistas sobre una superficie acuática.
Tutorial de como dotar a tus fotografías de un efecto vintage a tus fotografías variando parámetros como las curvas, saturación…
Puedes encontrar el tutorial (inglés) en la siguiente dirección: http://veerle.duoh.com/blog/comments/photoshop_vintage_effect
Proximamente publicaré un tutorial en español de como crearlo, mietras tanto ahí lo dejo.
Bueno navegando un poco por mis favoritos me topé con este estupendo enlace de melissaclifton.com que nos ayuda a crear nuestras propias camisetas desde 0, me refiero partiendo de una imagen cualquiera de internet hasta su proceso de impresión, en este caso en tinta para téxtil. Pues bien con permiso de la autora voy a traducir y a crear mi propia camiseta con una imagen de una cantante famoso.
Primera parte: Crear la imagen en el ordenador.
Material:
- Imágen o fotografía.
- Adobe Photoshop.
Pasos:
1. Busco la imágen para la camiseta. En este caso cogeré una de mi cabeza.
2. Abro la imágen en Photoshop y le doy un umbral adecuado, tened en cuenta que lo voy a hacer sobre una camiseta negra y las partes en blanco serán las que se recorten para luego rellenarlas de ese color.
3. Voy al menu filtro desenfoque gausiano y le doy un valor bajo para que no se noten tanto los bordes, tranquilos en el siguiente paso le quitaremos más detalle.
4. En el siguiente paso voy a jugar con la herramienta curvas (imagen->ajustes->curvas) para restarle detalle a la imagen y que quede más “masa”.
5. Por último (receta propia) vamos a pintar con negro con un pincel, en este caso sobre las partes que no queramos que aparezcan en nuestra camiseta y nos deberia de quedar algo así:
Segunda parte: Recortar y pintar
Material:
- Cartulina A4: o en sud efecto un folio puede valer.
- Cuchilla (no cúter): de venta en ferreterias o tiendas de manualidades, de esas que usabas cuando montabas los tanques de pequeño.
- Papel cebolla A4: cuanto más grueso mejor, lo venden en papelerías.
- Botes de Color especial para textil: yo uso los de Setacolor que valen 3,5 euros en tiendas de manualidades. (Para algodón)
- Cinta adhesiva
- Pincel con la punta ancha o en su defecto rodillo (con esto último no lo he probado)
- Camiseta 100% algodón
Pasos:
Nota: Vamos a usar la imágen de referencia de la web de la artista que aparte de ser mas bonita que mi careto os va a quedar más claro.
1. Imprimimos la imágen en la cartulina (o folio) A4 ajustada al tamaño que querais.
2. Ponemos el papel cebolla A4 sobre la imagen y lo pegamos en la mesa firmemente con la cinta adhesiva.
3. Con la cuchilla comenzamos a crear la plantilla cortando las zonas que se van a pintar. (Se recomienda hacerlo sobre una superficie de corte especial o sobre cristal)
4. Al terminar de recortar (proceso más laborioso) ya tenemos la plantilla, extendemos la camiseta en una mesa y le pegamos en la zona que queramos la imágen del papel cebolla, tened en cuenta que debeis de poner por dentro de la camiseta la cartulina anterior que imprimimos o algo para que la tinta no se filtre al otro lado. Es recomendable que la camiseta tenga al menos un lavado para que se le vaya ese almidonado que traen de fábrica.
5. Comenzamos a aplicarle color con el rodillo o la brocha de punta abierta. Con la brocha hacedlo de modo vertical como si estuvieseis acuchillando la camiseta. para que no se os corra por los entrantes de corte. Aplicarle cuantas capas querais hasta que veais que queda bien firme el color.
6. Despegais la plantilla de la camiseta con mucho cuidado de que no se corra la tinta y ya teneis vuestra camiseta lista para fardar con vuestros amigos.
Así es como quedaron algunas que he hecho:
Sobre todo enfocado al Diseño Web, crestock.com ha recopilado una serie de tutoriales, recursos y artículos de otras webs que nos ayudarán en más que un apuro. Están categorizados como:
- Principios y básicos.
- Color.
- Iconos y Gráficos.
- Fotografías.
- CSS.
- Fuentes y Gráficos.
- Capas.
- Otros
link: The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007
Desde este enlace se muestra como mejorar tus ilustraciones con una serie de técnicas de photoshop para “enriquecer” tus composiciones, sobre todo para los fanáticos del arte más barroco que tanto está de moda ahora mismo (y que a mi me encanta). Bueno os dejo el enlace para que probeis vosotros mismos.
link: vector-polishing-techniques
Mientras me limpian la habitación de la residencia os voy a intentar explicar como crear un pincel de la forma más sencilla posible con Photoshop CS3, también es posible con alguna versión anterior así que el procedimiento será muy similar o incluso igual.
(más…)
Interesante tutorial en inglés que te explica paso a paso como es posible mediante estos programas grabar en formato Blu-Ray (1440×1080)
Las grabadoras Blu-Ray aun no están al alcance de todos los bolsillos, pero todo apunta que le ganará la batalla al HD-DVD, sino el tiempo lo dirá. Por ahoa para disfrutar de este sistema necesitais un buen reproductor (PS3 sirve) así como una Televisión que sea de alta definición para disfrutar al 100% de la calidad del video
Aquí os dejo el enlace (inglés)
http://blogs.adobe.com/davtechtable/2007/06/adobe_production_premium_cs3_a_1.html
En este nuevo tutorial os voy a explicar paso a paso como aislar el fondo homogéneo de un video para reemlpazarlo por lo que querais. Muy util para los que quieran comenzar con la edición de video para Mac.
(más…)
Queda ignaugurado el blog con un tutorial básico que muestra una de las nuevas opciones de la nueva version de Flash CS3 que es la importación de archivos .PSD desde Photoshop con todas sus capas.
Resultado final:
[SWF]http://www.miguelpuig.com/blog2/wp-content/uploads/2007/05/miguelpuigcom_flash_mascara_final.swf, 400, 262[/SWF]
Most Users Ever Online Is 6 On junio 28, 2010 @ 12:59 am
