jueves, 14 de mayo de 2020

Apps de navegador muy útiles

Para trabajos de destinados a pantallas pueden ser muy útiles estas webapps. No es necesario instalar nada, funcionan directamente vía web desde el navegador, por lo que son cómodas y muy adecuadas para uso esporádico. Pueden salvarte rápido de los apuros, o integrarlas en tu flujo de trabajo.

Grabar tu pantalla:

https://screenrecorderapp.com/


Edita tu video, titula, subtitula:

https://www.veed.io/


Quitar fondos, sin dolor:

https://www.remove.bg/



Algunas otras webapps para redimensionamiento de imágenes las encontrarás aquí:


Yo mismo he empleado la siguiente, muy cómoda y de buenos resultados hasta cuatro veces el tamaño original. Su web tiene otras herramientas interesantes:
https://icons8.com/upscaler


Para el trabajo colaborativo, para establecer grupos de trabajo y realizar entre varios la coordinación de las tareas de elementos de interfaz:
https://www.figma.com/



Para que no se te olvide ninguna tarea, para establecer tus tareas to do, con sus deadlines
https://zenkit.com/en/todo/


No es obligatorio utilizarlas todas, quizá ninguna te encaje bien, pero puede que añadas alguna a tu listado de favoritos en el navegador.
Comenta cómo te ha ido.

miércoles, 13 de mayo de 2020

InDesign - Documentación General

Taller_InD

 Vamos a poner aquí algunos enlaces de documentación general sobre InDesign, maquetación, tipografía y editorial en general


Formatos de texto:


Tipografía: algunos enlaces interesantes para profundizar en su estudio:


Algunos consejos de ortotipografía:






Prensa escrita en tiempos de coronavirus: anuncio:




miércoles, 15 de abril de 2020

Prácticas Semana de Primavera

Vectorial

No debemos olvidar el uso de Illustrator, un programa imprescindible.
Si te da pereza o no tienes tiempo para ghacer un tutorial largo o un diseño complejo, puedes practicar trucos rápidos y herramientas básicas de dibujo con esta alucinante serie de más de 70 Gifs animados de dibujo de iconos.


Después de flipar un rato viendo cómo se dibujan mágica y aparentemente solos y sin dolor los iconos, elije uno, concentrate en él, e intenta reproducir los pasos de su creación.
Te ayudará a pensar en formas simples, en objetos, en elaborar formas complejas y combinar elementos para conseguir la deseada.
En la herramienta a emplear y las ediciones que se les pueden hacer. No todos salen a la primera. Ni siquiera a él le salieron a la primera.


Pixeles

Sigo sin recibir vuestras fotos para la orla del curso en la que vamos a trabajar. Tampoco veo ni en mi buzón de correo vuestras prácticas con los ejercicios propuestos de photoshop. Mal. No estoy nada feliz.

Propuesta de moda real: 


https://www.nosolofreak.com/2020/04/la-reina-de-inglaterra-se-pone-un-traje.html

En la carpeta Orla en nuestro Drive encontraréis la foto original de Isabrel con un vestido color verde croma que os facilitará la tarea de cambiarlo.


¡Quedáos en casa!

lunes, 6 de abril de 2020

:) Ejercicios Cuarentena

Las tres P: procesiones, playa y paparajotes. 

 

Llega por fin la Semana Santa, vacaciones, que en Murcia se prolongan con la semana de Fiestas de Primavera. Pero no este año. Tenemos una pandemia muy seria en el ambiente y por las medidas del Gobierno, en Estado de Alarma. No tendremos clase de Herramientas ni el 07/04, ni el 14/04/2020.


Muy bien, como ahora vamos a estar tranquilos en casa, con mucho tiempo disponible, procuremos aprovecharlo y aprender o mejorar nuestras habilidades y técnicas.

Trabajaremos con las imágenes que tenéis, hay varios ejercicios propuestos (que deberíais ir practicando), el retrato tipo Arcimboldo,  la animación del instituto cuarenta y dos, la animación de Hulk que presenta Sergio:




Procesiones


O jugar con las fotos presentes (tenéis todos los que faltan, enviar la vuestra –esto no es negociable–). Para el trabajo de orla, vuestra foto. No me gustaría señalar a los que faltan.

Añadir agua:

 

Licuar y corregir:

 

 Restaurar fotos antiguas:

 

Paparajotes

Lo más dulce para quien haya llegado hasta aquí. En la carpeta del día 7 encontraréis photo-collage-templates-Create-download. Un archivo en zip que una vez descomprimido, os facilitará 4 archivos psd con los que se puede jugar. ¿Recordáis las capas inteligentes? Pues por ahí va la pista para hacer imágenes como éstas:



Y éstas:

 



CONCLUSIÓN

Que cada uno ponga al menos un comentario. Algo coherente y razonado acerca del tratamiento de imágenes, sobre estos ejemplos o en general, atendiendo a su influencia en el mundo por venir postpandemia.
Comentad.

martes, 24 de marzo de 2020

Formatos y Compresores de Imágenes

Formatos de archivo de imagen

 



El JPG es un veterano (desde 1992) formato de imágenes con compresión con pérdida (lossy), también puede incorporar metadatos (dimensiones, perfil de color, datos EXIF, datos de geolocalización). Cuanto más se comprime el archivo (menos peso), menos calidad tiene la imagen. No permite pixeles invisibles (transparentes). Ideal para imágenes de gran tamaño y fotografías.



El PNG (Portable Network Graphics, se pronuncia "ping")es un formato bastante más moderno. Permite transparencia y puede ser comprimido en varias maneras sin pérdida de calidad (lossless). No admite colores CMYK, por lo que su empleo para impresión está muy limitado. Solo para pantallas. Es ideal para:
  • imágenes que necesiten zonas transparentes;
  • planos y mapas que necesiten detalle, schemes, highly detailed maps, and details matter;
  • imágenes que incluyan texto.




El GIF, en castellano «Formato de Intercambio de Gráficos» es utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones. Creado en 1987 por Compuserve, GIF es un formato sin pérdida de calidad para imágenes con hasta 256 colores, limitados por una paleta restringida máximo a ese número de colores. Por ese motivo, con imágenes con más de 256 colores —de profundidad de color superior a ocho—, la imagen debe adaptarse, reduce su cantidad de colores, lo que produce la consecuente pérdida de calidad. Pero permite transparencia y animación, que es lo que mantiene el formato vivo en la Web actual.


El formato WebP es el más moderno, una creación de Google de 2010, soporta compresión con y sin pérdida (lossless and lossy). Admite transparencia y hasta animación. Tiene problemas de integración con el navegador Safari, el único que no le da soporte. Sin comprimir y con transparencia las imágenes pesan menos que en PNG y se ven igual de bien, y comprimida a tope se me mucho mejor y pesa mucho menos que JPG.


 

Compresores de imagen


https://imageoptim.com/es.html
El mejor para comprimir jpg, pero no utiliza, no genera jpgs progresivos. Bueno con png y svg, el más cómodo para aplicación de escritorio de Mac. Gratis.




https://image-shrinker.com/
El compresor que mejor trabajo hace para comprimir archivos vectoriales svg. También hace un buen trabajo con los jpg y png.

https://image-shrinker.com/



https://squoosh.app/
Esta aplicación web de la casa Google permite opciones de compresión de imágenes avanzadas con y sin pérdida para diferentes formatos, reducción de tamaño, conversión de archivo, etc. Solo admite una imagen por vez. Genera incluso el nuevo formato de imagen WebP





https://tinypng.com/        https://tinyjpg.com/
Básicamente, el mismo compresor en dos webs. Rápido y eficaz. Puedes comprimir varios a la vez que se descargarán juntos. 




https://compressor.io/
Trabaja con 4 formatos: jpg, png, svg y gif. Puede comprimir con o sin pérdida a tu elección.







Algunos datos más en:

La info de la wikipedia es más completa y profunda: Formato JPG
La info de la wikipedia es más completa y profunda: Formato PNG
La info de la wikipedia es más completa y profunda: Formato GIF
La info de la wikipedia es más completa y profunda: FormatoWebP
Curiosa página diseño de los 90 con la mejor y más completa y oficial información del PNG

https://evilmartians.com/chronicles/images-done-right-web-graphics-good-to-the-last-byte-optimization-techniques#evil-martians-big-image-compression-cookbook