miércoles, 26 de septiembre de 2012

Cristalab

Cristalab


Entintar dibujo en Photoshop

Posted: 26 Sep 2012 04:52 AM PDT

Hola a todos! Aquí les traigo un tutorial básico de entintado en Photoshop usando la herramienta pluma. Este es el dibujo que estaremos utilizando para este tutorial, es un boceto del comic R3BOT que estoy haciendo en mi web.



Primero agrandaremos la imagen a un tamaño que nos permita trabajar cómodamente (piensen lo difícil que sería entintar una imagen de 600px como es mi caso con este boceto). Sobre el menú de ajustes:



Otra cosa que te recomendaría hacer por comodidad, es crear una capa y llenarla completamente de negro y bajarle la opacidad un poco para poder ver la línea de la pluma que es la herramienta que utilizaremos.



Este método de entintado utiliza el pincel, por eso depende del tamaño y el tipo de brush que tengas elegido. Este es el que yo utilizaré:



Ahora sí, trabajaremos con la pluma y luego vamos a adherir puntos o sacarlos.



Lo que tienen que hacer es buscar las puntas de su dibujo y solo deben hacer click en ellas (con práctica este se convierte en un trabajo muy fácil, pensar de manera geométrica digamos). Luego se adhieren los puntos y mueven para crear las curvas.



Una vez hecho esto click derecho y le damos stroke path (no recuerdo la traducción del photoshop, creo que era algo así como trazar lienzo).



Si crean una capa blanca debajo de la de línea podrán ver que esta es la forma que acabamos de dibujar.



Bueno, ahora hacen eso con TODO EL DIBUJO. Quizás sea difícil que yo les diga esto y lo hagan como si ya lo supieran hacer, por eso a continuación les muestro parte del proceso y algunos comentarios de ayuda.

Usar herramientas de formas geométricas


Vean como en este ejemplo use las FORMAS ya diseñadas por Photoshop y en lo único que pensé fue en que fueran del tamaño original pero no que sea exactamente iguales.



Trabajar el dibujo en capas


Vean que aquí estoy deformando un círculo en una capa debajo de la capa "Cabeza".



Y aquí borro la parte que no me sirve, esto no podría haber sido posible si yo dibujaba el círculo en la capa "Cabeza" ya que habría borrado también parte de la línea que formaba la cabeza.



Líneas sensibles


Mi recomendación es que para los bordes utilicen un trazo grueso y para el interior uno más fino.



Dibujar con la pluma


A menos que tengan un dibujo muy definido van a tener que ver esas líneas ambiguas y dibujar sobre ellas con la pluma directamente.




Y aquí esta el entintado finalizado.



Un poco mas fancy.



Eso es todo por hoy espero que les haya gustado. Es mi primer tutorial así que no se si he explicado con claridad todo, si tienen dudas dejen sus comentarios.

Saludos

Enviar comentario

Vector hiperrealista en Illustrator (II)

Posted: 26 Sep 2012 04:07 AM PDT

Seguiremos añadiendo mas detalles en Illustrator a nuestro retrato vectorial del último videotutorial, continuando con la zona de la boca y aplicando nuevamente la técnica de sombreado mediante la heramienta malla y la fusión suave a través de las opciones de transparencia de las anclas, junto con herramientas y efectos que aportarán su granito de arena, para aumentar el realismo de nuestro personaje.



Saludos.

Enviar comentario

Cómo funciona la geolocalización por WiFi

Posted: 31 Aug 2012 09:20 AM PDT

La geolocalización es muy útil en aplicaciones web y móviles. Pero GPS no siempre está disponible. Gracias a un esfuerzo de empresas como Google, Apple, Microsoft y Skyhook, es posible obtener latitud y longitud muy acertada con sólo usar antenas wifi. Aquí te explicamos cómo funciona.


El demo


Entra a Geolocation de HTML5 Demos y si estás desde un laptop o un computador con antena wifi prendida dale "Aceptar" cuando el navegador te pida permiso. Verás que te ubica MUY cerca a donde estás, si no es que es exacto.

Geolocation de antenas wifi


La geolocalización funciona con HTML5 o con apps nativas móviles. La técnica es muy simple:

1. Capturar datos de routers y geolocalizarlos


Si tienes un teléfono Android o iPhone, al instalarlo te preguntó si querías "ayudar anonimamente" y al mismo tiempo hacer que la localización sea más veloz. Todos dicen que sí.


El teléfono prende la antena wifi y captura todas las redes inalambricas cercanas. NO importa que esté protegida, que sea WPA2 o que la clave tenga mil caracteres porque no usa el nombre de la red, ni los paquetes, sino la MAC Address del router. Este es un número único del router que nunca cambia, incluso si el router es formateado o la red cambia de nombre. Y siempre va en texto claro entre las ondas.

Tras capturar una lista de MAC de los routers cercanos, el teléfono prende el GPS tradicional, obtiene una latitud y longitud acertada y manda a los servers (Google Geolocation, Skyhook, Microsoft Bing Geocode, etc) esos datos. Los routers rara vez se mueven, así que la base de datos tiende a ser buena.

Los carros de fotos de Google Street View también hace lo mismo con GPS profesional y antenas wifi de alto poder.

2. Comparar routers cercanos con la DB pública


Cuando una aplicación pide geolocalizar por wifi, sea en un teléfono, tablet o laptop, la app se conecta a Google Geolocation, Skyhook o la empresa que use (los navegadores lo hacen automático), le envía al API una lista completa de las MAC Address de todos los routers que tu antena ve. El API compara esas direcciones con latitudes y longitudes, triangula y envía una latitud y longitud muy cercana a la realidad.


3. Hacer algo con la latitud y longitud


¿Quieres probarlo? Crea un archivo HTML y en etiquetas script, inserta este código:

Código :

navigator.geoLocation.getCurrentPosition(exito, fallo);  function exito(datos)  {     alert(datos.coords.latitude + "," + datos.coords.longitude);  }  function fallo(errorsh)  {     alert("Tarde o temprano ¬ ¬");  }

[nota:a26f27c43e]Atención: Lo tienes que probar en un server, aunque sea local, no te sirve si lo abres desde el disco.[/nota:a26f27c43e]
Al probarlo, te pedirá permiso para buscarte, usará geolocalización por wifi y te mostrará en pantalla tu latitud y longitud separado por una coma. Necesitas usar un navegador de verdad, eso sí. IE9 o superior.

Luego, puedes poner esos números en Google Maps y verás que, quizás, es tu casa. Si quieres usar esos datos para mostrar el mapa en un sitio web, puedes usar Gmaps.js o el API de Google Maps nativo.

La geolocalización wifi es increíble y funciona incluso en lugares muy remotos. Pública en los comentarios de donde eres y si te funcionó. O cuentale en un tweet a @cristalab.

Enviar comentario

Redes OSPF: comandos generales y debug en Packet Tracer

Posted: 31 Aug 2012 06:19 AM PDT

En este videotutorial de Redes, repasaremos los comandos de revisión básica, con los que hemos trabajado en los diferentes protocolos y configuraciones, para comprobar la asignación de las diferentes redes, solucionar errores y gracias a comandos específicos, testear información única de Ospf y los dispositivos que forman parte de la topología.

Empezaremos revisando la configuración de los dispositivos con las opciones del comando Show, mientras usamos comandos específicos de OSPF para obtener información exclusiva del protocolo y usamos el Debug para comprobar los mensajes generados.



Saludos.

Enviar comentario

No hay comentarios:

Publicar un comentario