Cómo crear un logotipo curvo y extruido

Lo que vas a crear

En este tutorial, crearemos un logotipo curvado extruido que se basa en el proyecto Videohive Curved Chrome Logo. Pasaremos por una técnica para crear el efecto de curva con la ayuda de máscaras. Además, usaremos pocas expresiones y algunos trucos menores para controlar el efecto de superación, la extrusión y la sombra con la ayuda de solo unos pocos fotogramas clave.

1. Creando la Base del Proyecto

Paso 1

Crear una nueva composición. La composición debe ser 1920x400.

Paso 2

Inserta tu logo.

Paso 3

Haz otra composición con la misma. Altura y Anchura. Nombralo Logo + Trazo.

Etapa 4

Ahora inserte su composición de Logo en esta composición y haga una copia de ella.

Paso 5

Aplicar Llenar y Gargantilla simple Efecto en la capa de logotipo inferior y use la siguiente configuración.

Paso 6

Ahora haga clic derecho en la capa de Logo inferior, vaya a Estilos de capa y añadir Gradiente de superposición.

Paso 7

Utilice los siguientes ajustes para Gradiente de superposición.

Haga clic en Editar gradiente Opción para aplicar diferentes niveles de color en ella..

Paso 8

Si solo la capa inferior, verá algo como esto..

Habilite ambas capas para ver los bordes del logotipo que creé en el paso 5 con el efecto de Gargantilla simple.

2. Creando una Extrusión Curvada en la composición principal

Paso 1

Crear una composición Full HD.

Paso 2

Insertar Logo + Trazo comp en esta composición.

Renombrarlo a Logo1.

Paso 3

Crear un nuevo Capa de ajuste y renombrarlo a Controlador. Capa> Nueva> Capa de ajuste.

Etapa 4

Aplicar dos Controles de expresion en este Capa de ajuste. Control deslizante y Control de color.

Paso 5

Renombrar estos dos Controles de expresion a Profundidad de la curva y Extruir color.

Paso 6

Ahora seleccione el Logo1 capa y doble clic en el Mascara rectangular Opción de crear una máscara en él..

Luego haga clic en Forma para traer opciones de forma. Ahora los valores iniciales de Izquierda y Derecha fueron y 1920 Respectivamente. Los cambié a -1000 y 2920 para extender la mascara en Eje x solamente.

Ahora puede ver que la máscara es más grande que la capa en el eje X.

Paso 7

Duplicar el Logo1 ponte la capa Posición configuración presionando PAG mientras se selecciona la capa.

Paso 8

Alt + Clic en el cronómetro para insertar una expresión que nos ayudará a crear una Extrusión curvada efecto.

Paso 9

Ahora inserta esto Expresión en el Panel de expresion.

offset = thisComp.layer ("Controller"). effect ("Curve Depth") ("Slider") * - 1;
p = thisComp.layer ("Logo1")
offsetInterval = Math.abs (index-thisComp.layer ("Logo1"). index);
[p.position [0], p.position [1], p.position [2] + (offset * offsetInterval)];

El script anterior está conectado a la Profundidad de la curva de control de la expresión lo que compensará la capa de Logo1 por 1 píxel.

Paso 10

Crear 100 copias de Logo1 capa duplicándola.

Paso 11

Crear una nueva cámara.

Paso 12

Si gira el logotipo, verá que no hay absolutamente ninguna Extrusión en él..

Esto se debe a que el valor de profundidad de píxel está conectado por la profundidad de la curva, que es Cero en este caso.

Auméntalo en un píxel..

Debería ver Extruir ahora porque cada capa está separada por 1 píxel en el eje Z.

Paso 13

Traer en las opciones de máscara de la Logo100 Capa y usa las siguientes configuraciones y solo para ver la vista previa.

Paso 14

La razón por la que hice esto es para obtener una línea delgada del logotipo.

Seguí disminuyendo el valor de Expansión de la máscara Con cada capa me ayudó a lograr el efecto deseado..

Se puede ver que el valor de Expansión es disminuido por 3 en cada capa de 100 a 86.

Desde 85 a 63 el valor está separado por 2.5 por capa.

Desde 62 a 54 la diferencia de valor de expansión es 2 en cada capa.

Desde 53 a 32 la diferencia es 1.5 en cada capa.

En todas las capas restantes, la diferencia del valor de Expansión es solo 1.

Paso 15

Puede ver el efecto de curva en el logotipo porque la máscara siguió disminuyendo sobre las capas en el eje Z.

Aquí hay una vista lateral del logo..

Al observar más de cerca, puede ver que los bordes superiores del logotipo no están extruidos, mientras que la parte central está extruida..

Esta es también una razón para usar Logo comp con pequeñas Altura valor. El valor de Expansión de la máscara de las capas inferiores es casi 0 y los anteriores tienen un valor mayor que los de la parte inferior que corta una pequeña parte del logotipo desde los bordes, lo que simula un efecto de curva.

Paso 16

Cambia el logo para ver si funciona con todo..

Debería ver algo como esto

3. Control de la sombra, extrusión de color y efecto de superación de problemas

Paso 1

Ahora para controlar el Extrudir color, bloquear el Capa de controlador Panel.

Paso 2

Abre el Logo + Trazo capa y conecte el color de la Llenar efecto con Extruir color.

Debería ver algo como esto.

Paso 3

Cambia el color para ver si todo funciona bien..

Deberías ver lados sombreados en verde..

Etapa 4

Duplicar el Logo1 capa y cambiarle el nombre a Sombra.

Paso 5

Aplicar Llenar y Desenfoque rápido efectos con los siguientes ajustes.

Paso 6

Hacer un nuevo sólido y nombrarlo BG. Esto se usará como fondo para ver las sombras y sombras correctamente.

Paso 7

Poner BG capa debajo de todas las capas restantes. También duplicar la Sombra capa.

Paso 8

Aplicar CC Radial Blur efectuar en Sombra 2 capa con los siguientes ajustes.

Debería ver algo como esto:

Paso 9

Para hacer un Extrusión efecto, es importante que la Extrusión y la Sombra reaccionen de la misma manera. Para ello, conecta el Valor de la cantidad de CC Radial Blur al Profundidad de la curva efecto sobre el Controlador capa. Alt + Clic sobre el Cantidad de CC Radial Blur e inserte la siguiente Expresión.

thisComp.layer ("Controller"). effect ("Curve Value") ("Slider") * 7.5

Multipliqué la expresión con 7.5. Lo que significa que si el valor de Extrusión es 1, el valor de la sombra será 7.5 para que coincida con la densidad de Extrusión.

Paso 10

Para hacer un Superación efecto, hacer pocos Marcos clave sobre el Profundidad de la curva Valor.

Aquí están los valores que utilicé para la demo..

Paso 11

Entonces Alt + Clic En el cronómetro e inserte la siguiente expresión..

n = 0;
if (numKeys> 0)
n = la clave más cercana (tiempo). índice;
if (key (n) .time> time)
norte--;


si (n == 0)
t = 0;
else
t = tiempo - tecla (n). tiempo;

si (n> 0)
v = velocityAtTime (clave (n) .time- thisComp.frameDuration / 10);
amp = 7.5;
freq = 1.5;
decaimiento = 2.0;
valor + (v / 100) * amp * Math.sin (freq * t * 2 * Math.PI) /Math.exp (decay * t);
más
valor;

Esta expresión es utilizada y compartida por un usuario en Vimeo. Aquí está el enlace a la expresión. El crédito va a sus debidos autores para crear esta increíble Expresión de Superación de Problemas.

Es posible que desee jugar con los valores de amp, freq y decay. La distancia entre los cuadros clave y el valor del efecto Curva también afectará el efecto de Superación de problemas que puede ver en el video de vista previa.

Paso 12

Hay una cosa más interesante que puedes hacer. Puedes poner un valor negativo para el Profundidad de la curva y verás una curva inversa extruir.

Debería ver algo como esto.

Conclusión

En este tutorial, aprendimos cómo crear un efecto de extrusión curvo con la ayuda de la máscara y su valor de expansión. Redujimos el valor de la expansión con cada capa para lograr una curva bonita. Además, aprendimos cómo lograr un efecto de superación con la ayuda de un pequeño script y obtuvimos algunos aspectos diferentes con la ayuda de nuestra capa de controlador..

Nota: Puedes jugar con tus propios ajustes de máscara para obtener un efecto de curva único. Simplemente cambie los valores de Expansión de máscara en todas las capas para ver qué funciona mejor para usted.