Practicas de Diseño Grafico

1. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 1 ~
HERRAMIENTA DE 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.
Al crear texto, una nueva capa de texto se añade al panel Capas. Una vez creada
una capa de texto, puede modificar el texto y aplicarle comandos de capa.
Sin embargo, una vez realizado un cambio a una capa de texto que se debe
rasterizar, Photoshop convierte los contornos del texto basado en vectores a
píxeles. El tipo rasterizado ya no tiene contornos vectoriales y es imposible de
editar como tipo
Puede realizar los siguientes cambios en una capa de texto y además editar el
texto:
 Cambiar la orientación del texto.
 Aplicar el suavizado.
 Convertir un objeto de texto en texto de párrafo y viceversa.
 Crear un trazado de trabajo a partir de texto.
 Aplicar comandos de transformación desde el menú Edición, exceptuando
Perspectiva y Distorsionar.
 Nota: para transformar parte de la capa de texto, primero debe rasterizarla.
 Usar estilos de capa.
 Utilizar métodos abreviados de relleno (consulte Teclas para pintar).
 Deformar el texto para que se adapte a una variedad de formas.
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.

2. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 2 ~
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

3. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 3 ~
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

4. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 4 ~
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

5. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 5 ~
efecto, o bien pulsar con el botón derecho en la capa y luego seleccionar la opción
marcada como "Opciones de fusión", como podemos ver en la siguiente imagen.
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.

6. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 6 ~
PRACTICAS
1) DIFERENTES EFECTOS DE TEXTO CON DIFERENTES FUENTES
2) IMAGEN DENTRO DE TEXTO

7. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 7 ~

8. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 8 ~
3) TEXTO BRILLANTE

9. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 9 ~

10. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 10 ~

11. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 11 ~

12. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 12 ~

13. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 13 ~

14. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 14 ~

15. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 15 ~

16. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 16 ~

17. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 17 ~
4) TEXTO FLORAL

18. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 18 ~

19. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 19 ~

20. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 20 ~

21. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 21 ~
5) DESENFOCAR UNA IMAGENDESDEEL CENTRO
Primero que nada obtenemos la imagen en este caso esta:
1: hacemos una máscara a la parte de la imagen q queremos dejar intacta en este caso la parte
central de la fotografía.PresionamosQycon el pincel en 20px o lo q necesitamos, pasamos por la
imagen.

22. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 22 ~
2. Luego unavezq terminamospresionamosQotra vez,yvemosque quede seleccionada la parte
que esta alrededor de lo que nos interesa, la parte del centro.y si no invertimos la selección.

23. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 23 ~
3. Nos vamos a filtro > desenfocar >desenfoque radial, dentro de esto escogemos la parte del
zoom y le damos lo que necesitamos, vamos probando hasta obtener lo que deseamos.

24. I.S.T.P “MARÍA ROSARIO ARAOZ PINTO” COMPUTACIÓN E INFORMÁTICA
DISEÑO GRAFICO ~ 24 ~
Resultado final.
El trabajofinal debe quedarmasomenosde estaforma
CUESTIONARIO
1) Que significa rasterizar.
2) Observarlaherramientatextoenlaventanade photoshop y nombrar cuales son el grupo
de herramientas para trabajar con textos.
3) Cuáles son los cambios que se pueden realizar en la capa de texto.
4) Cuáles son las opciones de herramientas de texto en photoshop
5) Cuál es la diferencia entre la herramienta de texto vertical y horizontal.