Ya ha habido bastantes tutoriales sobre cómo documentar la fabricación de estas elegantes insignias estilo supermercado, ¡pero ninguno de ellos las ha convertido en insignias de suscripción! Bueno, en realidad no tengo pruebas de esa suposición, pero de todos modos.
En este tutorial de Photoshop, crearemos esas geniales insignias estilo supermercado, luego las convertiremos en botones de suscripción para su sitio web, ¡imprescindibles para cualquier blog!
1. Antecedentes
Bueno, el fondo obviamente no es muy importante, pero de todos modos haremos algo agradable y simple para nuestras insignias. De lo contrario, podría abrir una plantilla de blog en la que ha estado trabajando, para que pueda implementar la insignia allí.
Usaré un tamaño de documento de 800 x 600 píxeles para esto, bastante pequeño y fácil de trabajar con el tamaño. Una vez que haya creado un nuevo documento, rellene el fondo con un color oscuro. En este caso utilicé un marrón oscuro (# 2e1f13).
De acuerdo, una vez que haya configurado el color de fondo, es posible que esté satisfecho con eso, o puede encontrar una textura de madera agradable y ponerla en el fondo también.
De acuerdo, si quieres algunas texturas agradables de tablas de madera, deberías echarle un vistazo. Texturas CG. Ahora, si tiene una textura, cópiela en el lienzo y cambie su tamaño. Después de esto, baje la opacidad y juegue con los modos de capa para mezclarlo con el color un poco más.
Es posible que deba repetir este paso varias veces utilizando diferentes modos de capa y opacidades.
2. Base de la insignia
Creemos la base de nuestra insignia ahora. En primer lugar, busque y saque la herramienta de marco elíptico, luego haga una selección en el área media de su lienzo. Cree una nueva capa, luego complete su selección con un color apropiado.
Muy bien, ahora tienes la forma, necesitamos cortar una pequeña esquina y rotarla. Para hacer esto, primero saque el Herramienta Lazo poligonal, luego seleccione una esquina de su forma así:
Haga clic con el botón derecho en su selección y vaya a capa a través de corte, esto cortará los píxeles seleccionados y los colocará en una nueva capa. Gire su capa de efecto de piel (editar> transformar> rotar 180), es posible que deba moverlo ligeramente para que quede exactamente en la esquina.
Por último, rellena tu pequeña figura con blanco u otro color muy claro, para que contraste bien con la capa base.
Ahora tenemos un efecto peeling genial. ¡Espero haber estado explicando lo suficientemente a fondo hasta ahora! 😉
3. Efectos (estilos de capa)
Ahora, ¿qué tal si le damos a la insignia un poco más de profundidad? Lo que queremos hacer es aplicar un estilo de capa de superposición de degradado para cada una de nuestras capas, así que haga clic derecho en su capa y vaya a las Opciones de fusión.
Nota: Es posible que tenga que mover el degradado un poco, haga esto arrastrando el mouse debajo del cuadro de opciones de fusión.
Mucho más bonito.
4. Agregar texto
Ahora agreguemos algo de texto. Utilice la herramienta de texto horizontal (solo la normal) y escriba algo como «¡Suscríbete hoy!» en dos líneas.
Nota: La fuente utilizada anteriormente se llama Delicious, y es una fuente gratuita que puede descargar desde aquí.
Muy bien, ahora que tiene un buen texto hecho, querrá rotarlo y ubicarlo en la parte superior de su insignia. Mientras gira (ctrl + t), es posible que desee reducir su tamaño para que quede más ajustado.
¡Muy bien, te ves bien! Por último, para que el texto se destaque un poco más, debe agregar un ligero estilo de capa de Sombra paralela.
Adicional
Para terminar, debe fusionar todas las capas de su insignia y luego reducir el tamaño completo a aproximadamente el 25% de su tamaño original (dependiendo del tamaño que hizo el original).
También debes probar diferentes cosas con las insignias, como agregar una máscara de capa grungy o ir con el estilo tradicional de la Icono de RSS.
Gracias por leer a todos, si tienen una pregunta, una sugerencia o un comentario, por favor deje un comentario a continuación usando el formulario o envíeme un correo electrónico.
Suscribir
Si disfrutó de este tutorial, entonces puede estar interesado en suscribirse a PhotoshopStar para recibir actualizaciones por correo electrónico o lector de feeds. 🙂
¿Todavía no eres usuari@ de Fiverr ?
Tenemos un artículo sobre Fiverr donde te contamos cono funciona.