Mostrando entradas con la etiqueta Imágenes. Mostrar todas las entradas
Mostrando entradas con la etiqueta Imágenes. Mostrar todas las entradas

29 sept 2012

Convertir un documento a formato pdf

Para convertir la extensión de un documento en .pdf necesitaremos un programa especial, en este caso el programa “do PDF v.7”, lo hemos elegido porque es un programa de licencia gratuita; este funciona como una impresora dentro del ordenador, es decir, que cualquier documento que sea imprimible, ya sea un documento de texto, una imagen, una hoja de calculo, etc. Se podrá convertir a la extensión .pdf

También decir de este programa, que al funcionar como una impresora, accederemos a él como si de una impresión normal y corriente se tratase, es decir, desde el menú Archivo > Imprimir...

La ventaja de hacer y enviar documentos en este formato es que no pueden ser
modificados
por la persona que los recibe, es el formato indicado para enviar curriculums, facturas, presupuestos, etc. (Bueno, siempre todo puede ser modificado, pero en el caso de que eso ocurriese, llevaría más trabajo)

También tiene una utilidad especial en nuestro caso (caso puntual para el que se hizo este tutorial en su día), cuando escaneamos una imagen, para todas aquellas fotos que se hacían antes de la era digital... 

Veamos los pasos a seguir:

Primero, escanearemos la imagen deseada. El escáner guardará ese nuevo archivo con un formato de imagen, a pesar de que lo que escaneemos sea un texto, o un documento mixto compuesto de imágenes y texto. Esto es muy importante que se entienda, ya que el ordenador solo distingue extensiones (.jpg .pdf .doc .png .gif), no sabe si lo que tiene delante es una imagen o un texto, como nosotros lo hacemos. 

Bueno, volviendo a donde estábamos, al escanear una imagen obtendremos un documento de extensión .jgp (en nuestro caso concreto), este documento contiene partes que no nos interesa incluir en el documento en el que vayamos a insertarlo, y por ello debemos hacerle un cambio de extensión. Debemos convertirlo en .pdf, y así una vez lo tengamos transformado, podremos elegir la zona que deseamos capturar para la presentación. Pasos a seguir en una entrada anterior: enlace.

Los pasos a seguir para convertir el archivo a formato .pdf serán los siguientes:

Hacemos doble clic sobre el documento o nos situamos sobre el y hacemos clic sobre el botón derecho del ratón, y en el menú desplegable seleccionar la opción Abrir o Vista previa, dependiendo de la versión de Windows que tengamos.

Pasos a seguir para convertir un documento a PDF

Nos aparecerá la imagen abierta en el visor predeterminado de Windows, y una vez
confirmemos que es la imagen deseada, procederemos a su supuesta impresión.

Imagen en visor predeterminado

Para ello dependiendo podemos elegir hacer este paso de diferentes formas: podemos situarnos sobre la imagen y hacer clic con el botón derecho del ratón, en el menú desplegable elegiremos la opción Imprimir… También podemos abrir el icono de impresión, en mi caso e encuentra en la parte superior del visor de imágenes, pero en otras versiones de Windows estará en la parte inferior, junto al menú de navegación.

Abriendo el desplegable para imprimir

Ahora puede que las imágenes sean diferentes a las que yo os muestro, pues la variedad de impresoras y de versiones de Windows, los diálogos y ventanas emergentes pueden variar, aunque los pasos a seguir son siempre los mismos: seleccionar la impresora doPDF v7.

Seleccionando la impresora en el desplegable de impresoras del equipo

Hacemos clic en Siguiente y cuando lleguemos al próximo cuadro nos pararemos un momento a confirmar una seria de cosas:

Confirmaciones de: lugar donde se guardará el nuevo archivo pdf, hacer el archivo pequeño (en MB), etc

Hacemos clic sobre el botón Explorar… Aquí seleccionaremos la ruta en la que se guardará nuestro documento, si es un documento que usaremos solo una vez y que no es necesario conservar, lo mejor es que lo guardemos en el escritorio, pues así lo localizaremos a la primera y lo suprimiremos una vez no sea útil. Si es un documento a conservar, como una factura, un currículo, etc. Lo guardaremos en su respectiva carpeta, por ejemplo Mis Documentos > Facturas ó Mis documentos > Personal > Trabajos.

Los otros dos campos seleccionados en la imagen anterior se refieren a lo siguiente: el primero “Open PDF in reader” nos dice que una vez se crea el documento, se abrirá y así podremos comprobar que no haya errores.

Esta opción está bien tenerla marcada para ver que la operación se ha ejecutado con éxito. El segundo, “Small file” indica que el archivo que se creará tendrá un tamaño pequeño, es decir será una buena opción para guardar un documento que queremos enviar por mail, pero cuidado, pues a veces se reduce en exceso la calidad de las imágenes.

Después de tener claro esto, haremos clic en Aceptar. El documento se abrirá si tenemos la opción marcada y tras comprobar que está todo correcto podemos cerrarlo de nuevo.

Si es una imagen de escáner que queremos embellecer a partir de ahora deberemos seguir los pasos del tutorial “Capturar imágenes de un .pdf”.

24 sept 2012

Como capturar imágenes de un archivo pdf

Para capturar imágenes de un documento cuya extensión sea .pdf necesitaremos un programa especial, en este caso hemos descargado e instalado el “PDF-Xchange Viewer” ya que es un programa libre de derechos, esto quiere decir que se nos cede la licencia sin tener que pagar ninguna cuota por ello.

Icono que representa el programa PDF Viewer

Este es el icono que podremos ver en nuestro escritorio una vez tengamos instalado el programa. También podremos acceder a él desde el botón Inicio > Todos los programas > PDF Xchange PDF Viewer > PDF Viewer.



Captura del programa PDF Wiewer sobre el escritorio de Windows

Una vez tenemos abierto el programa podemos abrir un documento haciendo doble clic sobre el interior de la ventana. O acceder desde Archivo > Abrir…

Se pueden tener varios documentos a la vez abiertos, el programa los ordenará por pestañas, habiendo siempre una pestaña activa que será donde nos situemos para trabajar. Esta pestaña se diferenciará de las otras porque se resalta con un color amarillo pálido.

Para modificar el tamaño de como vemos el documento, ampliar o reducir el tamaño, utilizaremos la herramienta de Zoom. Para ampliar la imagen pulsaremos el botón que contiene el símbolo “+”, para reducirla el botón “–“. También podemos ampliar o reducir desplazando el puntero que se encuentra entre estos dos botones hacia el lado que más nos convenga. Y por último, otra forma de escalar la imagen es introducir un porcentaje en la casilla situada a mano izquierda. Donde el 100% será el valor real del documento.

pdf exchange viewer: herramientas, pestanas, ventanas.


Icono  de la herramienta Instantanea
Una vez tenemos el documento a una escala en la que podemos ver sin dificultad lo que queremos capturar, procederemos a seleccionar la herramienta Instantánea, esta se representa mediante el icono de una cámara de fotos.


Capturar imagenes con la herramienta Inatantanea

Para utilizarla deberemos hacer clic con el ratón sobre la zona que queremos capturar, y sin soltar el ratón, estirar para definir sus límites.
No importa si no queda perfecto en la primera captura, pues en las esquinas y en el
medio de los laterales del cuadrado delimitador tenemos unos pequeños cuadraditos que nos servirán para ampliar o reducir los límites de la instantánea según nos convenga.

Actualizar los límites de la captura con los cuadraditos exteriores



Ya la tenemos como queríamos, ahora solo nos queda insertarla en el documento en el que debe de ir. La imagen capturada se guarda en una zona de la memoria del ordenador llamada portapapeles, en ingles clipboard. El portapapeles es una simple herramienta que permite almacenar temporalmente información de cualquier tipo. Al portapapeles se puede copiar texto, imágenes, archivos, etc. Usualmente el contenido del portapapeles se obtiene desde la función de copiar o cortar, y se recupera con la función de pegar o mover.
El portapapeles básico permite solamente una copia. En otras palabras, no permite almacenar múltiples archivos, imágenes, textos, etc. La información es perdida si se reinicia el sistema, o se apaga el ordenador.
Una vez sabemos esto, abriremos un nuevo documento, si es que no lo tenemos abierto ya y haremos clic con el botón derecho del ratón, nos aparecerá un desplegable donde seleccionaremos la opción Pegar.

Ahora solo nos queda situarla en el lugar deseado, en el Word, podemos agrandar o
disminuir la imagen con los tiradores laterales que salen cuando hacemos clic sobre la misma, para situarla dentro del documento debemos alinearla como si de texto se tratase, se puede justificar a la derecha, a la izquierda o centrar. Hay otra forma de insertar imágenes y maquetar en Word, con tablas o con columnas, pero eso pertenece a otra clase.

Insertar imagen del portapapeles a nuevo documento





11 sept 2012

Tamaño, leyenda y otras propiedades de las imágenes en Blogger

Otras propiedades de las imágenes que podemos modificar de forma sencilla desde nuestro Blog de Blogger son el tamaño, el título y la leyenda:


Tamaño pequeño.
Tamaño mediano.
Tamaño grande

Hay tres tamaños preestablecidos, aconsejamos usar estos para que el diseño sea más homogéneo, pero también se pueden insertar las imágenes en su tamaño original, aunque hay que tener cuidado con esto, pues si el tamaño es más grande que el ancho del espacio destinado al contenido del Blog puede quedar cortada, dando así resultados poco  atractivos y desorganizados.

También podemos añadir leyenda a las imágenes, para que tras estas salga una frase o el autor de la imagen, por ejemplo:

Leyenda: Motivo celta para decoración de artesanías
Las otras propiedades que podemos modificar son añadir un título a la imagen y completar la etiqueta Alt. Si queremos hacer nuestro Blog BIEN debemos completar también estas opciones, para entender como funcionan veremos unos ejemplos:

Motivo celta en dos colores para decoración de artesanias, etc.
Imagen que con el título y la propiedad Alt completas.

El título es lo que nos aparece cuando pasamos el ratón por encima de la imagen, la propiedad Alt sirve para sustituir a las imágenes en caso de que no se cargues, o para tener un mayor grado de accesibilidad, es decir, que si una persona con problemas de visión accede a nuestra web y usa un lector que transforma el texto escrito en voz, podrá leer algo a la hora de llegar a la imagen, por lo que es conveniente añadir textos descriptivos.

La propiedad Alt no se ve a simple vista, pero podemos verla en el código de una manera más o menos así:

Ejemplo de visualización de la etiqueta Alt

Ejemplo de visualización de la etiqueta Alt desntro del apartado HTML de Blogger





10 sept 2012

Alinear imágenes - Blogger

En Blogger podemos alinear las imágenes de tres formas sin tener que tocar el código HTML, lo veremos con un ejemplo, completamos el texto con un texto de relleno, como puede ser el Lorem ipsum:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum luctus placerat. Nulla eu nulla et velit ultrices sollicitudin. Quisque ipsum mi, congue vel pretium quis, cursus in leo. Fusce suscipit lobortis felis id egestas. Nunc tincidunt sollicitudin elementum. Suspendisse consectetur dignissim tortor, a lacinia nulla tempus ut. Cras hendrerit leo ut ligula dapibus id auctor ante dictum. Ut porta rutrum massa, quis molestie erat ultrices eget. Nam neque urna, commodo ullamcorper ullamcorper et, condimentum sit amet risus. 

Imagen alineada en el centro.

Aliquam cursus urna non justo iaculis vitae tempor risus ornare. Duis mollis egestas vehicula.

Imagen alineada a la izquierda.
Nam eu mauris nunc, id mollis eros. Integer et porta tortor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras iaculis magna id arcu dapibus iaculis. Quisque sapien dui, commodo scelerisque consectetur et, imperdiet id velit. Maecenas nec tellus lacus. Vivamus posuere varius bibendum. Nullam elit augue, tincidunt nec iaculis eget, blandit non orci. Aenean vulputate lobortis purus non molestie.


Nam volutpat euismod elementum. Donec ultrices fermentum cursus. Nullam ultrices dolor eu nunc varius blandit.

Imagen alineada a la derecha

In vehicula aliquam viverra. Cras at erat id lectus bibendum feugiat nec eget sem. Nullam in augue augue, malesuada ullamcorper metus. Nulla sem augue, tincidunt eu luctus at, vulputate nec arcu. Cras faucibus consequat tortor, in vestibulum odio gravida sed. Vivamus ut iaculis ante. Fusce a odio vitae dui rutrum vulputate non eget ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac dui enim. Praesent at sapien velit, venenatis auctor diam. Nulla dolor diam, luctus sit amet tincidunt id, varius ut nibh. Nam varius facilisis condimentum. Maecenas porttitor, magna pellentesque tincidunt accumsan, arcu urna iaculis urna, sed mollis eros dolor in turpis. Vivamus accumsan, urna et rhoncus viverra, ipsum urna lacinia risus, sed sodales mauris nisl eu ipsum. Maecenas tellus purus, interdum sed pellentesque a, convallis at nulla.


Vistos los ejemplos anteriores procedemos a enseñar la técnica, es muy sencillo, primero hacemos los pasos necesarios para insertar una imagen en Blogger, (podéis ver los tutoriales anteriores de inserción de imágenes: desde Picasa, desde una Web o desde Wikimedia Commons).



Después es tan sencillo como hacer clic sobre la imagen y en el cuadro adicional que se nos abre en ese momento seleccionar la opción de alineación adecuada: centro, derecha o izquierda.



9 sept 2012

Añadir imágenes en una entrada: Picasa Web

Seguiremos los siguientes pasos:

1) Subimos la imagen/imágenes que queremos añadir a nuestras entradas en nuestra cuenta de álbumes Web de Picasa. Si ya tenemos las fotos en un álbum omitiremos este paso.


2) Hacemos clic en el botón "insertar imagen" de la barra de herramientas de nuestra entrada.




3) Elegimos la opción "Desde álbumes web de Picasa". Ahora debemos hacer clic sobre el álbum correspondiente y después sobre la imagen. Cuando tenemos la imagen seleccionada nos aparecerá rodeada por un marco azul. Una vez tenemos esta seleccionada hacemos clic en Añadir las imágenes seleccionadas. Para añadir más de una imagen, simplemente haremos clic sobre todas las que deseamos incluir, si nos equivocamos en alguna, con hacer de nuevo clic encima anularemos la selección.


8 sept 2012

Añadir imágenes en una entrada desde una URL

Esta es una forma sencilla de añadir imágenes a nuestro Blog, pero como todo, tiene sus ventajas y sus inconvenientes, por un lado, es rápido y ahorramos espacio en nuestra cuenta de Picasa, que por el momento está limitada, del lado malo tenemos el siguiente inconveniente principal que es que si el lugar donde se aloja la imagen se pierde, nuestro enlace se rompe, por lo que no mostraremos más que un  símbolo en lugar de la imagen que pretendíamos.

Icono que simboliza que una imagen no puede ser mostrada
  

Añadir imágenes en una entrada desde una URL es un recurso interesante, pero   siempre tenemos que tener en cuenta lo mencionado anteriormente. Para utilizarlo  seguiremos los siguientes pasos:

1) Vamos a la página de la que queremos sacar la imagen, en nuestro caso el siguiente enlace: kreativeko101.deviantart.com

2) Hacemos clic con el botón derecho del ratón sobre la imagen que queremos usar  > Copiar la ruta de imagen.

3) Vamos a nuestra entrada de Blogger hacemos clic sobre Insertar imagen > Desde una URL.



4) Pegamos sobre el cuadro de texto con Ctrl+v o botón derecho > Pegar. Y hacemos clic en Añadir las imágenes seleccionadas.

Frank Einstein. Autor: Kreativeko101.com



Si os apetece saber un poquito más sobre el tema podeís leer el siguiente artículo, que aunque no es sobre Blogger nos puede aportar datos interesantes: Ahorrar espacio en servidor con servicios web de alojamiento de imágenes gratuitos

Añadir imágenes en una entrada: Wikimedia Commons

Otra forma de poner ilustraciones en nuestras entradas del Blog sería a través de Wikimedia Commons, ya que tenemos un amplio abanico donde elegir y no tendremos problemas con los derechos de las licencias. Los pasos a seguir serian simples, los vemos:

1) Vamos a la página principal de Wikimedia: commons.wikimedia.org

2) Buscamos al imagen que mejor acompañe a nuestro artículo, ya sea a través del buscador situado en la parte superior derecha, o navegando en las categorías preestablecidas.


3) Escogemos la imagen deseada, hacemos clic sobre ella y en la siguiente pantalla seleccionaremos de la barra superior la opción "Usarlo en un sitio Web"


4) Copiamos el código HTML que se nos proporciona:


5) Volvemos a la pestaña de nuestro explorador en la que tenemos abierto el Blog, hacemos clic sobre el botón superior derecho HTML, junto al botón derecho Redactar.  E insertamos el código en la parte que nos interese, en nuestro caso particular de este momento lo haremos al final de la entrada:



Con estos pasos ya tendríamos una imagen con los mismos atributos como la que podemos ver a continuación:


Infografia

Para comprobar la diferencia entre insertar imágenes de este modo u otro podemos pasar el ratón sobre la imagen, hacer clic sobre ella, etc.