Diseño de diseño de texto y gráficos de PS: cómo diseñar un diseño de texto en 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
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: Puedes ajustar el tamaño del texto según sea necesario.
3. Composición tipográfica de texto
01
Utilice la herramienta de movimiento, presione la tecla Alt Shift 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. Cómo diseñar un diseño de texto en PS
¿Cómo diseñar imágenes de diseño de texto en PS? ¡Consejos para diseñar imágenes de diseño de texto en PS! Los tutoriales sobre el diseño de texto en PS son una pregunta a la que muchos internautas están prestando atención. Espero que puedas usar algunos de tus propios intentos, para que no quieras comenzar después de ver muchas cosas en PS, aprendamos juntos.
tutorial de ps
1. Cree un nuevo documento con un tamaño de 280*280 píxeles, una resolución de 72 píxeles y un color blanco.
2. Crea una nueva capa con el color gris, selecciona la herramienta Rectángulo (m) para dibujar como se muestra (abajo) y rellénala con gris como se muestra (abajo)
3. A continuación, seleccione la herramienta Rectángulo (m) para dibujar como se muestra y rellénela con gris como se muestra.
4. Utilice la herramienta Pluma (p) para dibujar como se muestra (a continuación), seleccione la herramienta Rectángulo (p) para dibujar como se muestra y rellénela con gris como se muestra.
5. Utilice la herramienta Pluma (13) para diseñar y crear iconos para la imagen ([3]. Tutorial sobre cómo formatear imágenes y texto en PS
Hola
Con el trazado Después de usar la herramienta, el diseño del texto se vuelve más flexible. Podemos convertir el texto en cualquier patrón que queramos, como en el tutorial, podemos colocar el texto en un trazado cerrado para crear una forma sólida. Puedes diseñarlo de acuerdo con rutas curvas. Haz lindas curvas de texto. Lo más difícil es crear patrones de texto creativos mediante la combinación de rutas. Creo que después de aprender este tutorial, podrás usar tu creatividad para crear gráficos más creativos.
Efecto
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 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 el color verde. flecha en la figura siguiente.
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. Se muestra como cuando se permanece por encima de la línea del camino y se muestra como cuando se permanece dentro de la forma. 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 coloquemos 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 punto, puede ver que la disposición del texto en el gráfico no es simé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 (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 mostrados 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 en la flecha azul ligeramente hacia la parte superior izquierda para ver el efecto. Aprenderemos sobre las rutas en el futuro y para entonces podremos realizar modificaciones más complejas. Por ahora, recuerde que las rutas se pueden 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 línea, la palabra completa se moverá a la siguiente línea para mantener la integridad. Este efecto parece rígido (a algunas personas les gusta 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 ser. Haga clic aproximadamente en 1 en la imagen de la izquierda 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 debajo.
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 consiste en 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 aproximadamente a las posiciones que se muestran a 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 ruta es que utiliza la ruta como línea de base, como se muestra en la imagen de la derecha, ya sea el interior o el exterior, el extremo inferior del texto. siempre se basa en la ruta. Entonces, supongamos que necesitamos organizar el texto en una ruta en forma de corazón que sea más grande (o más pequeña) que la ruta en forma de corazón existente, ¿necesita dibujar una ruta en forma de corazón más grande (o más pequeña)? ¿La ruta 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 a la capa de texto. 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 la 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. Se pueden formar líneas de puntos y líneas de puntos organizando varios caracteres "-" y "." 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 entre líneas de puntos.