Cómo diseñar un ícono de periódico personalizado

¡Extra, extra, lea todo al respecto! Aprende a crear un ícono de periódico. Se requiere un conocimiento avanzado de Adobe Illustrator para completar este tutorial. Aprenderás cómo crear este ícono detallado paso a paso. Empecemos con este tutorial creativo.!

Puede encontrar los archivos de origen en el directorio etiquetado como "origen" que vino en los archivos que descargó. Es posible que desee examinarlos brevemente antes de comenzar.


Paso 1

Usando la herramienta Rectángulo (M) para dibujar un rectángulo, como se muestra a continuación.



Paso 2

Escriba el titular del periódico. Puede ser lo que quieras. Piense de antemano cómo usará el icono específicamente. ¿Tu ícono será para un feed RSS? Si es así, es posible que desee escribir "RSS" en su lugar. O tal vez su sección de noticias se actualizará mensualmente, si ese es el caso, querrá decir algo más.

La fuente que estoy usando es Lucidia Blackletter. La mayoría de los periódicos usan este tipo de fuente, por lo que te recomiendo que sigas con algo como esta si vas por un estilo tradicional..



Paso 3

Usando la Herramienta de Tipo (T), dibuje dos áreas de texto, una grande y otra delgada. Rellénelos con texto de marcador de posición. Visita lipsum.com para agarrar un texto rápido. También puede utilizar Adobe InDesign para crear texto de marcador de posición.

Nota: A menudo, en el diseño, deberá utilizar el texto de marcador de posición al crear un diseño. Para hacer que el texto sea rápidamente accesible, puede resultarle útil crear un archivo de texto simple y guardarlo en su computadora para un uso rápido.



Etapa 4

La mayoría de los periódicos están justificados, lo que significa que tanto el borde izquierdo como el derecho de los párrafos del texto están alineados. Para lograr esto, en la Paleta de párrafos seleccione Justificar con la última línea alineada a la izquierda. No se preocupe demasiado por cómo se rompe el texto en este punto. Puede agregar saltos de línea o retornos duros más tarde, una vez que tenga todos los elementos en su lugar.



Paso 5

Para darle un poco más de interés al texto, cambiaremos ligeramente la primera línea de texto. Seleccione la primera línea de texto y en el menú desplegable Paletas de caracteres (resaltado a continuación) y seleccione Mayúsculas.



Paso 6

Cuanto más interés visual tenga el periódico, mejor será el resultado final. Seleccione el bloque alto de texto y cambie el estilo a cursiva.



Paso 7

Debajo del título, agregue otro bloque de texto que sirva como título para una noticia importante..

Nota: si aún no es obvio, asegúrese de estar utilizando una fuente que tenga varios estilos y pesos diferentes para poder crear un rango de áreas de texto interesantes.



Paso 8

Use la herramienta Pluma (P) para dibujar una línea delgada encima y debajo de una línea de texto. No dudes en agarrar un periódico o una "portada de periódico" de Google para ayudarte a crear ideas de diseño..



Paso 9

Usando la herramienta Rectángulo (M), dibuja un rectángulo corto debajo del título de la historia.



Paso 10

Agregue tres bloques de texto y póngalos en cursiva para dar la impresión de que este texto es una introducción a una historia que continúa en otras partes del periódico. Agregue un pequeño cuadrado al final de cada bloque de texto usando la herramienta Rectángulo.



Paso 11

A continuación, agregaremos el área para la foto que acompaña a la noticia principal. Usando la herramienta Rectángulo una vez más, dibuje un rectángulo sobre el texto.



Paso 12

Seleccione el rectángulo y vaya a Objeto> Ajuste de texto> Crear. Luego, vaya a Objeto> Ajuste de texto> Opciones de ajuste de texto ... Cambie el Desplazamiento a lo que le parezca adecuado..



Paso 13

Puede repetir el último paso para las dos fotos más pequeñas o simplemente mover el bloque de texto hacia abajo ligeramente, ya que el texto no necesita ajustarse a los lados de estos pequeños rectángulos..



Paso 14

Para crear fácilmente la ilusión de una fotografía, usaremos la herramienta de malla de degradado para agregar algunas variaciones al rectángulo. Haga clic unas cuantas veces dentro del rectángulo para darle algunos puntos. Use la herramienta de selección directa (A) para ajustar los controles y las curvas de los puntos para que las líneas no sean perfectamente rectas.



Paso 15

Cambie el color de los puntos para que se vea como si hubiera algún detalle en el fotografía.



Paso 16

Repite este proceso para las otras dos fotos pequeñas..



Paso 17

Selecciona todo y ve a Tipo> Crear contornos. Selecciona todo una vez más y ve a Objeto> Grupo.



Paso 18

Usando la herramienta Rectángulo redondeado, dibuje un rectángulo como se muestra a continuación.

Nota: para cambiar el radio de las esquinas del rectángulo, mantenga las flechas hacia arriba o hacia abajo mientras dibuja la forma.



Paso 19

Dibuja otro rectángulo y colócalo sobre el final de la forma curva. En la paleta de Pathfinder, seleccione Restar del área de forma y luego Expandir.



Paso 20

Esta es la forma que debes dejar.



Paso 21

Seleccione la forma y vaya a Objeto> Distorsión de sobre> Hacer con deformación ... Seleccione Shell Inferior de la lista y cambie la curva a aproximadamente 3%, luego haga clic en Aceptar.



Paso 22

Seleccione el objeto y vaya a Objeto> Expandir ... Deje las opciones como están y haga clic en Aceptar en el cuadro de diálogo resultante.



Paso 23

Con la herramienta Selección directa, seleccione el punto superior izquierdo y arrastre la curva hacia adentro para crear un arco sutil en el lado izquierdo de la forma. Repita este proceso después de seleccionar el punto superior derecho.



Paso 24

Así debe ser tu forma.



Paso 25

Seleccione la forma y vaya a Efecto> 3D> Extruir y biselado ... Ingrese las rotaciones que tengo luego seleccione Más opciones e ingrese las variables resaltadas a continuación.



Paso 26

Para ajustar la cubierta del periódico a la forma 3D, necesitará la capacidad de deformar la cubierta sustancialmente. Para hacer esto, seleccione el periódico y vaya a Objeto> Sobre distorsión> Hacer con malla ... Ingrese 2 para Filas y 2 para Columnas.



Paso 27

Usando la herramienta de selección (o la herramienta de rotación) gire la forma como se muestra a continuación.



Paso 28

Uso de la herramienta Selección directa Asga cada esquina del periódico y arrástrela a la esquina correspondiente de la forma del periódico.



Paso 29

Lograr que la cara del periódico coincida con la forma será complicado, pero es factible. Continúe usando la herramienta de selección directa para ajustar los otros puntos del periódico. También ajuste las asas como se resalta a continuación para que el periódico fluya exactamente donde lo desea..



Paso 30

Observa debajo de las asas en su posición correcta..



Paso 31

Así es como se ve la cara del periódico una vez que está completamente ajustado a la forma.



Paso 32

Tendremos que darle una mirada envejecida al periódico. Para hacer esto, seleccione la cara del periódico y vaya a Edición> Colores> Ajustar balance de color. Seleccione Vista previa y Convertir (si es necesario), luego ajuste los controles deslizantes según su gusto.



Paso 33

Desagrupe la forma 3D hasta que ya no pueda desagruparla. Seleccione el borde inferior del periódico y cambie el color para que coincida con la cara del periódico.



Paso 34

Para lograr el borde aleatorio que necesita el borde superior del papel, simplemente use la herramienta Lápiz (N) para dibujar una forma arbitraria e irregular..



Paso 35

Seleccione la forma que acaba de dibujar y seleccione el lado del periódico. En la paleta de Pathfinder, seleccione Restar del área de forma y luego haga clic en Expandir.



Paso 36

Esto es lo que debes dejar.



Paso 37

Con la herramienta Pluma, dibuje algunas formas de arcos suaves que indiquen dónde están los bordes de las páginas. Estos pueden ser aleatorios.



Paso 38

Asegúrese de utilizar una gama de colores y degradados para que el efecto sea más creíble. También experimenta con el uso de la transparencia si es necesario.



Paso 39

Observe cómo el centro del lado del periódico es mucho más oscuro. Esto es importante para crear un efecto dimensional general que buscamos..



Paso 40

Utilice la herramienta Pluma para dibujar dos rectángulos que siguen el borde de la parte inferior del periódico.



Paso 41

Dales un degradado sutil y en la Paleta de Transparencia, luego selecciona Multiplicar, de modo que la forma se combine mejor con el color del periódico..



Paso 42

Crearemos una tenue sensación de profundidad dibujando una forma arbitraria en la cara del periódico. Rellénalo con un color gris claro..



Paso 43

En la paleta de transparencia, seleccione Multiplicar y cambie la opacidad a aproximadamente el 85%..



Paso 44

Para que la forma sea menos obvia, selecciónela y vaya a Efecto> Estilizar> Desenfoque gaussiano. Ingrese un número que se vea bien para usted.

Nota: el número que ingrese puede ser mucho más alto o más bajo que el que se muestra a continuación. La cantidad de desenfoque que aplique a un objeto se basa en la escala de la ilustración que está creando..



Paso 45

Para completar el ícono, use la misma técnica para aplicar otras sombras paralelas a otras áreas del papel, como debajo de él..



Paso 46

El lujo de las ilustraciones vectoriales es que se puede escalar a cualquier tamaño sin pérdida de calidad. Puede haber ocasiones en las que desee utilizar el icono en diferentes tamaños. Cuando escala el ícono a otros tamaños, asegúrese de saber cuáles son sus preferencias para Trazos y efectos de Illustrator. Antes de ampliar o reducir el ícono, vaya a Illustrator> Preferencias> General y marque Trazos y efectos de escala si no está marcado. Ahora, eres libre de escalar tu ícono para alternar tamaños.



Vista previa de la imagen final

Aquí está el diseño completado. Acabas de aprender a crear un ícono detallado del periódico.!