Está en la página 1de 36

Contenido

Clase 3

5. Trabajo con selecciones.


5.1. Selección de marco
5.1.1. Copiar cortar y pegar
5.2. Selección de lazo
5.2.1. Herramienta lazo
5.2.2. Lazo poligonal
5.2.3. Lazo magnético
5.3. Selección rápida y varita mágica
5.3.1. Varita mágica
5.3.2. Selección rápida
5.4. Selecciones personalizadas
5.4.1. Invertir selección
5.4.2. Modificar selección
5.5. Recortar imagen
5.6. Formas y textos
5.6.1. Formas
5.6.2. Textos

Clase 3
Página
5. TRABAJO CON SELECCIONES

Dentro de las diferentes funcionalidades de Photoshop tenemos algunas herramientas que


permiten seleccionar algunas partes de nuestra imagen ignorando el exterior de la misma.

Estas herramientas se conocen como Herramientas de selección. Se ubican en la barra de


herramientas y se organizan en grupos diferentes.

Imagen 1. Herramientas de Selección.

[ 1]

La función específica de estas herramientas es aplicar cambios posteriores, únicamente al


espacio seleccionado de la imagen o lienzo.

Cada botón de la herramienta tiene un triángulo en su esquina, y nos indica que son
diferentes opciones agrupadas en ese botón. Para activarlas simplemente hacemos Clic
derecho sobre el botón.

Encontramos las opciones de Selección de Marco, Selección de lazo y Selección Rápida.

5.1. SELECCIÓN DE MARCO

Imagen 2. Selección de Marco.

[ 2]

La selección de marco es la más común, ya que permite realizar un trazado manual de un


área determinada de nuestra imagen, delimitándola fácil y rápidamente.

Al desplegar sus opciones encontramos cuatro tipos de selección de marco:


3
Página

 Herramienta de Marco Rectangular:


Esta herramienta permite seleccionar un área de nuestra imagen de forma rectangular, y
se activa deslizando el cursor con Clic Sostenido sobre el área que vamos a seleccionar.

Veremos que aparece un recuadro intermitente delimitando nuestra selección.

Imagen 3. Selección Rectangular

[ 3]

Estando seleccionada el área de la imagen podremos realizar cualquier cambio sobre ella
sin modificar lo que se encuentra al exterior.

Si por alguna razón seleccionamos de manera inadecuada y queremos devolvernos un


paso, lo podemos realizar a través del menú Edición opción paso atrás, o mediante la
combinación de teclas Ctrl + Alt + Z.

 Herramienta de Marco Elíptico:

Funciona de igual manera que la opción rectangular, solo que la selección se realiza de
forma circular.
4
Página
Imagen 4. Selección Circular.

[ 4]

 Herramienta de Fila Única:

Esta opción permite seleccionar una delgada fila equivalente a un pixel, es decir solo
selecciona un trazo horizontal y permite efectuar ciertos cambios a ese trazo.

Imagen 5. Selección Fila única.

[ 5]
Página
 Herramienta de Columna Única:

Al igual que la herramienta de fila única, esta opción permite seleccionar una delgada fila
equivalente a un pixel, es decir solo selecciona un trazo horizontal y permite efectuar
ciertos cambios a ese trazo.

Imagen 6. Selección Columna Única.

[ 6]

Con estos tipos de selección podemos efectuar cambios de color, o efectos especiales a
las áreas seleccionadas. Las más utilizadas son las rectangulares y circulares.

Cada vez que seleccionamos un área de nuestra imagen, encontramos diferentes


propiedades de selección en la barra de opciones, ubicada en la parte superior de la
imagen.

Imagen 7. Barra de Opciones de Selección.

[ 7]

Estas permiten configurar de mejor manera nuestra selección en situaciones que son
menos habituales. Por ejemplo encontramos algunos elementos de selección múltiple,
selección diferenciada o de intersección. A continuación veremos algunas de las más
6

usadas:
Página
 Si deseamos hacer dos selecciones del mismo gráfico, simplemente
trazamos la primera selección, luego hacemos Clic en el botón Añadir

selección , después hacemos el trazado de la nueva selección.

Imagen 8. Selección Múltiple.

[ 8]

 Si en otra situación tenemos una selección, pero queremos quitar cierto


espacio dentro de la selección inicial, pero que no se modifique,
simplemente elegimos el botón de restar selección , y trazamos la nueva
selección dentro.

Imagen 9. Restar Selección.

[ 9]
Página
 La última opción es de intersecado (intersección) entre dos selecciones,
es decir, realizamos la primera selección, luego la segunda encima de la
anterior, y el espacio de intersección es el que tomará finalmente
Photoshop al soltar el ratón.

Imagen 10. Intersección de Selección.

[10]

 El calado es una opción muy útil cuando estamos recortando imágenes


con bordes muy marcados. Solo está disponible en la herramienta Marco elíptico o
circular.
8 Página

 El estilo de la selección hace referencia al tamaño de los trazos que podemos hacer
Imagen 11. Tipos de Estilo de Selección.

[11]

Si el estilo es Normal, entonces podremos trazar nuestra selección con el tamaño que nosotros
consideremos, sin importar la anchura o la altura.

Imagen 12. Estilo Normal.

[12]

Si el estilo elegido es proporciones fijas, entonces podremos seleccionar nuestra imagen


ya sea elíptica o rectangular de diferentes tamaños, pero siempre conservando la equidad,
es decir la selección siempre será cuadrada y circular.

Imagen 13. Estilo Proporciones Fijas.

9
Página
[13]

Y por último si elegimos el estilo Tamaño Fijo, Photoshop nos establece un único
tamaño de selección, por lo cual ya no se realiza un trazo sino únicamente un Clic, y la
selección estandarizada aparecerá de inmediato.

Si nos equivocamos en el momento de seleccionar y queremos que deje de titilar la


selección podemos presionar la abreviación de teclado Ctrl + D.

Este tipo de selecciones es my útil en el momento de eliminar una porción de la imagen, o


trasladarla de un sitio a otro para eso utilizamos las funciones de copiar, cortar y pegar.

5.1.1. COPIAR, CORTAR Y PEGAR

Photoshop es un programa de edición de imágenes que permite modificarlas y editarlas,


en su totalidad por secciones.

Cuando seleccionamos un espacio de la imagen, una de las funciones que podemos hacer
es copiarlo, cortarlo y pegarlo en capas diferentes.

Para efectuarlo es muy sencillo. Por ejemplo si vamos a copiar la selección, simplemente
debemos seguir estos pasos:

1) Seleccionamos el área de la imagen y habilitamos el menú edición.

10
Página
Imagen 14. Copiar Selección.

[14]
2) En el menú edición elegimos la opción que vamos a utilizar en este
caso es Copiar.

Imagen 15. Opciones de Menú Edición.

[15]
11

3) Luego abrimos nuevamente el menú edición, y hacemos Clic en el


Página

comando Pegar, que nos crea una capa nueva.


Imagen 16. Capa Pegar selección.

[16]

4) Aparentemente no vemos la selección pegada, ya que se ubicó sobre la


imagen original. Por eso debemos moverla con la herramienta mover
y hacer Clic sostenido.

Imagen 17. Movimiento de imagen pegada.

[17]
12

Cuando cortamos una selección repetimos el procedimiento, solo que en el menú edición
seleccionamos la opción Cortar. El contenido de la selección de la capa activa, guarda
Página

una copia exacta en el portapapeles para su uso más adelante.


Imagen 18. Cortar Selección.

[18]

5.2. SELECCIÓN DE LAZO

Este grupo permite seleccionar a mano alzada espacios de una imagen. Tiene tres
herramientas con funciones diferentes que se activan haciendo Clic derecho, sobre el
botón de selección.

Imagen 19. Selección de Lazo.

[19]

5.2.1. HERRAMIENTA LAZO


13

La herramienta Lazo permite realizar una selección a mano alzada y Clic Sostenido. A
Página

través del ratón definimos el inicio y fin de la selección con un trazo, y se recomienda
para espacios pequeños ya que depende de nuestro pulso y puede llegar a ser muy brusco
dicho trazo.

Imagen 20. Selección con Lazo

[20]
5.2.2. LAZO POLIGONAL

La herramienta Lazo Poligonal funciona de manera similar a la anterior, solo que


encierra el área de la selección con trazos lineales.

Debemos hacer Clic en cada punto, hasta encerrar el espacio deseado.

14
Página
Imagen 21. Lazo Poligonal.

[21]

5.2.3. LAZO MAGNÉTICO

La herramienta Lazo Magnético es la herramienta de selección más completa, ya


que realiza la selección a través de un trazo que sigue las secuencias y tonos de color más
parecidos, permitiendo que la selección sea muy precisa.

Para aplicarla debemos hacer un Clic en el punto de inicio de nuestra selección, y guiar el
cursor alrededor del perímetro. Aparecerán unos pequeños puntos de anclaje
señalándonos el camino de nuestra selección.

Si uno de los puntos no es de nuestro agrado, y queda dentro o fuera de nuestra selección
ideal, simplemente lo anulamos presionando la tecla Supr, cuantas veces sea necesario.

Al finalizar nuestra selección observaremos que el trazo adopta una forma , o también
es posible finalizar la selección con Doble Clic en cualquier punto. De esta manera la
herramienta enlazará el último punto de ancla, con la selección.
15
Página
Imagen 22. Selección con Lazo Magnético.

[22]

5.3. SELECCIÓN RÁPIDA Y VARITA MÁGICA

Estas herramientas son la más completas para selecciones, debido a que recopilan todas
las anteriores y según la solidez de un color, podemos realizar una selección muy precisa
con unos pocos clics.

5.3.1. VARITA MÁGICA

La herramienta Varita Mágica no utiliza las formas para la selección, sino que se basa
en el color de la imagen por pixeles.

Simplemente debemos hacer un Clic en el punto donde se encuentre el color de nuestro


agrado, y en la barra de opciones configurar los niveles de tolerancia y contigüidad.

Imagen 23. Opciones de Varita mágica.

[23]

El nivel de Tolerancia hace referencia el nivel de aceptación de color, es decir si


16

elegimos un nivel 0, entonces el programa toma los colores idénticos a los de ese pixel,
Página

pero si por el contrario elegimos niveles más altos, entonces la selección se ampliará a
colores similares al elegido.
Imagen 24. Tolerancia.

Selección con Tolerancia 16 Selección con Tolerancia 180


[24]

La casilla permite que la selección se realice en los pixeles próximos o seguidos


al que elegimos inicialmente. Es decir, al activar esta casilla y hacer clic con la varita
mágica, Photoshop buscará los colores acordes según la Tolerancia, seguidos al que
elegimos y no por los alrededores de toda la imagen.

Imagen 25. Contigüidad

Casilla Contiguo Desactivada Casilla Contiguo Activada

[25]

Si queremos aplicar la selección en todas las capas que disponemos, simplemente


debemos activar la opción Aplicar a todas las capas (Sample All Layers)
17
Página
Para añadir más segmentos de nuestra imagen a la selección, podemos agregarla
pulsando la tecla Shift, y simultáneamente haciendo Clic en el espacio. Cada vez que

pulsemos la tecla, nuestro cursor tomará la siguiente forma.

5.3.2. SELECCIÓN RÁPIDA

La herramienta de Selección Rápida , (que en inglés es Quick Selection Tool) permite


evaluar el color de cada uno de los pixeles de la imagen, y con un solo Clic trazar la
selección.

Se diferencia de la varita mágica en su barra de opciones, ya que no tiene las propiedades


de Tolerancia y Contigüidad, pero permite con un par de Clic seleccionar grandes
proporciones de la imagen, identificando las líneas o tonos más sólidos.

En su barra de opciones encontramos:

Imagen 26. Opciones de Selección Rápida.

[26]

1) Añade o resta Selecciones. Sirve cuando tenemos una selección y


queremos agregar otro espacio que está fuera de la selección inicial, o
si por el contrario queremos retirarlo de dicha selección.

Imagen 27. Añadir y Restar Selección Rápida 18

[27]
Página
2) Esta opción establece un grosor para el cursor de selección rápida, a
través de unas barras deslizantes que configuran el diámetro, la
dureza y el espaciado.

Imagen 28. Grosor de Cursor.

[28]

3) Aplica la selección a todas las capas que tengamos disponibles.

4) Auto-Enhance (mejorar automáticamente) hace que la selección sea


un poco menos brusca en sus bordes.

5) Refine Edge (Perfeccionar Bordes) permite ajustar la selección


después de creada, a través de unas barras deslizantes y permitiendo
previsualizar los cambios efectuados a la imagen.

19
Página
Imagen 29. Perfeccionar Bordes.

[29]

5.4. SELECCIONES PERSONALIZADAS

Es importante conocer otras formas de selección más especiales que permiten manipular
un poco mejor nuestras imágenes, y que pueden ser bastante útiles para perfeccionar a
nuestro grado de selección en Photoshop.

5.4.1. INVERTIR SELECCIÓN

Podemos encontrarnos con situaciones que nos lleven utilizar esta opción, ya que
dependiendo del trabajo que estemos realizando puede que no necesitemos gran parte
de nuestra imagen, resultando tedioso seleccionarla, omitiendo lo que realmente
necesitamos.

Es por eso que resulta más sencillo seleccionar el área que necesitamos de nuestra
imagen, y luego invertir la selección. De este modo quedaría seleccionado lo que antes se
encontraba fuera de la selección.

Para realizarlo podemos realizar los siguientes pasos:

 Seleccionar el elemento que necesitamos, con cualquiera de las


herramientas vistas anteriormente.
20
Página
Imagen 30. Selección antes de invertir.

[30]

 Para observar con claridad este ejemplo podemos presionar la tecla Supr, y
observar que nuestra selección desaparecerá.

Imagen 31. Selección Suprimida.

[31]
21
Página
 Como queremos desaparecer lo que está afuera de la selección, y no la
selección como tal, devolvemos el paso pulsando Ctrl + Z, y nos dirigimos
al menú selección opción Invertir.

Imagen 32. Invertir Selección.

[32]

 Veremos que la nueva selección aparece a la inversa de la selección inicial.


Para comprender mejor su función podemos presionar nuevamente la tecla
Supr.
Imagen 33. Selección Suprimida.

22

[33]
Página
 Este tipo de selecciones puede resultar muy útil en el manejo de capas y
fotomontajes, donde se requiere solo ciertos elementos de la imagen.

Imagen 34. Ejemplo de Montaje con capas.

[34]

5.4.2. MODIFICAR SELECCIÓN

Photoshop también ofrece diferentes herramientas para mejorar nuestras selecciones;


estas herramientas las encontramos teniendo una selección activa a través del menú
Selección y la opción Modificar.
Imagen 35. Menú Selección Opción Modificar.

23

[35]
Página
La opción Borde, transforma la selección en un marco.

La opción Suavizar, hace menos bruscas las definiciones en los bordes.

Los comandos Expandir y Contraer, aumentan o disminuyen el área de la selección.

5.5. RECORTAR IMAGEN

Otra herramienta muy útil, del grupo de selecciones, es la herramienta recortar


Imagen , que permite redimensionar la imagen original, suprimiendo el espacio que no
necesitemos.

Para aplicarla simplemente debemos escogerla, y luego trazar con Clic el área que
necesitamos.

Imagen 36. Selección de Corte.

[36]

Podemos observar que el área seleccionada tiene un tono más claro, y unos cuadros en
sus extremos en caso que deseemos ampliar o disminuir la selección.
24

Para finalizar el corte, simplemente pulsamos la tecla Intro o Enter. Nos aparecerá nuestra
Página

selección en el área de trabajo.


Imagen 37. Imagen Cortada.

[37]

5.6. FORMAS Y TEXTOS

Es importante conocer algunas herramientas bastante completas que pueden llegar a ser
muy útiles en el manejo de Photoshop, haciendo más llamativas nuestras imágenes o
montajes.

5.6.1. FORMAS

Las formas son figuras geométricas similares a las autoformas del paquete Office, que
encontramos en el cuadro de herramientas y las podemos activar haciendo Clic sobre el
elemento que tiene forma de figura geométrica, por lo general de Rectángulo.

Observaremos que en la barra de opciones aparecen diferentes figuras, o que con un Clic
derecho se habilita un Submenú con las mismas opciones. 25
Página
Imagen 38. Habilitar Formas.

[38]

Antes de comenzar, debemos tener en cuenta que se encuentre activo el botón de rellenar
pixeles.
Imagen 39. Rellenar Pixeles.

[39]

Y podemos comenzar a trazar con Clic Sostenido nuestra figura en el área de trabajo.
Algunas configuraciones como el color podemos escogerlas previamente.
26
Página
En la barra de opciones se pueden establecer algunas propiedades para cada forma, como
son: El grosor, cantidad de lados, forma, entre otros.

Imagen 40. Tipos de Forma

OPCIONES
FORMA TRAZO DE FORMA
ADICIONALES

Modo, opacidad y
Rectángulo suavizado

Radio, modo,
Rectángulo opacidad y
redondeado suavizado

Modo, opacidad y
Elipse suavizado

Lados, modo,
opacidad y
Polígono suavizado

Grosor, modo,
opacidad y
Línea suavizado

Modo, opacidad,
Forma suavizado y Forma
Personalizada

[40]

5.6.2. TEXTOS

En nuestros trabajos de Photoshop también podemos insertar texto en diferentes


27

tamaños, colores y direcciones.


Página
Para activar esta herramienta, debemos hacer Clic en el botón ubicado en la barra de
herramientas, y luego trazar el cuadro de texto dentro del área de trabajo, según el
tamaño que consideremos acorde.

Imagen 41. Texto insertado.

[41]

Ya con el texto fijado podemos ajustar su cuadro, para evitar el desperdicio de espacio en
el área de trabajo.

Si queremos aplicar un cambio, debemos primero seleccionar el texto, así como lo


hacemos en los editores de texto, y luego dar Clic Sostenido desde el primer carácter
hasta el último.

28
Página
Imagen 42. Texto Seleccionado.

[42]

Con el texto seleccionado podemos aplicar los diferentes cambios, que nos ofrece la barra
de opciones de esta herramienta.

Imagen 43. Opciones de Texto.

[43]

1) Dirección: Esta opción cambia la dirección del texto entre horizontal y


vertical.

2) Tipo de Fuente: Al igual que en los editores de texto, podemos


seleccionar el tipo de fuente que más nos guste.
29
Página
Imagen 44. Tipos de Fuente.

[44]

3) Regular (Bold): Permite aplicar la opción de Negrita al texto.

Imagen 45. Opción Negrita

[45]
4) Tamaño: Esta opción nos permite configurar el tamaño de nuestro
texto.

Imagen 46. Tamaño de Fuente.

[46]
5) Enfocado: Nos ofrece una lista de opciones para configurar el borde
de nuestro texto.
Imagen 47. Enfocado.
30

[47]
Página
6) Alineación: Podemos centrar o alinear el texto, en los extremos del
cuadro de texto original.

Imagen 48. Alineación

[48]

7) Color: Mediante este botón establecemos el color de relleno de


nuestro texto.

Imagen 49. Selección de Color de Texto

[49]

8) Deformar Texto: El texto puede adoptar formas divertidas y


llamativas. Solo debemos desplegar el cuadro de opciones de estilo,
elegir el que más nos guste, y hacer Clic en el Botón OK.

31
Página
Imagen 50. Opción Deformar Texto

[50]

9) Más opciones: Este cuadro de diálogo permite configurar diferentes


opciones avanzadas para textos más extensos, como amplitud y
puntos (pts) de los textos entre otras opciones.

Imagen 51. Más Opciones

[51]
32
Página

Referencias
1
Imagen tomada del Programa Adobe Photoshop CS3.
2
Imagen tomada del Programa Adobe Photoshop CS3.
3
Imagen tomada del Programa Adobe Photoshop CS3.
4
Imagen tomada del Programa Adobe Photoshop CS3.
5
Imagen tomada del Programa Adobe Photoshop CS3.
6
Imagen tomada del Programa Adobe Photoshop CS3.
7
Imagen tomada del Programa Adobe Photoshop CS3.
8
Imagen tomada del programa Adobe Photoshop CS3.
9
Imagen tomada del programa Adobe Photoshop CS3.
10
Imagen tomada del programa Adobe Photoshop CS3.
11
Imagen tomada del programa Adobe Photoshop CS3.
12
Imagen tomada del programa Adobe Photoshop CS3.
13
Imagen tomada del programa Adobe Photoshop CS3.
14
Imagen tomada del programa Adobe Photoshop CS3.
15
Imagen tomada del programa Adobe Photoshop CS3.
16
Imagen tomada del programa Adobe Photoshop CS3.
17
Imagen tomada del programa Adobe Photoshop CS3.
18
Imagen tomada del programa Adobe Photoshop CS3.
19
Imagen tomada del programa Adobe Photoshop CS3.
20
Imagen tomada del programa Adobe Photoshop CS3.
21
Imagen tomada del programa Adobe Photoshop CS3.
22
Imagen tomada del programa Adobe Photoshop CS3.
23
Imagen tomada del programa Adobe Photoshop CS3.
24
Imagen tomada del programa Adobe Photoshop CS3.
25
Imagen tomada del programa Adobe Photoshop CS3.
26
Imagen tomada del programa Adobe Photoshop CS3.
27
Imagen tomada del programa Adobe Photoshop CS3.
28
Imagen tomada del programa Adobe Photoshop CS3.
29
Imagen tomada del programa Adobe Photoshop CS3.
30
Imagen tomada del programa Adobe Photoshop CS3.
31
Imagen tomada del programa Adobe Photoshop CS3.
32
Imagen tomada del programa Adobe Photoshop CS3.
33
Imagen tomada del programa Adobe Photoshop CS3.
34
Imagen tomada del programa Adobe Photoshop CS3.
35
Imagen tomada del programa Adobe Photoshop CS3.
36
Imagen tomada del programa Adobe Photoshop CS3.
37
Imagen tomada del programa Adobe Photoshop CS3.
38
Imagen tomada del programa Adobe Photoshop CS3.
39
Imagen tomada del programa Adobe Photoshop CS3.
40
Imagen tomada del programa Adobe Photoshop CS3.
41
Imagen tomada del programa Adobe Photoshop CS3.
42
Imagen tomada del programa Adobe Photoshop CS3.
43
Imagen tomada del programa Adobe Photoshop CS3.
44
Imagen tomada del programa Adobe Photoshop CS3.
45
Imagen tomada del programa Adobe Photoshop CS3.
33

46
Imagen tomada del programa Adobe Photoshop CS3.
47
Imagen tomada del programa Adobe Photoshop CS3.
Página

48
Imagen tomada del programa Adobe Photoshop CS3.
49
Imagen tomada del programa Adobe Photoshop CS3.
50
Imagen tomada del programa Adobe Photoshop CS3.
51
Imagen tomada del programa Adobe Photoshop CS3.

34

Programa Masificación de TIC


Página

Empresa de Telecomunicaciones de Bogotá ETB S.A. ESP


www.portalesinteractivos.etb.com.co
2010

Líder Programa Masificación de TIC


Diego Puerta Franco

Autores
Andrés Arévalo Espejo
Mauricio Cuevas Olaya
Omar Medina Lara
Jhon Bernal Gómez

Revisión de contenidos
Gonzalo Monroy Pirazan

Revisión de estilo
Andrea Sandoval Rojas

Diseño y diagramación
Luis Fernando Parra Corredor

35
Página
Este documento ha sido realizado para el uso de los operadores de los Portales
Interactivos de la Empresa de Telecomunicaciones de Bogotá ETB S.A. ESP. Su
uso está sujeto a las políticas de operación de los Portales Interactivos.

2011

36
Página

También podría gustarte