En este tutorial de Photoshop, te enseñaré cómo diseñar una cinta algo realista (una especie de dibujos animados) en Photoshop. Estoy seguro de que si lees este tutorial detenidamente, incluso los principiantes podrán comprender y seguir hasta el resultado final.
Esto es lo que diseñaremos en este tutorial:
1. Primeros pasos
Comencemos creando un nuevo documento en Photoshop. Usaré un tamaño pequeño de 500 x 400 píxeles, ya que esto no será para imprimir, ¡no necesito hacerlo enorme! Después de crear un documento en Photoshop, cree un fondo agradable y adecuado. Combinaré un par de texturas de madera diferentes que encontré en un sitio web de texturas gratuito. Aquí hay una pequeña lista de lugares donde puede obtener buenas texturas:
¿Cómo es ese look? En mi opinión, DeviantART es probablemente el mejor, ya que tiene una gran selección de texturas, no solo texturas de madera.
En la imagen de arriba, he aplicado Filtro> Renderizar> Efectos de iluminación con un tipo de luz Omni, para darle un poco más de interés. 🙂 ¿Estás contento con tu experiencia? ¡Eso espero! Pasemos al siguiente paso.
2. Crea la forma de la cinta
Bien, comencemos con la forma. Lo que quizás desee hacer antes de comenzar es habilitar la cuadrícula (Ver> Mostrar> Cuadrícula) luego modifique la configuración para ello, (Editar> Preferencias> Guías, cuadrículas y cortes…) Recomiendo cambiar la línea de cuadrícula a cada 10 píxeles con tan solo 1 subdivisión. Muy bien, haz la forma. Saque la herramienta Marco rectangular y haga una selección larga desde la parte superior hasta la zona media inferior.
Llene su selección con un degradado rojo oscuro y luego anule la selección. Los colores que he usado para mi degradado son # 9a0c03 para # 6c0a00. Una vez que haya llenado su selección con un degradado, haga otra selección triangular en la parte inferior de su cinta, esta será la parte cortada. Hacer su selección será más fácil si tiene la cuadrícula habilitada.
Obviamente, después de hacer su selección, debe pPulse eliminar para eliminar el área seleccionada..
3. Aplicar efectos a la cinta
Hagámoslo un poco más interesado ahora. Comience agregando algunos estilos de capa (haga clic con el botón derecho en su capa en la paleta de la capa y vaya a la Opciones de fusión.) puedes ver lo que he usado en la lista a continuación:
- Sombra paralela
- Brillo interior
¿Te gusta su aspecto hasta ahora? Agreguemos un par de efectos más de todos modos. Busque y obtenga la herramienta Grabar, y establezca la configuración en Oscuridad, 10%. Cepille ligeramente su cinta para darle un poco más de efecto. Luego, saque la herramienta Esquivar y establezca la configuración en Reflejos y 50%. Repite lo que hiciste con la herramienta de grabación, pero en diferentes lugares para darle más profundidad.
Se ve un poco mejor ahora, ¿verdad? 🙂 Ya casi terminamos aquí, pero creo que tenemos que agregue algunos toques finales!
4. Agregue texto y efectos de resaltado / sombra
Si desea agregar un poco de textura a su cinta, puede hacerlo siguiendo estos pasos:
- Crea una nueva capa, restablece tus colores a blanco y negro (presione D) luego aplicar Filtro> Renderizar> Nubes.
- Solicitar Filtro> Boceto> Cromo a la capa de nubes, luego seleccione los píxeles de la cinta (mantenga presionada la tecla Ctrl y haga clic en la miniatura de la capa de la cinta).
- Invierta su selección y presione eliminar, esto dejará su textura cromada dentro de la cinta.
- Cambie el modo de capa para su capa a Multiplicar y baje la opacidad a alrededor 20-30%.
Esto es con lo que salí:
Si el tuyo no salió muy bien, entonces no tienes que preocuparte por eso; esquivar y quemar debería ser suficiente. Después de hacer todo esto, podemos agregar algunos aspectos destacados de estilo brillante al banner, pero todo esto es opcional.
Comience seleccionando los píxeles de sus banners (mantenga presionada la tecla Ctrl y haga clic en la miniatura de la capa) y luego cree una nueva capa. Después de crear una nueva capa, contraiga su selección en aproximadamente 2 píxeles (Seleccionar> Modificar> Contraer) y luego muévala hacia arriba unos diez píxeles (una manera fácil de mover su selección hacia arriba en 10 píxeles es manteniendo presionado shift y presionando la tecla arriba una vez.)
Llene su nueva selección con un degradado muy oscuro (degradado de negro a transparente) y luego cambie el modo de capa a Cubrir o Luz tenuey baje la opacidad a alrededor 20-40%.
Duplique su capa de sombra, inviértala (ctrl + I) y muévala hacia abajo alrededor de 8-10 píxeles.
¿Efecto genial? ¿Sí? ¿No? ¿Quizás?
Muy bien, tenemos que terminar este paso agregando texto, ¡así que hagámoslo! Saque la herramienta Texto horizontal y escriba su texto horizontalmente … como dice la herramienta.
Bien, ahora gire el texto 90 grados en sentido antihorario y muévalo a su lugar. Terminé aplicando un estilo de capa de sombra simple.
5. Toques finales
Para los toques finales, apliqué un filtro de distorsión a la cinta / banner general, luego fusioné todo y apliqué algunos efectos de filtro de luz.
Si desea distorsionar la forma de su banner, siga estos sencillos pasos:
- En primer lugar, tendrá que fusionar todas las capas de la cinta, haga esto colocándolas todas en un grupo, luego seleccione el grupo y presione CTRL + G.
- Después de fusionarse, vaya a Filtro> Distorsionar> Onda u otro filtro de su elección. Para el filtro de distorsión de onda, tendrá que modificar la configuración para obtener un efecto agradable.
Ahora para terminar, algunos estilos de capas simples:
- Filtro> Renderizar> Efectos de iluminación
- Editar> Efectos de iluminación atenuados> 40%
- Filtro> Enfocar> Enfocar
- Editar> Atenuar nitidez> 30%
¿Cómo luce el tuyo?
¡Espero que disfrutes este tutorial! Deje un comentario si necesita ayuda o algo por el estilo.
¿Todavía no eres usuari@ de Fiverr?
Tenemos un artículo sobre Fiverr donde te contamos cono funciona.