Comparación del proceso de creación de logotipos entre Adobe Photoshop e Illustrator

Lo que vas a crear

Muy a menudo, analizamos logotipos y proyectos de diseño gráfico únicamente en Adobe Illustrator. El tutorial de hoy produce un proyecto tanto en Adobe Illustrator como en Adobe Photoshop, destacando el proceso de diseño y utilizando métodos similares en cada programa..

1. Haz un boceto

Paso 1

Dibujé varios logotipos, diseños de distintivos y pancartas en mi cuaderno de bocetos. Aunque hice un conjunto completo de diseños, este tutorial se centrará en uno en particular: un diseño ovalado similar a las etiquetas de las botellas de cerveza en su forma, pero endulzado para una heladería..

Paso 2

Me decidí por el diseño ovalado para este tutorial y, como tal, dibuje variaciones del mismo con pancartas, copias adicionales y elementos de diseño alternativos. Quiero que la pieza le brinde al espectador la información que necesita: marca y tipo de producto.

2. Ovalos en Photoshop

Paso 1

Empecemos este tutorial en Adobe Photoshop CC (Definitivamente se pueden usar otras versiones, ya que la mayoría de las herramientas están presentes en varias versiones). Crear un Nuevo documento eso es sobre 6 pulgadas  por  8 pulgadas300 ppp

Utilizar el Herramienta Elipse (U) Para dibujar un óvalo grande. Rellénalo con un color claro, cremoso (R: 248 G: 231 B: 213) en el Propiedades panel. Botón derecho del ratón la capa de forma en el Capas panel, Rasterizar, y usar el Herramienta de marquesina rectangular (M) Para cortar una sección (ver abajo) del óvalo.

Paso 2

Utilizar el Herramienta de varita mágica (W) para seleccionar fuera de las mitades ovaladas y Invertir (Shift-Control-I) la selección. Ir Seleccionar> Modificar> ContratoContrato por 15 píxelesBorrar la nueva selección contratada de las mitades ovaladas para que te quedes con dos contornos.

Paso 3

Dibuja dos rectángulos largos en los bordes internos de cada mitad oval con la Herramienta Rectangular (U). Puede hacer coincidir el ancho exacto de los contornos seleccionando cada capa de forma con el Herramienta de selección directa (A) y definiendo la altura como 18pxSeleccionar sus capas de forma y Alinear ellos al Centrar con el Mover herramienta (V).

3. Banners y Fondo

Paso 1

En una nueva capa, dibuje un rectángulo y establezca el color de relleno en verde azulado brillante (R: 89 G: 189 B: 189). Rasterizar la capa y seleccione fuera de la mitad inferior del óvalo (cambie de capa, luego seleccione la capa del rectángulo verde azulado nuevamente). Borrar Las porciones del rectángulo que existen fuera de la selección..

Paso 2

Utilizando la Varita mágica, Selecciona el interior de la mitad oval superior.. Contrato la selección por 20 píxeles, como se hizo en Sección 2, Paso 2. Crear un Nueva capa y usar el Herramienta de cubo de pintura (G) Rellenar el área recién contratada con verde azulado..

Paso 3

Un disparo rápido del logo en este punto del tutorial. Reduzca la longitud de los rectángulos crema inferiores y dibuje los más pequeños en el centro de las formas ovaladas. Asegúrate de que cada elemento esté centrado.

Etapa 4

Seleccionar el trullo oval medio y hacer una Nueva capa en el Capas Panel (para piezas como esta, tiendo a hacer una capa para cada elemento del diseño para que se cambien fácilmente más tarde, como un documento creado en Ilustrador).

Utilizar el Herramienta de gradiente (G) colocar un Gradiente radial que va del verde azulado oscuroR: 18 G: 112 B: 112) a transparente dentro de la selección (en la nueva capa).

4. Coloque el texto

Paso 1

El texto en este diseño es bastante simple y directo. Escribe tu texto con el Herramienta de tipo horizontal (T). Para "Sweet Treats", utilicé Bebas Neue En la misma crema utilizada para las formas esbozadas. Mueva la mitad inferior de los elementos ovalados hacia arriba para que el texto encaje en el centro del diseño sin que se extienda más allá del rectángulo largo superior.

Paso 2

Para el texto "ICE CREAM", utilicé Archivo Negro, Escrito en letras mayúsculas debido a su apariencia atrevida y en bloques.. Rasterizar Seleccione la capa de texto y seleccione las letras (asegúrese de que haya una marquesina alrededor de las partes internas de la "R" y la "A") y elimine la selección de la capa de bandera verde azulado.. Esconder la capa de texto en el Capas panel.

Hacer una Nueva capa por encima de la capa de bandera verde azulado y utilizar el Herramienta gradiente con el fin de colocar Radial gradientes a cada lado de la pancarta (concentrar el verde azulado oscuro en los bordes). Seleccionar la bandera verde azulado (en la capa de bandera verde azulado) y Borrar las partes de la capa de degradado que no se intersecan con la bandera verde azulado (como se hizo en Sección 3, Paso 1).

Paso 3

Con el fin de agregar algunas colas de cinta en cada lado. Dibuja un rectángulo verde azulado oscuro con la Herramienta rectangular, Rasterizar la capa de forma, y ​​utilizar el Herramienta de lazo poligonal (L) para dibujar una selección en forma de triángulo para eliminar del rectángulo. 

Girar la forma 45 °, más o menos, Duplicar la capa, y vaya a Edición> Transformar> Girar horizontalFusionar (Control-E) Coloque las capas de cinta y colóquelas debajo de las capas de banner de ICE CREAM.. Seleccionar el banner y usa el Herramienta de borrador (E) para eliminar las cintas de la selección de texto (ver la imagen final a continuación).

Etapa 4

Seleccionar las capas de banner "HELADO" y vaya a Editar> Warp. Aplicar una Arco curva de -33%  Dependiendo de la colocación de tu banner. Mueva la pancarta doblada y baje la mitad oval hacia arriba en el diseño.

Paso 5

El toque de texto final para este diseño es "DESDE 1982" (o cualquier año en que se estableció su negocio real o imaginario) escrito en negrita Myriad Pro y en crema. Coloque en la parte inferior de la segunda mitad oval en 12 puntos14pt tamaño. Seleccionar tu texto con el Herramienta de texto horizontal y deformar el texto en una Arco estilo por -36%.

5. Dibuja el helado

Paso 1

Utilizar el Herramienta Pluma (P) Para dibujar un rectángulo con el borde superior curvo. Sujetar Alt Manipular las asas mientras se crea la curva. En el Caminos Panel, rellene la forma con el mismo color verde azulado utilizado anteriormente. Dibuja una tira delgada y curva (ver más abajo), también con la Lapicera y rellenarlo con crema. Borrar Las porciones de la tira que se extienden más allá de la forma de copa..

Paso 2

Utilizar el Herramienta de pincel (B) para dibujar un remolino de helado tipo nube. Traza la forma con el Lapicera en un Nueva capa y rellénalo con el mismo color crema utilizado en todo el tutorial. Utilizar el Herramienta elipse dibujar una linda cereza roja. EsconderBorrar la capa de helado dibujado.

Paso 3

Dado que se trata de un fondo blanco, el color crema claro se cambió a un melocotón dulce. Conserva el tema del color del sorbete pero es legible en colores claros. Si el logotipo va a estar en un fondo oscuro, opta por la crema clara..

Una vez terminado puedes Exportar su archivo o continúe diseñando insignias, pancartas y logotipos para "Sweet Treats", la compañía de helados favorita de todos que se creó para este tutorial. Vamos a pasar a crear el mismo diseño en Ilustrador Adobe

6. Crea el óvalo y los límites

Paso 1

Crear un Nuevo documento con las mismas dimensiones que Sección 2, Paso 1. Utilizar el Herramienta Elipse (L) para dibujar una gran forma ovalada y la Herramienta Rectangular (M) Para dibujar un rectángulo estrecho que se superponga al óvalo. Rellene ambos con el color crema de Sección 2, Paso 1Seleccionar ambas formas en hit Frente menos en el Pionero panel. Botón derecho del ratón la forma compuesta y el golpe Liberar ruta compuesta con el fin de separar el 

Paso 2

Dibuja cuatro rectángulos en el espacio entre las dos mitades ovaladas. Observe cómo los dos superiores son más largos que los inferiores y los dos externos son más gruesos que los dos rectángulos internos.

Paso 3

Seleccione la mitad ovalada superior y vaya a Objeto> Ruta> Ruta compensada. Entrada -6px Para el CompensarSeleccionar Tanto el óvalo superior como su forma desplazada y golpeó Frente menos en el Pionero panel. Repita con el óvalo inferior..

7. Texto y Banners.

Paso 1

Dibuja un óvalo más pequeño en la parte superior de la mitad oval crema. Establezca el color de relleno en el mismo teal utilizado en Sección 3, Paso 1, y cortar la parte inferior de la misma utilizando la técnica de Sección 6, Paso 1

Con el Tipo de herramienta, escribe "Dulces golosinas" en Bebe Neue. Ajuste el tamaño y la forma general del tipo con el Herramienta de selección (V)

Paso 2

Para crear el banner verde azulado, dibuje un rectángulo en la parte inferior de la forma ovalada. Selecciona ambas formas y usa el Herramienta de creación de forma (Shift-M) a fin de que Seleccionar las porciones exteriores del rectángulo, Deseleccionar, y Borrar ellos desde la pancarta. 

Paso 3

Con el Tipo de herramienta, escribe "HELADO" en Archivo NegroExpandir el tipo bajo ObjetoUnir el tipo en el Pionero panel. Seleccionar La forma del texto y la bandera verde azulado y el golpe Frente menos en Pionero.

Escriba "DESDE 1982"en Myriad Pro. Para deformar el texto, vaya a Efecto> Deformación> Arcocurva el texto por -17%. Coloca este texto en la parte inferior del óvalo..

Etapa 4

Copiar (Control-C)Pegar (Control-V) el banner "HELADO" y aplique un relleno de degradado, utilizando el Gradiente panel, que va de verde azulado oscuro (Sección 3, Paso 4) a 100%0% a 100% Opacidad.

8. Antecedentes, helados y cintas.

Paso 1

Dupdo Pegar la mitad oval trullo y aplicar una Gradiente radial ir desde trullo oscuro en 100% 0% de opacidad. Ajuste la colocación del gradiente con el Herramienta de gradiente (G).

Paso 2

Para la copa de helado, dibuje una elipse y un rectángulo del mismo ancho y Unir ellos en el Pionero panel. Utilizar el Herramienta Pluma (P) para dibujar la raya curva de color crema en la parte delantera de la taza. Como el proceso en Sección 5, Paso 2, dibujar la forma de helado con el Herramienta Pincel (B) y trazarlo con el LapiceraBorrar cualquier bocetos trazados de la Capas panel. Utilizar el Herramienta elipse dibujar una linda cereza roja y colocarla detrás de la forma de helado.

Paso 3

Para las cintas de la bandera del trullo, dibuje un rectángulo corto con la Herramienta rectangular. Utilizar el Lapicera Dibujar un triángulo en el lado izquierdo del rectángulo.. Seleccionar ambos y golpear Frente menos en el Pionero panel. Girar la forma 45 ° más o menos. DupdoPegar, y Reflejar la forma de la cinta sobre un Eje vertical y colóquelas a ambos lados de la pancarta verde azulado dentro del diseño (asegúrese de que esté colocada debajo de la pancarta en el Capas panel).

Etapa 4

Seleccionar los componentes del banner "HELADO" y Grupo (Control-G) ellos juntos. Ir Efecto> Deformación> Arcocurva es por -21%.

9. Variaciones de color

Paso 1

La elección del color es importante. Hice el fondo gris oscuro en este caso para que los detalles en crema sean visibles. Imagine que su logotipo se imprime en un periódico o en una revista, pero no se imprimirá en color. Querrá asegurarse de haber elegido los colores para esa instancia en particular para que su marca, producto y otra información puedan leerse..

Paso 2

La segunda variación es simple en blanco y negro. Omití la porción de cereza del diseño. Se eliminaron todos los gradientes (por eso los coloqué en una capa separada de la forma inicial), la crema se volvió blanca y el verde azulado y el verde azulado oscuro se volvieron negros..

Al igual que la variación en escala de grises, toda la información saliente se lee fácilmente siempre que exista sobre un fondo gris. Este ejercicio es útil no solo para publicaciones en blanco y negro, sino también para impresiones en color limitadas en las que solo puede elegir dos o tres colores..

Finalmente, al ver el diseño de su logotipo, el banner, etc., de esta manera, usted sabe qué partes del diseño destacan más. En este caso, son los helados y las palabras "TRATAMIENTOS DULCES", que son los elementos más importantes del diseño, ya que inmediatamente le dicen al espectador o consumidor qué es el producto o la empresa..

Bien hecho tu!

Un diseño básico (creado por separado, por lo que se produjeron variaciones) en dos programas. Si bien prefiero usar Ilustrador Para todo lo relacionado con el logotipo y el diseño, solo tener acceso a Photoshop No se debe limitar a un diseñador cuando se trata de crear conjuntos de diseños e ilustraciones similares. Puede hacer que los archivos y documentos sean más pesados, pero ser capaz de crear piezas vectoriales en forma de trama es una excelente manera de aprovechar al máximo un programa como Photoshop.