sábado, 16 de noviembre de 2013

TALLER CON ADOBE PHOTOSHOP 7.0


Adobe Photoshop (popularmente conocido sólo por su segundo nombre, Photoshop) es el nombre, o marca comercial oficial, que recibe uno de los programas más famosos de la casa Adobe junto con sus hermanos Adobe Illustrator y Adobe Flash, y que se trata esencialmente de una aplicación informática en forma de taller de pintura y fotografía que trabaja sobre un "lienzo" y que está destinado a la edición, retoque fotográfico y pintura a base de imágenes de mapa de bits. Su nombre en español significa literalmente "taller de fotos". Su capacidad de retoque y modificación de fotografías le ha dado el rubro de ser el programa de edición de imágenes más famoso del mundo.
Actualmente forma parte de la familia Adobe Creative Suite y es desarrollado y comercializado por Adobe Systems Incorporated inicialmente para computadores Apple pero posteriormente también para plataformas PC con sistema operativo Windows. Su distribución viene en diferentes presentaciones, que van desde su forma individual hasta como parte de un paquete siendo éstos: Adobe Creative Suite Design Premium y Versión Standard, Adobe Creative Suite Web Premium, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection.
http://es.wikipedia.org/wiki/Adobe_Photoshop

OBJETIVO
Trabajar con Photoshop 7.0 en recorte de imágenes y agregar herramientas de formas personalizadas, guardando las imágenes normalmente y para la web para bajarles de peso.


MATERIALES
El archivo de Photoshop 7.0 portable en el computador donde se vaya a trabajar.


En el siguiente videotutorial explicaremos todo el Taller descrito en el Procedimiento:





PROCEDIMIENTO

Darle click en el ejecutable, se abrirá el programa de Photoshop:



clip_image002

Y luego se abrirá el entorno gráfico de Photoshop 7.0 que es una versión del año 2002 pero con que podremos trabajar:

clip_image004

Para realizar el trabajo que vamos a realizar abriremos un procesador de texto para este caso abriremos Microsoft Word:

clip_image005

Escribiremos un texto y colocaremos una imagen, para ello primero damos click en el botón inicio, luego todos los programas y se nos abrirá de la siguiente manera:

clip_image007

Teniendo algo similar a la imagen, damos click en la tecla Impr Pant Pet Sis, para realizar una captura de pantalla:

clip_image009



La imagen se guardará en la memoría Ram, ahora entramos de nuevo en Photoshop, y abrimos un nuevo documento para ello damos click en archivo (file) y nuevo (New):

clip_image011

El tamaño del documento conservará el tamaño de la imagen capturada en la memoria Ram:

clip_image013

Teniendo el documento en Photoshop en blanco, hundimos las teclas Ctrl+V al mismo tiempo para pegar la imagen que habíamos guardado con  la captura de pantalla y la imagen quedará en el documento en blanco de Photoshop:

clip_image015

El archivo quedará abierto en Photoshop en una ventana flotante, para maximizarlo a pantalla plena en Photoshop hundimos la tecla F:

clip_image017

Para volver de nuevo a lo anterior hundimos dos veces consecutivas la tecla F, en el Navegador podemos aumentarle de tamaño a la imagen:

clip_image019

Ahora recortaremos solo lo que necesitamos para ello en la barra de herramientas activamos la herramienta recorte, el cursor se me convierte en esa herramienta:

clip_image021

Sobre la parte que necesitamos recortar con click sostenido damos bordeamos esa parte y quedara seleccionada con unos estiradores o pequeños recuadros que podemos utilizar para corregir el tamaño:

clip_image023

Damos Enter (Intro) y quedará solo la parte de la imagen que necesitamos:

clip_image025

Seleccionamos la Herramienta Rectángulo (Rectangle Tool) y dejamos hundido por tres segundo se nos abre un submenú y de ese submenú seleccionaremos   la Herramienta de Forma Personalizada (Custom Shape Tool):

clip_image027

En la barra de herramientas de la parte superior seleccionamos Formas (Shape) seleccionamos un tipo de Flecha:

clip_image029

Y en color seleccionamos un color, para este caso para que la flecha resalte escojo el color rojo:

clip_image031

Con click sostenido sobre la imagen y corriendo el cursor hacia un lado me queda una flecha de color rojo:

clip_image033

Para girar la flecha teniendo señalada la capa de la flecha (Layers) hundimos las teclas Ctrl+T y acomodando el cursor encima de una de las esquinas de la flecha, se me convertirá en un pequeño arco con el cursor hundido lo corro y la flecha girará luego dejamos de hacer click:

clip_image035

Y acomodaremos la flecha donde la necesitemos, para ellos seleccionamos la flecha y con click sostenido la movemos:

clip_image037

Para duplicar la flecha seleccionamos la flecha que tenemos con click sostenido y al mismo tiempo hundimos la tecla J y corremos a un lado y la flecha se duplica:

clip_image039

Teniendo una capa activada para este caso una de las flechas y damos click Ctrl+T se nos activa sobre la flecha los estiradores y en el centro de la flecha un pequeños circulo entre una cruz que se llama el pivote, sobre este pivote click sostenido y lo corremos a un lado, lo soltamos y luego vamos a una de las esquinas de la figura el cursor se convierte en un pequeño arco y con click sostenido giramos de nuevo la flecha:

clip_image041

Girará de la siguiente manera:

clip_image043

Si corremos el pivote para abajo, la flecha girara de otra manera:

clip_image045

Ahora guardaremos la imagen, para ello damos click en archivo (File) y seleccionamos Guardar como (Save As):

clip_image047

Ubicamos el sitio donde guardaremos la imagen y escogemos la extensión JPEG y damos click en Guardar:

clip_image049

Y escogemos una calidad de 12 Máxima y luego damos click en OK

clip_image051

Guardaremos de nuevo la imagen, para ello damos click en archivo (File), pero ahora daremos click en Guardar para la Web (Save for web):

clip_image053

Se nos abre este cuadro de diálogo, seleccionamos Jpeg

clip_image055

Y podremos escoger entre una calidad Baja, Media, Alta y Máxima:

clip_image057

Observándose que el tamaño de la imagen cambia:

clip_image059

Luego damos click en Guardar:

clip_image061

En la carpeta donde tenemos los archivos podremos observar el peso de las imágenes, guardada normalmente pesará 233 KB y la imagen guardada para la Web tendrá un peso de 77 KB, a simple vista no es muy notoria la diferencia de las imágenes pero el documento quedará pesando menos:

clip_image062

Regresamos de nuevo a Microsoft Word e insertaremos esta imagen al documento en el que estamos trabajando para ellos damos click en el siguiente icono Insertar:

clip_image064

La Barra de herramientas en Microsoft Word cambia y seleccionamos imagen:

clip_image066

Buscamos la imagen y la seleccionamos y damos click en Insertar:

clip_image068

Guardamos el documento, para ello damos click en Archivo y Guardar como:

clip_image070

Con extensión Documento de Word y click en Guardar:

clip_image072

Guardamos de nuevo el documento pero ahora con extensión PDF:

clip_image074

El documento quedará de la siguiente manera visto desde el visualizador de Acrobat Read:

clip_image076

Entramos de nuevo a Photoshop y para salir de Photoshop 7.0 damos click en la X de la esquina superior derecha o podemos hacerlo entrando en Archivo (File) y salida (Exit)

clip_image078

Si el documento no lo he guardado, saldrá este cuadro de diálogo, guardaremos el documento:

clip_image080

El documento lo guardaremos con extensión PSD, que la extensión característica del programa:

clip_image082

Y dentro de la carpeta quedaran los archivos de la siguiente manera:

clip_image084

17 comentarios:

  1. muy buen blog y taller de photoshop, esta muy bien explicado el paso a paso.

    ResponderEliminar
  2. muy buen blog me parese q esta muy bn especifado

    ResponderEliminar
  3. excelente blog me sirvió de mucho gracias (Y)

    ResponderEliminar
  4. Excelente blog, tiene muy buena información.

    ResponderEliminar
  5. Las normas de etiqueta no solo son necesarias en el mundo real. En la web, también existen normas básicas de interacción que se deben considerar a la hora de entablar una comunicación virtual para evitar malos entendidos, ocasionar disgustos o, incluso, pasar vergüenza.

    ResponderEliminar
    Respuestas
    1. son fundamentales en el buen manejo de la web 2.0

      Eliminar
  6. Listas las dos entradas con audio

    http://diplomadodocenteeam.blogspot.com.co/2015/09/tendencias-de-la-educacion.html

    http://diplomadodocenteeam.blogspot.com.co/2015/11/netiqueta-lasnetiquetas-son-un-conjunto.html

    ResponderEliminar