jueves, 18 de mayo de 2017

Web Bootstrap

Bootstrap es un framework desarrollado y liberado por Twitter que tiene como objetivo facilitar el diseño web. Permite crear de forma sencilla webs de diseño adaptable, es decir, que se ajusten a cualquier dispositivo y tamaño de pantalla y siempre se vean igual de bien. 

Es Open Source o código abierto, por lo que lo podemos usar de forma gratuita y sin restricciones.



El resultado gusta a clientes y usuarios, ni más ni menos. A la gran mayoría de personas que nos contratan les preocupa que visitar su web sea una experiencia agradable y atractiva, sea desde un ordenador o desde un móvil o tableta. Con Bootstrap se consigue esto, además de que la carga de la web sea rápida y que la navegación sea fluida e intuitiva. Además, facilita mucho la construcción de una página, que siempre viene bien.


Ventajas de usar Bootstrap. La más genérica es que permite simplificar el proceso de maquetación, sirviéndonos de guía para aplicar las buenas prácticas y los diferentes estándares. Aquí van unos cuantos pros más:

  • Puedes tener una web bien organizada de forma visual rápidamente: la curva de aprendizaje hace que su manejo sea asequible y rápido si ya sabes maquetar.
  • Permite utilizar muchos elementos web: desde iconos a desplegables, combinando HTML5, CSS y Javascript.
  • Sea lo que sea que creemos, el diseño será adaptable, no importa el dispositivo, la escala o resolución.
  • El grid system: maquetar por columnas nunca fue tan fácil. Además, son muy configurables.
  • Se integra muy bien con las principales librerías Javascript.
  • El haber sido creado por Twitter nos da ciertas garantías: está muy pensado y hay mucho trabajo ya hecho. Por lo tanto, hay una comunidad muy activa creando, arreglando cosas, ofreciendo plugins y mucho más..
  • Cuenta con implementaciones externas para WordPress, Drupal, etc.
  • Nos permite usar Less, para enriquecer aún más los estilos de la web.

Editor de audio de Soundation

Soundation Studio. Se trata de un editor multipista que funciona sobre una interfaz web desarrollada en Flash.

Soundation Studio dispone de un amplio catálogo de samples gratuitos, ordenados por estilos y BPM. De esta manera resulta muy sencillo crear una canción y acoplar las velocidades de los distintos sonidos. Si queremos utilizar sonidos a distintas velocidades, automáticamente los ajustará a la velocidad de nuestra composición.

Su funcionamiento es bastante sencillo, bastará con seleccionar el sonido que queremos añadir a nuestra canción y arrastrarlo a una pista en la parte principal del editor. Para seleccionar el sonido podemos preescucharlo simplemente haciendo doble click con el ratón.

El banco gratuito de samples contiene sonidos que también podemos encontrar en programas profesionales como GarageBand, Logic,  MOTU o SanDisk.

Además de los canales de audio para los samples también podemos añadir cajas de ritmos, manipular el volumen del canal maestro, utilizar un teclado en pantalla, etc.. presentando un abánico de opciones bastante avanzadas para tratarse de un editor web y gratuito.

El editor permite guardar nuestras producciones tanto en MP3 como en WAV o difundirla a través de la red, directamente con un código embed que añade un reproductor. Una vez creada una canción podremos hacer lo que queramos con ella, siempre que ésta no contenga un único sample de la librería.



El número de opciones disponibles, a pesar de no ser tan elevado como en los programas profesionales existentes, requiere un periodo de aprendizaje

miércoles, 17 de mayo de 2017

Mockups para proyectos

Los Mock Ups vendrían a ser una especie de maqueta, una plantilla un modelo utilizado para la presentación de nuestro diseño de manera realista.

Supongamos que estamos diseñando un sitio web, una identidad visual, una marca... y queremos presentárselo a nuestro cliente, normalmente presentaríamos un JPG donde se visualiza nuestro diseño, pero el cliente quiere saber más, y entonces surgen preguntas como estas:
Cómo se ve en la pantalla?
Y este borde se estira o siempre queda así?
En una tablet o iPad cómo se visualizaría? y en un teléfono?
Es alineada a la izquierda mi web? o está centrada?
Como quedará rotulado en mi coche?

En lugar de dar explicaciones para que el cliente entienda o imagine la visualización de sus preguntas, lo que hacemos es encontrar un Mock Up que nos permita presentar nuestro diseño en los distintos formatos con un alto grado de realismo.

Por lo general estos Mock up se editan en Photoshop y pueden ser útiles para todo tipo de proyectos de diseño industrial, incluso a la hora de incrustar nuestros productos en un ambiente  para un panel de marketing.


Motores Gráficos

Al Momento de desarrollar un videojuego necesitamos una serie de herramientas de Software para que nuestro proyecto se materialice. Los motores gráficos son una de esas herramientas. Su función básica es servir de motor de renderizado ya sea 2D o 3D. La mayoría contienen un motor de físicas, un detector de colisiones, sonidos, animación, Scripting entre otras características. En general, es una Herramienta que facilita la construcción de niveles y mecánicas de Juego, mediante la importación de Assets (objetos externos) como sonidos, animaciones, modelos y gráficos. 






Unity















En general es un Excelente motor gráfico por muchas razones. Es fácil de usar, permite exportar a múltiples plataformas, se actualiza constantemente con nuevos contenidos y opciones, permite desarrollar en 2D y 3D, su curva de aprendizaje es muy rápida y lo mejor de todo, es completamente Gratis.










UDK (Unreal Development Kit)










Es muy buen motor gráfico para personas que quieran aprender un poco de desarrollo de videojuegos con grandes acabados. En sí, es una edición gratuita del Unreal Engine 3 Permite exportar a Pc o Móviles. Sin embargo, es para uso no comercial. Por lo que puede ser utilizado como Herramienta de entrenamiento, o incluso compartir los proyectos en los que trabajes.












SDK de Cryengine 3








Es el potente motor gráfico desarrollado por la empresa Crytek, creadores de potentes obras artísticas como Crysis. Posee grandes características. Es utilizado en casos muy profesionales y debido a su extensión la curva de aprendizaje se hace un poco más compleja. Es un Motor gráfico Gratuito para usos no comerciales al igual que el UDK. Sin embargo, si quieres distribuir tu proyecto, lo puedes hacer al repartir el 20% de las ganancias con Crytek. Permite exportar a plataformas como Pc, Xbox 360 y Ps3.

Realidad Aumentada



La realidad aumentada consiste en combinar el mundo real con el virtual mediante un proceso informático, enriqueciendo la experiencia visual y mejorando la calidad de comunicación.

Gracias a esta tecnología se puede añadir información visual a la realidad, y crear todo tipo de experiencias interactivas: Catálogos de productos en 3D, probadores de ropa virtual, video juegos y mucho más.






En el gráfico se puede apreciar el proceso informático que sucede en los sistemas de realidad aumentada. Normalmente se requiere una cámara de vídeo, un monitor y un ordenador con un software especial instalado. La realidad aumentada es ya muy popular en Apps que funcionan en todo tipo de teléfonos inteligentes (smartphones) y Tablets.

Javascript


JavaScript es el lenguaje interpretado orientado a objetos desarrollado por Netscape que se utiliza en millones de páginas web y aplicaciones de servidor en todo el mundo.

En pocas palabras, JavaScript es un lenguaje de programación dinámico que soporta construcción de objetos basado en prototipos. La sintaxis básica es similar a Java y C++ con la intención de reducir el número de nuevos conceptos necesarios para aprender el lenguaje. Las construcciones del lenguaje, tales como sentencias if, y bucles for y while, y bloques switch y try ... catch funcionan de la misma manera que en estos lenguajes (o casi).

JavaScript se utiliza principalmente del lado del cliente (es decir, se ejecuta en nuestro ordenador, no en el servidor) permitiendo crear efectos atractivos y dinámicos en las páginas web. Los navegadores modernos interpretan el código JavaScript integrado en las páginas web.

Editor de videos de Youtube

Desde que YouTube viera la luz en 2005 ha cambiado mucho. Se ha convertido en el portal más populardonde encontrar vídeos, que puedes ver en cualquier dispositivo y compartir el enlace con tus amigos.

En YouTube puedes ser espectador o “youtuber”, subiendo tus propios vídeos para divertirte, darte a conocer (a ti o a tu empresa) o para enseñar al mundo algo que se te da bien. Incluso es posible realizar una videopresentación en directo.

Desde hace ya un tiempo, YouTube no sólo facilita la subida de los vídeos a sus servidores si no que cuenta con su propio editor de vídeos online, una práctica herramienta de edición que te será muy útil tanto si quieres subir tus vídeos a YouTube como si simplemente necesitas editar vídeos sin complicaciones.

Desde el botón de Subir de la portada de YouTube, y en la siguiente ventana, Crear vídeos > Editor de vídeo.

Para editar uno o más vídeos tendrás que subirlos previamente usando el botón Subir. Si no quieres que nadie vea esos vídeos, puedes marcarlos como Privado u Oculto en la misma ventana de subida.

Como en cualquier otra herramienta por el estilo, el editor de vídeo de YouTube permite encadenar varios clips o fragmentos de vídeo seguidos, reordenarlos, cortar un vídeo en varios fragmentos, etc.

Al seleccionar cada fragmento, aparecerán opciones de personalización en la parte superior derecha del editor: arreglar brillo y contraste, estabilizar el vídeo si hay excesivo movimiento involuntario, alterar la velocidad de reproducción de ese fragmento concreto e incluso rotar el vídeo en caso que lo hayas grabado de lado.



Pero hay más. Cada clip de vídeo admite filtros para alterar la fotografía, como en las imágenes de Instagram, oscureciendo el vídeo, quitando los colores, pixelando o difuminando todo el vídeo, etc. También podrás regular el nivel de audio de cada clip de vídeo e incluir un mensaje de texto fijo a modo de título de presentación o como recurso narrativo.

YouTube no sólo permite usar tus propios vídeos en tus creaciones. También tienes a tu disposición vídeos con licencia Creative Commons para usar sin ánimo de lucro, además de canciones para aderezar el audio de tus vídeos. En tercer lugar, puedes intercalar fotografías entre los fragmentos de vídeo o simplemente crear un vídeo con tus fotografías y una banda sonora de fondo.
Transiciones y títulos

Ya tenemos controlado el vídeo, los filtros de fotografía y el audio. ¿Qué nos queda? Que los vídeos encajen bien y no haya cortes abruptos.

Para ayudar a que entre vídeo y vídeo haya una transición suave o poco brusca, el editor de vídeo de YouTube cuenta con efectos de transición, de los más sencillos a otros más elaborados. Dependerá del estilo de tu vídeo que elijas uno u otro. Aplicarlos es tan fácil como arrastrar y soltar en la barra de tiempo. En todo momento podrás recolocarlos e incluso alargar cuánto duran o acortarlos.



Además, puedes incluir títulos para colocar al inicio, al final o intercalar en el vídeo. Puede ser estático o en movimiento, según el efecto de texto que selecciones. Al igual que las transiciones, desde la barra de tiempo eliges su duración y desde las opciones de configuración podrás personalizar la fuente, tamaño, color, posición en pantalla y el mensaje en sí.
Finalizar el proyecto

Una vez tienes tu vídeo editado, has incluido transiciones, varios clips de vídeo, música, alguna que otra fotografía, has retocado la fotografía con los filtros, etc. ya sólo tienes que hacer clic en Crear vídeo. Se abrirá una nueva pestaña o ventana en el navegador mostrando una ventana de vídeo de YouTube en negro y un mensaje arriba indicando que el vídeo se está procesando.

Tarda unos pocos minutos, según la duración de tu vídeo. Al terminar, ya dispondrás de tu nuevo vídeo creado y disponible sólo para tu visionado. Es posible que el indicador se quede parado en 90% aunque lleves esperando varios minutos, por lo que para ahorrarte tiempo ve al Gestor de vídeos(encontrarás el botón debajo del vídeo).

En el Gestor de vídeos verás todos tus vídeos y el que has editado. A partir de aquí, puedes hacer varias cosas. Al marcar el vídeo, desde el menú Acciones tienes la posibilidad de hacer público el vídeo para que se vea en tu canal, cambiar la licencia entre estándar o Creative Commons (para que otros usuarios puedan usarlo en sus vídeos), etc.