Cómo crear un logo simple y bonito para tu web/foro/blog

  • Autor Autor Geg1
  • Fecha de inicio Fecha de inicio

Geg1

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Bueno, muchos de ustedes, son como yo: cero y nada de photoshop :witless: Aqui les traigo un tutorial de como crear un simple y bonito logo para tu web/foro/blog.

*Esto tutorial va dirigido a aquellas personas que tienen muy poco conocimiento o nulo, sobre lo que se conoce como diseño grafico


Para ello debemos tener el siguiente programa:

Photoshop CS5

Bueno empezemos: Yo voy a crear un logo para un foro de fitness.

Abrimos el Photoshop y ponemos lo siguiente:

Archivo>Nuevo


En anchura y altura ponemos los valores que creamos adecuados a nuestra web y nuestro diseño.

Una vez aceptada, nos saldrá la imagen en fondo blanco. para hacerla trasparente...

Nos situamos en la barra lateral izquierda y hacemos click derecho en el siguiente icono:

Herramienta borrador mágico


Y así queda:



Ahora pasemos a lo mejor: Nuestro font

Les voy a dejar en este enlace una web, donde podrás elegir la fuente de texto que más te gusto y se amolde a tu proyecto.


Elegida nuestra fuente la instalamos, ingresando a (windows 7):

Panel de control>Apariencia y Personalización>Fuentes

y pegamos nuestra fuente allí.

Volvemos al PS y damos click en el icono de texto:

introducir texto horizontal

Escribimos el titulo de nuestra web y regulamos según nuestras medidas:




Ahora vamos a darle un toque más nuestro: Editando capa.

Damos click izquierdo en el icono de capas, que se encuentra en la barra lateral derecha:



luego click derecho en nuestra capa de texto y seleccionamos "Opciones de Fusión"


Alli le cambio los siguientes valores:

Superposición de colores: Para cambiarle el color a las letras, aunque también se puede hacer desde el menú principal.
Trazo: Para darle un trazado y mejorar un poco mas la estética y no dejarlo tan vacio.


Quedaría algo así:


va tomando un poco de color 😛

Pasemos al eslogan (Opcional): Para el eslogan usaremos otra fuente de texto, o más bien la misma, eso es a gusto de cada uno.

Repetimos los procesos anteriores y tendríamos algo así:



Ahora vamos a centrarnos en nuestro símbolo/marca o aquel icono que distingira nuestra web: Como no tenemos ideas de crear un logo simbólico para nuestra web, lo que haremos es recurrir a este sitio, en donde podremos buscar un icono acorde a nuestra necesidades.

pd. En mi caso no encontré muchos resultados, pero puedes variar la búsqueda para encontrar más.


Ahora lo que hice es unos retoques para que combinara con el símbolo:

Clonamos el color del simbolo, con el siguiente icono:

Herramienta muestra de color

Luego damos click izquierdo y tendremos la muestra de color en el menú izquierdo:




IMPORTANTE: Luego lo guardamos como .PNG (Si lo haces en formato JPG se verá fondo blanco) y tambien guardaremos un .PSD editable, por si tenemos que hacerles unos retoques en el futuro,etc.

¡Con eso quedaría terminado nuestro logo!




*Recordar que es algo hecho por un principiante para otros principiantes, antes que nada, creo que es algo bonito y sencillo.
 
Muy bueno para los que no somos muy diseñadores que digamos jaja
 
A mi me parece genial, mil gracias. Muchos tenemos pequeños nichos los cuales les queremos añadir un logo muy sencillo para no dejarlo hueco XD.
Mil gracias.
 
Muchas gracias por el aporte, útil pero sobre todo sencillo
 
Gracias [MENTION=10270]Eliop[/MENTION] y también a vos, Carlos!



Enviado desde mi GT-I8190L mediante Tapatalk
 
que buen tutorial men, es sencillo pero sirve mucho :sorrow:


gracias.
 
Gracias por el aporte 🙂, por lo visto hay un troll que le anda dando no me agrada a todo -,- creí que solo era a mi.

Si me va a servir, en especial los iconos :distant:
 
Buen tuto, como consejo para ahorrarte el proceso del inicio (sobre el borrador mágico). Cuando creas el archivo, cambia el "Contenido del fondo" a "Transparente" 😉. Asi te evitas lo de la herramienta borrador mágico.

Un saludo
 
Muy buen tutorial, al punto que me animo a hacer algo en mi photoshop!
 
Buen tuto, como consejo para ahorrarte el proceso del inicio (sobre el borrador mágico). Cuando creas el archivo, cambia el "Contenido del fondo" a "Transparente" 😉. Asi te evitas lo de la herramienta borrador mágico.

Un saludo

Como veras soy noob en el tema! Jajaj buena aclaracion! Gracias!

Enviado desde mi GT-I8190L mediante Tapatalk
 
El sitio de iconos no lo conocía 😱 , gracias :encouragement:
 
muchas gracias 😉
 
El sitio de iconos no lo conocía 😱 , gracias :encouragement:

Lo tenia en favoritos y se me habia perdido.

Es un gran sitio, sobretodo por que todas los iconos los tiene en varias resoluciones y buena calidad.

Saludos!
 
esta muy interesante el tutorial. pero en mi caso tengo el paint.net no hay un tuto para este?
 
buen tuto si que me sirvio mas que nada por el enlace de las fuentes para descargar gracias
 
esta muy interesante el tutorial. pero en mi caso tengo el paint.net no hay un tuto para este?

No se manejar paint, es algo muy avanzado para mi ^^