Si estás buscando darle vida a tu logotipo, agregar un contorno en Photoshop es una excelente manera de hacerlo. Lo bueno de los gráficos de contorno es que puede convertir su logotipo en solo un contorno o agregar un borde a su logotipo existente. Con tantos estilos para elegir, puede encontrar el diseño perfecto para su logotipo con facilidad. Ahora, aunque cubriremos algunas formas más técnicas de delinear un logotipo, esta es la forma más fácil de hacer las cosas si desea un método rápido y fácil.
Para delinear un logotipo en Photoshop, primero, asegúrese de que el logotipo tenga un fondo transparente y, a continuación, haga doble clic en la capa del logotipo para abrir los estilos de capa. En los Estilos de capa, establezca el estilo en Trazo, establezca el relleno de trazo en «Color sólido» y ajuste el ancho según sea necesario. ¡Ahora ha delineado su logotipo!
A lo largo de este tutorial, aprenderá todo lo que hay que saber sobre delinear un logotipo en Photoshop. Desde colores sólidos, logotipos solo de contorno, contornos degradados y más, su logotipo se verá más elegante que nunca con estos consejos.
Cómo delinear un Logotipo En Photoshop
Comencemos primero con el tipo de contorno de logotipo más básico en Photoshop.
Paso 1: Cree una Selección de Su Logotipo
Si su logotipo está en la misma capa que una imagen o tiene un fondo blanco, deberá eliminarlo para que esto funcione. Hay muchas maneras de crear una selección de su logotipo, pero la que recomiendo es la Herramienta Varita Mágica.
Para seleccionar la herramienta Varita mágica, pulse W en el teclado o localícela en la barra de herramientas.
Una vez activo, vaya a la barra de configuración superior y establezca el tamaño de muestra en 5 por 5 de media, la tolerancia en 25 y marque anti-alias. Si quieres saber el propósito detrás de cada una de estas configuraciones, echa un vistazo a este video tutorial.
Con la configuración de la varita mágica en orden, asegúrese de que la capa de logotipo esté seleccionada y, a continuación, haga clic en su logotipo en el lienzo para seleccionarlo. La herramienta Varita Mágica seleccionará todos los colores similares a su muestra, que en este caso es su logotipo.
Si su logotipo tiene varios colores, mantenga pulsada la tecla Mayús y haga clic en los colores adicionales que desee agregar a su selección.
Ahora le queda una selección alrededor de todo su logotipo.
Paso 2: Agregue la Selección a una Máscara de capa
Con esta selección activa, puede eliminar el fondo de su logotipo agregando una máscara de capa. Simplemente haga clic en el icono de máscara de capa en la parte inferior del panel capas mientras se selecciona su capa de logotipo.
Ahora su logotipo tendrá un fondo transparente.
Paso 3: Abrir estilos de capa
A continuación, haga doble clic en su capa de logotipo para abrir los Estilos de capa. Este panel contiene todas las opciones de diseño de capas, como crear un contorno (también conocido como trazo).
Paso 4: Establezca El Estilo en «Trazo»
Para agregar un contorno a su logotipo, haga clic en «Trazo» en las opciones de estilos en el lado izquierdo del cuadro de diálogo.
Paso 5: Establezca el Relleno de Trazo en Color Sólido
Establezca el Relleno en» Color sólido » dentro de la configuración de trazo para que su contorno se llene de color. También puedes rellenar tus contornos con degradados o patrones, pero hablaré de eso más adelante.
Con la opción de Color sólido elegida, puede hacer clic en el cuadro de color para seleccionar un color para su contorno.
Paso 6: Establezca la Posición de Trazo En «Centro»
Ahora cambie la posición de su trazo a Centro. Esto agregará un contorno igualmente alrededor de los bordes de su logotipo en lugar de solo en el borde interior o exterior. Aunque la configuración» Exterior » funciona mejor para las personas de contorno, la opción de centro ofrece mejores resultados para los logotipos.
Medida 7: Ajuste los Ajustes de trazo Adicionales Según sea necesario
Con todos los ajustes principales en orden, siga y ajuste el tamaño de contorno y el modo de fusión según sea necesario. Para la mayoría de las situaciones, querrá dejar el modo de fusión establecido en Normal. En cuanto al ancho del contorno, simplemente aumente el valor de tamaño para obtener un contorno más grueso de su logotipo.
Una vez que esté satisfecho, haga clic en Aceptar para salir de los estilos de capa.
El Resultado
Ahora ha agregado un sólido esquema de color para su logotipo utilizando los Estilos de Capa en Photoshop. La belleza de los estilos de capa es que ahora puede volver atrás y editarlos más adelante si es necesario. Mirando la capa de su logotipo, simplemente haga doble clic en su FX de capa para abrir los estilos de capa una vez más y editar la configuración de los trazos. De esta manera, puede ajustar fácilmente el color o el tamaño de su contorno más adelante en su flujo de trabajo.
Cómo Convertir un Logotipo En Un Contorno En Photoshop
Para este siguiente ejemplo, aprenderá a decir eliminar el color de su logotipo y dejar solo un contorno de color detrás.
Paso 1: Seleccione Su Logotipo Con La Herramienta Varita Mágica
Siguiendo pasos similares a la última sección, seleccione de nuevo la Herramienta Varita Mágica pulsando W o encuéntrela en la barra de herramientas.
Con la herramienta activa, vaya a la barra de configuración superior y establezca el tamaño de muestra en un promedio de 5 por 5, la tolerancia en 25 y marque anti-alias.
A continuación, haga clic en su logotipo para probar su color y crear una nueva selección. Si hay varios colores en su logotipo, mantenga presionada la tecla Mayús y haga clic en los colores que desea agregar a su selección.
Si la Herramienta Varita Mágica selecciona partes de la imagen que no desea seleccionar, mantenga presionada Alt u Opción y haga clic en la selección para eliminar esos colores.
Ahora tiene una selección activa alrededor de su logotipo que puede usar para crear su contorno.
Paso 2: Crea Una Nueva capa Encima de Tu Logotipo
Necesitas crear tu trazo en una capa separada de tu logotipo para que este efecto funcione. Para crear una nueva capa, haga clic en el icono de nueva capa en la parte inferior del Panel Capas. Asegúrate de que esté por encima de la capa de logotipo en la pila de capas.
Paso 3: Vaya a Editar > Trazo
Con su selección activa y su nueva capa seleccionada, vaya a Editar > Trazo para marcar su selección.
Paso 4: Establezca el Ancho y el Color del contorno
En el cuadro de diálogo que aparece, puede ajustar el aspecto de su trazo. En primer lugar, elija un ancho para su trazo. Cuanto mayor sea este número, más grueso se verá su logotipo delineado.
A continuación, haga clic en la opción de Color y elija un color para el contorno de su logotipo.
Luego establezca la posición en «Centro» para que su contorno se extienda por igual en el borde exterior e interior de su selección.
Una vez que esté satisfecho, haga clic en Aceptar para aplicar el trazo a su selección.
Paso 5: Pulse Comando / Control + D Para Anular la Selección del Logotipo
Ahora se ha creado un contorno alrededor de su logotipo, pero la selección sigue activa. Pulse Comando + D (Mac) o Control + D (PC) en el teclado para deseleccionarlo.
Paso 6: Ocultar la capa de logotipo
Para finalizar el efecto, haga clic en el icono del globo ocular junto a la capa de logotipo para que sea invisible. Ahora todo lo que queda es la capa con su contorno en ella, creando un logotipo de solo contorno.
El Resultado
Con estos sencillos pasos, usted puede quitar el color sólido de su logotipo y reemplazarlo con un esquema. ¡Esta es una manera fácil de crear un aspecto diferente para su logotipo y darle vida a su marca!
Cómo Alejar el contorno De Los Bordes De Un Logotipo
En los dos últimos ejemplos, aprendió a crear un contorno alrededor de los bordes exactos de su logotipo, pero ¿qué pasaría si quisiera alejar el contorno más? Con una ligera variación de lo que has aprendido hasta ahora, puedes hacer eso fácilmente.
Una vez más, debe comenzar seleccionando su logotipo. Si el logotipo ya está recortado, simplemente presione Comando o Control y haga clic en la miniatura de la capa del logotipo. Esto convertirá su logotipo en una selección activa basada en los píxeles visibles en la capa.
Si su logotipo aún no se ha recortado, puede aprender a hacerlo rápidamente aquí.
Con su selección activa, vaya a Seleccionar > Modificar > Expandir.
En el cuadro de diálogo que aparece, establezca un número de píxeles para especificar qué tan lejos desea que esté su contorno del logotipo. En este ejemplo, estableceré 50px para espaciado moderado.
Ahora la selección activa se desplazará hacia afuera en la cantidad que especificó en el cuadro de diálogo anterior. Ahora cree una nueva capa y colóquela encima de la capa de logotipo para que pueda editar de forma no destructiva.
Con la nueva capa seleccionada, añadir un trazo a la selección va a Editar > Trazo. En el cuadro de diálogo que aparece, establezca el ancho, el color y la posición de su contorno. Como quiero que mi trazo aparezca lo más lejos posible del logotipo, estableceré la posición en «Fuera».»Ahora el trazo solo aparecerá en el borde exterior de la selección activa.
Una vez que esté satisfecho con la configuración, haga clic en Aceptar para agregar el trazo a su selección. A continuación, pulse Comando + D (Mac) o Control + D (PC) para anular la selección de la selección activa.
Dado que expandió la selección lejos de su logotipo, el trazo se crea lejos del borde para un aspecto más único.
Incluso puede intentar usar el contorno para un aspecto con halo seleccionando la capa de contorno y reposicionándola con la herramienta Mover (V).
Cómo Agregar Un Contorno Degradado A Un Logotipo En Photoshop
Para crear un contorno de logotipo degradado, asegúrese de que su logotipo tenga un fondo transparente y, a continuación, haga doble clic en la capa de logotipo para abrir los Estilos de capa. A continuación, seleccione el estilo de trazo y establezca el relleno en Degradado. Puede personalizar aún más el contorno del degradado seleccionando un valor predefinido en el Editor de degradados.
Desglosemos esto más en profundidad.
Usando los métodos que aprendiste anteriormente en esta publicación, asegúrate de que tu logotipo tenga un fondo transparente. Siempre recomiendo usar la herramienta Varita Mágica para este tipo de selección.
Una vez que el logotipo tenga un fondo transparente, haga doble clic en la capa de su logotipo para abrir los Estilos de capa. Al igual que antes, seleccione el estilo de trazo, pero ahora establezca el relleno en Degradado.
Para personalizar el contorno del degradado, haga clic en el editor de degradados y elija uno de los degradados predeterminados disponibles.
Si prefiere crear sus propios colores personalizados, haga doble clic en las muestras de color debajo de la vista previa de degradado para editarlas. Para obtener más información sobre cómo personalizar degradados, consulta este tutorial.
Con el aspecto de su gradiente en orden, puede ajustar las configuraciones adicionales, tales como el gradiente del ángulo, estilo y escala. Para la mayoría de los contornos de logotipos, el estilo de degradado lineal funciona mejor, pero no dude en experimentar. La opción ángulo cambiará la dirección en la que se dirige el gradiente. Por último, la escala ampliará el degradado y alterará el aspecto de la transición de color.
Una vez que esté satisfecho con los ajustes de trazo adicionales, haga clic en Aceptar para salir de los estilos de capa. ¡Ahora te queda un impresionante contorno degradado alrededor de tu logotipo!
Cómo Agregar un Contorno con patrones A Un Logotipo En Photoshop
Para agregar un contorno con patrones a un logotipo en Photoshop, simplemente debe elegir la opción Relleno de patrón en los Estilos de capa. Como antes, asegúrese de que su logotipo tenga un fondo transparente y, a continuación, haga doble clic en él para acceder a los Estilos de capa.
Al hacer clic en el Estilo de trazo, cambie el tipo de relleno a «Patrón».»
Al hacer clic en la Vista previa de patrones, puede elegir entre una variedad de patrones predeterminados en Photoshop. Si quieres darle vida a las cosas, puedes obtener nuevos patrones gratis de Brusheezy.
Desde allí, puede personalizar la escala y el ángulo de su patrón según sea necesario para adaptarse a su estilo.
Luego, revise y ajuste el resto de los ajustes de trazo para refinar el contorno estampado del logotipo. Una vez completado, haga clic en Aceptar.
¡Ahora tiene un patrón fresco alrededor de su logotipo en lugar de un contorno de color jane liso!
Cómo rellenar el contorno De Un Logotipo Con Una Imagen
El efecto final de contorno del logotipo en Photoshop es rellenar el contorno con una imagen. Usando la ayuda de una máscara de recorte, esto se puede hacer muy rápidamente sin usar los Estilos de capa.
Después de eliminar el fondo del logotipo, pulse Comando o Control y haga clic en la miniatura de la capa del logotipo para crear una selección.
Ahora cree una nueva capa y colóquela encima de la capa del logotipo para que pueda editar el contorno independientemente del logotipo.
Con la nueva capa seleccionada y la selección activa, vaya a Editar > Trazo para delinear su selección. En el cuadro de diálogo que aparece, elija el ancho que desee para el contorno. El color no importa ya que será cubierto por una imagen en el siguiente paso. Por último, haga clic en Aceptar para aplicar el trazo a su selección.
A continuación, pulse Comando o Control + D para anular la selección de la selección activa.
Ahora abra la capa de imagen con la que desea rellenar su contorno y colóquela encima de la capa de contorno. Una vez colocada la imagen, haga clic derecho sobre ella y seleccione Crear máscara de recorte. Esto hará que la capa de imagen solo sea visible dentro de los parámetros de la capa a la que está recortada, que es el contorno.
A continuación, puede personalizar la posición y el tamaño de la imagen en el contorno accediendo a la herramienta Mover (V), haciendo clic en la capa de la imagen y, a continuación, haciendo clic y arrastrando sobre el cuadro transformar para ajustarlo.
¡Y ahora tienes un contorno alrededor de tu logotipo lleno de una imagen!
Como puede ver, hay una variedad de excelentes formas de delinear un logotipo en Photoshop. Ya sea que desee un contorno de color simple, un contorno de degradado, un contorno de imagen y más, ¡ahora tiene todas las habilidades para hacerlo! Ahora, para ayudarlo a personalizar aún más el aspecto de su logotipo, consulte este siguiente tutorial sobre cómo cambiar el color de cualquier logotipo en Photoshop.
Contornear feliz,
Brendan 🙂