10-09-08

Taller web . Retoque de imagenes digitales utilizando photoshop 8.0 Cs2



Retoque de imagenes digitales utilizando photoshop
Aunque existen muchas herramientas de retoque de imagenes
que son mas baratas y mas fáciles de usar, photoshop es la
mas destacada en el retoque digital de imagenes
en este taller web utilizaremos lo mas elemental en la
creación y edición de imagenes digitales



Índice del manual
Caja de herramientas-herramientas de selección-herramientas de pintura- herramientas de edición herramientas de visualización-modos de fusión-paletas-menú archivos -menú edición -menú imagen- menú capas-menú filtro-menú vista-menú ventana

Actividad
1buscar y publicar en el blog los siguientes términos:
1)acoplar imagen
2)brillo
3)canal
4)canales alfa
5)canal compuesto
6)canal de color
7)capa
8)capa activa capa de fondo
8)capa de imagen
9)capa de texto
10)capa enlazadas
11)color frontal
12)color de fondo
13)colores puros
14)contraste
15)formato de imagen
16)guias
17)ilustrato
18)mascara de capas
19)modos de color
20)opacidad
21)saturacióntono

Actividad 2
Busque y publique en el blog atajo de tecladopost:
vincular paginas web de ayuda(descargar software photoshop desde la versión 7 hacia arriba)

Respuesta

actividad 1

Acoplar imagen: significa que todas las capas existentes en un documento se unirán en una sola. Se utiliza para poder guardar la imagen en formatos que solo admiten una capa, como JPEG, GIF, etc.

Brillo: luminosidad u oscuridad de un color. Se mide en tanto por cien, el 0 % equivale a negro y el 100 % equivale a blanco.

Canal: toda imagen está compuesta por canales, el número de ellos depende del modo de color de la imagen. Por ejemplo, una imagen RGB, tendrá un canal para cada uno de los colores básicos: un canal para el rojo (Red), otro para el verde (Green) y otro para el azul (Blue)
Canales Alfa: además de canales de colores están los canales Alfa, que son utilizados para guardar selecciones. En la paleta se mostrará una nueva miniatura, las partes blancas indicarán las zona seleccionadas, las partes negras indicarán las zonas no seleccionadas.

Canal compuesto: canal compuesto será aquel que consta de dos o más canales.

Canales de color: los diferentes canales que posee una imagen y contienen información sobre sus colores.

Capa: una capa es un recurso de Photoshop que simula una hoja transparente o acetato. En esta se podrá escribir, pintar, insertar imágenes, etc sin que esta pierda su transparencia, pudiendo hacer cada una de estas acciones en capas diferentes. Photoshop permite manejar hasta 100 capas diferentes.

Capa activa: la capa se muestra resaltada de color azul y será la que se podrá editar. Es importante saber en todo momento cuál es la capa activa, ya que numerosas veces al hacer una modificación no surge efecto y esto se debe a que la capa activa es otra de la deseada.

Capa de fondo: todo documento estará compuesto como mínimo de una capa, y esta será la capa de fondo. En documentos de mas de una capa, la capa de fondo será la capa inferior, esta no se puede modificar.

Capa de imagen: una capa de imagen será aquella que contiene imágenes y es susceptible a los efectos.

Capa de texto: cada vez que se escribe un texto en el documento se crea automáticamente una capa. Esta capa contendrá solo el texto escrito y no se le podrá aplicar ningún efecto.

Capas enlazadas: se llama capa enlazada a aquella capa en la que se visualiza una pequeña cadena. En lazamos capas para hacer momentáneamente una sola capa con las que están enlazadas. Las capas enlazadas sufrirán las mismas modificaciones que la capa actual.

Color frontal y color de fondo: son los colores almacenados en la paleta de colores. Con el frontal se pinta, rellena, se hacen degradados, etc, con el color de fondo se rellenarán las zonas borradas y los aumentos del documento.

Colores puros: llamamos colores puros a los colores primarios y sus mezclas, son puros y no están compuestos por otros.

Contraste: según el valor de contraste permite ver un documento con colores más puros o más apagados. Un contraste mínimo equivale a gris y un contraste máximo convertirá el documento a colores puros.

Formato de imagen: el formato de imagen o de archivo se refiere a la estructura de datos en que se guardará el documento, por ejemplo: JPEG, TIFF, BMP... Photoshop soporta gran variedad de formatos (ver tipos de formato).

Guías: son líneas que solamente se ven en pantalla y no se imprimen. Es una herramienta de gran utilidad ya que permite ajustar selecciones, borde de selecciones y herramientas a estas líneas. Se muestra una guía al pinchar sobre una regla y arrastras el puntero hacia el documento.

Illustrator: programa de Adobe muy similar a Photoshop en cuanto herramientas, excepto que Illustrator es vectorial.Máscaras de capa: se utiliza para cubrir partes de una capa que no interesa mostrar. Las zonas enmascaradas no se pierden, sino que se ocultan tras la máscara sin necesidad de borrarlas. Al desactivar la máscara se volverán a ver. Son de gran utilidad si se quiere difuminar los bordes de una imagen, para ello en el menú capas añadimos máscara de capa. Con color negro se añade máscara, con blanco se quita máscara. No funciona en la máscara de fondo.

Modos de color: cada uno de los modelos en que se puede representar una imagen tanto en su visualización como impresión.

Opacidad: opción que permite controlar el grado de transparencia de una capa. Esto variará su propia visibilidad y como se verán las capas que estén por debajo de ella.

Saturación: saturación es la medida de la autenticidad de un color, es su pureza. Representa la cantidad de gris de un color respecto a su tono. El 0 % equivale a gris y el 100 % será la saturación completa.

Tono: el tono es la propiedad de un color, el color percibido por el ojo. Así, se dice que un objeto tiene tono rojo, azul, verde, pues se expresa por el nombre de color.

link: http://www.webtaller.com/manual-photoshop/glosario-terminos.phpRespuestas actividad

2ATAJOS DE TECLADO

Abrir archivo Ctrl. + oCerrar archivo o ventana Ctrl.
+ wArchivo nuevo Ctrl.
+ nMostrar / ocultar paletas y herramientas TabuladorMostrar / ocultar paletas Mayus + tabuladorMostrar mano Barra espaciadoraMostrar lupa Ctrl.+ barra espaciadoraSeleccionar todo Ctrl. + eAumentar / disminuir Zoom Cctrl. + (+), ctrl. + (-)Rellenar selección de color frontal Ctrl. + retrocesoSuma / resta de selecciones Mayus + seleccionar, Alt + seleccionarDeshacer Ctrl. + zCortar Ctrl. + xCopiar Ctrl. + cPegar Ctrl. + vPegar dentro Ctrl. + Mayus + vSalvar Ctrl. + sSalvar como Ctrl. + Mayus + sTransformar selección de forma libre Ctrl. + tInvertir selección Ctrl. + mayus + iDeseleccionar Ctrl. + dImprimir Ctrl. + p

11-07-08

Tarea wikispaces

1.- Búsque y publique en blogs los siguientes conceptos tratados en clases.
-E-LEARNING
eLearning es una manera flexible y poderosa mediante la cual individuos y grupos apropian nuevos conocimientos y destrezas con apoyo de tecnología de redes de computadores. Esta permite diseminar y tener acceso a información multimedia, hacer uso de simuladores, al tiempo que permite interacción y colaboración con aprendices que pueden estar dispersos alrededor del mundo.
El eLearning se desarrolla en la actualidad valiéndose de la Red Mundial de Computadores; sin embargo, en el futuro podría incluir computadores de mano con comunicación inalámbrica móvil, teléfonos celulares, y dispositivos de interacción que están articulados en objetos y artefactos de uso cotidiano.
El campo del eLearning se desarrolla muy rápidamente gracias a cuatro factores principales:
Disponibilidad de redes de computadores de gran velocidad, para ofrecer información y servicios.
Necesidad creciente de "trabajar con sabiduría" y con actualización continua de habilidades y destrezas.
Conveniencia de que la educación sea justo a tiempo (a menudo "desde cualquier parte, cuando se necesite").
Es una alternativa costo-efectiva a la educación y entrenamiento corporativos presenciales, en salón de clase.
No hay duda de que el eLearning está comenzando a cambiar las prácticas de educación y entrenamiento corporativos.

-TICS
Las tecnologías de la información y la comunicación son un conjunto de servicios, redes, software, aparatos que tienen como fin el mejoramiento de la calidad de vida de las personas dentro de un entorno, y que se integran a un sistema de información interconectado y complementario. Esta innovación servirá para romper las barreras que existen entre cada uno de ellos.
Tecnologías de la Información y la Comunicación (TIC), son un solo concepto en dos vertientes diferentes como principal premisa de estudio en la ciencias sociales donde tales tecnologías afectan la forma de vivir de las sociedades. Su uso y abuso exhaustivo para denotar modernidad ha llevado a visiones totalmente erroneas del origen del término.

- WEB 2.0
La Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnología.
La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio.
Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por brindar mejores soluciones para el usuario final. Muchos aseguran que hemos reinventado lo que era el Internet, otros hablan de burbujas e inversiones, pero la realidad es que la evolución natural del medio realmente ha propuesto cosas más interesantes como lo analizamos diariamente en las notas de Actualidad
Y es que cuando el web inició, nos encontrábamos en un entorno estático, con páginas en HTML que sufrían pocas actualizaciones y no tenían interacción con el usuario.
Pero para entender de donde viene el término de Web 2.0 tenemos que remontarnos al momento en que Dale Dougherty de O’Reilly Media utilizó este término en una conferencia en la que compartió una lluvia de ideas junto a Craig Cline de MediaLive. En dicho evento se hablaba del renacimiento y evolución de la web.
Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes funcionalidades. Y así se dio la pauta para la Web 2.0 conference que arranca en el 2004 y hoy en día se realiza anualmente en San Francisco, con eventos adicionales utilizando la marca en otros países.
En la charla inicial del Web Conference se habló de los principios que tenían las aplicaciones Web 2.0:
La web es la plataforma
La información es lo que mueve al Internet
Efectos de la red movidos por una arquitectura de participación.
La innovación surge de características distribuidas por desarrolladores independientes.
El fin del círculo de adopción de software pues tenemos servicios en beta perpetuo

- EVA ( Entorno virtual de aprendizaje)
El EVA (Entorno Virtual de Aprendizaje) es un campus virtual en el que se produce la
interrelación y comunicación entre alumnos y profesores a distancia. El EVA da acceso a todos
los cursos, contenidos y material complementario necesario para adquirir los conocimientos
básicos del Máster en Fisiopatología y Tratamiento del Dolor.
El EVA permite al alumno:
• Conocer todos los cursos y módulos que debe realizar para el Máster.
• Consultar, descargarse e imprimir la documentación y referencias bibliográficas necesarias
para seguir los cursos en línea y módulos presenciales.
• Consultar, descargarse e imprimir las tareas de los cursos en línea y del trabajo de
investigación para elaborarlas y enviarlas al profesor.
• Conocer el perfil del resto de alumnos y profesores.
• Comunicarse a través de e-mail con el resto de alumnos y profesores.
• Cambiar impresiones a través de los foros de debate organizados por el profesor.
• Programar su actividad a través de un calendario que le avisa de las últimas novedades,
fechas de eventos globales y de cada curso.
• Autoevaluar sus conocimientos y examinarse.
• Consultar los resultados de las diferentes evaluaciones.

El EVA permite al profesor:
• Poner los contenidos docentes.
• Conocer el perfil del resto de alumnos y profesores.
• Participar en los foros de debate.
• Responder preguntas de los alumnos.
• Puntuar e informar al alumno sobre sus tareas y exámenes.
• Conocer los tiempos de conexión y los documentos que ha consultado cada alumno

- RSS.
RSS es un sencillo formato de datos que es utilizado para redifundir contenidos a suscriptores de un sitio web. El formato permite distribuir contenido sin necesidad de un navegador, utilizando un software diseñado para leer estos contenidos RSS (agregador). A pesar de eso, es posible utilizar el mismo navegador para ver los contenidos RSS. Las últimas versiones de los principales navegadores permiten leer los RSS sin necesidad de software adicional.
Este acrónimo se usa para referirse a los siguientes estándares:
Rich Site Summary (RSS 0.91)
RDF Site Summary (RSS 0.9 y 1.0)
Really Simple Syndication (RSS 2.0)
Además es usual que el término RSS sea usado indistintamente para referirse a cualquiera de los formatos RSS o Atom.

2.- Subcribase y agregue un RSS(feed) al blogs. El canal de información RSS lo determinara usted. Por ejemplo: Noticias, deportes, política, educación, espectaculos, música, etc.

3.- Ingrese al Web site wikispaces
Regitrarse como usuario y contraseña, genere un subdominio web (direccion http, url), posteriormente debe añadir esta dirección como una lista de vinculos dentro de su blogs.

TRABAJO COLABORATIVO N°1
Será revisado en el wiki del moderador de grupo
El grupo debe elegir un tema a investigar; editar la información, clasificar y publicar en la nueva plataforma wikispace .(Dejar un post al momento que los alumnos suben información)
Indagar por ejemplo: Educación, deportes, música,salud, etc.

Utilizando las aplicaciones de la plataforma wikispace incorpore evidencias a su investigación.
En relacion al tema de investigación. Incluir.
a) Noticias relevantes desde un diario electrónico (on line)
b) Power Point ( slide.com/ slidershare.net)
c) Imágenes

En relación al sitio wiki agregue:
A) Podcast (música)
b) widgest (video-música-calendario-fotografía.

4.- La edición y montaje de imágenes será una aplicación que retomaremos en corto plazo, es imprescindible que recuerden las herramientas del software Photoshop. Búsque y descargue alguna versión de este programa en su PC, agregue links de web site en relación a noticias, trucos, fuentes, edición y nuevas aplicaciones. ( Publique en wiki ). Coloque videos desde youtube en relación a la edición y trucos photoshop. Incorpore una galeria de imágenes donde existan montajes de imágenes.




Post: Hipervincular conceptos importantes- añadir una lista de links ( bibliografía).
El Trabajo es individual, debe publicarse en la fecha estipulada. Independiente de cortes de clases no programados.

03-04-08

Trabajos computación 2 medio!

Evaluación coeficiente 2:
Día de evaluación: 14-Mayo-2008
1.- Edición de perfil: Usuario de blog
*Ejemplo:
-Agregar fotografia personal. (Obligatorio)
-Lista de vinculos.
-Tendencias.
2.- Buscar y publicar códigos (HTML / JavaScripts/ Giff/ Flash)
-Calendario
-Reloj
-Contador de visitas
-Screaming de audio
-Buscador google
-Buscador de blogs
-Buscador de youtube
-Buscador Msn
Opcionales:
-Indicador de temperatura
-Encuesta
-Chat
-Icono de la flecha indicadora
-Banner en el titúlo
*DEBE ESTAR PUBLICADA TODA LA INFORMACIÓN PEDIDA ANTERIORMENTE POR EL PROFESOR.
16-Abril-2008
1) ¿Qué es un wiki?
2) De 5 ejemplos de plataformas donde se puedam crear wikis; Hipervincular sitios web donde se puedan generar estos espacios.
3) Publicar video tutorial de Wiki
4) De ejemplos de spacewiki. Ejemplo: webmaster.es
5) Linkear foros Wiki
6) Defina: Qué es un codigo web?, html?, flash? giff? hosting? javascript? url? css?
7) Agrege la siguiente lista de viculos: (costado del blog)
Desarrollo
1)¿Que es un wiki?
Un wiki es un sitio web colaborativo que puede ser editado por varios usuarios. Los usuarios de una wiki pueden así crear, modificar, borrar el contenido de una pagina web, de forma interactiva, fácil y rápida; dichas facilidades hacen de la wiki una herramienta efectiva para la escritura colaborativa.
2) Link plataformas especificas:
3) Video sobre wiki



Video de wiki 2



Video de wiki 3 (extraido de EVA. LAB. computación )



4) Ejemplos de Spaces Wiki
5) Ejemplos de Foros Wiki
6) Definiciones
*Html: sigla de HyperText Markup Language (Lenguaje de Etiquetas de Hipertexto)-
flash:Adobe Flash® (Fl) Es una aplicación que trabaja sobre "Fotogramas" destinado a la producción de animación.
*GIF: (Compuserve GIF o Graphics Interchange Format) es un formato gráfico utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones.
*Hosting:El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web
*Java script:JavaScript es un lenguaje de programación interpretado, es decir, que no requiere compilación, utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java y el lenguaje C.
*URL: significa Uniform Resource Locator, es decir, localizador uniforme de recurso. Es una secuencia de caracteres, de acuerdo a un formato estándar, que se usa para nombrar recursos, como documentos e imágenes en Internet, por su localización.
*CSS: Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML).

10-Abril-2008

3-Abril-2008
.SCR: Protector de pantalla
.TXT: Block de notas / WordPad
.DB: Base de datos
.DLL: Librería, extensión de aplicación
.FOLDER: Carpeta
.INI: Opciones de configuración
.FON: archivos de fuentes (tipografías) de Windows
.OCX: programa de control personalizado. Provee a Windows de funciones específicas, como el redimensionamiento de ventanas y scroll de la barra espaciadora
.TMP: archivo temporal de trabajo de Windows. Lo utiliza el sistema para efectuar procesos en el disco rígido y los borra una vez finalizado dicho proceso.
.SYS: archivo de sistema, fundamental para que el sistema operativo funcione correctamente. Tampoco conviene abrirlo si no se conoce su funcionamiento interno.
.EXE: programa autoejecutable. Se corre una vez que se hace clic sobre el archivo
.PPT: Presentación power point
.LNK: Acceso directo
.MP3: Winamp
.MIDI: Winamp
.WAV: Winamp
.WMA: Winamp
.CHK: Fragmentos de archivos recuperados
.SHS: Recorte
.669: Winamp
.AIF: Winamp
.AIFC: Formato AIFF
.AIFF: Winamp
.AMF: Winamp
.ASF: Windows Media
.AU: Winamp
.AUDIOCD: AudioCD
.CDA: Winamp
.CDDA: AIFF Audio
.FAR: Winamp
.IT: Winamp
.ITZ: Winamp
.LWV: Microsoft Linguistically Enhanced Sound File
.MID: Winamp
.MIDI: Winamp
.MIZ: Winamp
.MP1: Winamp
.MP2: Winamp
.MP3: Winamp
.MTM: Winamp
.OGG: Winamp
.OGM: (Ogg)
.OKT: Winamp
.RA: Real Audio
.SND: Winamp
.STM: Winamp
.STZ: Winamp
.ULT: Winamp
.VOC: Winamp
.WAV: Winamp
.WAX: Acceso directo de audio de Windows Media
.WM Windows Media
.WMA: Winamp
.WMV: Windows Media
.XM: Winamp
.XMZ: Winamp
.AVI: BSPlayer
.DIC Block de notas / WordPad
.DOC Microsoft Word
.DIZ Block de notas / WordPad
.DOCHTML HTML de Microsoft Word
.EXC Block de notas / WordPad
.IDX Block de notas / WordPad
.LOG Block de notas / WordPad
.PDF Adobe Acrobat
.RTF Microsoft Word
.SCP Block de notas / WordPad
.TXT Block de notas / WordPad
.WRI Write
.WTX Block de notas / WordPad
.AIS ACDSee Secuencias de imagen
.BMP XnView / ACDSee
.BW XnView / ACDSee
.CDR CorelDRAW Grafico
.CDT CorelDRAW Grafico
.CGM CorelDRAW Grafico
.CMX CorelDRAW Exchange Graphic
.CPT Corel PHOTO-PAINT
.DCX XnView / ACDSee
.DIB XnView / ACDSee
.EMF XnView / ACDSee
.GBR The Gimp
.GIF XnView / ACDSee
.GIH The Gimp
.ICO Icono
.IFF XnView / ACDSee
.ILBM XnView / ACDSee
.JFIF XnView / ACDSee
.JIF XnView / ACDSee
.JPE XnView / ACDSee
.JPEG XnView / ACDSee
.JPG XnView / ACDSee
KDC XnView / ACDSee
.CTT Lista de contactos
.YMG Messenger Class
.YPS Messenger Class
.ASP Active Server Pages
.CSS Documento de hoja de estilos en cascada
.HTA HTML Aplicacion
.HTM HTML Documento
.HTML HTML Documento
.HTT Plantilla de hipertexto
.JS JScript Script File
.JSE JScript Encoded Script File
.JSP Archivo JSP
.MHT MHTML Documento
.HTML MHTML Documento
.PHP Personal Home Page
.SHTM Archivo SHTM
.URL HTML Documento
.XML HTML Documento
.XSL Hoja de estilos XSL
.EML Outlook / Eudora / The Bat
.MBX Eudora Mailbox
.MSG Mensaje E-mail
.NWS News Mensaje
.MDS Alcohol 120%
.CCD Alcohol 120% / CloneCD
.CUE Alcohol 120% / CDRWin (+.BIN)
.ISO Alcohol 120% / Ahead Nero
.BTW Alcohol 120%
.CDI Alcohol 120%
.IMG CloneCD (también de diskette y dibujo)
POWER POINT
.POT Plantilla
.POTHTML Plantilla HTML
.PPA Complemento
.PPS Presentación
.PPT Presentación
.PPTHTML Documento HTML
.WORD
.DOT Plantilla de Microsoft Word
.DOTHTML Plantilla HTML de Microsoft Word
.WBK Copia de seguridad de Microsoft Word
.WIZ Asistente para Microsoft Word
.EXEL
.CSV Archivo de valores separados por comas
.DIF Formato de intercambio de datos
.DQY Archivos de consulta ODBC
.XLA Complemento
.XLB Hoja de cálculo
.XLC Gráfico
.XLD Hoja de cuadros de diálogo
.XLK Archivo de copia de seguridad
.XLL Complemento XLL
.XLM Macro
.XLS Hoja de cálculo
.XLSHTML Documento HTML
.XLT Plantilla
.XLTHTML Plantilla HTML
.XLV Módulo VBA
.XLW Área de trabajo
.MEDIA PLAYER
.ASX Lista de reproducción de audio o vídeo
.WMP Archivo del Reproductor
.WMS Archivo de máscara
.WMX Lista de reproducción de audio o vídeo
.WMZ Paquete de máscaras
.WPL Lista de reproducción
.WVX Lista de reproducción de audio o vídeo
.bin: archivos de codigo binario
.class: binario ejecutable de java