Tutorial de plantilla de diseño de texto y gráficos de PS: tutorial de diseño de texto y gráficos de PS

Cómo usar PS para crear gráficos y diseños de texto concisos

PS es un software de producción gráfica, entonces, ¿sabes cómo crear rápidamente gráficos y diseños de texto concisos? Tutorial gráfico de pasos para aprender a realizarlo.

Herramientas/Materiales

Photoshop

Materiales para imágenes

1. Colocar nuevas imágenes

01 p>

Abra el software PS y cree un nuevo documento en blanco mediante el acceso directo "Ctrl+N".

Establezca el tamaño en: 720*1280 (resolución: 300 píxeles/pulgada)

02

En el menú Archivo, seleccione el objeto "Colocar inteligencia integrada". " para agregarlo rápidamente a un documento en blanco.

2. Crea nuevo texto

01

Importa la imagen del material al lienzo y bloquéala.

02

Selecciona la herramienta de texto e ingresa 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: El tamaño del texto se puede ajustar según sea necesario.

3. Composición tipográfica de texto

01

Utilice la herramienta de movimiento, presione las teclas Alt+Mayús y arrastre el texto en el lienzo para copiar 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 hacer la pantalla oblicuamente simétrica, recomendamos agregar la fecha u otros títulos en la esquina inferior derecha para mejorar el efecto.

05

El efecto final se muestra en la siguiente imagen. ¿Obtuviste una nueva habilidad? ¡Ahora es tu turno de probarla!

Nota: Dado que la esquina inferior derecha no está muy saturada. , se ha agregado nuevo texto de relleno.

Consejos especiales

Se recomienda guardar el archivo PSD para modificarlo rápidamente la próxima vez. Tutorial sobre cómo formatear gráficos y texto en PS

Hola

Con la herramienta de ruta, el formato de texto se vuelve más flexible. Podemos convertir el texto en cualquier patrón que queramos. Como se muestra en el tutorial, podemos colocar el texto en un trazado cerrado para crear un gráfico sólido, o podemos escribirlo según trazados curvos para crear una linda curva de texto. Lo más difícil es crear patrones de texto creativos mediante la combinación 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 se puede personalizar) 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 lo muestra la flecha roja en la imagen a continuación. 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 selección de estilo es Sin estilo. También puedes elegir un color.

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), lo que en realidad crea una capa de relleno de color con una máscara vectorial. Como se muestra en la imagen de la izquierda a continuación, lo que se muestra en la paleta de capas es una capa de relleno de color. Haga doble clic en la miniatura para cambiar el color de relleno, y habrá una miniatura de máscara a la derecha de la miniatura de la capa (la flecha azul en la imagen de la izquierda a continuación. Esta es la miniatura de la máscara vectorial, que se caracteriza por el color gris para representar la). zona oculta. Más adelante aprenderemos sobre las máscaras vectoriales.

Antes de continuar con el siguiente paso, asegúrese de que la ruta en la máscara de ruta se muestre haciendo clic en la miniatura de la máscara de ruta. Verá que aparece un marco exterior alrededor de la forma del corazón en la imagen y un marco de línea delgada alrededor de la miniatura de la máscara de trazado en la paleta Capas, como se muestra a la derecha a continuación.

3. Ahora selecciona la herramienta de texto y haz que permanezca en el camino en forma de corazón. Dependiendo de la ubicación, el cursor del mouse cambiará de manera diferente. Cuando permanezca en la línea de la ruta, se mostrará como , y cuando permanezca dentro del gráfico, se mostrará como . Tenga en cuenta la diferencia entre los dos. El primero significa organizar el texto a lo largo del camino, mientras que el segundo significa organizar el texto en un área cerrada. Las funciones son completamente diferentes.

4. Ahora mantengamos la herramienta de texto dentro de la forma del corazón (el cursor es ), luego haga clic, aparecerá el cursor de entrada de texto e ingrese algo de texto. Como "AMOR" (tenga en cuenta que hay un espacio después de cada letra, el motivo se analizará más adelante). Elija una fuente en inglés (como Tohoma), seleccione un tamaño de fuente más pequeño (como 6px) y cópielo y péguelo varias veces para llenar todo el gráfico (no importa si el efecto es como se muestra en). la izquierda. En este momento, puede ver que la disposición del texto en el gráfico no es simétrica. A continuación, configure el centrado en la paleta Párrafo y establezca los valores de sangría izquierda y derecha de manera adecuada (como 5px), para que Parece más cómodo. En términos generales, al componer texto dentro de un gráfico cerrado, se deben realizar estos ajustes para lograr mejores efectos visuales. Como se muestra abajo a la derecha.

5. Ahora oculta (o incluso elimina) la capa de relleno de color en forma de corazón. Podemos ver que todavía hay un trazado cerrado alrededor del texto, que es el mismo que el trazado en forma de corazón original. Como se muestra abajo a la izquierda. De esto se puede entender que, aunque la ruta de composición de esta capa de texto se deriva de la ruta vectorial en otra capa, una vez completada, también "clona" una ruta idéntica y la "retiene".

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], hacer clic en la ruta de la capa de texto (no en la capa de relleno anterior, la capa de relleno debe estar oculta en este momento) y verá muchos cuadrados pequeños que se muestran en el camino. Como se muestra en la imagen del medio a continuación. Utilice la herramienta de selección directa para mover el cuadrado de la flecha azul ligeramente hacia la parte superior izquierda para ver el efecto. Aprenderemos sobre la ruta en el futuro y para entonces podremos realizar modificaciones más complejas. Por ahora, solo recuerde que la ruta se puede modificar.

Mencionamos anteriormente que necesitamos agregar un espacio después de cada letra en inglés para que la letra individual pueda moverse a la siguiente línea al dividirse al final de la línea si se usa la palabra en inglés completa LOVE. , luego al final de la línea Al ajustar una nueva línea, la palabra completa se moverá a la siguiente línea para mantener la integridad. Este efecto parece rígido (a algunas personas también les puede gustar este efecto), como se muestra a la derecha a continuación. Puede consultar este método para agregar espacios en aplicaciones prácticas en el futuro. Si cree que los espacios aumentan el espacio entre letras, puede compensarlo estableciendo el espacio en un valor negativo en la paleta de caracteres.

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, incluso si la capa de relleno está oculta. Como se muestra abajo a la izquierda. Coloque la herramienta de texto en la línea de la ruta. Tenga en cuenta que la indicación del cursor debe estar en 1 a la izquierda, como se muestra a continuación, y aparecerá el cursor de entrada de texto. Cambie el tamaño de fuente a 12 px, la alineación del párrafo hacia la izquierda y luego ingrese "Sheoncewasatrueloveofmine" para crear un efecto de texto dispuesto a lo largo del camino, similar a la imagen de la derecha. Observe que hay un pequeño círculo que marca el comienzo del texto.

Para el texto de la ruta completa, también puedes cambiar su posición en la ruta. El método es utilizar la herramienta de selección de ruta〖A/SHIFT_A〗. Tenga en cuenta que es algo similar a la herramienta de selección directa, pero la primera tiene una flecha negra y la segunda tiene una flecha blanca. Mueva la herramienta de selección de ruta a la izquierda y a la derecha de la pequeña marca circular en este momento, y el cursor y el cursor aparecerán según la posición. 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 el punto inicial y el punto final del texto a las posiciones aproximadamente como se muestra en la imagen de la izquierda a continuación. La flecha roja es el punto inicial y la flecha verde es el punto final. En este momento, puede ver la marca del punto de inicio y la marca de finalización del texto superpuesto en la ruta.

7. Si la distancia entre los dos no es suficiente para mostrar completamente el texto, la marca de final cambiará para indicar que parte del texto no se muestra. Al igual que en el texto en cuadro que aprendimos anteriormente, la marca aparece cuando el texto no se muestra completamente, como se muestra en la imagen del medio a continuación.

Si arrastra la marca de inicio o fin al otro lado del camino, la posición de visualización del texto cambiará y los puntos inicial y final se intercambiará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 son solo términos relativos y no existen estándares estrictos).

8. Una de las características del texto de dirección de ruta es que utiliza la ruta como línea base, como se muestra en la imagen de la derecha, ya sea el interior o el exterior, el extremo inferior del. El texto siempre se basa en el trazado. Entonces, supongamos que necesitamos organizar el texto en un trazado en forma de corazón que sea más grande (o más pequeño) que el trazado en forma de corazón existente, ¿necesita dibujar un trazado en forma de corazón más grande (o más pequeño)? ¿La ruta con forma primero no tiene que ser de esta manera, solo necesita cambiar el valor del 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 en el texto? capa dos veces, y luego cambie el valor del desplazamiento vertical en secuencia a 15px y -15px, el efecto formado. Cabe señalar que cambiar este valor puede provocar un espaciado desigual del texto en la curva del trazado. Además, el objetivo también se puede lograr mediante el retorno de carro y el avance de línea.

9. Ahora puedes intentar organizar varias capas de texto en el trazado original en forma de corazón y ajustar el color, el tamaño de fuente, la fuente, el desplazamiento vertical y otras opciones para crear un efecto de mosaico, como se muestra. a la izquierda abajo.

10. En general, es más problemático dibujar líneas de puntos y líneas de puntos en Photoshop, pero podemos lograrlo moviendo el trazado hacia el texto. Organice varios caracteres "-" y "." a lo largo del camino para formar líneas de puntos y líneas de puntos. También se pueden usar otros caracteres en combinación, como se muestra a la derecha a continuación. La forma de la línea de puntos se puede controlar a través de la paleta de caracteres, el tamaño de fuente controla el tamaño de la línea de puntos y el espaciado entre caracteres controla el tamaño del espacio de la línea de puntos. ¿Cómo utilizar la tipografía 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 del material y la imagen.

3. Mantenga presionado el botón izquierdo del mouse y arrastre el mouse para mover la imagen.

4. Después del ajuste final, presione "ctrl+enter" para confirmar. También puede presionar "ctrl+r" para que aparezca la regla y ayudar en la composición tipográfica.

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. Utilice sus numerosas herramientas de edición y dibujo para editar imágenes de forma eficaz. PS tiene muchas funciones, que cubren imágenes, gráficos, texto, videos, publicaciones y otros aspectos.

La razón para elegir Photoshop CS5 no es sólo que será 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 monitores de pantalla ancha y una base que integra más de 20 ventanas, barra de herramientas más pequeña, generación automática de panoramas a partir de múltiples fotos, conversión flexible en blanco y negro, herramientas de selección más fáciles de ajustar, filtros inteligentes, funciones mejoradas de punto de fuga, mejor compatibilidad con imágenes HDR de 32 bits. , etc.