Herramienta - Tomar imágenes - Derivadas - Galería de imágenes - Creación de cabecera

Manipulación de imágenes - conseguir una herramienta adecuada

A) HERRAMIENTA

Si usted busca en internet Photoshop de Adobe se le pedirá de muchos enlaces. Con elegir http://www.adobe.com/products/photoshop.html se puede descargar una versión de prueba, instalar el software, y comenzar su prueba gratuita.

Atención: recuerde que la duración del ensayo se limita en el tiempo, a continuación, descargar e instalar sólo cuando esté listo para operar con sus imágenes. Así que si usted puede encontrar -es difícil - una herramienta que tiene características similares.

 

Manipulación de imágenes - buscar - descargar - cambiar tamaño - optimización - miniaturas (pulgares)

B) BUSCAR IMÁGENES

Después de que su Adobe Photoshop estea instalado y listo, sólo debe ir en Internet con el navegador y escribir una o más palabras clave en el campo de búsqueda. Si se usa google, por ejemplo, se puede seleccionar "imagen", que le da todas las imágenes disponibles encontradas por sus palabras clave. O mejor, si tienes algunas fotos digitales de las suyas, con una muy buena calidad, se puede salvar de su cámara y utilizar en lugar.

DESCARGAR Y CAMBIAR TAMAÑO - ADIESTRAMIENTO

¡Guauu! Hay un montón. Me gustaría elegir un buen fondo para su uso en mis páginas, y seleccionar uno de uso gratuito. Haga clic donde hay un pulgar para seleccionar una imagen completa que usted prefiera, y 'guardar como' en su carpeta de imágenes. Esta foto original no tiene una buena calidad, pero es suficiente para nuestro ámbito. Haga clic derecho y guarde con el nombre esta imagen.


Image 1 - A view in Yellowstone park

Con esta técnica se puede buscar, encontrar, descargar y cambiar el tamaño como se necesita, de todas imágenes que usted podría querer, incluyendo animaciones, y guardarles con su mejor peso posible.

HACER MINIATURAS (THUMBS)

En las miniaturas (thumbs,pulgares) se redimensionan las imágenes a dimensiones mínimas, de anchura al igual que los grandes iconos que se ven en el Explorador de Windows, de modo que usted pueda ponerles en un menú para llamar con un clic y ver sus originales. Aquí se da un ejemplo con cuatro pulgares. Vemos cómo se hace:

Aquí se muestran los resultados (click en las imágenes)

Sleeping Doggy, what happens? Cat and dog Runningdoggie

Cuando podría ser necesario contar con los pulgares, todas con la misma dimensión, hay un funtion dedicado. Al hacer clic en <imagen> y luego <tamaño de la imagen> se puede ajustar el tamaño de lienzo igual para todos, con una altura igual a la altura máxima de la imagen, una anchura a la anchura máxima de imagen entre todas las imágenes.

 

C ) DERIVADOS - Fondos - Galería de imágenes

CREACIÓN DE UNA IMAGEN DE FONDO por la anterior.

Podemos usar esta imagen (yellowstone park), ya que tiene grandes dimensiones, suficientes para ser utilizadas para una página entera, pero usted debe decidir ahora qué tipo de fondo debe ser.
De hecho, yo prefiero siempre hacer mis fondos con imágenes de desvanecimiento, con la luz y los colores suaves. De esta manera se puede superponer una imagen semi-transparente en las zonas donde se coloca el texto sobre ella, por lo que el propio texto es más legible. Aquí es cómo:

  1. abriendo de nuevo el original con el photoshop 
  2. clic en <imágenes> luego <ajustes> y luego <curvas>. Arrastre y suelte un punto de la curva que aparece, hacia la izquierda, hasta que la imagen se haga lo bastante clara.
  3. clic de nuevo en <imágenes> y < exposición> y subiendo el valor de 'offset' hasta que le guste.
  4. clic en <file> y luego <guardar para web> dar otro nombre con la extensión jpg y calidad de imagen 40
  5. Advertencia:cuando se cierra el archivo en photoshop se le pedirá si los cambios se deben guardar. Si elige "sí" se perderá la imagen original. Debe elegir 'no'


Imagen 1 - A view in Yellowstone park

Este es resultado. Por favor, haga clic en la imagen para ver el pleno background. Al poner esta imagen como fondo usted debe poner también un fondo de color azul más ligero. También existe la posibilidad de hacer los bordes de la imagen de desvanecimiento, pero es bastante difícil, entonces baste aqui.

 

 

D ) CREAR UNA GALERÍA DE IMÁGENES

Hay muchas maneras y formas para crear una galería. Una forma es conseguirlo en Internet por personas que ofrecen javascripts para crear increíbles presentaciones de diapositivas. Usted ha visto un ejemplo sencillo al tener que elegir una imagen para su fondo,

Sugiero aquí otra manera sin usar javascript, de la siguiente manera:

Número de los pulgares en su menú.

En una versión usted tiene que utilizar una secuela de menús, ya que hay cinco pulgares por cada menú. Puede conectar menús que dan a las flechas de un enlace de uno a otro con objetivo "_self". Para ver esta página, haga clic aquí

Otra buena posibilidad es la siguiente, si lo prefiere:

Una vez que tenga sus artículos preparados desprendala página E_img_menu.htm de su plantilla, guardando como E_img_menu1.htm y asignando un inferior ancho a la tabla inferior. A continuación, se puede poner todo el número deseado de imágenes agregando filas al menú.
En la mainpage de demostración duplicada y rebautizada como main_framepage_d1.htm se necesita asignar al iFrame LeftMenu la propiedad scrolling = "yes" en lugar de "no". Clic aquí para ver como sale

 

 

 

E) CREACIÓN DE UNA CABECERA - strip - logo

Estas son cosas muy simples que hacer, si han estudiado antes de cómo descargar, recortar y redimensionar imágenes. Así que os doy aquí sólo una sugerencia adecuada para un escritor que quiere construir su propio sitio

CREAR SU PROPIO STRIP de cabecera

 

Se trata de un pulgar 97 x 70px alto, derivado de libri.jpg, para ser puesto en lugar de la imagen existente en la cabecera, pero no tanto me gusta. Si quiere puede buscar una imagen más adecuada y realizar una cabecera mejor por sí mismo.
A continuación see ponga en el archivo CSS pagprinc.css en #testata la Imagen de fondo: url (../ immagini / thumbs / Libri.jpg); en lugar de la imagen de fondo existente: url (../ imágenes / strisciatecno.png);

CREAR SU PROPIO LOGO de cabecera

Su logotipo puede ser 700 de ancho x 70px de alto, que se fijará en lugar de la Lino's Page Si quieres un logotipo personal se necesita que debe tener a:

Advertencia: solo se pueden obtener partes de imagen transparentes, en los formados gif o png