Cómo hacer un logo en Photoshop

Cómo hacer un logo en Photoshop

Antes de comenzar con cómo hacer un logotipo en Photoshop, debemos abordar el elefante en la habitación: Photoshop CC no se creó teniendo en cuenta el diseño del logotipo. Una de las cualidades fundamentales de un logotipo es poder escalar hacia arriba y hacia abajo sin perder calidad. Esta es la razón por la que el software basado en vectores, como Illustrator, es la opción preferida para crear logotipos, donde la base de píxeles de Photoshop es menos adecuada. Para obtener más información sobre cómo diseñar un logotipo con Illustrator, consulte esta práctica guía , que lo guiará a través del proceso, desde el concepto hasta su finalización.

Pero lo que le falta a Photoshop en aplicación, lo compensa con creces en popularidad, especialmente en comparación con Illustrator CC . Entonces, si necesita saber cómo crear un logotipo destacado, pero no desea pagar por un software que no necesita, este tutorial es para usted. Le mostraremos cómo diseñar un logotipo básico en Photoshop, utilizando herramientas de formas sencillas, degradados y opciones de texto. Explore estas opciones y estará creando sus propios logotipos en Photoshop en poco tiempo. Estamos usando Photoshop CS6, pero el mismo proceso se aplica a otras versiones.

Cuando se trata de diseñar su propio logotipo, es posible que deba comenzar a pensar en la identidad y el estilo de la marca. Para obtener más inspiración, diríjase a nuestra guía profesional para diseño de logo , que te dice todo lo que necesitas saber sobre el mundo de los logotipos.



01. Crea un nuevo lienzo

diseño de logo en Photoshop

Establezca su línea de cuadrícula cada 50 píxeles

Abra Photoshop y cree un nuevo documento. Usé un tamaño de lienzo de 500px x 500px, pero los tamaños más grandes funcionarían igual de bien. Puede cambiar el tamaño del lienzo en cualquier momento. Vaya a Photoshop> Preferencias para establecer una línea de cuadrícula cada 50px. Luego active las cuadrículas, en el lienzo, presionando cmd + ' o Ver> Mostrar en la barra de opciones. Asegúrese de que Ajustar a la cuadrícula esté activado, en Ver> Ajustar a.

02. Dibuja una forma básica

diseño de logo en Photoshop

Crea una forma de flecha

Seleccione la herramienta Pluma en la barra de herramientas o presione PAG y asegúrese de que esté configurado en Forma en la parte izquierda de la barra de Opciones, en lugar de Ruta. Use el bolígrafo para dibujar una forma de punta de flecha, comenzando en el punto central del lienzo y usando intersecciones de líneas de cuadrícula para sus otros puntos. Nombrar las capas no es necesario para este proyecto, pero puede ser útil en documentos más complicados, donde hay muchas capas.

03. Duplica y edita la forma

diseño de logo en Photoshop

tarjeta de memoria sandisk para cámara canon
Duplica tu capa para poder editar la forma

Duplica la capa presionando cmd + J y haga clic en la nueva capa para seleccionarla. Utilice la herramienta de selección directa, acceso directo A , para hacer clic en el punto más alto de la punta de flecha, ubicado en el centro del lienzo. Mueva este punto hacia abajo algunos cuadrados de la cuadrícula, manteniendo presionada la tecla Shift para mantenerlo bloqueado en el eje y.

04. Agrega color con un degradado

diseño de logo en Photoshop

Los degradados todavía están de moda en el diseño de logotipos, así que agregue uno a su logotipo

Cree un nuevo degradado en el menú desplegable Relleno, a la izquierda de la barra de Opciones. En la ventana de degradado, haga doble clic en los controles deslizantes inferiores para que aparezcan las opciones RGB, donde puede elegir sus colores; Opté por un azul claro y oscuro. Luego aplique este degradado a ambos objetos, cambiando la rotación del degradado para que se opongan entre sí. Si no puede ver las opciones de Relleno, es posible que tenga seleccionada la herramienta Mover, así que cambie a la herramienta Pluma o Forma.

05. Agrupa y duplica tus capas

diseño de logo en Photoshop

tabla de comparación de tamaño de barco de ciencia ficción
Ordena las cosas agrupando tus capas

Agrupe las dos capas seleccionándolas y presionando el botón de grupo, que parece una pequeña carpeta, ubicada en la parte inferior de la pestaña Capas. Esto evita que la pestaña Capas se ensucie y facilita el manejo de las dos capas juntas.

Duplique este grupo y use la función Transformación libre para rotar el nuevo grupo noventa grados, manteniendo presionada la tecla Mayús para rotar en incrementos de quince grados. Puede acceder a Free Transform usando cmd + T o en Editar> Transformación libre. Ahora mueva el segundo grupo hacia arriba, hasta que refleje la forma original, usando el centro del lienzo como una línea de simetría.

06. Transforma las formas

diseño de logo en Photoshop

X marca el lugar. Quizás

Mueva cada forma hacia arriba o hacia abajo un cuadrado de la cuadrícula, alejándolo del punto central, usando Mayús + tecla de cursor.

07. Agrupar, duplicar, repetir

diseño de logo en Photoshop

Crea una forma más elaborada duplicando la que tienes

Usando el mismo método del paso # 5 para agrupar las capas, duplique el grupo y gire noventa grados. La nueva forma debe parecerse a una especie de forma de cruz.

08. Dibuja un círculo con la herramienta Forma

diseño de logo en Photoshop

Talle nuestro espacio en su logotipo agregando un círculo

Desplácese por las herramientas de forma hasta que encuentre un círculo, ya sea haciendo clic y manteniendo presionado el icono en la barra de herramientas o presionando Mayús + U . Haga clic en el punto central del lienzo, manteniendo presionada la tecla Alt para dibujar un círculo que irradia desde el centro, y Mayús para mantener proporcionales el ancho y la altura. Si comete un error, puede deshacer o volver a editar su forma usando Transformación libre.

09. Dibuja un rectángulo y alinéalo con el centro

diseño de logo en Photoshop

Haga espacio para el texto con un rectángulo

Desplácese por las herramientas de forma nuevamente, hasta que encuentre la herramienta Rectángulo. Dibuje un cuadro blanco en el gráfico, encima de las otras capas, dejando suficiente espacio para el texto. Puede alinear esto con el centro del lienzo haciendo clic en la capa del rectángulo y la capa inferior (que debe ser un cuadrado blanco, del mismo tamaño que el lienzo) y usando las herramientas de alineación, que se encuentran en Capas> Alinear en la barra de menú o los botones de alineación en la barra de opciones.

Los usuarios más avanzados podrían usar este rectángulo para restar de las formas siguientes, usando Capa> Combinar formas, pero por ahora nos limitaremos a usarlo como un bloque blanco.

mejores ofertas de cyber monday para portátiles 2018

10. Agrega tu texto

diseño de logo en Photoshop

Vamos a llamar a nuestro logo 'copo de nieve'. No te ofendas

Dibuje un cuadro de texto sobre el rectángulo, haciendo clic en el icono T en la barra de herramientas o presionando T y luego arrastrar por el lienzo. Escriba su texto en el cuadro y céntrelo, usando los botones en la pestaña Carácter. Use la herramienta de alineación nuevamente para centrar esto en el lienzo.

11. Elija un tipo de letra adecuado

diseño de logo en Photoshop

Obtener el tipo de letra adecuado para su marca es clave

Elija un tipo de letra que se adapte a su marca. Hay muchas fuentes gratuitas, pero es crucial elegir una para la que tenga permiso para usar; consulte nuestra fuentes gratis resumen de algunas ideas para comenzar. Dado que este logotipo puede aparecer en muchos de sus activos, sería una mala noticia utilizar un tipo de letra descargado ilegalmente. Juega con el tamaño y el color hasta que te guste lo que ves.

12. Ajuste su kerning

diseño de logo en Photoshop

No olvides ajustar tu texto

Kern el texto. Esto significa ajustar el espacio horizontal entre letras individuales, maximizando la legibilidad de la palabra. Puede hacerlo en la pestaña Tipo, marcada con V | A, o haciendo clic entre las letras y presionando todo + izquierda o todo + derecha. Para obtener más información sobre el kerning, consulte nuestra publicación sobre cómo escribir kern .

13. Agregue los detalles finales y exporte

diseño de logo en Photoshop

No olvide guardar como archivo psd para que pueda editar su logotipo más tarde

Haz los ajustes finales que necesites para darle ese algo especial. Para la imagen principal en la parte superior de esta página, agregué dos barras más pequeñas arriba y debajo del texto, coloreadas con el mismo degradado. También agregué un fondo, sombra y reflejo, usando técnicas similares a los otros pasos, así como usando máscaras de capa para agregar desvanecimiento.

Cómo ocultar la foto de portada del público en la línea de tiempo de Facebook

Cuando esté satisfecho, guarde la imagen en el formato que necesite. Usé RGB jpg aquí para el formato web, pero también lo guardé como un archivo psd para poder regresar y hacer cambios.

Leer más: