domingo, 23 de enero de 2011

Crea tu logo de Taringa!, Twitter, Facebook, Google




Crear el Logo de TARINGA!

Bueno en este post te enseñaré a crear el logo de TARINGA! en photoshop
es facil y rapido, y tambien te dejaré unos yapas de crear los logos de otras
paginas webs conocidas (como Twitter, Google, facebook, etc...) todo en Photoshop
Es facil todo, solo hay que prestar bien atencion a todos los tutorailes y conseguiras
completarlo bien. Todos los recursos que necesitaras para hacer todos
los tutoriales, estan al final del post, en un archivo .ZIP que dejare para que
lo descarguen. Taringa! es photoshopera...


Para Empezar...

este tutorial es paso a paso, y todas las imagenes son sacadas por mi
hasta tienen el marco que lo comprueba (? nah.. ahora si comencemos...




Paso 1: Primer, abrimos un documento de mas o menos 400x350px
y con la Fuente de TARINGA! ''Coupe-Bold''


y del tamaño que quieras.





Paso 2: Ahora vamos a separar cada letra en capas individuales
para hacer eso, con cualquier herramienta de seleccion facil, selecciona
la letra que quieras separa (las vamos a separar todas) y haces click derecho
y despues en ''Capa a vía Cortar'' y aparecera la letra que seleccionaste en una
nueva capa:





Vamos a hacer lo mismo con todas las letras, incluyendo el ''!''






Paso 3: el logo de TARINGA! van las letras un poco pegadas, como separamos
las letras indivualmente por capas, las moveremos todas hasta que queden algo pegadas
que no queden muy separadas



Ahora, vamos a agregarle las opciones de fusion a el texto, selecciona cualquier
capa de alguna letra, y ve a Opciones de fusion de la capa que elejiste
y ponle todos estos efectos de fusion (Superposición de Degradado ''color 1#d0d6d5''
y ''color2#FFFFF'', Resplandor exterior, Resplandor interior, Sombra paralela)
con los siguiente atributos:














Antes, a el simbolo ''!'' pongo un poquito mas grueso y todo... quedaría algo asi:








Paso 4: Ahora en este paso, como verás, en el logo de TARINGA!
original, las letras ''A (primera)'' y la ''R'' tienen una union debajo, esa union
la haremos en el logo tambien, para que así se parezca mas que es lo que queremos
para eso, puedes acercar bastante la mira (? entre las dos letras, y asi crear la union
Crea una nueva capa y con la herramienta lapiz (recomiendo) vas copiando los colores (con CTRL
mas click en el color) y vas pintando, bueno, como queras los unis, que hagas algo asi:











Y Listo...
ya tenes el logo de TARINGA! terminado





Paso Extra: si queres que tenga el fondo asi como se ve en la pagina, el coso ese
azul de fondo, podes hacerlo tambien, para hacerlo, con la herramienta Rectángulo Redondeado
con unos 10 px de Radio creas el marco en el fondo detras de las letras



Y le pones las siguientes
opciones de fusión (Superposición de Degradado ''color1#004A95'' y
''color2#2363A4'', Sombra interior)







Y listo
ya tenes el logo listo




Si queres podes hacer la comparación
el de la izquierda (el mas pequeño) es el logo original de T!
y el de la derecha (el mas grande) es el que hicimos:





Mientras haces el logo puedes irte fijando del logo original de T!
para hacer los detalles mas perfeccionados...
Espero que les guste y aprendan como yo aprendi

 

+Yapas


Aca les dejo, los tutoriales de como hacer los logos de TWITTER, GOOGLE y facebook
el de facebook no es muy dificil, solo un texto y ya, pero igual lo pondré. Ahí Vamos!




Crear el logo de Twiiter!


Este tutorial es facil, para crear el logo de twitter, solo tenes que tener
la fuente indicada, y el photoshop, ahi dejo como...


Te va a quedar algo asi:





Paso 1: abri un documento del tamaño que queras el logo, en Ps
Ahora, con la fuente PicoBlackAl creas el texto ''twitter'' (al final dejare la descarga
de la fuente).





Despues selecciona la letra ''e'' del texto, y cambia la font por ''moderna''
(tipo de letra lo dejare para descargar a final del post)





Paso 2: Ahora pinta el logo, lo seleccionas todo, y el color lo cambias y listo





Ahora aplicas una opciones de fusion, trazo de 3 pixeles blanco




y tenes el logo:



podes ponerle un fondo para que se vea mas (?



es facil



 

Crear el logo de Google


este es facil tambien, solo hay que tener los recursos y lo tenemos


Paso 1: con la fuente ''Catull'' agrega el texto ''Google'' (fuente al final la pondre para decargar)





Ahora pinta las letras de los colores de cada letra,
primero la G, seleccionas la letra ''G'' y despues arriba en el cuadrito de colores
lo cambias, la G va de azul= ''#184dc5''


Ahora viene la ''o'' va de rojo hace lo mismo que con la G, pero ahora con la ''o''

va de rojo= ''#de1600''




Haces lo mismo con los colores de todas las otras Letras,

el amarillo de la ''o'' #ffcf00

el verde de la ''l'' #32a93b

le aplicas los colores a cada una. Los demas colores ya los sabemos


Paso 2: Ahora le aplicas las siguientes opciones de fusion a la capa

(Sombra paralela y Bisel y relieve)







y listo, tenes el logo de Google:









Crear logo de facebook


este logo no tiene mucha ciencia ni mucho trabajo

ademas ni muy buen resultado (?


solo escribis un texto con la font Ebrima en minuscula

y con el color de fondo: ''#3b5998'' y lo tenes:




muy facil

lo mismo es con el iconito

creas un cuadrito, con el color azul de arriba, sombra interior

-90 grados, color blanco, estilo de fusion normal, opacidad 44%

y 2 de distancion, 0 de tamaño, y lo tenes, le agregas la f minuscula y listo


algo asi es, vas practicando y te sale mas perfeccionado.






Esto es todo

espero que les

guste y esté bien 


0 comentarios:

Publicar un comentario en la entrada