domingo, 1 de julio de 2012

Herramientas seleccion y edicion de imagenes

En photoshop se usa:
1.- Selección 
2.-Mover
3.-Edición Transformar Escala
4.-Marco Rectangular 
5.-Selección rápida 
6.-Selección Invertir 
7.-Capas


Practica 02 en Photoshop

Realizar los siguientes pasos:
-Archivo, nuevo, predefinir (película y video), contenido de fondo (transparente).
Luego Ponemos Imagen de Fondo:
1-Archivo, abrir, seleccionar imagen de fondo (paisaje).
2-Click derecho en el titulo de la ventana de la imagen, mover a nueva ventana.
3-Click sostenido en la imagen, arrastras hasta la ventana vacía, y la imagen se ve grande (paisaje).
4-Menú edición, transformar, escala, ponerlo en el tamaño de la hoja de trabajo y doble clic, cerrar la ventana que no utilizamos.
5-En la parte derecha buscar el botón capas, y se ve que una capa está vacía.
Agregar una Imagen:
1-Agregar otra imagen, archivo, abrir, luego seleccionar imagen de fondo, click derecho en el título de la ventana de imagen, mover a una ventana nueva.
2-Seguir el paso 4 y 5.
3-Ver capas en la parte derecha.
4-Recortar con la herramienta lazo poligonal la imagen.
5-Cortar, selección, invertir, Suprimir, menú selección deseleccionar.
6-Seleccionar por partes, herramienta lazo.
7-Seleccionar capa, hacer clic en la capa que esta de fondo.
8-Dar efecto al fondo: menú filtro, desenfocar, movimiento (ángulo 23, distancia 48 píxeles)
9-Menú imagen, ajustes, tono saturación, seleccionar por defecto, todos, colorear y mover las guías para ver los tonos.
Para Agregar Otra Imagen más:
1-Archivo, abrir, imagen, seleccionar una imagen.
2-Seguir el paso 3, 4 y 5.
3-Cortar una parte de la imagen con la herramienta circulo.
4-Menú selección, invertir, perfeccionar borde, click en la opción Sobre el negro, acomodar posición donde quiere que este la imagen.

Mascara rapida y Bordes


Pasos para diseñar bordes: 
1-Menú-Archivo-Abrir la imagen deseada 
2-Utilizar herramienta de marco rectangular y seleccionar los deseado 
3-Luego me voy al menú-selección- invertir 
4-En la barra de herramientas eligo editar-mascara rápida. 
5-Luego a menú-filtro-distorsionar-rizo(-420) 
6-Otra vez a mascara rápida 
7-Para quitar esa selección me voy a menú-filtro-artístico-bordes añadido 
8-Después a menú-selección-de seleccionar 
9-Menú-archivo-guardar como:(nombre) -formato JPEG

"Diseño Digital _Fotografico en Photoshop"

RESUMEN DEL VIDEO
Para empezar a utilizar PHOTOSHOP lo primero que tenemos que hacer es familiarizarnos con nuestro entorno de trabajo.
En la parte superior del programa se encuentran tres niveles de menús
El primero nivel es la barra de aspectos:
Dentro de este tenemos aspecto de restaurar minimizar y restaurar ,abre el brash
Aquí encontramos ARCHIVO: son generalmente las que vienen en Windows aquí podemos abrir un archivo nuevo , guardar, guardar como importar o exportar,en EDICIÓN : tampoco cambia mucho podemos copiar pegar ,cortar y todas las demás, en IMAGEN podemos ajustar el modo de trabajo, dar contraste a la imágenes,ver el tamaño del lienzo ,duplicar,rotar,cortar en la solapa de CAPAS que solo se encuentra en photoshop se puede duplicar capas ,propiedades de capas, filtro, capas de relleno etc. Luego tenemos la opción de SELECCIÓN ,seleccionar parte de la imágenes o su totalidad,invertir selección , etc. EnFILTROS esta todas la modificaciones que podemos hacerle a la imagen como ruido pixelear, distorsionar , enfocar entre otras,en ANÁLISIS están la modificaciones que le podemos hacer a nuestro espacio de trabajo , en VISTA podemos aumentar algunos elementos a la expacion de trabajos como reglas ,en VENTANA podemos visualizar la ventanas , habilitarlas , deshabilitarlas. Luego encontramos el MENÚS DE OPCIONES : esta atada a la barra de herramientas cada vez que seleccionemos una herramienta el menú de opciones cambia . 
En la parte derecha de la pantalla se encuentra losMODULOS ya que se agregan como un pequeño espacio extra, se pueden quitar y poner desde el menu ventana ,estos modulos estan agrupados de a tres según sus caracteristicas prijcipales 
opciones extras como: mostrar guías, cuadriculas mostrar reglas ,tipo de visualización , organización de documentos ymodo de pantalla para: expandir,contraer , luego tenemos aspectos esenciales.

USO DE COLORES EN LA WEB

  1. Introducción:

    Esta es una faceta primordial al definir las líneas maestras de diseñodeun seb site: va a tener una influencia realmente grande en como lo perciban los usuarios y la sensación que les quede después de la visita.
    Por descontado que es un tema subjetivo, ya que cada uno puede aceptar mejor o peor determinadas combinaciones de colores. Sin embargo existen criterios objetivos si se quiere obtener un diseño equilibrado y agradable y, sobre todo, que ni estrese ni canse.
  2. Número de colores en página:

    Es arriesgado establecer una norma estricta, ya que 6 colores simultáneos en una página pueden ser demasiados si existe un gran contraste entre ellos, pero pueden conformar una combinación agradable si la relación entre los mismos es adecuada..
    • Como norma inicial puede asegurarse que siempre es mejor pocos colores mejor que muchos. Como mínimo, el riesgo de estridencias es menor.
    • Como siguiente norma se puede afirmar que 3 colores en una misma página sería lo mínimo a utilizar y, en la mayoría de casos, debiera ser suficiente. Con menos de 3, las posibilidades de que la página sea anodina y aburrida son muy grandes.
      • Color Primario: es el tono básico de la página, el que la define, y el que ocupa la gran mayoría de la misma. Sería el color del atributo "background" de la página.
      • Color Secundario: es el segundo tono predominante en la página, aunque en mucha menor medida que el primario. Normalmente debe acotar o resaltar áreas y debe ser bastante próximo en tono al primario.
      • Color Destacado: es el color que se utiliza para resaltar aspectos concretos de la página. Por definición debe contrastar mucho con los colores primario y secundario y, por tanto, debe utilizarse con moderación. Puede utilizarse el Complementario o el Complementario Escindido del color primario de la página.
  3. Inicio de página


  4. Relación entre colores:
    Según su posición relativa en el Círculo Estándar de Color, los colores pueden ser:Círculo Estándar de Color

    • Colores Análogos: Para un color dado, sus colores análogos son aquellos que se encuentran a ambos lados del mismo en el círculo de color.
      Por ejemplo los análogos del naranja serían el rojo y el amarillo. En un sentido más específico, los análogos del rojo "red", serían rojo violáceo "crimson" yrojo anaranjado "orangered".

       
       
       
      Usados juntos producen sensación de armonía. Suele ser una buena idea usarcolores complementarios como primario y secundario de una página web.
    • Círculo Estándar de Color Colores Complementarios: Son aquellos que se encuentran opuestos en el círculo de color (por ejemplo el amarillo y el violeta). Usados juntos producen un gran contraste destacando mucho uno sobre el otro. Su efecto puede ser llamativo y hasta agresivo.
      Dos colores complementarios serían por ejemplo el rojo violáceo "crimson" y elturquesa "turquoise".

       
       
      Suele funcionar muy bien usar el color complementario del primario de una página como color destacado. También suele ser una buena alternativa utilizar el color complementario del secundario.
    • Colores Monocromáticos: Son aquellos que se encuentran aislados, sin presencia de otros colores. Usados producen sensación de unidad, homogeneidad y robustez. Se puede evitar la monotonía utilizándolos condiferente luminosidad (más claros y más oscuros).
    •  
       
       
    • Colores Complementarios Adyacentes: Dado un color, sus complementarios adyacentes son los colores análogos de su color complementario.
      Dos colores complementarios adyacentes del rojo "red" serían por ejemplo el verde primavera "springgreen" y el azul cielo "skyblue".

       
       
       
      El uso de de un color y sus complementarios adyacentes aporta un alto nivel de contraste, sin llegar al extremo cuando se usa directamente su complementario. También suele ser mayor la sensación de armonía que usando el complementario directo.
    • Colores Triada: Tres olores constituyen una Triada cuando sus tonos son equidistantes en el Círculo Estándar de Color.
      Un ejemplo de triada lo constituirían el amarillo "yellow" junto al turquesa "turquoise" y al violeta "violet".
       
       
       
      Utilizar un esquema de color en triada suele ser una buena solución cuando se desea un diseño colorido, ya que la mezcla estará bien balanceada. Si el conjunto resulta demasiado colorido para nuestras necesidades, siempre se pueden apagar un poco los colores disminuyendo su luminosidad o su saturación (o ambas).
    • Esquema Cromático Monotono: Un esquema de color monotono lo constituyen un único tono de colorjunto a sus posibles variaciones en términos de tintes, luminosidad y saturación.
       
       
       
      Suele ser una buena solución si se desea un diseño robusto y homogéneo pero con las diferenciaciones y resaltes necesarios. En el caso probable se sensación de monotonía, siempre es una buena solución introducir negro y blanco.
    • Esquema Acromático Monotono: Un esquema de color acromático monotono es un caso particular del esquema de color monotono constituído sólo por colores neutros dentro de la gama del negro al blanco.
       
       
       
       
      Suele ser un esquema eficaz con el que diseñar los distintos componentes de la página web, pero con seguridad resultará aburrido. Una buena solución es introducir un color resaltado.
  5. Inicio de página


  6. El Contraste entre colores:
    Buscandlo una definición intuitiva, podemos simplificar y decir que el contraste entre dos colores, es la diferencia que hay entre ambos. El contraste será mayor cuanto mayores sean las diferencias entre ambos en términos de:
    • Tono
    • Luminancia
    • Crominancia
    Cuando se diseña una página web el elegir el contraste entre los colores que vamos a usar es muy importante porque va a influir directamente en la sensación que vamos a transmitir a los visitantes.
    En primer lugar será importante que exita un gran contraste entre el testo ordinario y el "background". Sin embargo habrá que tener sumo cuidado en no caer en estridencias que generalmente son tomadas como inmadurez o falta de profesionalidad.
    Esta misma recomendación es aplicable cuando elegimos colores para resaltar o separar áreas de contenidos: aquí es menos necdesario y abusar de él puede ser aún más perjudicial.
    Si en nuestras páginas utilizamos por ejemplo un marco del área de trabajo gris y queremos utilizar un verde para áreas resaltadas, no es lo mismo elegir la combinación:
     
     
    Que elegir esta otra:
     
     
    En el segundo caso la gran luninosidad de ambos colores, y en especial la del verde, hace que el contraste sea demasido grande y la combinación resulte agresiva.
    La Teoría del Color define muchos tipos de contraste y, aunque algunos no son especialmente aplicables a páginas web, es muy interesante conocerlos para profundizar en el conocimiento del efecto de los colores.

    1. 4.1 Contraste de Tono: Está relacionado directamente con las distancias entre dos colores dentro del Círculo Estándar de Color descritas en el apartado 3. Relación entre colores. así, cuanta mayor es la distancia entre dos colores dentro del círculo, mayor es el contraste entre ambos.
       
       
      Entonces, una pareja de colores complementarios produce el máximo contraste, mientras que para cualquier color el que menor contraste produce con este es su adyacente.
      Es interesante el contraste ce tono entre colores fríos y cálidos. Los colores cálidos siempre aparecen al espectador más próximos, mientras que los colores fríos aparecen al espectador más distantes.
      En una página web será más conveniente utilizar colores fríos para marcos, tapices o elementos secundarios y colores calientes para menús, iconos o barras de herramientas que queramos que el usuario siempre tenga presente.
      Para la relación texto y background normalmente no será suficiente cfontraste de tono ya que no garantizará legibilidad suficiente. Será necesario aplicar algún tipo de contraste adicional.
    2. Inicio de página



    3. 4.2 Contraste de Luminancia (o de Valor): Permite crear grandes contrastes con el mismo tono de color sólo mediante el brillo de luz:
       
       
      En general este tipo de contraste, aún siendo grande, es agradable al ojo humano, con lo que usarlo en diseños web suele ser trabajar sobre seguro. Como contrapartida, no arriesgar en la combinación de tonos, puede significar apostar por un diseño convencional, poco impactante.
    4. Inicio de página



    5. 4.3 Contraste de Saturación: El contraste de saturación con frecuencia es el más adecuado para resaltar aspectos de la página web de una forma moderada, poco estridente.
       
       
      Un efecto interesante se obtiene utilizando áreas con diferentes saturaciones con un fondo gris: se produce una sensación de transparencia que puede ser muy apropiada en ciertas circunstancias.
       
       
       
    6. Inicio de página



    7. 4.4 Contraste Simultáneo: Es un efecto creado por nuestro sistema visual que, dado un color predominante, tiende a requerir su color complementario.
      Este efecto puede obtenerse combinando dos colores brillantes pero que no sean complementarios, o, simplemente, utilizando un color brillante sobre un background neutro (un color de la gama de los grises).
       
       
      Este tipo de contraste tiene la ventaja de resaltar diferencias entre áreas de forma impactante, pero sin la agresividad que producen los complementarios. Sin embargo puede provocar tensión e inestabilidad y debe utilizarse con prudencia.
    8. Inicio de página



    9. 4.5 Combinación de contrastes: Es lo más frecuente, sobre todo cuando se trata de resaltar textos.
      Esto es un texto
      En este caso se ha utilizado un Contraste de Tono, poniendo un lienzo violeta y el texto en turquesa, que es complementario adyacente del primero, por lo que la combinación debería aportar suficiente contraste de color.
      Sin embargo, vemos que para el caso de textos, no es así: la combinación no aporta suficiente contraste y leer el texto cansa la vista (sobre todo si fuera un párrafo largo). Aunque la mezcla es natural y no es desagradable, no es adecuada para textos.
      Esto es un texto
      En este segundo caso, al contraste de color inicial le hemos añadido Contraste de Luminancia, oscureciendo el background e iluminando el foreground. La combinación de ambos contrastes aumenta sensiblemente la legibilidad del texto.
      Esto es un texto
      Los colores tienen unas características naturales de luminosidad. Así el turquesa o azul mar es naturalmente más claro que el rojo violáceo. Habida cuenta que son complementarios, la mezcla funciona bien y aporta suficiente contraste.
      Esto es un textoEsto es un texto
      Sin embargo, invertir las relaciones naturales entre colores no funciona. Aportando contraste de luminancia y de saturación simultáneamente conseguimos oscurecer el turquesa y aclarar el crimson pero, aunque consiguieramos suficiente contraste para resaltar el texto (que vemos que no es el caso), la vista no se sentiría cómoda ante la mezcla.
    10. Inicio de página

  7. Los colores y el texto:
    Como acabamos de comentar usar convenientemente el contraste es especialmente importante cuando se trata de escribir texto y resaltarlo suficientemente para garantizar su legibilidad a la totalidad de nuestros usuarios.
    Pero no sólo es una cuestión de contraste. Hay combinaciones de colores que:
    • Son especialmente conflictivas para usuarios con disfunciones en la vista
    Inicio de página

  8. Ceguera al color:
    Hay múltiples tipos de disfunciones en la visualización de los colores, como describimos en nuestra página de los colores. Sin embargo a efectos de accesibilidad sólo necesitamos preocuparnos de los daltónicos, grupo que constituye la inmensa mayoría de los que sufren alteraciones en la percepción del color.
    Pensando en ellos, deberemos tratar de evitar siempre las combinaciones de texto en cualquiera de las variedades del verde sobre fondos rojizos, áreas con motivos en este color predominante, etc., y biceversa. Independiente de la luminosidad o saturación de los colores.

Conocimiento y Tic Revolucion Social

El video nos plantea lo siguiente:
Unas jornadas en las que se abordan distintas temáticas relacionadas con Internet, Social Media y las TIC en el ámbito social, empresarial y educativo. Entre los asistentes figuran, Jennifer Preston, la former social media editor del New York Times; Bieito Rubido, director de ABC; Lois Blanco, director de La Voz de Galicia; Lois Caeiro, director de El Progreso; Caetano Díaz, subdirector del Correo Gallego; y Manuel Ferreiro, director del Ideal Gallego; Dolors Reig, profesora de la UOC y editora de El Caparazón; Manuel Gago, responsable de la web Consello da Cultura; Jesús López Cortiñas, responsable de marketing online del grupo Femxa; Lontzo Sainz de EITB; Javier Pedreira, responsable de información de Museos Científicos Coruñeses; José López Ardao, profesor de la Escuela de Telecomunicaciones y Daniel Martí, decano de Ciencias Sociais; y Asier Gallastegui, experto en coaching.
De entrada volvemos a las TICS, esta vez esta maestra explica el papel que juegan las tecnologias, cuando en el video la maestra al ver que sus alumnos no ponian atención en su clase y no habia interes de su parte, hizo un video tipo Lady Gaga de la revolución Francesa, lo cual a lo mejor a muchos les parece estupido, pero en realidad fue muy brillante ¿Por qué?, Porque como dice esta maestra, hay que ADAPTARSE A LOS TIEMPOS, y hoy en dia los niños ya estan en un mundo virtual, y al hacer el video la maestra, claro que llamo más su atención pues esta más asociado a su vida cotidiana.
Uno de los primeros puntos que se mencionan es que el índice de hombres que están dejando de estudiar aumenta más que el de las mujeres. Además también se nos menciona que las mujeres tenemos,-digamos- más capacidad para interactuar dentro de las redes sociales y que cada vez dentro de estas la cantidad de usuarios femeninos aumenta, en cambio los hombres suelen presentarse más cerrados, aunque no generalizo por qué no todos son así.
Otro punto es la modernización de la escuela básica, primarias, secundarias; por una u otra razón esta educación que se imparte en estas escuelas sigue siendo tradicionalista y con el pensamiento un tanto cuadrado ya que se sigue estableciendo que el profesor es el único que tiene la razón y no se emplea tanto la participación del grupo estudiantil. El renovar este tipo de educación yo creo que puede funcionar para dejar a un lado las ideas retrogradas.
Mi conclusión como ella lo dice es... ADAPTARSE A LOS TIEMPOS, la educación debe de utilizar de estas tecnologias para que los niños tengan interes, pues el mundo en el que viven y vivimos ahora es diferente al de hace 5 o 10 años.