El logotipo de una letra suele ser una empresa o al menos el nombre de una empresa. Muchas grandes empresas como Google, Facebook y WordPress utilizan sus primeras iniciales en los iconos de sus logotipos.
De acuerdo, quiero seguir con el tema de WordPress que creo para este blog, por lo que en este tutorial, le mostraré cómo crear un icono / logotipo de estilo de WordPress. Ya sabes, crear un logo no es fácil, así que lo dividiré en dos partes: la parte del formulario y la parte del texto.
¡Siga los pasos a continuación!
Nota: Todas las capturas de pantalla se toman de la versión para Mac de Adobe Photoshop 2021. Windows u otras versiones pueden tener un aspecto diferente. Los usuarios de Windows pueden cambiar la tecla Comando a Crtl y la tecla Opción a Alt.
Parte 1: Forma y contorno
Paso 1: Crea un nuevo documento en blanco en Photoshop. Puedes elegir el tamaño que quieras, porque el logo será un vector, lo que significa que podrás escalarlo más tarde sin perder calidad. Estableceré el tamaño del lienzo en 550 x 400 píxeles. Siéntete libre de hacer lo mismo.
Paso 2: usos Instrumento de elipse de la barra de herramientas y dibuje un círculo en el centro del lienzo. Mantenga presionado el botón Cambio mientras arrastra el puntero del mouse para hacer un círculo perfecto.
Paso 3: Seleccione Herramienta de selección de ruta en la barra de herramientas, haga clic y arrastre el puntero del mouse sobre el círculo para seleccionar.
Con el círculo seleccionado, presione Mando + C para copiar y Mando + V pegar en la misma capa.
Paso 4: habilitar Herramienta de transformación gratuita (Mando + T), mantenga presionado el botón Cambio y Opción , haga clic y arrastre el círculo pegado al punto central para disminuir proporcionalmente el tamaño.
huelgas Regreso/ingresar clave cuando esté satisfecho con el nuevo puesto.
Paso 5: Con el círculo interior seleccionado, agregue una máscara de capa.
Paso 6: Seleccione el círculo interior, vaya a la barra de herramientas superior y seleccione Disminuir la forma frontal.
Tu círculo debería verse así ahora.
Paso 7: Utilice la herramienta de selección de ruta para seleccionar el círculo exterior, copiar y pegar.
El nuevo círculo cubrirá el área blanca porque hiciste una copia del círculo exterior que es del mismo tamaño que el círculo exterior, más grande que el área blanca.
Use la herramienta de transformación para cambiar su tamaño, más pequeño que el círculo blanco. El resultado debería verse así:
Estoy empezando a sentir el logotipo de WordPress ahora. Solo quedan unos pocos pasos para completar el contorno y la forma, luego podemos pasar a trabajar en la fuente y la letra.
Paso 8: Simplemente seleccione el círculo interior y cópielo. Crea una capa de forma y pégala a la capa de forma.
Consejo rápido: puede seleccionar cualquier herramienta de forma y dibujarla en el lienzo para crear una capa de forma. No importa qué tamaño o forma dibuje, porque es simplemente para crear una capa de forma y eliminará la forma más tarde, dejando solo el círculo.
Bien, ahora finalmente podemos empezar a trabajar en la fuente del logo.
Parte 2: Tipografía y letras
Paso 1: usos Herramienta de tipo horizontal (predeterminado) para ingresar las letras que desea usar para su logotipo. La capa de texto debe estar por encima de las capas de forma.
Así es, no se ve nada bien. Entonces, el siguiente paso es hacerlo lucir hermoso.
Paso 2: Elija una fuente y establezca el tamaño de la fuente. Lo ideal es que las letras llenen el área central y se superpongan al área blanca, pero no al círculo exterior. Elegí la fuente Champignon Alt Swash (¡es gratis!).
Paso 3: Cuando esté satisfecho con el tamaño y la apariencia, haga clic con el botón derecho en la capa de texto y elija Convertir a forma.
La letra B debe convertirse a una forma vectorial, lo que significa que ya no puede cambiar su fuente. Lo editará como un formulario vectorial.
Sugerencia: si aún no está 100% seguro, duplicar la capa y ocúltelo solo si desea editarlo nuevamente.
Paso 4: Selecciona la capa Carta, copia y corta. La capa B desaparecería. Luego haga clic en la capa del círculo interior (Elipse 2), pegue la letra B.
Con la letra B seleccionada, seleccione la herramienta Pluma, vaya al menú superior y seleccione Disminuir la forma frontal.
Se verá así.
Sé que probablemente no puedas notar la diferencia. Pero si agrega una capa de color sólido debajo. Verás que la parte de la letra fuera del círculo ha desaparecido.
Sí, ya casi llegamos. El último paso es combinar todo en una sola capa.
Paso 5: Utilice la herramienta de selección directa para seleccionar el círculo exterior más pequeño (círculo blanco). Mantenga presionada la tecla Shift para seleccionar todos los puntos de anclaje, copie, corte y pegue en la capa Ellipse 2.
Ahora verá una ventana de mensaje cuando corte la forma, haga clic en Sí y verá un círculo sólido.
Cuando pegue en la capa circular, es posible que no pueda ver el boceto. Puede ocultar la capa inferior (Elipse 1).
Seleccione la herramienta Pluma y seleccione Excluir formas superpuestas.
Vuelva a activar la visibilidad de Ellispe 1 y siga el mismo paso para agregar el círculo exterior a la capa Ellipse 2.
Seleccione el último círculo exterior con la herramienta de selección directa, copie, corte y pegue en la capa Elipse 2.
Elija la herramienta Pluma y seleccione Excluya las formas superpuestas. Ahora todo debería estar en una sola capa. Ahora, cuando oculto otras capas, todo es visible en Elipse 2.
¡Eso es todo!
Crear un logotipo en Photoshop implica manipular capas. Tienes que tener cuidado con la capa en la que trabajas. Los detalles importan.
La ventaja de tener todas las formas combinadas en una capa es que siempre serán proporcionales entre sí. Y puede utilizar estilos de capa, como degradados, superposiciones de color, etc.