Share
Sigue este tutorial y aprende cómo crear un efecto de texto de periódico en 3D usando el efecto Extrusión y bisel y la opción Arte de mapa. Crearemos todas las piezas de periódico con la ayuda de la Herramienta de Tipo de Área y las guardaremos como símbolos. Luego, le daremos a este efecto un aspecto antiguo y discreto utilizando el efecto Papel de nota. También trabajaremos con estilos gráficos para acelerar el flujo de trabajo, así que comencemos!
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. Una vista previa de la imagen final está abajo..
Primero, abre un nuevo documento web. Tome la Herramienta de Tipo (T) y escriba "NOTICIAS" usando la fuente Gill Sans Ultra Bold, con el tamaño de 150 puntos.
Con el texto seleccionado, vaya al menú Objeto y elija Expandir, luego Desagrupar para obtener las cuatro letras. Rellénalos con gris claro o cualquier otro color..
Ahora vamos a hacerlos en 3D. Seleccione la letra "N", vaya al menú Efecto> 3D y aplique el efecto Extrusión y bisel. Establecer los valores como se muestra a continuación.
Puede aplicar la misma configuración a las otras letras o puede rotarlas para crear una apariencia más atractiva. Simplemente cambie los valores en la ventana Opciones de extrusión y bisel como se indica. Ahora ordénalos como se muestra. La profundidad de extrusión sigue siendo la misma para cada letra..
Vamos a empezar a crear el primer artículo periodístico. Tome la Herramienta de Tipo (T) y escriba "Noticias del Mundo" como el título del periódico usando una fuente llamada Penshurst, Negrita, tamaño de 15 puntos. Puedes encontrar la fuente aquí. Seleccione solo las letras "W" y "N", luego cambie la fuente a Monotype Corsiva, tamaño de 25 pt.
A continuación, tome la herramienta Pluma (P) o la herramienta Segmento de línea (\) y dibuje las dos líneas debajo del título. Déles un trazo negro, luego establezca los pesos del Trazo como se indica. Entre las líneas, escriba la fecha y el sitio web del periódico con la fuente Lucida Sans Typewriter, en negrita, tamaño de 5 pt.
Ahora, escriba un título para el artículo, en este caso "Living Green" con una fuente llamada Otra máquina de escribir que puede encontrar aquí..
Asegúrese de que las Reglas estén activadas (Ver> Mostrar Reglas o Comando + R) y arrastre las dos guías exactamente hasta los extremos de las dos líneas. Ahora use la herramienta Rectángulo (M) para dibujar un rectángulo entre las guías como contenedor de texto, como en la imagen de abajo.
Tome la Herramienta de tipo de área, haga clic en la ruta (no en el interior) y comience a escribir el artículo, o pegue texto desde cualquier lugar. La fuente que usé se llama Old Newspaper Types y se puede encontrar aquí.
El primer artículo está casi listo. Todo lo que queda por hacer es abrir el Panel de párrafo (menú Ventana> Tipo> Párrafo) y elegir el tipo de alineación que desee. También puede elegir marcar o desmarcar la opción Guiar.
Cuando haya terminado, seleccione todo y elija Expandir en el menú Objeto, luego arrastre el artículo al Panel de símbolos para definir el primer símbolo, que se usará para la parte frontal de la letra "N".
Luego, use la herramienta Rectángulo (M) para dibujar un rectángulo que tenga las dimensiones mostradas como otro contenedor de texto. Tome la Herramienta de Tipo de Área, haga clic en la ruta y pegue cualquier texto, luego seleccione Expandir en el menú Objeto. Arrastre este artículo de periódico al Panel de símbolos para definir el segundo símbolo que se usará para el lado de la letra "N".
Dibuje otros dos rectángulos y escriba algún texto en ellos usando la Herramienta de Tipo de Área. Puedes ver las dimensiones de los rectángulos y el tipo de fuente que he usado al lado de cada uno a continuación. Cuando haya terminado, expándalos y arrástrelos al Panel de símbolos.
Lo siguiente a hacer es mapear todos estos símbolos. Seleccione la letra "N" y desde el Panel de Apariencia, abra nuevamente la ventana de Opciones de Extrusión y Biselado, luego haga clic en el botón Map Art. Aquí, seleccione el símbolo Frontal de la lista y aplíquelo en la primera superficie. Puedes escalarlo y moverlo hasta que obtengas el resultado deseado..
Vaya a la siguiente superficie, la de la izquierda, y seleccione el símbolo "Cara 2" que guardó anteriormente. Gíralo y escala para que obtengas un resultado similar. Continúe con la siguiente superficie (arriba a la izquierda) y aplique el símbolo "Lado 3".
En la superficie superior derecha, aplique el símbolo "Lado 4" y habrá terminado con la primera letra..
Vamos a crear los símbolos que necesitamos para la letra "E". Tome la herramienta Rectángulo (M) y dibuje un rectángulo con las dimensiones que se muestran. Cambie a la Herramienta de tipo de área, haga clic en la ruta y escriba o pegue cualquier texto dentro del contenedor.
Cuando haya terminado, seleccione Expandir en el menú Objeto y arrástrelo al Panel de símbolos para guardarlo. Nombré este símbolo "E frontal" y se aplicará en la superficie frontal de la letra "E".
Con la letra "E" seleccionada, abra la ventana Opciones de extrusión y bisel desde el Panel de apariencia y luego la ventana Arte del mapa. Aplique el símbolo guardado en el paso anterior en la superficie frontal y ajústelo hasta que se vea abajo..
Luego, dibuje otro rectángulo con las dimensiones que se muestran, luego escriba o pegue el texto dentro de él usando la herramienta de tipo de área como antes. El signo más indica que hay demasiado texto en relación con el tamaño del contenedor. Si mantiene presionada la tecla Alt y hace doble clic en el signo más, aparecerá un segundo rectángulo que contiene el texto oculto (1).
Ajuste el tamaño del segundo contenedor para que todo el texto sea visible, luego alinéelos horizontalmente (2). Ahora seleccione los dos contenedores, expándalos y arrástrelos al Panel de símbolos (3). Nombra este símbolo "E lado".
En la ventana Map Art, seleccione el símbolo definido en el paso anterior y aplíquelo en la superficie indicada..
Necesitamos tres símbolos más para la letra "E". Dibuja los rectángulos y escribe el texto dentro de ellos. En la imagen de abajo, puedes ver las dimensiones de los tres rectángulos y la fuente que he usado. Después de expandirlos, arrástrelos al Panel de símbolos.
En la ventana de Map Art, aplique el símbolo "E Side 2" en la superficie indicada a continuación, luego continúe con los otros dos símbolos "E Side 3" y "E Side 4" como se muestra. La letra "E" está lista.
Luego, tome la Herramienta de Tipo (T) y escriba "Daily News" usando Penshurst Bold, tamaño de 12 pt. También utilizando la Herramienta de Tipo (T), seleccione solo las letras "D" y "N", luego cambie la fuente a Monotype Corsiva, con un tamaño de 22 puntos. Continúe dibujando las dos líneas utilizando la herramienta Pluma (P) o la Herramienta de segmento de línea (\), luego escriba la fecha y el sitio web entre ellas, como lo hizo antes. Para ellos utilicé la fuente Lucida Sans Typewriter, Bold, con un tamaño de 4 puntos..
Ahora, escriba un título para el artículo, luego dibuje un rectángulo como el contenedor para el artículo que tiene las dimensiones que se muestran. Escriba el texto en el interior utilizando la herramienta de tipo de área y la fuente indicada. Cuando haya terminado, seleccione todo y, en el menú Objeto, elija Expandir. Nombra este símbolo "W frontal".
Mapee este nuevo símbolo en la superficie frontal de la letra "W". Giré el símbolo para crear un look diferente..
Siga la siguiente imagen y cree el resto de los símbolos que necesitamos para la letra "W". Observe las dimensiones de los contenedores de texto, el tipo de fuente y los nombres de los símbolos.
Indiqué en la imagen debajo de qué símbolo corresponde a qué superficie de la letra, por lo tanto, abra la ventana de Map Art y aplíquelas como se muestra. La letra "W" está lista.
Ahora estamos en la última carta. Tome la Herramienta de Tipo (T) y escriba el título, en este caso "El clima de hoy" con Monotype Corsiva, con un tamaño de 15 puntos. Debajo, dibuja una línea con un trazo negro de 1 pt, luego dibuja un rectángulo de 181 x 207 px. Escriba el texto dentro, luego seleccione todo y elija Expandir en el menú Objeto. Llamé a este símbolo "S Front".
En la siguiente imagen puedes ver los últimos tres símbolos que necesitamos. Dibuje los primeros dos rectángulos con las dimensiones que se muestran y escriba el texto dentro de ellos usando la herramienta Tipo de área.
Duplique el segundo contenedor de texto y mantenga solo la última parte del texto como se indica. Verás en el siguiente paso por qué hicimos esto. Cuando haya terminado, expanda estos símbolos y arrástrelos al Panel de símbolos.
Con la letra "S" seleccionada, abra la ventana Opciones de extrusión y bisel, luego la ventana Arte del mapa. Primero mapee el símbolo "S Front" en la parte frontal de la letra. Si pasa a las siguientes superficies, notará que el área ondulada superior no está hecha de una sola superficie sino de dos, como se muestra a continuación..
Si fuera solo una superficie ya no necesitamos el símbolo "S Side 4". Cuando asigne los símbolos "S Side 3" y "S Side 4", intente hacerlos coincidir lo mejor que pueda. Acércate a la letra y mueve el símbolo "S Side 4" hasta que las palabras del principio coincidan con las del final del símbolo "S Side 3".
En este punto todas las letras están listas. Si está satisfecho con ellos, vaya al menú Objeto y seleccione Expandir apariencia, luego desagrupe los tres veces.
Ahora enfócate en la letra "N". En el Panel de capas, observe que se compone de cuatro grupos principales, que corresponden a las cuatro superficies asignadas. Los dos últimos grupos son las dos formas grises del interior que no se han mapeado. Si selecciona el grupo "Lado 2" verá que hay una parte oculta del símbolo. Necesitamos corregir esto. Seleccione el grupo que contiene el texto y el trazado de recorte, luego haga clic en Recortar en el Panel de Pathfinder.
Haga lo mismo para los otros tres grupos (Frente, Lado 3 y Lado 4) y luego para las otras tres letras..
Seleccione la forma frontal de la letra "N" y reemplace el color de relleno gris con el degradado radial que se muestra a continuación. Desde el Panel de apariencia, abra el menú desplegable y seleccione Agregar nuevo relleno. Cambie el gradiente a Neutral 6. Puede encontrar este gradiente en el menú Swatch Libraries en Gradients> Neutrals. Ahora configure el modo de fusión en Luz suave, pero solo para este segundo relleno. De esta forma conseguirás un look antiguo discreto..
Con el segundo relleno seleccionado en el Panel de apariencia, vaya a Efecto> Boceto y aplique el efecto Papel de nota. Una vez que haya terminado, arrastre la miniatura pequeña indicada en el Panel de estilos gráficos para guardarla. Aplica este estilo a las formas frontales de las otras tres letras y así terminarás más rápido.
Para la letra "S", elimine el grupo que contiene el texto y el trazado de recorte del área indicada porque debería estar vacío.
Seleccione la forma del lado izquierdo de la letra "N" y rellénela con el degradado radial que se muestra. Ahora elija nuevamente Agregar nuevo relleno en el menú desplegable en el Panel de aspectos. Mantenga el mismo degradado, luego aplique el efecto Papel de nota utilizando la configuración que se muestra. Reduzca la opacidad al 50%, pero solo para este segundo relleno. Arrastre la miniatura al Panel de estilos gráficos junto al primero para guardarlo.
Aplique el estilo gráfico guardado en el paso anterior a las formas superiores de la letra "N", luego continúe con el resto de las letras y aplique el mismo estilo para las formas que se muestran a continuación.
La forma superior de la letra "S" requiere un poco más de atención, por lo tanto, siga el siguiente paso.
Si selecciona la forma curva superior de la letra "S", notará que en realidad es un grupo de muchas formas más pequeñas, por lo tanto, no puede aplicar el estilo gráfico como con las otras formas..
Para solucionarlo, seleccione el grupo (sin el texto) y primero elija Desagrupar en el menú Objeto, luego Agregar al área de forma desde el Panel de Pathfinder. Como resultado de estas acciones, obtendrá una única forma y ahora podrá aplicar el mismo estilo gráfico que usó en el paso anterior..
Continuemos con las dos formas del interior de la letra "N". Seleccione el que está en la parte superior, llénelo con el primer degradado radial que se muestra y luego agregue un segundo relleno como lo hizo antes. Mantenga el mismo degradado y aplique el efecto Papel de nota con la configuración que se muestra en el paso 31. Reduzca la opacidad al 25% para este segundo relleno, luego arrastre la miniatura al panel de estilos gráficos para guardar el tercer estilo.
Pasa a la forma en la parte inferior. Repita el mismo proceso, solo use el segundo degradado que se muestra, luego guarde este estilo también.
Aplique los dos estilos gráficos guardados en el paso anterior a las otras formas del interior como se indica, pero asegúrese de desagruparlas primero.
Rellene las dos formas restantes de la letra "E" con el color que se muestra, luego complete las dos formas de la letra "S" con el degradado radial.
Las letras están casi listas. Los bordes de las letras no son nítidos debido al efecto de Papel de Nota aplicado, pero podemos solucionarlo con algunas máscaras de recorte.
Copie y pegue la forma de la parte frontal de la letra "N" y elimine todas las apariencias existentes. Seleccione el grupo que contiene esta forma, el texto y la forma frontal original, luego, en el menú Objeto, elija Desagrupar y luego Máscara de recorte> Crear.
Haga lo mismo para todos los lados de la letra que tienen aplicado el efecto Papel de nota, luego repita este paso para las otras tres letras.
Tome la herramienta Elipse (L) y dibuje un óvalo plano de 200 x 10 px. Ahora use la Herramienta de selección directa (A) para seleccionar solo los puntos de anclaje izquierdo y derecho, luego presione la opción Convertir los puntos de anclaje seleccionados en la esquina. Arrastre la forma resultante al panel Pinceles y elija Nuevo pincel de arte. En la ventana Opciones de pincel artístico, marque Proporcional.
Siga las esquinas y los bordes de las letras, luego use la herramienta Pluma (P) para dibujar los pequeños caminos rojos que ve a continuación. Recorra todos estos caminos con el pincel artístico definido en el paso anterior, luego cambie el peso a 0.25 pt. Con todos ellos seleccionados, vaya al menú Objeto y elija Expandir apariencia. Establezca el modo de fusión para multiplicar y bajar la opacidad al 30%..
Vamos a añadir algunas sombras. Dibuje las dos primeras formas con la herramienta Pluma (P), rellénelas con negro, luego vaya a Efecto> Desenfoque y aplique un Desenfoque gaussiano de 5 px. Envíe la forma de la izquierda detrás de la letra "E", pero delante de la letra "N" y la forma de la derecha, detrás de la letra "S", pero delante de la letra "W".
A continuación, dibuje las otras formas que se muestran en la segunda parte de la imagen y envíelas todas hacia atrás. Rellénelos con negro y aplique un desenfoque gaussiano de 8 px. Baja la opacidad al 40%..
Terminamos y aquí está la imagen final:
Accentsconagua