HERRAMIENTA TEXTO
La herramienta de texto de Photoshop no necesita muchas explicaciones, puesto que su funcionamiento es realmente intuitivo. Simplemente tenemos que seleccionar la herramienta pinchar en cualquier parte de la imagen y escribir. Pero algunas cosas se pueden comentar sobre ella, en el manual de Photoshop de DesarrolloWeb.com para aclarar ciertos puntos y mostrar diversos efectos que resultan fáciles de realizar y sobre todo, bastante atractivos. Existe un grupo de herramientas para trabajo con textos, que se encuentran agrupadas con varias otras herramientas también utilizadas para trabajar con texto en imágenes. Como ya debemos saber, para ver todas las herramientas agrupadas en el mismo icono, se debe hacer una pulsación prolongada sobre el icono de texto, con lo que veremos todas las utilidades asociadas
Herramienta texto horizontal La primera utilidad para escribir textos a comentar en este artículo sería la herramienta de texto horizontal. Su utilización es muy parecida a cualquier otra herramienta de texto, por lo que estas explicaciones servirán en general para todas las herramientas de texto disponibles. Una vez seleccionada, simplemente tenemos que hacer clic en el lugar donde queremos incluir el texto. Luego sólo tenemos que escribir cualquier texto que necesitemos. El texto entonces se irá mostrando directamente en la propia imagen, con lo que podremos ver directamente cómo queda.
Nota: Si no estamos viendo el texto que escribimos en la imagen puede ser debido a dos posibles detalles. El primero de ellos es que estés escribiendo texto con el mismo color que el fondo de tu imagen; Imagina que escribes texto en blanco sobre fondo blanco, lógicamente, no lo verás porque no contrasta sobre el fondo. La segunda cosa que te puedes fijar es en el orden de las capas, pues quizás estés escribiendo texto en un lugar donde tengas una capa encima y que por tanto no te deje ver los caracteres tecleados.
Con esta utilización de la herramienta de texto los caracteres que vayamos pulsando en el teclado se irán mostrando todos en la misma línea y si queremos hacer varias líneas simplemente tenemos que pulsar la tecla "Enter" y seguir escribiendo. Ahora bien, si queremos que el texto se escriba en un espacio determinado, creando un texto fluido, que se ajuste con saltos de línea automáticos al espacio que hemos marcado, podemos hacer lo siguiente: Seleccionamos la herramienta de texto y hacemos un recuadro con la misma, haciendo clic en un lugar de la imagen y arrastrando para seleccionar el espacio que necesitemos. Entonces nos saldrá una especie de área con dimensiones editables, en la que el texto escrito se mostrará siempre dentro de ese área.
Opciones de la herramienta de texto Como cualquier herramienta de Photoshop, podemos configurar una serie de opciones para personalizarla. En este caso, las opciones de la herramienta de texto serán la tipografía, tamaño, grosura, etc.
Cualquiera que haya trabajado con un editor de textos encontrará extremadamente fácil configurar las opciones del texto de la herramienta, no obstante, vamos a comentar dos items que serían propios de Photoshop y que seguramente no conozcan las personas más inexpertas.
Opciones de la herramienta de texto Como cualquier herramienta de Photoshop, podemos configurar una serie de opciones para personalizarla. En este caso, las opciones de la herramienta de texto serán la tipografía, tamaño, grosura, etc.
Cualquiera que haya trabajado con un editor de textos encontrará extremadamente fácil configurar las opciones del texto de la herramienta, no obstante, vamos a comentar dos items que serían propios de Photoshop y que seguramente no conozcan las personas más inexpertas.
1) Método de suavizado
Este menú desplegable sirve para seleccionar cómo se debe suavizar el texto escrito en Photoshop. El texto suavizado sirve para que los bordes estén difuminados, lo que es a menudo útil para dar un aspecto más detallista al diseño.
Entre las opciones de suavizado se encuentra una que sirve para que el texto no tenga suavizado alguno (opción "Ninguno"), que resulta útil porque el texto sin suavizado suele tener un tamaño menor y porque este tipo de texto sirve para imitar a cómo se vería al escribirlo directamente como texto en una página web. Los otros métodos de suavizado consisten en diversos patrones en los que se suaviza de mayor o menor manera, lo que genera resultados distintos. No obstante, muchas veces las diferencias son difíciles de ver a simple vista. Lo más habitual es la opción "Nítido" que ofrece un suavizado bastante estándar. En la siguiente imagen podemos ver varios métodos de suavizado sobre el mismo texto.
2) Conmutar paletas de Carácter Párrafo
Este botón de la barra de opciones nos da paso a una nueva ventana para configurar el texto con nuevas preferencias que no se encuentran en la barra de opciones general. La ventana de paletas de texto permite modificar tanto el estilo de carácter como el estilo de párrafo.
En las ventanas de "paletas de texto" de carácter y párrafo se encuentran diversas configuraciones que sin duda, más pronto que tarde, vamos a necesitar para alterar la forma de los textos creados con Photoshop. Conviene experimentar con las diversas opciones que encontraremos, aunque deberíamos destacar como opciones más interesantes de carácter la posibilidad de definir el espacio entre líneas del texto, la posibilidad de hacer subíndices, superíndices, texto subrayado, tachado, falsa negrita, etc. Entre las opciones de párrafo encontraremos identaciones y justificaciones diversas que quizás en algún momento también nos sirvan.
Nota: si alguna vez estamos cambiando las opciones del texto y no vemos que se estén realizando los cambios en el texto escrito, simplemente tenemos que seleccionar el texto que queremos editar. O bien salir del modo de escritura de texto con CTRL+Enter o bien pulsando sobre el icono de aceptar o cancelar que aparece en las opciones del texto cuando estamos en el modo escritura. Con esto ya no estaremos escribiendo texto y cualquier opción que cambiemos alterará toda la capa de texto. Herramienta texto vertical De la misma manera que explicamos la creación de textos en horizontal, podemos hacer textos en vertical cómodamente con Photoshop con la herramienta de texto vertical. No tiene ningún misterio. Es simplemente pinchar o seleccionar un espacio en la imagen y comenzar a escribir. Ahora bien ¿se puede escribir un texto en diagonal? ¿en curva?
La respuesta es sí!, aunque existen diversos métodos para conseguirlo, puesto que no hay una herramienta específica para ello, como podría ser la de texto en vertical.
Texto en diagonal y en curva Hacer un texto en diagonal es bien simple. Únicamente tenemos que escribir un texto normal y luego editarlo con la opción de "Edición - Transformación libre" (tecla rápida CTRL+T), con lo que aparecerá una selección editable, que podremos estirar y rotar como deseemos.
Efectos sobre textos en Photoshop Una de las típicas preguntas que podemos hacernos con respecto a la edición de textos en imágenes con Photoshop es sobre la creación de efectos típicos como sombras o trazos. Photoshop tiene un editor de efectos que resulta muy sencillo de manejar y que queremos comentar en este artículo de desarrollo web .com. Lo cierto es que los efectos de Photoshop los podemos aplicar sobre cualquier capa, pero en especial sobre las capas de texto, nos resultará muy fácil, rápido y sobre todo interesante para dar un toque especial a nuestros diseños. Para mostrar la ventana de edición de efectos sobre un texto, tenemos que hacer doble clic en la ventana de capas sobre la capa de texto que queremos aplicar el efecto, o bien pulsar con el botón derecho en la capa y luego seleccionar la opción marcada como "Opciones de fusión"
Con esto aparecerá una ventana para crear efectos, titulada "Estilo de Capa" en la que podemos seleccionar con un checkbox el efecto o los efectos que deseamos aplicar y luego haciendo clic en cada uno de los efectos, podemos configurar las opciones para cada uno de ellos.
En la imagen anterior vemos que nos hemos situado sobre el estilo de "Sombra paralela", que además hemos marcado con su checkbox, con lo que nos aparecen las opciones para configurar la sombra, como el ángulo de la misma, su transparencia, etc. Como decíamos, podemos aplicar varios efectos o estilos de capa al mismo tiempo, creando con ello textos con una alta personalización, que sin duda alegrarán nuestros diseños.
Herramienta texto horizontal La primera utilidad para escribir textos a comentar en este artículo sería la herramienta de texto horizontal. Su utilización es muy parecida a cualquier otra herramienta de texto, por lo que estas explicaciones servirán en general para todas las herramientas de texto disponibles. Una vez seleccionada, simplemente tenemos que hacer clic en el lugar donde queremos incluir el texto. Luego sólo tenemos que escribir cualquier texto que necesitemos. El texto entonces se irá mostrando directamente en la propia imagen, con lo que podremos ver directamente cómo queda.
Nota: Si no estamos viendo el texto que escribimos en la imagen puede ser debido a dos posibles detalles. El primero de ellos es que estés escribiendo texto con el mismo color que el fondo de tu imagen; Imagina que escribes texto en blanco sobre fondo blanco, lógicamente, no lo verás porque no contrasta sobre el fondo. La segunda cosa que te puedes fijar es en el orden de las capas, pues quizás estés escribiendo texto en un lugar donde tengas una capa encima y que por tanto no te deje ver los caracteres tecleados.
Con esta utilización de la herramienta de texto los caracteres que vayamos pulsando en el teclado se irán mostrando todos en la misma línea y si queremos hacer varias líneas simplemente tenemos que pulsar la tecla "Enter" y seguir escribiendo. Ahora bien, si queremos que el texto se escriba en un espacio determinado, creando un texto fluido, que se ajuste con saltos de línea automáticos al espacio que hemos marcado, podemos hacer lo siguiente: Seleccionamos la herramienta de texto y hacemos un recuadro con la misma, haciendo clic en un lugar de la imagen y arrastrando para seleccionar el espacio que necesitemos. Entonces nos saldrá una especie de área con dimensiones editables, en la que el texto escrito se mostrará siempre dentro de ese área.
Opciones de la herramienta de texto Como cualquier herramienta de Photoshop, podemos configurar una serie de opciones para personalizarla. En este caso, las opciones de la herramienta de texto serán la tipografía, tamaño, grosura, etc.
Cualquiera que haya trabajado con un editor de textos encontrará extremadamente fácil configurar las opciones del texto de la herramienta, no obstante, vamos a comentar dos items que serían propios de Photoshop y que seguramente no conozcan las personas más inexpertas.
Opciones de la herramienta de texto Como cualquier herramienta de Photoshop, podemos configurar una serie de opciones para personalizarla. En este caso, las opciones de la herramienta de texto serán la tipografía, tamaño, grosura, etc.
Cualquiera que haya trabajado con un editor de textos encontrará extremadamente fácil configurar las opciones del texto de la herramienta, no obstante, vamos a comentar dos items que serían propios de Photoshop y que seguramente no conozcan las personas más inexpertas.
1) Método de suavizado
Este menú desplegable sirve para seleccionar cómo se debe suavizar el texto escrito en Photoshop. El texto suavizado sirve para que los bordes estén difuminados, lo que es a menudo útil para dar un aspecto más detallista al diseño.
Entre las opciones de suavizado se encuentra una que sirve para que el texto no tenga suavizado alguno (opción "Ninguno"), que resulta útil porque el texto sin suavizado suele tener un tamaño menor y porque este tipo de texto sirve para imitar a cómo se vería al escribirlo directamente como texto en una página web. Los otros métodos de suavizado consisten en diversos patrones en los que se suaviza de mayor o menor manera, lo que genera resultados distintos. No obstante, muchas veces las diferencias son difíciles de ver a simple vista. Lo más habitual es la opción "Nítido" que ofrece un suavizado bastante estándar. En la siguiente imagen podemos ver varios métodos de suavizado sobre el mismo texto.
2) Conmutar paletas de Carácter Párrafo
Este botón de la barra de opciones nos da paso a una nueva ventana para configurar el texto con nuevas preferencias que no se encuentran en la barra de opciones general. La ventana de paletas de texto permite modificar tanto el estilo de carácter como el estilo de párrafo.
En las ventanas de "paletas de texto" de carácter y párrafo se encuentran diversas configuraciones que sin duda, más pronto que tarde, vamos a necesitar para alterar la forma de los textos creados con Photoshop. Conviene experimentar con las diversas opciones que encontraremos, aunque deberíamos destacar como opciones más interesantes de carácter la posibilidad de definir el espacio entre líneas del texto, la posibilidad de hacer subíndices, superíndices, texto subrayado, tachado, falsa negrita, etc. Entre las opciones de párrafo encontraremos identaciones y justificaciones diversas que quizás en algún momento también nos sirvan.
Nota: si alguna vez estamos cambiando las opciones del texto y no vemos que se estén realizando los cambios en el texto escrito, simplemente tenemos que seleccionar el texto que queremos editar. O bien salir del modo de escritura de texto con CTRL+Enter o bien pulsando sobre el icono de aceptar o cancelar que aparece en las opciones del texto cuando estamos en el modo escritura. Con esto ya no estaremos escribiendo texto y cualquier opción que cambiemos alterará toda la capa de texto. Herramienta texto vertical De la misma manera que explicamos la creación de textos en horizontal, podemos hacer textos en vertical cómodamente con Photoshop con la herramienta de texto vertical. No tiene ningún misterio. Es simplemente pinchar o seleccionar un espacio en la imagen y comenzar a escribir. Ahora bien ¿se puede escribir un texto en diagonal? ¿en curva?
La respuesta es sí!, aunque existen diversos métodos para conseguirlo, puesto que no hay una herramienta específica para ello, como podría ser la de texto en vertical.
Texto en diagonal y en curva Hacer un texto en diagonal es bien simple. Únicamente tenemos que escribir un texto normal y luego editarlo con la opción de "Edición - Transformación libre" (tecla rápida CTRL+T), con lo que aparecerá una selección editable, que podremos estirar y rotar como deseemos.
Efectos sobre textos en Photoshop Una de las típicas preguntas que podemos hacernos con respecto a la edición de textos en imágenes con Photoshop es sobre la creación de efectos típicos como sombras o trazos. Photoshop tiene un editor de efectos que resulta muy sencillo de manejar y que queremos comentar en este artículo de desarrollo web .com. Lo cierto es que los efectos de Photoshop los podemos aplicar sobre cualquier capa, pero en especial sobre las capas de texto, nos resultará muy fácil, rápido y sobre todo interesante para dar un toque especial a nuestros diseños. Para mostrar la ventana de edición de efectos sobre un texto, tenemos que hacer doble clic en la ventana de capas sobre la capa de texto que queremos aplicar el efecto, o bien pulsar con el botón derecho en la capa y luego seleccionar la opción marcada como "Opciones de fusión"
Con esto aparecerá una ventana para crear efectos, titulada "Estilo de Capa" en la que podemos seleccionar con un checkbox el efecto o los efectos que deseamos aplicar y luego haciendo clic en cada uno de los efectos, podemos configurar las opciones para cada uno de ellos.
En la imagen anterior vemos que nos hemos situado sobre el estilo de "Sombra paralela", que además hemos marcado con su checkbox, con lo que nos aparecen las opciones para configurar la sombra, como el ángulo de la misma, su transparencia, etc. Como decíamos, podemos aplicar varios efectos o estilos de capa al mismo tiempo, creando con ello textos con una alta personalización, que sin duda alegrarán nuestros diseños.
HERRAMIENTAS DE FORMAS GEOMETRICAS
Las herramientas de Forma nos permiten añadir formas poligonales, prediseñadas o definidas por el usuario a nuestra composición. Podemos acceder a ellas desde el panel de herramientas.
Observa que una vez seleccionada la herramienta de forma, podemos cambiar entre ellas directamente desde la barra de opciones de herramientas:
El uso de las herramientas Rectángulo , Rectángulo redondeado , Elipse , Línea y Forma personalizada funcionan del mismo modo. El clic sobre el lienzo determinará la esquina superior izquierda de la forma, y tras arrastrar el ratón, la esquina inferior derecha se emplazará en el lugar donde soltemos el botón.
La herramienta Polígono toma el primer clic como centro de la forma y el fin del arrastre como el tamaño de su radio.
Las opciones únicas de las formas son pocas, por lo que las explicaremos seguidamente:
La opción cuadrado obliga a la forma a tener el mismo alto que ancho. Este efecto se puede conseguir del mismo modo sin activar esta opción, pero manteniendo pulsada la tecla Shift mientras se dibuja la forma.
Es posible crear formas con un tamaño fijo, predefiniendo su altura y su anchura en las cajas de texto .
La opción Proporcional te permite fijar la proporción entre la altura y la anchura de la forma.
Las casillas Desde el centro y Ajustar a píxeles activan eso mismo: que la forma se dibuje desde el centro y ajustándose a los límites de los píxeles existentes.
Las opciones de Polígono son las siguientes:
Radio te permite fijar un tamaño fijo a la forma final. La opción Estrella creará un polígono en forma de estrella con tantas aristas como lados hayas especificado.
La herramienta Línea te permite añadir flechas en su inicio y/o en su final, además de darte la posibilidad de configurar su punta:
Para usuarios que empiezan a utilizar el programa es aconsejable el uso de Rellenar píxeles para dibujar las formas. Las otras dos opciones están relacionadas con capas y trazados que no hemos visto en el curso.
Sus opciones, al tratarse de un vuelco de pintura sobre la capa, ya nos son conocidas:
Normalmente el uso de suavizado es preferible, así las formas se muestran con bordes menos bruscos. Aunque para líneas de grosor fino es mejor desactivar la opción para que la línea quede más definida.
Observa que una vez seleccionada la herramienta de forma, podemos cambiar entre ellas directamente desde la barra de opciones de herramientas:
El uso de las herramientas Rectángulo , Rectángulo redondeado , Elipse , Línea y Forma personalizada funcionan del mismo modo. El clic sobre el lienzo determinará la esquina superior izquierda de la forma, y tras arrastrar el ratón, la esquina inferior derecha se emplazará en el lugar donde soltemos el botón.
La herramienta Polígono toma el primer clic como centro de la forma y el fin del arrastre como el tamaño de su radio.
Las opciones únicas de las formas son pocas, por lo que las explicaremos seguidamente:
- La herramienta Rectángulo redondeado te permite seleccionar el radio de sus esquinas desde la barra de opciones de herramientas: .
- Puedes seleccionar el número de lados de la herramienta Polígono .
- La herramienta Línea te permite configurar su grosor: .
- Y por último, veremos más a fondo la opción de Forma de la herramienta Forma personalizada.
Para seleccionar la forma a dibujar haz clic en el desplegable:
Como en otras opciones, aquí nos es posible elegir entre un gran número de opciones. Si pulsamos el botón podemos acceder a las opciones de forma.
Es posible cargar más formas predefinidas por Photoshop escogiendo entre uno de estos grupos:
Hasta aquí hemos visto todas las opciones de estas herramientas, pero si nos fijamos podemos configurarlas aún más. Haciendo clic en el desplegable al lado de las formas descubriremos más opciones:
La opción cuadrado obliga a la forma a tener el mismo alto que ancho. Este efecto se puede conseguir del mismo modo sin activar esta opción, pero manteniendo pulsada la tecla Shift mientras se dibuja la forma.
Es posible crear formas con un tamaño fijo, predefiniendo su altura y su anchura en las cajas de texto .
La opción Proporcional te permite fijar la proporción entre la altura y la anchura de la forma.
Las casillas Desde el centro y Ajustar a píxeles activan eso mismo: que la forma se dibuje desde el centro y ajustándose a los límites de los píxeles existentes.
Las opciones de Polígono son las siguientes:
Radio te permite fijar un tamaño fijo a la forma final. La opción Estrella creará un polígono en forma de estrella con tantas aristas como lados hayas especificado.
La herramienta Línea te permite añadir flechas en su inicio y/o en su final, además de darte la posibilidad de configurar su punta:
Para usuarios que empiezan a utilizar el programa es aconsejable el uso de Rellenar píxeles para dibujar las formas. Las otras dos opciones están relacionadas con capas y trazados que no hemos visto en el curso.
Sus opciones, al tratarse de un vuelco de pintura sobre la capa, ya nos son conocidas:
Normalmente el uso de suavizado es preferible, así las formas se muestran con bordes menos bruscos. Aunque para líneas de grosor fino es mejor desactivar la opción para que la línea quede más definida.
HERRAMIENTA CUENTAGOTAS
Con la herramienta cuentagotas de Photoshop podemos extraer los colores de una imagen.
Es un proceso tan simple como seleccionar la herramienta cuentagotas en la barra de herramientas de Photoshop, y pulsar con el ratón sobre el punto exacto del que queramos conocer el color.
Aparecerá una ventana que nos indicará el código del color aplicado en el punto seleccionado.
Para ajustar mejor, es recomendable utilizar la herramienta Lupa de Photoshop previamente para aumentar el tamaño de la imagen y poder utilizar el cuentagotas donde queremos.
Es un proceso tan simple como seleccionar la herramienta cuentagotas en la barra de herramientas de Photoshop, y pulsar con el ratón sobre el punto exacto del que queramos conocer el color.
Aparecerá una ventana que nos indicará el código del color aplicado en el punto seleccionado.
Para ajustar mejor, es recomendable utilizar la herramienta Lupa de Photoshop previamente para aumentar el tamaño de la imagen y poder utilizar el cuentagotas donde queremos.
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.
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.
