Ads 468x60px

Perfil

jueves, 14 de febrero de 2013

Image Optimizer, liberar espacio en Android optimizando las imágenes


Ayer hablaba de lo importante que puede llegar a ser deshacerse de documentos duplicados y por tanto contenidos redundantes en sistemas de escritorio y concretamente Windows. Junto con otro tipo de archivos componen un gran porcentaje de ese espacio que está marcado como ocupado y que por tanto no podemos utilizar, no sĂłlo privándonos de tener más contenidos sino ralentizando el acceso al disco y propiciendo una mayor fragmentaciĂłn del mismo.
Image Optimizer Android
Hay que tener en cuenta que hoy en dĂ­a tener unidades de discos de varios terabytes de capacidad es algo relativamente econĂłmico, y es que estamos a muchos años de esa Ă©poca en la que tener unos gigabytes nos salĂ­a por un ojo de la cara. Donde quiero llegar es a que ese ahorro de espacio es importante sobre todo cuando no tenemos capacidad libre, y hay equipos que aun están lejos de contar con la capacidad que puede tener un ordenador de escritorio: Smartphones y Tabletas cuentan a dĂ­a de hoy con, por ejemplo, 16, 32 o 64 gigabytes de capacidad por norma general e incluso menos, por lo que almacenar sĂłlo los contenidos que vayamos a consumir debe ser lo primero que debamos mirar. En caso de que ya lo hayamos hecho, y suponiendo que las fotografĂ­as ocupan un gran porcentaje de esa capacidad utilizada, podemos utilizarImage Optimizer para Android, una aplicaciĂłn que nos ayudará a liberar espacio a base de optimizar y comprimir las imágenes.
Lo descubro gracias a ghacks, y se trata de una muy buena idea, algo que refleja el feedback aportado por los usuarios en la página de la aplicaciĂłn en Google Play.
La idea es sencilla: Image Optimizer tomar nuestro archivos archivos JPEG o PNG, tipos equivalentes a fotografías tomadas con la cámara integrada y a pantallazos sacados con las últimas versiones del sistema, y ajustar su calidad para reducir las imágenes y salvar amplios porcentajes de espacio con respecto al tamaño original.
La calidad interna se ve reducida pero la aplicaciĂłn se encarga de que no notemos el bajĂłn de calidad visual, algo que me ha parecido que funciona bastante bien en las pruebas que he realizado.
Dependiendo de la compresión original de la imagen, Image Optimizer obtendrá un porcentaje mayor o menor de espacio libre, pero de lo que podemos estar seguros es de que siempre ganaremos y que los datos internos de las fotografías, tales como etiquetas EXIF donde se almacenan datos de localización o de fecha y hora, quedarán preservados por si los necesitamos.

Especial San Valentin - Crea Tu Propia Postal de San Valentin


Haga su propia tarjeta del día de San Valentín para un ser querido, no sólo con amor y sinceridad, pero algunos de que la creatividad tiene que crear dentro de ti también!

Imagen de previsualizaciĂłn de final

Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Empezar a trabajar por la creaciĂłn de un nuevo archivo ( Archivo> Nuevo ) de 1920 × 1200 px y 72 dpi . A continuaciĂłn, seleccione la herramienta Cubo de pintura (G) para dar # 300703 color para el archivo hecho.
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
A continuaciĂłn intente hacer varias lĂ­neas que representan un adorno, comenzando por la creaciĂłn de caminos, usando esta vez la herramienta Pluma (P) (modo de ruta), pulse ESC botĂłn despuĂ©s de cada ruta para comenzar a trazar otro camino
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Crear una nueva capa y seleccione para ello un cepillo estándar y el color # 520B07 ( 9px Diámetro, Dureza 100% ). Haga clic en la paleta Trazados utilizar la herramienta de selecciĂłn directa (A) para seleccionar uno de los caminos creados
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
y luego cambiar la herramienta en la herramienta Pluma (P) y hacer un clic derecho sobre el trazado seleccionado para utilizar subtrazado Stroke
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
El uso del cepillo y comprobar Simular presiĂłn
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
En la nueva capa vamos a aplicar la herramienta Lazo Poligonal (L) y representan una especie de zona marcada debajo de la lĂ­nea anterior hizo.
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Seleccionar para la misma capa despuĂ©s de que un cepillo estándar de color negro ( Opacidad de 50% ) a oscuro fuera de la zona seleccionada en la lĂ­nea.
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
A continuaciĂłn vamos a representar una nueva capa y seleccione para ello un cepillo estándar de # C94F02color ( 9 Diámetro, Dureza 100% ). Haga clic en la paleta Trazados utilizar la herramienta de selecciĂłn directa (A) para seleccionar una al lado de los caminos creados 
y luego cambiar la herramienta en la herramienta Pluma (P) y hacer un clic derecho sobre el trazado seleccionado para utilizar subtrazado Carrera con cepillo y  SimulaciĂłn PresiĂłn opciones:
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
La capa de parámetros: Llene el 40%
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga una copia de la Ăşltima capa que contiene la lĂ­nea recientemente y elige para ello la siguiente opciĂłn: Filter> Blur> Motion Blur
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
A continuaciĂłn tenemos que representar una nueva capa ( Crear nueva capa ) y utilizar aquĂ­ un cepillo estándar anteriormente mencionado ( 100 Diámetro, Dureza 0%, 80% de opacidad ). Coloque esta capa debajo de la capa que contiene el pincel negro (en el panel de las capas) y tratar de pintar el borde superior de la primera lĂ­nea y la parte central de la imagen. El cepillo con el color # B52301
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Crear una nueva capa y seleccione la siguiente ruta de paleta Trazados . La aplicaciĂłn de las mismas operaciones mencionadas anteriormente, podemos  subtrazado Stroke con el color # E8842F
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
La capa de parámetros: Llene el 69%, modo de fusiĂłn-Soft Light
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga una copia de la Ăşltima capa hecha, el cambio de los parámetros de la copia en las que se indican a continuaciĂłn: Completa el 100%, modo de fusiĂłn-Pin Light . Seleccione tambiĂ©n para la Ăşltima capa de la selecciĂłn desde aquĂ­ Filter> Blur> Motion Blur (el mismo que hemos aplicado antes).
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga una copia más de la capa de la lĂ­nea (sin efectos) y set para la capa de la copia la siguiente opciĂłn: Filter> Blur> Motion Blur
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
La capa de parámetros: Llene el 51%, modo de fusiĂłn-Hard Mix
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Crear una nueva capa y hacer las mismas operaciones que hicimos antes en la selecciĂłn de la ruta de acceso siguiente y subtrazado Stroke con el color # FEB741
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
La capa de parámetros: Llene el 45%
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4Usando un cepillo estándar con la opacidad de 70% en una nueva capa, es posible representar un punto culminante en el centro de la imagen. El color elegido esta vez es # FFE475
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
La capa de parámetros: Llene el 62%, mezcla de modo lineal Light
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
En la nueva capa siguiente vamos a aplicar de nuevo el pincel norma mencionada anteriormente para insertar un poco de color en el punto culminante reciĂ©n hecho. El color del pincel es # B52301 ( opacidad del 20% ).
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga una copia de la capa que contiene la lĂ­nea anterior hecho lo que hemos hecho antes de representar el resaltado amarillo. Ajuste de la copia de esta selecciĂłn - Filtro> Blur> Motion Blur
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
La capa de parámetros: Modo de fusiĂłn-Vivid Light
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4
Crear una nueva capa de la misma manera que hicimos antes y elegir aquĂ­ un cepillo estándar con el color # FFDCA1 ( 9 Diámetro, Dureza 100% ). A continuaciĂłn, seleccione una de las rutas de acceso Pallete otro camino para subtrazado Stroke .
Haga su propia tarjeta del dĂ­a de San ValentĂ­n en Photoshop CS4

miércoles, 13 de febrero de 2013

Autodesk 123D Creature, modela personajes en 3D desde el iPad


Autodesk es una compañía de software de diseño que es bastante conocida por el gran pĂşblico porque es la responsable de Autocad, uno de los paquetes de software más utilizados en el ámbito de la ingenierĂ­a o la arquitectura. Además de herramientas de corte profesional, la compañía ha desarrollado un abanico de productos enfocados en los aficionados al diseño o aquellos interesados en realizar proyectos a pequeña escala en el ámbito, por ejemplo, del modelado en 3D con las aplicaciones y servicios de Autodesk 123D. Con el objetivo de ampliar las posibilidades de trabajar con diseños en 3D, Autodesk ha lanzado hoy una nueva aplicaciĂłn iOS, llamada Autodesk 123D Creature, con la que los aficionados podrán trabajar en el diseño de criaturas, monstruos y cualquier personaje que se les ocurra realizando completos modelos en 3D.
123D Creature
Autodesk 123D es un completo port-folio de servicios y aplicaciones tanto para web como para escritorio y dispositivos mĂłviles con los que podremos introducirnos en el ámbito del diseño y modelado en 3D sin necesidad de ser unos expertos en la materia. Con 123D Catch podremos generar modelos 3D a partir de objetos reales a los que sacamos fotografĂ­as desde distintos ángulos y con las que la nube de Autodesk es capaz de realizar un modelo 3D completo, con 123D Sculpt podremos esculpir objetos 3D sobre la pantalla de un iPad, con 123D Design podremos introducirnos en el modelado 3D desde la web o nuestro escritorio y, para seguir estimulando la creatividad de los usuarios, ahora han lanzado 123D Creature que nos permitirá trabajar en el diseño de personajes.
La aplicaciĂłn está enfocada en el iPad, y podemos descargar desde la App Store, nos ofrece una sencilla aplicaciĂłn con la que introducirnos en el diseño de personajes sin necesidad de que seamos unos expertos en la materia, es decir, podremos diseñar personajes partiendo de su esqueleto y, a partir, de ahĂ­ podremos esculpir el cuerpo, jugar con las texturas y, si nos atrevemos, crear un CAD con el que poder imprimir nuestro personaje con una impresora en 3D.
Si te atrae el mundo del 3D, sin duda, vale la pena echar un vistazo a las aplicaciones y servicios qe podemos encontrar en 123D de Autodesk; aplicaciones y servicios que, por ejemplo, han servido para reproducir en 3D algunas obras del Metropolitan de Nueva York.

Diseña tu propio Comic de manera rapida y facil


La presentaciĂłn de tus clases puede ser creativa si utilizas herramientas en lĂ­nea que te ofrecen caracterĂ­sticas para llamar la atenciĂłn de tus estudiantes. En una ocasiĂłn te presentamos algunos servicios en lĂ­nea y gratuitos para maestros creativos y hoy te comparto una herramienta creativa para que agregues a tu lista.

COMIC MASTER: CREA TU PROPIA HISTORIETA

Comic Master es una herramienta gratuita para crear cĂłmics de una página que fácilmente puedes descargar en formato .pdf. Hay opciĂłn de utilizarla sin necesidad de registrarte, incluye personajes, backgrounds y props predeterminados con las mismas caracterĂ­sticas de los diseños de historietas.
Comic-master
Para utilizar las imágenes solamente tienes que arrastrarlas hacia la página en blanco que te presentan del lado derecho. Sus herramientas de manipulación de objetos son básicas pero con un poco de creatividad puedes desarrollar una historia interesante.
comic-ex-master
Una de las opciones que tienes si te registras es que puedes guardar y visualizar tus historias cada vez que te “logees”.

¿CĂ“MO IMPLEMENTARLA A MIS CURSOS?

Si utilizas el modelo de una historieta para presentar el contenido de un tema será más entretenido para tus estudiantes leerlo ya que se familiarizaran con las imágenes y el descenlace de la historia. Uno de los inconvenientes que puedes encontrar es que los super hĂ©roes que trae como predeterminado el servicio limite ciertas temáticas a tratar pero, ¿QuĂ© tal si te animas a crear tus propios dibujos?.
Posterior a la presentaciĂłn de la herramienta en tu clase, alienta a tus alumnos a utilizarla y entregar trabajos con ese modelo, no solo los incentivaras a realizar algo distinto sino tambiĂ©n ayudarás a explotar su creatividad.

OPENCMS: Una Alaternativa CMS Desarrollada en JAVA Y XML


Desde hace ya muchos años es habitual ver las siglas CMS en todo lo relacionado con el desarrollo de páginas web. Estas siglas significan Content Management System, o lo que es lo mismo un Gestor de Contenidos. Pero para quienes no saben quĂ© es un CMS, quiero resumirles quĂ© tipo de herramienta es señalando sus caracterĂ­sticas y las actividades que nos permite realizar:
  • Si somos editores, nos permite actualizar, crear, modificar y borrar contenidos.
  • Si somos programadores o diseñadores web nos facilitará la tarea de creaciĂłn de sitios gracias a templates, plugins o extensiones que nos harán el trabajo más simple.
  • Si somos administradores nos dará facilidades para gestionar nuestros sitios web con el manejo de usuarios, asignaciĂłn de roles y permisos. Dependiendo del CMS utilizado hay muchas más caracterĂ­sticas por implementar.
gestor-opencms
Dentro del mundo CMS tenemos gran cantidad de productos y muy extendidos como pueden ser WordPress, Drupal o Joomla. Pero hay otro muy distinto a estos y se llama OpenCms.

CARACTERĂŤSTICAS DE OPENCMS

Para conocer más sobre este CMS aprendamos primero cĂłmo es su correcta escritura. Como se explica en su página oficialel nombre correcto es OpenCms, no OpenCMS ni openCMS. Parece una tonterĂ­a pero es bastante comĂşn verlo escrito errĂłneamente, incluso en sitios especializados en el producto. Un dato a tener en cuenta es que el desarrollo de Ă©ste artĂ­culo se basa en la versiĂłn más reciente de OpenCms, la 8.0.4.
open-cms
Bien, una vez que ya sabemos como se escribe y la versión más reciente, vamos a ver en qué se diferencia OpenCms del resto de Gestores de Contenido.

La primera de todas ellas es el lenguaje de programaciĂłn ya que es de los pocos desarrollados en JAVA y XML, frente al resto de CMS que suelen estar desarrollados en PHP. Otra gran particularidad es que se trata de un producto open source, es decir, que disponemos del cĂłdigo fuente del producto completo sin limitaciones.
Otras caracterĂ­sticas importantes de OpenCms son:
  • VFS (Virtual File System): Está basado en un sistema de directorios virtuales que simulan el funcionamiento de ficheros y carpetas de un sistema operativo. Esto hace que la organizaciĂłn de la informaciĂłn sea mucho más clara y versátil.
  • ADE (Advance Direct Edit): Es el sistema de ediciĂłn de contenido que tiene por defecto OpenCms. Con Ă©l podremos configurar nuestro frontend usando Drag & Drop, de forma que cualquier editor podrá personalizar sus páginas no sĂłlo a nivel de contenidos sino tambiĂ©n a nivel de posiciĂłn de los distintos componentes de la web. Con el ADE tambiĂ©n podremos: Modificar el menĂş de navegaciĂłn, crear y publicar contenido tanto estáticos como dinámicos.
  • Contenido personalizado y editor WYSIWYG: Otra caracterĂ­stica importante de OpenCms es la posibilidad de crear contenidos a medida segĂşn las necesidades de nuestros sitios web y de disponer de editores de HTML fáciles para el usuario final, lo que se suelen llamar editor WYSIWYG.
  • Plantillas configurables: Una de las principales diferencias con otros CMS es que con OpenCms dispones de un sistema de plantillas configurable lo que hace que la misma plantilla pueda ser personalizada para cada portal usando CSS. Con OpenCms podemos crear fácilmente plantillas usandoHTML5, CSS3 o incluso jQuery o cualquier otro framework de Javascript.
  • URLs amigables y elementos para SEO: OpenCms posee un sistema de creaciĂłn de urls amigables que favorecen el posicionamiento natural de nuestros sitios web. A parte dispone de otros elementos para favorecer el SEO como el uso de metadatos personalizados por cada página, la optimizaciĂłn de carga y otros muchos elementos más.
  • OptimizaciĂłn de carga: OpenCms dispone de mecanismo por el cual podemos acelerar los tiempos de carga de nuestros sitios mediante algunas tĂ©cnicas como el uso de javascript y css comprimidos, cachĂ© interna para los elementos más visitados, exportaciĂłn estática de elementos como imágenes, css o javascript incluso de las páginas más crĂ­ticas.