Tutorial de plantilla de composición tipográfica de texto PS: tutorial de composición tipográfica de PS
Herramientas/Materiales
Modificar (imagen o foto) con ordenador
Materiales de imagen
Primero poner una nueva foto
p>01
Abra el software PS y cree un nuevo documento en blanco mediante la tecla de acceso directo "Ctrl N".
El tamaño está establecido en 720*1280 (resolución: 300 píxeles/pulgada).
02
En el menú Archivo, seleccione Colocar objeto inteligente incrustado para agregarlo rápidamente a un documento en blanco.
En segundo lugar, crea un nuevo texto
01
Importa la imagen del material al lienzo y bloquéala.
02
Seleccione la herramienta Texto e ingrese el texto del tema en la parte superior del lienzo.
03
Establezca el color del texto en #e5c181 (amarillo) para completar la configuración de fuente.
Nota: Puedes cambiar el tamaño del texto según sea necesario.
En tercer lugar, formatee el texto
01
Utilice la herramienta de movimiento, presione Alt Shift, arrastre el texto al lienzo y copie rápidamente el texto nuevo.
02
Cambie el texto a un título secundario haciendo doble clic en la capa de texto recién copiada en el panel Capas.
03
Utilice el mismo método para copiar el texto y modificar el contenido del texto.
04
Para que la imagen sea diagonalmente simétrica, recomendamos agregar la fecha u otro título en la esquina inferior derecha para mejorar el efecto.
05
El efecto final se muestra en la siguiente imagen. ¿Aprendiste una nueva habilidad? ¡Ahora te toca a ti probarlo!
Nota: Debido a que la esquina inferior derecha no está muy saturada, se ha agregado un nuevo relleno de texto.
Consejos especiales
Se recomienda guardar el archivo PSD para modificarlo rápidamente la próxima vez.
Ps Tutorial sobre cómo formatear imágenes y texto Hola.
Con la herramienta Ruta, el diseño del texto se vuelve más flexible. Podemos convertir las palabras en cualquier forma que queramos. Por ejemplo, en el tutorial, podemos colocar el texto en un trazado cerrado para crear una figura tridimensional, o podemos diseñarlo según un trazado curvo para crear una linda curva de texto. Lo que es más difícil es crear patrones de texto creativos mediante combinaciones de rutas. Creo que después de estudiar este tutorial, podrás usar tu creatividad para crear gráficos más creativos.
Efecto final
1. Cree una nueva imagen de 400 × 300 (el tamaño puede configurarlo usted mismo) y luego seleccione la herramienta de forma personalizada.
Tenga en cuenta que el método de dibujo debe ser el primero (capa de forma), como se muestra con la flecha roja en la figura siguiente. Luego seleccione una forma de corazón en la lista de formas (si no está en la lista, puede restaurar la forma predeterminada), como se muestra con la flecha verde en la siguiente figura. La elección del estilo simplemente no tiene estilo. También puedes elegir nuevos colores.
2. Luego dibuja una forma de corazón en la imagen (puedes mantener presionada la tecla MAYÚS para mantener la relación de aspecto durante el proceso de dibujo). De hecho, usas una máscara vectorial para crear una capa de relleno de color. . Como se muestra en la imagen de la izquierda, aparece una capa de relleno de color en el panel Capas. Haga doble clic en la miniatura para cambiar el color de relleno. Hay una miniatura de máscara en el lado derecho de la miniatura de la capa (la flecha azul en la imagen inferior izquierda), que es una miniatura de máscara vectorial. Su característica es que el área oculta es. representado por el gris. Más adelante aprenderemos sobre las máscaras vectoriales.
Antes de continuar con el siguiente paso, asegúrese de revelar las rutas en la máscara de ruta haciendo clic en la miniatura de la máscara de ruta. Verá el contorno de un corazón en la imagen y aparecerá una estructura alámbrica delgada alrededor de la miniatura de la máscara de ruta en el panel Capas, como se muestra en la parte inferior derecha de la imagen a continuación.
3. Ahora selecciona la herramienta de texto y déjala permanecer en el camino de la forma del corazón. El cursor del mouse cambiará de manera diferente dependiendo de dónde permanezca.
Cuando permanezca por encima de la línea del camino aparecerá como y cuando permanezca dentro de la forma aparecerá como . Tenga en cuenta la diferencia entre los dos. El primero significa organizar el texto a lo largo de un camino, mientras que el segundo significa organizar el texto en un área cerrada, y las funciones son completamente diferentes.
4. Ahora detengamos la herramienta de texto dentro del corazón (el cursor está), y luego hagamos clic en él, aparecerá el cursor de entrada de texto, ingrese algo de texto. Como "amor" (tenga en cuenta que hay un espacio después de cada letra, el motivo se explicará más adelante). Elija una fuente en inglés (como Tohoma), elija una fuente más pequeña (como 6px), copie y pegue varias veces, para que llene todo el gráfico (no importa si excede). El efecto se muestra en la imagen de abajo a la izquierda. En este punto, puedes ver que la disposición de los personajes en el gráfico es asimétrica. A continuación, establezca el centrado en la paleta Párrafo y establezca los valores de sangría izquierda y derecha de forma adecuada (por ejemplo, 5 px) para que parezca más cómodo. En términos generales, estas configuraciones deben realizarse para la composición tipográfica de texto en gráficos cerrados para lograr mejores efectos visuales. Como se muestra en la imagen de la derecha.
5. Ahora oculta (o incluso elimina) la capa de relleno de color del corazón. Vemos que todavía hay un camino cerrado alrededor del texto, al igual que el camino del corazón original. Como se muestra a la izquierda. Se puede entender que aunque la ruta de diseño de esta capa de texto se deriva de la ruta vectorial en otra capa, la misma ruta también se "clona" y "retiene" una vez completada.
Podemos modificar esta ruta de "clonar y mantener" para cambiar el diseño del texto. El método consiste en utilizar la herramienta de selección directa [A/Shift_A] para hacer clic en la ruta de la capa de texto (no en la capa de relleno anterior, que debería estar oculta en este momento), y verá muchos cuadrados pequeños en la ruta. . Como se muestra a continuación. Utilice la herramienta de selección directa para mover el cuadrado en la flecha azul ligeramente hacia la parte superior izquierda y podrá ver el efecto. Posteriormente conocerás el camino y podrás realizar modificaciones más complejas. Por ahora, recuerda que las rutas se pueden modificar.
Mencionamos anteriormente que debemos agregar un espacio después de cada letra en inglés para que cuando la línea se rompa al final, la letra individual pueda moverse a la siguiente línea. Si usamos una palabra inglesa completa LOVE, cuando la línea se rompe al final, la palabra completa se moverá a la siguiente línea porque queremos mantener la integridad. Este efecto parece rígido (a algunas personas les gusta este efecto), como se muestra en la imagen de la derecha a continuación. Puede consultar este método para agregar espacios en futuras aplicaciones prácticas. Si cree que los espacios amplían el espaciado entre letras, puede compensar estableciendo el espaciado en negativo en la paleta Carácter.
6. Ahora oculta la capa de texto completa. Y haga clic en la máscara vectorial de la capa de relleno de color para que se muestre su ruta, aunque la capa de relleno en sí esté oculta. Como se muestra a la izquierda. Mantenga presionada la herramienta Texto en la línea de ruta y observe dónde indica el cursor dónde debería estar. Haga clic en la posición aproximada de 1 a la izquierda de la imagen a continuación y aparecerá un cursor de entrada de texto. Cambie el tamaño de fuente a 12 px, alinee el párrafo a la izquierda e ingrese "Sheoncewasatrueloveofmine" para que pueda crear un efecto de texto organizado a lo largo de un camino, similar a la imagen de la derecha debajo. Observe la pequeña marca circular al comienzo del texto.
Para el texto completo de la ruta, también puedes cambiar su posición en la ruta. El método consiste en utilizar la herramienta de selección de ruta [A/Shift_A]. Tenga en cuenta que es algo similar a la herramienta Selección directa, pero la primera tiene una flecha negra y la segunda tiene una flecha blanca. Note la diferencia. Mueva la herramienta de selección de ruta a la izquierda y a la derecha de la pequeña marca circular en este momento. Dependiendo de la posición, aparecerán un cursor y un cursor, que representan el punto inicial y final del texto respectivamente, por lo que los llamamos punto inicial. cursor y el cursor del punto final. Ahora, mueva los puntos inicial y final del texto a las posiciones que se muestran a la izquierda, con la flecha roja como punto inicial y la flecha verde como punto final. En este punto, puede ver las etiquetas de inicio y fin del texto original superpuestas en la ruta.
7. Si la distancia entre ellos no es suficiente para mostrar completamente el texto, la etiqueta de cierre cambiará para indicar que parte del texto no se muestra. Al igual que en el texto en cuadro que vimos anteriormente, la marca que aparece cuando el texto no se muestra completamente es la misma que en la imagen a continuación.
Si arrastra el marcador de inicio o fin al otro lado del trazado, la posición de visualización del texto cambiará y los puntos inicial y final se invertirán.
Como se muestra en la imagen de la derecha a continuación, arrastre el punto de inicio hacia la parte inferior derecha y el texto se moverá desde el interior del camino hacia el exterior del camino (el interior y el exterior están relativamente sueltos).
8. Una de las características de los personajes orientados al camino es que todos toman el camino como base. Como se muestra en la imagen de la derecha, la parte inferior de los caracteres siempre se basa en el camino. Entonces, si necesitamos organizar los personajes en un camino en forma de corazón que sea más grande (o más pequeño) que el camino en forma de corazón existente, ¿Deberíamos dibujar primero uno más grande (o más pequeño) en forma de corazón? No es necesario. Solo necesita cambiar el valor de desplazamiento vertical en la paleta de caracteres para lograr el efecto, como se muestra en la imagen de la izquierda a continuación, copie la ruta existente a la capa de texto dos veces y luego cambie el valor de desplazamiento vertical a 15px y -15px. efecto. Es importante tener en cuenta que cuando se cambia este valor, el espacio entre palabras en la curva de ruta puede ser diferente. Además, también podrás lograr tu objetivo regresando a una nueva ruta.
9. Ahora puedes intentar organizar varias capas de texto en el trazado original en forma de corazón, ajustar el color, el tamaño, la fuente, el desplazamiento vertical y otras opciones para crear un efecto de mosaico, como se muestra a la izquierda. imagen de abajo.
10 En general, es más problemático dibujar líneas de puntos y puntos en Photoshop, pero podemos lograrlo moviendo el trazado dentro del texto. Se pueden formar líneas discontinuas y de puntos a lo largo del camino, respectivamente, organizando varios caracteres "-" y ".". También se pueden usar otros caracteres en combinación, como se muestra en la figura derecha a continuación. La forma de la línea discontinua se puede controlar mediante la paleta de caracteres, el tamaño de fuente controla el tamaño de la línea discontinua y el espaciado entre caracteres controla el tamaño del espacio entre líneas discontinuas.
¿Cómo utilizar la composición tipográfica PS? 1. Abra el software PS, haga clic izquierdo en "Archivo" y haga clic en "Abrir" para abrir una pieza de material.
2. Luego mueva el mouse al centro de la imagen.
3. Mantenga presionado el botón izquierdo del mouse y arrastre el mouse para mover la imagen.
4. Una vez completado el ajuste final, presione "ctrl enter" para confirmar, o presione "ctrl r" para que aparezca la composición tipográfica asistida por regla.
AdobePhotoshop, denominado "PS", es un software de procesamiento de imágenes desarrollado y distribuido por Adobe Systems. Photoshop procesa principalmente imágenes digitales compuestas de píxeles. Utilizando sus numerosas herramientas de edición y dibujo, puede editar imágenes de manera eficiente. PS tiene muchas funciones, incluidas imágenes, gráficos, texto, vídeos, publicaciones y más.
La razón para elegir Photoshop CS5 no es sólo que es perfectamente compatible con Vista, sino que, lo que es más importante, tiene docenas de características nuevas e interesantes, como un nuevo diseño que admite visualización en pantalla panorámica y la integración de más de 20 ventanas, una barra de herramientas más pequeña, generación automática de panoramas para múltiples fotografías, conversión flexible en blanco y negro, herramientas de selección más ajustables, filtros inteligentes, funciones mejoradas de punto de fuga y mejor compatibilidad con imágenes HDR de 32 bits.