Cómo crear un logo profesional en 10 pasos sencillos y económicos

[Marcos Lora]

Enlace eliminado

Hey! te imaginas de esas veces que andas iniciando un blog, un foro, una website en general ..
¿pero no tienes mucho presupuesto?
Lo se a todos nos ha pasado, es por ello que el día de hoy te traigo este tutorial para que puedas crear un Logo Profesional sin morir en el intento..

Atención!: El consumo de este post puede hacer que la persona que lo lea sea mas intelectual, sexy, carismática y buena onda ya tu sabe como un diseñador ps.
Atención 2! por favor no te olvides del atención de arriba.


Como les comente seran tan solo en 10 pasos para hacer esto mas sencillo, no me gusta condicionar pero si este post tiene varios me agrada así mismo un buen alcance creare mas de este tipo para poder compartir mi conocimiento y apoyar a forobeta en el departamento de diseño.


Comencemos.


------------------------------------ Paso 1 ------------------------------------

Abrir Photoshop

Enlace eliminado

Este paso realmente es muy sencillo no se necesita tanto conocimiento en la materia... si necesitas ayuda con este paso entonces mandame un mp 😛



------------------------------------ Paso 2 ------------------------------------

Crearemos un nuevo documento con las medidas:
800px - 400px
Esta medida siempre la uso y que los logotipos siempre son rectangulares en 1 línea

Enlace eliminado

Hey! ya casi acabamos! solo te falta unos 8 pasos y unos 10m de frustración por que algo que anda saliendo mal hasta que te das cuenta que era una tonteria... pero en resumen ya casi acabamos!...


------------------------------------ Paso 3 ------------------------------------

Seleccionamos la herramienta Texto y con ella escribimos el texto de nuestro Logo
Buscamos la fuente que mas te guste y esa usaremos
En mi caso pondré el ganador del post que puse en DLQQ

Enlace eliminado

Si terminaste este paso dale me agrada para sentirme querido... bueno si vas en este paso felicidades ya casi tenemos un logo bonito, barato y bueno... ya, ya, deja de leer esto y sigue el paso 4!

------------------------------------ Paso 4 ------------------------------------

Ahora vamos agregando los colores que usaremos te recomiendo usar siempre 2
En este paso ocuparemos algo muy básico en lo que es diseño y prácticamente todo lo que vemos... y es "la psicología del color" si deseas saber que colores usar para cada nicho da Enlace eliminado
Yo usare colores:
Negro - Gris: para la key secundaria u Ordinaria que seria "imágenes"
Rosa- Rojo: para la key Principal o complementaria que seria "Lindas"


Enlace eliminado

Puedes seleccionar mas colores pero siempre comiendo que si el fondo de tu theme es claro ps usamos 2 colores y si tu key tiene 3 palabras usaras: color 1 | color 2 | color 1, si no te queda claro esto... léelo de nuevo y continuemos al 5...

------------------------------------ Paso 5 ------------------------------------

Agregamos un objeto + icono
Pon mucha atención en esto por que no pondré la imagen 2 veces eh!
1. Movemos con la herramienta

el texto para poder meter el objeto + icono
2. ahora que movimos el texto haremos lo siguiente:

Enlace eliminado

Si lo se, es algo complejo pero analiza bien para que puedas completar este paso.
Oye no te desesperes ya andamos terminando!

------------------------------------ Paso 6 ------------------------------------

Agregamos el icono adentro del objeto para que se vea kawaii!
en este paso usaremos el mismo método de arriba pero seleccionamos "herramienta forma personalizada"

Enlace eliminado

Ah!! pero pensabas que era bien facil diseñar no ¬¬? para que entiendas el trabajo de un diseñador!

------------------------------------ Paso 7 ------------------------------------

Listo! ya hemos acabado ahora simplemente vamos a redimensionarlo y guardarlo!
Seleccionamos la herramienta "cortar" y le damos la dimensión a contorno de la imagen

Enlace eliminado

Ps como te digo que ya terminaremos?! es aquí cuando sientes muy lindo por que pudiste hacerlo, oh sientes frustración por que te atoraste en el paso 4...

------------------------------------ Paso 8 ------------------------------------

Quitamos el fondo y guardamos el logo en formato PNG (transparente)
se verán esos cuadritos... eso se llama transparencia
Enlace eliminado

------------------------------------ Paso 9 ------------------------------------

El final se acerca ya... así que solamente nos falta guardar el logotipo!!
archivo - guardar como - listo!!!!

Enlace eliminado

------------------------------------ Paso 10 ------------------------------------
Realmente el ultimo paso no existe simplemente es que nos tomemos unas cervezas y que Enlace eliminado nos acompañe en la celebracion! hip hip urra!

Enlace eliminado

------------------------------------ resultado final ------------------------------------
Así se vería el logotipo:
ahí muestro variaciones de colores + fonts

Enlace eliminado

-----------------------------------------------------------------------------------


Espero en verdad que te haya gustado mi tutorial... ser diseñador es muy bonito por que a pesar de que muchos piensan que solo es agregar un texto + imagen no saben el estudio y conocimiento que hay que tener para que el logotipo por mas sencillo que parezca sea la primera carta de presentación
de tu blog/web.



Gracias.





​

 

[pedro salinas]

Hola yoooooooooooooo

 

[Dangel Belandia]

Gracias amigo, quedo muy bien ese logo. A pesar de ser simple es muy agradable a la vista. 😛7:

Se agradece tu aporte (lo pondré a prueba), y de paso te dejo un me gusta. :welcoming:

Saludos.

 

[lepeee]

bueniiiiiiiiiiiiiiiiiiiisimo

 

[courvalant]

A mí me gustó. Gracias. :encouragement: :star2: 😛8:

 

[buenaweb]

así me gusta simple y ligero :encouragement: ya que hacer logos pesados con demasiados artilugios no sirve de nada

 

[Marcos Lora]

Hola yoooooooooooooo

Gracias amigo, quedo muy bien ese logo. A pesar de ser simple es muy agradable a la vista. 😛7:

Se agradece tu aporte (lo pondré a prueba), y de paso te dejo un me gusta. :welcoming:

Saludos.

bueniiiiiiiiiiiiiiiiiiiisimo

A mí me gustó. Gracias. :encouragement: :star2: 😛8:

así me gusta simple y ligero :encouragement: ya que hacer logos pesados con demasiados artilugios no sirve de nada

Muchas gracias a todos!

aver que se me ocurre en el siguiente!

 

[pedro salinas]

simple y directo ""EL logo es sencillo pero hermoso asi es como me gustan a mi los diseños a favoritosssssssss :encouragement:

 

[Lyndbeck]

[MENTION=22424]Marcos Lora[/MENTION], a pesar de ser una lección sencilla, te dejo el " Me agrada " por 3 motivos:

1. Enseñarme a crear un banner sencillo por si me es necesario.
2. Enseñarme a utilizar herramientas que no sé usar de Photoshop CS6.
3. Hacerlo de forma tan " cómica ", pues es más agradable para la vista que comerse 16 párrafos de texto
4. ¿Dije que eran 3? Pues te mentí 😀 Gracias por hacer el tutorial con sus imágenes y de forma que sea de fácil comprensión.

Si sacas otro tutorial, sea sobre diseño o cualquier otro tema, me mencionas para ver si me interesa el tutorial :encouragement:

 

[agiramx]

Buen tuto y simple .

pero quisiera recalcar algo basico y que muchas webs que veo en el foro no lo hacen y es el echo de que si tu URL tiene 2 o mas palabras y las usas en el logo la separes con un color diferente haciendo mas énfasis en la parte mas difícil .
uno de los mejores ejemplos es el logo de youtube

 

[Marcos Lora]

Buen tuto y simple .

pero quisiera recalcar algo basico y que muchas webs que veo en el foro no lo hacen y es el echo de que si tu URL tiene 2 o mas palabras y las usas en el logo la separes con un color diferente haciendo mas énfasis en la parte mas difícil .
uno de los mejores ejemplos es el logo de youtube

Asi es para que se recalque mas... y sea mas llamativo

 

[Lyndbeck]

[MENTION=140909]agiramx[/MENTION], a qué te refieres con la parte más difícil (?)

 

[Marcos Lora]

Enlace eliminado, a qué te refieres con la parte más difícil (?)

a lo que se refiere el que la parte mas dificil muchas veces es elejir los colores

 

[Lyndbeck]

a lo que se refiere el que la parte mas dificil muchas veces es elejir los colores

Pensaba que se refería a que siempre hay que remarcar la KEY más importante o la más difícil de posicionar de un color llamativo para que el visitante se quede con ella a la hora de entrar a tu web y ver el logo.

 

[agiramx]

[MENTION=140909]agiramx[/MENTION], a qué te refieres con la parte más difícil (?)

Por ejemplo simple .

compras el dominio -- juegos.org por que juegos.com esta ocupado
y como sabemos el .com es el mas conocido y por ende es mas fácil de recordar a si que lo que queremos hacer
es que el usuario recuerde el nombre de tu web y extension (en este caso la extension .org )
lo que se haria es resaltar de algún modo ( font , color etc ) el .org de modo que cuando el usuario quiera volver a tu web recuerde mas fácilmente que es .org y no .com como la mayoria suele buscar .

en mi caso me ha pasado varias vece que quiero regresar a una web y entro a otra 😕 solo por que no recuerdo la extension del dominio y a parecer pocos ponen a tecion a ese gran detalle , tambien debe de ser agradable a la vista CLARO.

 

[Marcos Lora]

Por ejemplo simple .

compras el dominio -- juegos.org por que juegos.com esta ocupado
y como sabemos el .com es el mas conocido y por ende es mas fácil de recordar a si que lo que queremos hacer
es que el usuario recuerde el nombre de tu web y extension (en este caso la extension .org )
lo que se haria es resaltar de algún modo ( font , color etc ) el .org de modo que cuando el usuario quiera volver a tu web recuerde mas fácilmente que es .org y no .com como la mayoria suele buscar .

en mi caso me ha pasado varias vece que quiero regresar a una web y entro a otra 😕 solo por que no recuerdo la extension del dominio

Lo que tu comentas se llama branding y no es tanto marcar la extencion es marcar todo el contenido web con el dominio... ya que asi tu subconciente lo recuerda mejor.

 

[agiramx]

Lo que tu comentas se llama branding y no es tanto marcar la extencion es marcar todo el contenido web con el dominio... ya que asi tu subconciente lo recuerda mejor.

Soy lic en psicologia y no de diseñador .

pero el branding lo usan mas en mercadotecnia a la hora de crear una marca , como los que crean web unicas o incluso youtube (que tiene tutoriales de como hacerse como marca ) que tienen que vender una imagen a los usuarios para que vuelvan .

a si que si un sitio web se hace por gusto hay que ponerle el diseño mas bonito y chulo que se nos haga .
pero si lo haces por dinero hay que crear la marca y ponerle el diseño que mejor se adapte al usuario , consumido o como le llamen .

claro que esto tiene mas fuerza cuando ya tiene muchas vistas .

- - - Actualizado - - -

[MENTION=140909]agiramx[/MENTION], a qué te refieres con la parte más difícil (?)

juegosdemama.org

o

juegodemama.org

un ejemplo muy basico , pero con un buen diseñador como [MENTION=22424]Marcos Lora[/MENTION] seria un nombre facil de recordar para tus visitantes

 

[Marcos Lora]

Soy lic en psicologia y no de diseñador .

pero el branding lo usan mas en mercadotecnia a la hora de crear una marca , como los que crean web unicas o incluso youtube (que tiene tutoriales de como hacerse como marca ) que tienen que vender una imagen a los usuarios para que vuelvan .

a si que si un sitio web se hace por gusto hay que ponerle el diseño mas bonito y chulo que se nos haga .
pero si lo haces por dinero hay que crear la marca y ponerle el diseño que mejor se adapte al usuario , consumido o como le llamen .

claro que esto tiene mas fuerza cuando ya tiene muchas vistas .

- - - Actualizado - - -



juegosdemama.org

o

juegodemama.org

un ejemplo muy basico , pero con un buen diseñador como Marcos Lora seria un nombre facil de recordar para tus visitantes

De hecho yo tambien estudiaba psicologia pero cuando estaba en la psicologia de los colores + mis conocimientos de diseño supe que no era para mi y me sali de ello y entre a mercadotecnia xD
algo que tambien sucede en los nichos esque son muy largas las keys por lo tanto los themes para nichos son muy chicos en el header y es ahi donde se presenta la dificultad ya que si el theme para logo es chico la font debera ser chica y ahi el problema...

Gracias por compartir tus conocimientos

 

[SnakeNet]

Pues si es así lo más simple es lo que más suele gustar a la gente.

 

[asesor]

sigues siendo el mejor, gracias