TUTORIAL 1 - GRÁFICA CON FONDO TRANSPARENTE

 OBJETIVOS:
  • Realizar una gráfica similar a esta, de una medida determinada con fondo transparente, utilizando imágenes PNG



Para hacer las gráficas y poder trabajar con el tutorial, tendrás que usar varias pestañas en tu navegador. En una abres esta clase, en la de al lado el Editor de imágenes que está enstalado en este blog o bien, el que está online http://pixlr.com/editor y todo lo que vayas necesitando, por ejemplo los materiales se pueden ir abriendo en otra pestaña de tu navegador. Para hacerlo sigue estos pasos:

  1. paras el cursor sobre el enlace que quieres abrir, por ejemplo en este EDITOR DE IMAGENES
  2. click con el botón derecho del mouse
  3. se despliega una ventana con opciones, elije "abrir enlace en una ventana nueva"

Materiales (Click en cada enlace para abrir)
MARCO ROSA  y MUJER VERDE
Guárdalos en tu computadora. Para hacerlo, prepárate una carpeta nueva en tu archivo, y colócale como nombre MATERIALES. De esta manera, podrás guardar cada uno de los materiales que vayamos proveyendo en este 2º Taller.

Abre el EDITOR DE IMAGENES. Elige CREAR UNA NUEVA IMAGEN


EN LA VENTANA QUE SE ABRE VAS A AGREGAR UN TITULO PARA TU GRAFICA, VAS A CAMBIAR LA MEDIDA Y TAMBIÉN EL FONDO, PARA QUE QUEDE TRANSPARENTE
HAZ LOS CAMBIOS COMO SE VE EN ESTA IMAGEN. AL TERMINAR, CLICK EN OK

YA VEMOS NUESTRO PAÑO DE TRABAJO TRANSPARENTE (EL FONDO CUADRICULADO EN DOS TONOS DE COLOR GRIS INDICA QUE ES TRANSPARENTE). 
CARGAMOS UNA NUEVA IMAGEN COMO CAPA. PARA ESO CLICK EN EL MENU SUPERIOR, EN CAPA. SE DESPLIEGA UN MENU, ELEGIMOS EL QUE VEMOS AQUI

SE ABRE UNA VENTANA PARA QUE ELIJAMOS NUESTRO MARCO ROSA

DAMOS CLICK EN ABRIR Y LA IMAGEN SE UBICARÁ COMO UNA NUEVA CAPA EN NUESTRO PAÑO DE TRABAJO. HACEMOS EL MISMO PROCEDIMIENTO PARA CARGAR LA IMAGEN DE LA MUJER CON VESTIDO VERDE

TAMBIÉN SE CARGARÁ COMO UNA NUEVA CAPA. LA UBICAMOS EN EL LUGAR QUE DESEEMOS CON LA HERRAMIENTA MOVER QUE ES COMO UN PUNTERO O FLECHA. LA MANEJAMOS CON EL BOTON IZQUIERDO DEL MOUSE PRESIONADO, COMO ARRASTRANDO LOS ELEMENTOS.
DAMOS CLICK A LA LETRA "A" QUE ESTÁ EN LA CAJA DE HERRAMIENTAS VERTICAL IZQUIERDA, LA CUAL ES LA HERRAMIENTA TEXTO Y ES LA QUE NOS PERMITE ESCRIBIR. PARAMOS EL CURSOR SOBRE EL PAÑO DE TRABAJO Y DAMOS CLICK. SE ABRE UNA VENTANA EN LA CUAL TENEMOS QUE ESCRIBIR Y EDITAR EL TEXTO. SOLO EN ESA PEQUEÑA VENTANA PODREMOS UBICAR EL TEXTO COMO QUEREMOS. EN ESTE CASO, YO FUI CORTANDO LOS RENGLONES CON LA TECLA "ENTER" Y DANDO UN ENTER MÁS PARA QUE SE SEPAREN LOS RENGLONES. LOS ELEMENTOS INDICADOS POR FLECHAS SON MODIFICABLES: TAMAÑO, ESTILO DE LETRA O FUENTE, COLOR. ESTO LO VEREMOS MAS ADELANTE.


VOLVEMOS A DAR CLICK OTRA VEZ PARA ABRIR NUEVAMENTE LA HERRAMIENTA TEXTO, Y COLOCAMOS NUESTRA FIRMA. CLICK EN OK AL TERMINAR
GUARDAMOS EL TRABAJO DANDO CLICK A "ARCHIVO" EN EL MENÚ PRINCIPAL SUPERIOR, ELEGIMOS GUARDAR Y DAMOS CLICK. 
SE ABRE UNA VENTANA. COMO ESTA GRAFICA TIENE FONDO TRANSPARENTE, VAMOS A ELEGIR PNG COMO VEMOS A CONTINUACIÓN

ELEGIMOS EL LUGAR DONDE GUARDARLA EN NUESTRA COMPUTADORA 
Para asistencia en estos tutoriales, puedes ingresar en MUJERES DE VANGUARDIA, allí damos enseñanza personalizada, contestamos preguntas y te ayudamos en tu aprendizaje. 
Si vas a publicar mis tutoriales en tu web recuerda colocar un enlace a este blog.
Disfruta realizando tu propia gráfica. Si vas a llevarte este tutorial a tu web, por favor coloca un enlace a este blog. Dios te bendiga

Image and video hosting by TinyPic
mujerdevanguardia-a.blogspot.com