Categoría: Tutoriales

Tutorial: Comprobar y entender la resolución de pantalla de un móvil.

Tenía la curiosidad de saber cuanta resolución se maneja actualmente en dispositivos móviles, impresoras, pantallas, etc; y me he encontrado con especificaciones técnicas confusas. Sin embargo me ha llamado la atención la ficha técnica del Sony Xperia Acro S y he decidido comprobar si esos datos se corresponden con la realidad: http://www.techtipsworld.com/sony-xperia-acro-s-waterproof-phone-review-and-specifications/930/ . Utilizando photoshop, veo cuales son sus dimensiones de pantalla y compruebo que el resto de tamaños indicados en publicidad son exactos. Así por ejemplo veo que si la diagonal de la pantalla mide 4,3″ y su densidad es 342ppp, multiplico y deduzco que en ella se alinean 1470 puntos led.




A efectos ver que una pantalla LED ya puede representar 342 ppp es una grata sorpresa, pues supera a la mayoría de imprentas, que todavía siguen usando  300 ppp como resolución estándar de impresión.

*ppp (puntos por pulgada)

Tutorial: Vectorizado automatico con Vector Magic y edición de nodos en Corel Draw X5.




Me gustaría dedicar un momento a aquellas personas que consideran que vectorizar es un calvario. Ciertamente tienen razón, es una labor árdua y por eso los hay quienes buscan soluciones fáciles. En esta ocasión, he tenido la oportunidad de probar el programa Vector Magic y veo que funciona con mayor acierto que muchos otros programas. En mi caso pienso que simplifica el vectorizado inicial y luego se puede seguir trabajando en nuestro editor habitual de vectores (corel draw, adobe illustrator, etc).

¿Para qué tanto interés en pasar una imagen a vectores?  Las imágenes vectoriales están simplificadas en curvas de colores y por lo general ocupan muy poco espacio de almacenamiento. otra ventaja importante es que se puede dimensionar sin perder calidad. No aparece el efecto ladrillo de las imágenes en formatos comunes de mapa de bits.

Tutorial: La firma y la marca de agua a partir de un logotipo.




Ejemplo de marca de aguaLa mayoría de los profesionales que desean proteger sus artículos del plagio deciden firmar las fotografías, o al menos aplicar una marca de agua para demostrar la autoría. En este caso el ejercicio que propongo es cómo mejorar la firma en determinadas fotografías a partir de un logo ya existente. No obstante, carezco de originales con resolución óptima, por tanto será un ejercicio improvisado de Photoshop con la marca www.fiberbambu.com. A la izquierda vemos la miniatura de una fotografía submarina, con la firma de su autor, Juan Carballo.

Tutorial: Creando un fondo para Twitter en Full HD 1920x1080px.




En este ejemplo,  desarrollo una imagen de fondo para www.casajuan.net en Twitter.

Tutorial: Desarrollar un GIF animado creando fotogramas a partir de sprites en Adobe Photoshop.




Tal vez la forma más fácil de hacer una animación sea partiendo de un sprite, como es este caso, obtenido de internet. Los sprites se llevan usando años, desde la programación de videojuegos (ejemplo), como es el caso de la saga de Mario Bros. Hoy en día se utilizan mucho en páginas webs, generalmente en formato .png y su ventaja reside en que se carga una sola imagen y se indican qué coordenadas de la imagen se van a visualizar en determinadas áreas (artículo de referencia). Por otra parte están las aplicaciones java de teléfonos móviles, que actúan de manera similar y aquí os muestro un ejemplo, donde encontraréis la imagen Helmo, el personaje del vídeo.

Pongo este otro sprite, en formato PNG, que contiene la animación del protagonista de Monkey Island: Guybrush Threepwood. Y este es el reto futuro que le dejo a mi colega Alex de Murcia, y a todo el que se anime, para que haga un GIF animado.

Tutorial: Vector versus Bitmap. Diferenciando ambas imágenes.




En esta entrega ejemplifico brevemente las diferencias fundamentales entre el vector y el mapa de bit o imagen común.

Los puntos o nodos que forman imágenes vectoriales y tienen unos tiradores de inclinación de la curva. La imagen vectorial puede ser un simple trazado o trayectoria entre dos o más puntos, o bien formas cerradas por dos o más puntos. Aunque variemos el tamaño de nuestra imagen vectorial, la resolución no le afecta y en cualquier tamaño sigue siendo nítida.

El mapa de bits (bmp, png, gif, jpg, etc), es un tipo de imagen común definido en un tamaño y resolución fijos, por lo que al variar su tamaño alteramos la nitidez.

Tutorial: Recorte con máscara de capa en photoshop.




De manera improvisada explico en este tutorial cómo se aplica una máscara de recorte en photoshop, de manera que hacemos un retoque no invasivo o rectificable. Espero poder subir algunos vídeos más con ejemplos prácticos.

Pequeños detalles para mejorar fotografías de postres y platos cocinados




Cada vez que paso por delante de un restaurante y veo enormes fotos con unos platos azulados se me ponen los pelos de punta. ¿Porqué dejan las fotos tan mal pudiendo mejorarlas en un par de minutos?

Aquí os pongo un poquito de retoque rápido y tanteos que se pueden hacer sobre la imagen.  A decir verdad, no son suficientemente buenas las imágenes de origen ni los resultados llevan demasiado esmero.

Os propongo este enlace con ejemplos de fotografías de postres, en los cuales se pueden observar planos de detalle, fondos difuminados y fondos blancos, etc.