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

Geg1 Seguir

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
13 Sep 2013
Mensajes
2.736
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

hvhR0Jy.png

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

H6yE11S.png

Y así queda:

LgCIZFa.png


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.

2uRQZKh.png

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
qySv5f6.png

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


GnFp30u.png


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:


G5sFm4t.png

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

UcbhSph.png

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í:

GcyydFB.png

va tomando un poco de color :p

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í:

v0DkI87.png


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.

S23KaB3.png
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
Fvyf8JB.png

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


VFAR8hZ.png


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!


h8Ll3GL.png


*Recordar que es algo hecho por un principiante para otros principiantes, antes que nada, creo que es algo bonito y sencillo.
 

zero777

Lambda
Desde
9 Jun 2013
Mensajes
2.972
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
gracias esto me sirve =)
 

VaMpE

Iota
Domainer
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
22 Feb 2011
Mensajes
2.497
Muy bueno para los que no somos muy diseñadores que digamos jaja
 

Eliop

Lambda
Social Media
Verificación en dos pasos activada
Desde
12 Jun 2011
Mensajes
2.879
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.
 

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
12.377
Muchas gracias por el aporte, útil pero sobre todo sencillo
 

Geg1

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
13 Sep 2013
Mensajes
2.736
Gracias [MENTION=10270]Eliop[/MENTION] y también a vos, Carlos!



Enviado desde mi GT-I8190L mediante Tapatalk
 

Joomlas

Delta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
9 Dic 2012
Mensajes
568
que buen tutorial men, es sencillo pero sirve mucho :sorrow:


gracias.
 

emski

Pi
Verificación en dos pasos activada
Desde
27 Jul 2012
Mensajes
5.187
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:
 

Dario Pineda

Gamma
Desde
29 Abr 2009
Mensajes
205
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
 

Geg1

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
13 Sep 2013
Mensajes
2.736
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
 

Geg1

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
13 Sep 2013
Mensajes
2.736
El sitio de iconos no lo conocía :eek: , 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!
 

DBGRD

Gamma
Redactor
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
13 Abr 2014
Mensajes
323
esta muy interesante el tutorial. pero en mi caso tengo el paint.net no hay un tuto para este?
 

Geg1

Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Desde
13 Sep 2013
Mensajes
2.736
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 ^^
 
Arriba