Emplea transparencias en tus diseños con Illustrator

Acerca de las transparencias

Las transparencias constituyen una parte integral de Illustrator, hasta el punto de que es posible añadir transparencias a una ilustración sin darse cuenta. Puede añadir transparencia a la ilustración mediante uno de los procedimientos siguientes:

• Utilizar máscaras de opacidad que creen variaciones de transparencias.

• Utilizar un modo de fusión para cambiar el modo en que los objetos interactúan con los objetos superpuestos.

• Aplicar degradados y mallas que contengan transparencias.

• Aplicar efectos o estilos gráficos que contengan transparencias, por ejemplo, sombras paralelas.

• Importar archivos de Adobe Photoshop que contengan transparencias.

Panel Transparencia

El panel Transparencia (Ventana > Transparencia) se utiliza para especificar la opacidad y el modo de fusión de los objetos, para crear máscaras de opacidad o para cubrir una parte de un objeto con la parte superpuesta de un objeto transparente.

• Visualización de todas las opciones en el panel Transparencia

  Seleccione Mostrar opciones en el menú del panel.

• Visualización en miniatura del objeto seleccionado en el panel Transparencia

 Seleccione Mostrar miniaturas en el menú del panel. O bien, haga clic en el triángulo doble que se encuentra en la ficha del panel para pasar de un tamaño de visualización a otro.

Cambio de la opacidad de una ilustración

Puede cambiar la opacidad de un único objeto, de todos los objetos de un grupo o capa, o la opacidad del relleno o el trazo de un objeto.

1. Seleccione un objeto o grupo (o identifique como destino una capa en el panel Capas).

Si desea cambiar la opacidad de un relleno o trazo, seleccione el objeto y, a continuación, seleccione el relleno o el trazo en el panel Apariencia.

    2.  Defina la opción Opacidad en el panel Transparencia o en el panel de control.

Para seleccionar todos los objetos que utilizan una opacidad concreta, elija un objeto que tenga dicha opacidad, o deseleccione todos los objetos e introduzca el valor de opacidad en el panel Transparencia.

 A continuación, elija Seleccionar > Mismo > Opacidad.

Si selecciona varios objetos en una capa y cambia el valor de opacidad, la transparencia de las áreas superpuestas del objeto seleccionado cambiará respecto a los demás objetos y se verá una opacidad acumulada. Por el contrario, si identifica como destino una capa o un objeto y luego cambia la opacidad, los objetos de la capa o el grupo se consideran un solo objeto. Solo los objetos que están fuera y debajo de la capa o el grupo se verán a través de los objetos transparentes. Si un objeto se traslada a la capa o el grupo, adopta la opacidad de la capa o el grupo, 

mientras que si se saca, no conservará la opacidad.

Creación de un grupo de cobertura de transparencia

En un grupo de cobertura de transparencia, los elementos de un grupo no se muestran unos a través de otros.

Comparación de un grupo con la opción Grupo de cobertura desactivada (izquierda) y activada (derecha)

1. En el panel Capas, identifique como destino el grupo o capa que desea transformar en grupo de cobertura.
2. En el panel Transparencia, seleccione Grupo de cobertura. Si la opción no está visible, seleccione Mostrar opciones en el menú del panel.

Al seleccionar la opción Grupo de cobertura se pasa por tres estados distintos: Activado (marca), Desactivado (sin marca) y Neutral (cuadrado). Utilice la opción Neutral para agrupar ilustraciones sin interferir en el comportamiento de la cobertura, determinado por la capa o el grupo en el que se encuentra. Utilice la opción Desactivado para garantizar que una capa o 

un grupo de objetos transparentes no se cubran nunca.

Fuente:enlace

¡Aprende sobre la interfaz de Flash CS5!

Flash CS5 cuenta con un entorno o interfaz de trabajo de lo más manejable e intuitiva. Además, tiene la ventaja de que es casi idéntica a la de otros programas de Adobe (Photoshop, Dreamweaver, Illustrator...), todo esto hace más fácil aprender Flash y más rápido su manejo y dominio. Esto es lo que nos encontraremos al abrir Flash CS5 por primera vez:

A lo largo de todo el curso trabajaremos con la versión de evaluación de Flash CS5 en castellano. Podeis descargar esta versión de forma gratuita desde la web de Adobe. Estará disponible hasta que se lance la siguiente evrsión.

En la imagen se puede ver la interfaz que nos encontraremos la primera vez que abramos el programa Flash. Flash recordará nuestras preferencias y abrirá el programa tal y como lo dejamos la última vez que lo utilizamos.

En esta imagen faltan algunos menús. Todos se irán viendo a lo largo de este curso aunque no aparezcan en esta imagen, que sólo pretende mostrar las partes principales de la interfaz de Flash. Veamos cuáles son.

Fuente:enlace

Maquetar una web a partir de una imagen con Photoshop

Vemos como utilizar los sectores de Photoshop para maquetar de una manera sencilla el diseño de una página web que teníamos en una imagen.

A la hora de diseñar una página web, resulta muy cómodo hacer las pruebas de creatividad utilizando un programa de diseño gráfico, en lugar de realizar la maquetación directamente en HTML. 

Uno de los programas más útiles para realizar el diseño de la página es Adobe Photoshop, que ofrece muchas utilidades para el retoque fotográfico, pero también para el diseño gráfico en general. Las últimas versiones del programa además disponen de ayudas muy interesantes para diseñar las páginas web, como los sectores o la opción Guardar para web.

Nota: En este artículo crearemos apenas la cabecera de una página web, partiendo una única imagen en varios trozos y generando automáticamente el código HTML para utilizar en una web. Si queremos ver la maquetación de una web completa, también a partir de una imagen -de la que se extraen diversos pedazos con Photoshop-, pero creando cada una de sus partes con HTML y maquetando con CSS, os recomendamos la serie de artículos que comienza por Maquetación CSS a partir de una imagen.

Vamos a ver en este taller una muestra sobre cómo se pueden utilizar los sectores para maquetar una página web en HTML. 

Por ejemplo, en Photoshop podríamos haber diseñado la siguiente imagen que vamos a utilizar para la cabecera de la página: 

Esta imagen la podemos partir en sectores. Los sectores son áreas de la imagen que luego vamos a guardar en un archivo independiente, optimizado para visualizarse en Internet. Los sectores los realizamos a nuestro gusto. Posiblemente nos interese que el logotipo o el banner principal se encuentren en una imagen separada, o posiblemente hayamos pensado colocar una barra de navegación que deseamos que esté en un mismo sector, que luego vamos a llenar con el texto de la barra.

Referencia: Para entender bien lo que vamos a hacer sería importante leer el artículo Sectores de Photoshop, si es que no los conoces ya.

Los sectores nos pueden haber quedado de manera similar a como aparece en esta imagen: 

Una vez realizados los sectores, seleccionamos la opción "Guardar para web" del menú de archivo. Esto nos permite acceder a una ventana donde se pueden elegir las opciones de optimización de las imágenes, seleccionando las características de todos los sectores o bien, definiendo unas propiedades específicas para cada sector. 

Una vez hemos seleccionado todas las opciones necesarias, guardamos el trabajo, con lo que obtendremos un archivo HTML con una tabla, que contiene a su vez las distintas imágenes generadas a partir de cada sector y guardadas con las opciones de optimización seleccionadas previamente. 

Eliminar una imagen de un sector y sustituirla por un texto 

Posiblemente alguna de las partes o sectores generados, donde tenemos una imagen, queramos que disponga un texto, para poder escribir lo que se desee, en lugar de visualizar una imagen, que siempre es mucho más estática. 

Por ejemplo, puede haber un espacio para el título de la página y, ya que el título puede cambiar en cada página del web, puede que nos resulte interesante que ese título sea un texto, que se puede editar, en lugar de una imagen. O bien, puede que tengamos un espacio para situar la dirección de la empresa dueña del sitio web, tal como hemos hecho en el diseño que estamos trabajando, y deseamos que la dirección aparezca como un texto en lugar de una imagen, ya que los textos son indexados por los buscadores y queremos que puedan indexarse las palabras de la dirección de la empresa como palabras clave de la página. 

Entonces, necesitamos sustituir la etiqueta de la imagen por un texto. Para ello, simplemente hay que localizar la etiqueta que corresponde a la imagen que deseamos sustituir y borrarla, cambiándola por el texto que tiene que ir en lugar de la imagen. Pero atención, porque esto nos puede cambiar el diseño de la tabla y descolocar las imágenes que van dentro. Para evitarlo, simplemente ajustamos los valores width y height de la celda donde estaba la imagen, a los que tenía la propia imagen que deseamos sustituir. 

Por ejemplo, este es el código HTML generado por Photoshop para la composición anterior. Cada sector está en una imagen independiente. 

<TABLE WIDTH=697 BORDER=0 CELLPADDING=0 CELLSPACING=0> 
<TR> 
<TD> 
<IMG SRC="imágenes/espacio.gif" WIDTH=214 HEIGHT=1></TD> 
<TD> 
<IMG SRC="imágenes/espacio.gif" WIDTH=233 HEIGHT=1></TD> 
<TD> 
<IMG SRC="imágenes/espacio.gif" WIDTH=34 HEIGHT=1></TD> 
<TD> 
<IMG SRC="imágenes/espacio.gif" WIDTH=1 HEIGHT=1></TD> 
<TD> 
<IMG SRC="imágenes/espacio.gif" WIDTH=215 HEIGHT=1></TD> 
<TD></TD> 
</TR> 
<TR> 
<TD ROWSPAN=3> 
<IMG SRC="imágenes/cabecera-original_01.gif" WIDTH=214 HEIGHT=85></TD> 
<TD ROWSPAN=2> 
<IMG SRC="imágenes/cabecera-original_02.gif" WIDTH=233 HEIGHT=25></TD> 
<TD COLSPAN=2> 
<IMG SRC="imágenes/cabecera-original_03.gif" WIDTH=35 HEIGHT=16></TD> 
<TD> 
<IMG SRC="imágenes/cabecera-original_04.gif" WIDTH=215 HEIGHT=16></TD> 
<TD> 
<IMG SRC="imágenes/espacio.gif" WIDTH=1 HEIGHT=16></TD> 
</TR> 
<TR> 
<TD> 
<IMG SRC="imágenes/cabecera-original_05.gif" WIDTH=34 HEIGHT=9></TD> 
<TD COLSPAN=2> 
<IMG SRC="imágenes/cabecera-original_06.gif" WIDTH=216 HEIGHT=9></TD> <TD> 
<IMG SRC="imágenes/espacio.gif" WIDTH=1 HEIGHT=9></TD> 
</TR> 
<TR> 
<TD COLSPAN=4 ROWSPAN=2> 
<IMG SRC="imágenes/cabecera-original_07.gif" WIDTH=483 HEIGHT=87></TD> 
<TD> 
<IMG SRC="imágenes/espacio.gif" WIDTH=1 HEIGHT=60></TD> 
</TR> 
<TR> 
<TD> 
<IMG SRC="imágenes/cabecera-original_08.gif" WIDTH=214 HEIGHT=27></TD> <TD> 
<IMG SRC="imágenes/espacio.gif" WIDTH=1 HEIGHT=27></TD> 
</TR> 
</TABLE> 

Fijémonos que está en negrilla la celda y la imagen donde aparece la dirección de la supuesta empresa que ha encargado el proyecto. Esta imagen es la que vamos a sustituir por el texto de la dirección: 

<TD width=215 height=16> 
<font size=1 face=verdana>C/ Mayor nº 23, 3B - 28230 Madrid</font></TD> 
<TD>

Cabe remarcar que hemos aplicado a la celda el mismo ancho y alto de la imagen que iba dentro. Además, el texto lo hemos puesto en una fuente de tamaño pequeño porque si el texto supera el espacio reservado para la tabla se descuadrará el diseño. 

Podemos ver el resultado obtenido en una página aparte.

Fuente:enlace

soldar, insertar y recortar objetos en Corel Draw

En esta unidad aprenderás a darle forma a los objetos. Obtener una forma igual al contorno de dos objetos, soldándolos; a obtener un objeto igual a la intersección de dos o más objetos y a recortar porciones de objetos.

Comenzaremos por soldar objetos. 

Soldar objetos 

Puedes obtener cualquier forma que desees soldando dos o varios objetos. Para ello debes seleccionar los objetos que quieres soldar. Luego haz clic en el menú Organizar, selecciona Dar Forma y allí tienes la opciónSoldar.

Lo que obtienes al soldar varios objetos es una figura igual al contorno de todas ellas y con el color del objeto que está más atrás.

Por ejemplo: Partimos de dos objetos como los de la figura que se encuentra a la derecha, un cuadrado de color rojo que está atrás y un círculo celeste que está arriba.

Luego de seleccionar ambos, haz clic en el menú Organizar, luego selecciona Dar Forma y por último haz clic en Soldar. 

Obtendrás un objeto formado por el contorno de ambas figuras y del color de la que estaba más atrás. Observa la imagen de la derecha. 

Otra forma de Soldar objetos es a través de la Ventana Acoplable Dar Forma. La encuentras en el menú Organizar, Dar Forma, y allí selecciona Dar Forma.

Se abre una ventana acoplable como la que observas a la derecha. En la lista desplegable de Dar Forma, además de Soldar, existen otras opciones.

En la muestra se observa cuál va a ser el resultado luego de hacer clic en el botón Soldar.

Los cuadros de verificación Objeto(s) origen y Objeto(s) destino, sirven para permitir que además de obtener un objeto soldado, queden en la hoja los objetos originales con los cuales se creó el objeto soldado.

Generalmente lo que deseamos es obtener el objeto soldado, así que no se seleccionan ninguno de los dos cuadros de verificación.

Por último haces clic en el botón Soldar y obtienes tu forma soldada. 

Para practicar la forma de soldar objetos, realiza el Ejercicio sobre soldar.

Intersectar objetos 

La intersección de dos objetos es la forma definida por la superficie común a ambos objetos.

Puedes obtener cualquier forma que surja de la intersección de dos objetos. Para ello debes seleccionar los objetos que quieres intersectar.

Luego haz clic en el menú Organizar, selecciona Dar Forma y allí tienes la opción Intersección.

Lo que obtienes al intersectar dos objetos es una figura igual a la intersección de ellos y con el color del objeto que está más atrás.

Por ejemplo: Partimos de dos objetos como los de la figura que se encuentra a la derecha, un cuadrado de color rojo que está atrás y un círculo celeste que está arriba.

Luego de seleccionar ambos, haz clic en el menú Organizar, luego selecciona Dar Forma y por último haz clic en Intersección.

Obtendrás un objeto idéntico a la intersección de ambos objetos y del color del objeto que está atrás. Observa la imagen de la derecha.

Otra forma de Intersectar objetos es a través de la Ventana Acoplable Dar Forma. La encuentras en el menú Organizar,Dar Forma, y allí selecciona Dar Forma.

Se abre una ventana acoplable como la que observas a la derecha.

En la lista desplegable de Dar Forma, además de Intersección, existen otras opciones.

En la muestra se observa cuál va a ser el resultado luego de hacer clic en el botón Intersección.

Los cuadros de verificación Objeto(s) origen y Objeto(s) destino, sirven para permitir que además de obtener un objeto intersectado, queden en la hoja los objetos originales con los cuales se creó el objeto intersectado.

Por último haces clic en el botón Intersección y debes seleccionar uno de los dos objetos que tienes seleccionados, para que la intersección quede del color de dicho objeto. En el ejemplo que hemos tratado, si haces clic en el cuadrado, el objeto intersectado será de color rojo; en cambio si haces clic en el círculo, el objeto intersectado será de color celeste.

Para practicar la forma de intersectar objetos, realiza el Ejercicio sobre intersección.

Recortar objetos 

Puedes obtener cualquier forma que surja recortando dos objetos. Para ello debes seleccionar los objetos que quieres recortar. Luego haz clic en el menú Organizar, selecciona Dar Forma y allí tienes la opción Recortar.

Por ejemplo: Partimos de dos objetos como los de la figura que se encuentra a la derecha, dos círculos superpuestos.

Luego de seleccionar ambos, haz clic en el menú Organizar, luego selecciona Dar Forma y por último haz clic en Recortar.

Obtendrás un objeto recortado. Observa la imagen de la derecha.

En la siguiente imagen, hemos separado ambos objetos para que aprecies el recorte.

Otra forma de Recortar objetos es a través de la Ventana Acoplable Dar Forma. La encuentras en el menú Organizar, Dar Forma, y allí selecciona Dar Forma. Se abre una ventana acoplable como la que observas a la derecha. En la lista desplegable de Dar Forma, además de Recortar, existen otras opciones.

En la muestra se observa cuál va a ser el resultado luego de hacer clic en el botón Recortar.

Los cuadros de verificación Objeto(s) origen y Objeto(s) destino, sirven para permitir que además de obtener un objeto recortado, queden en la hoja los objetos originales con los cuales se creó el objeto recortado.

Por último haces clic en el botón Recortar y haces clic sobre la porción del objeto que deseas recortar.

Para practicar la forma de recortar objetos, realiza el Ejercicio sobre recortar.

Fuente:enlace

Cónoce el uso de la herramienta Bézier en Corel draw

CorelDRAW permite dar forma a los objetos manipulando sus nodos y segmentos. Los nodos de un objeto son los cuadrados diminutos que se muestran por el contorno del propio objeto. La línea entre dos nodos se denomina segmento. Al desplazar los segmentos de un objeto, la forma se ajusta con menos precisión, mientras que al cambiar la posición de los nodos, la forma se ajusta con exactitud.

Para realizar un diseño con nodos, tienes que trabajar con una herramienta llamada Bézier . Esta herramienta permite realizar diseños a través de la unión de nodos. Simplemente haces clic en la hoja, con la herramienta Bézier , y al hacer el segundo clic puedes ver como aparece una línea uniendo ambos nodos.

Por ejemplo si queremos realizar una caricatura, primero debemos visualizar donde irán los nodos. Siempre inserto nodos, donde las líneas cambian de dirección. Al dibujar con la herramienta Bézier , los diseños creados serán con líneas rectas, luego te encargarás de modificar esas líneas rectas, transformándolas a curvas donde sea necesario.

Veamos cómo puedes realizar un dibujo.

Primero vamos a insertar los nodos necesarios para este diseño:

¿Reconoces la caricatura? Bueno, quizás aún no está muy claro. Fíjate en la cantidad de nodos utilizados. En caso de necesitar más nodos, se pueden agregar a medida que voy modificando el diseño y lo mismo si hay que eliminar alguno.

Todas las líneas de este diseño son rectas y el objeto está cerrado, lo cual me permitirá luego aplicarle relleno.

Vamos ahora a comenzar a transformar las líneas rectas en curvas donde se necesite. Para ello, con la herramienta Forma , haz clic en el medio de una línea (quedará un punto negro como el de la figura siguiente) y luego haz clic en el botón Convertir línea en curva .

Al hacerlo, aparecerán los tiradores para modificar la línea curva. Arrastra los tiradores hasta obtener la curvatura deseada.

Lo mismo puedes hacer con las distintas partes de la caricatura donde las líneas son curvas y obtendrás algo similar a la imagen siguiente.

Ya sólo falta agregarle los detalles. Por ejemplo la nariz, otra oreja y un ojo con su ceja.

Comencemos por la nariz. No es más que un triángulo, al cual se le va a curvar los lados.

Para que puedas observar bien la forma de la nariz, rellené la cara con un color uniforme rosado... ahora sí seguro que sabes que caricatura es!!

Observa la imagen siguiente:

El ojo es un óvalo grande blanco, girado sin una cantidad de grados específico y dentro tiene el iris en color negro que es también otro óvalo. Modifiqué un poco la boca, porque no estaba conforme con cómo me estaba quedando. Tu puedes hacer lo mismo, a medida que vas agregando más objetos a tu diseño, puedes ir modificando los anteriores, hasta obtener el resultado deseado.

La otra oreja es una especie de cuadrado realizado con la herramienta Bézier . Observa cómo fue variando el diseño de la oreja a medida que la voy modificando.

Esta oreja va detrás de la cara, por lo cual: selecciono la oreja y voy al menú Organizar / Orden / Hacia atrás de la página.

Por último vamos a dibujar la ceja. Es también una especie de triángulo realizado con la herramienta Bézier y cuyos lados van curvados. Con algunos otros toques, puedes lograr el resultado final.

Para practicar la creación de objetos a partir de nodos, realiza el Ejercicio sobre diseñar con nodos.

Fuente:enlace

Principales herramientas de Photoshop

Un primer vistazo a las herramientas principales que ofrece Photoshop.

Continuamos el Manual de Photoshop echando un vistazo a las herramientas principales que ofrece el programa a los diseñadores, es decir, las herramientas que sirven para realizar las acciones más fundamentales en el trabajo del día a día con el programa.

Como este artículo forma parte de la introducción de Photoshop, pretendemos que sirva simplemente para ir familiarizándose con la interfaz y algunos conceptos que utiliza el programa. Así pues, no vamos a explicar todavía en detalle ninguna de las herramientas que vamos a comentar. En los siguientes capítulos de este manual podrás encontrar explicaciones detalladas y ejemplos de uso de muchas de las herramientas más importantes (enlazaremos en el presente texto con esos artículos ya publicados en DesarrolloWeb.com). No obstante, en el momento de publicar este artículo, existen herramientas que todavía no hemos comentado, y que se explicarán en un futuro próximo.

Así pues, si eres nuevo en Photoshop o si quieres hacer un esfuerzo para aprender a manejar con soltura el programa, lo primero que debes saber es cuáles son las herramientas fundamentales para trabajar con Photoshop y dónde localizarlas.

Para enumerar las herramientas principales iremos desde arriba hacia abajo y de izquierda a derecha, tal como están situadas en la botonera.

Marco rectangular: 

Una herramienta para realizar selecciones cuadradas o rectangulares. 

Marco elíptico: 

Herramienta para crear selecciones circulares o elípticas. Está en el mismo grupo que el marco rectangular.

Herramienta mover: 

Esta sirve para mover el contenido de la capa en la que estamos trabajando. La capa se mueve por completo o bien sólo el área seleccionada, si es que había una selección creada. (Más adelante hay capítulos para explicar lo que son las capas capas-de-photoshop.html) 

Lazo: 

Esta herramienta sirve para hacer selecciones a mano alzada, haciendo clic en un área de la imagen y pintando la selección a mano. La verdad es que la herramienta no es muy utilizada en el trabajo del día a día, pero es sencilla para practicar en un primer momento. 

Lazo poligonal: 

Sirve para hacer selecciones más complejas, marcando los vértices de un polígono. También es muy útil y sencilla de manejar en tus primeros pasos. 

Varita mágica: 

Es para hacer selecciones rápidas de áreas del mismo color. Pulsando en un lugar de la imagen nos selecciona todo el área que tiene el mismo color continuo. 

Herramienta recortar: 

Es un tipo de selección cuadrada, editable una vez que se ha definido, que nos sirve para recortar una imagen, quedándonos sólo con el área seleccionada. 

Pincel: 

Esta herramienta nos sirve para dibujar a mano alzada sobre la imagen. Se dispone de varios pinceles, de grosuras y formas distintas y se puede ajustar la dureza del trazo, entre otras cosas. El pincel pinta en la capa que esté activa en ese momento. 

Lápiz: 

El lápiz es similar al pincel, con la diferencia que éste realiza un trazo sin suavizado en los bordes y totalmente opaco. 

Herramienta borrador: 

Sirve para borrar partes de una imagen. Ojo, puesto que como muchas otras herramientas, sólo actúa sobre la capa que está seleccionada. Es decir, sólo borra las cosas que haya en la capa que estamos trabajando. Por eso a veces podrá ocurrite que intentas borrar algo y no se borra, quizás porque esté en otra capa. Tiene dos modos de borrar, uno el modo lápiz, que borra todo sin suavizado y el modo pincel, que borra difuminando los bordes. Además, igual que los pinceles y el lápiz, existen varios grosores para el trazo del borrador. 

Herramienta bote de pintura: 

Esta herramienta sirve para rellenar de color una capa entera, o bien el área seleccionada de la capa. Rellena con el color que se haya seleccionado en la barra de herramientas como color frontal. 

Herramienta degradado: 

Con esta herramienta podemos hacer degradados de color, funciona como el bote de pintura, rellenando color en toda una capa o en el área seleccionada de una capa, con la diferencia que para hacer el degradado tenemos que hacer una línea, pulsando con el ratón y arrastrando, para que el degradado se haga en ese espacio marcado. 

Herramienta texto horizontal: 

Sirve para escribir texto en una imagen. El texto puede escribirse con distintas fuentes y tamaños y tendrá el color frontal que se haya seleccionado. Asociada a esta herramienta (si hacemos clic con pulsación prolongada) veremos que hay otras herramientas de texto, entre la que podría ser útil la de texto vertical. 

Herramienta pluma: 

Esta herramienta es muy útil, pero un tanto compleja de manejar. Sirve para hacer trazados de cualquier tipo, curvos o poligonales. Lo bueno es que nos permite editar los trazados una vez hechos y que pueden ajustarse a cualquier recorrido que necesitemos, por complejo que sea. Junto con la herramienta de Pluma tendrás que aprender a usar otras herramientas complementarias que forman parte del mismo grupo. 

Rectángulo: 

Sirve para hacer rectángulos, que pueden estar o no rellenos de color. En el lugar donde está el rectángulo hay otra serie de herramientas para hacer otros tipos de formas, como elipses, líneas o incluso formas personalizadas. 

Línea: 

Está agrupada con la herramienta recuadro y otras formas. Sirve para dibujar líneas. A las líneas se les puede colocar una flecha, configurable, al princio y/o al final de las mismas. 

Forma personalizada: 

Esta herramienta nos permite dibujar un buen grupo de formas ya prediseñadas, como flores, estrellas, señales, globos, etc. 

Herramienta cuentagotas: 

Con el cuentagotas podemos seleccionar colores, de cualquier parte de la imagen, para colocarlos como color frontal. 

Herramienta mano: 

Esta herramienta nos sirve para mover el lienzo. No mueve ni modifica ninguna parte de la imagen, sino que traslada el área que estamos viendo de la imagen, si es que el lienzo entero no cabe en la ventana que tenemos abierta, ya sea porque la imagen sea muy grande o porque hayamos hecho zoom. 

Herramienta zoom: 

El zoom nos sirve para ampliar la imagen o reducirla, pero sin alterar la imagen. Simplemente se hace zoom para que se vea más grande y podamos hacer retoques con más precisión, o se aleja el zoom para hacer la imagen menor y así poder verla toda en nuestra pantalla. 

Con esto hemos hecho un listado a las herramientas más utilizadas dentro de Photoshop. No son las únicas, pero sí las que más se usan en el día a día y en las que nos vamos a centrar en los inicios del manual de Photoshop de desarrollo web .com. Puedes experimentar con cada una de ellas para ir conociéndolas y más adelante veremos con detalle cómo manejarlas.

Fuente:enlace