jueves, 13 de agosto de 2009

Como hacer una barra horizontal MUY simple en Blogger

Es la barra que tengo en este momento, se ve así:


Es MUY sencilla, y no es lo más estéticamente piola del mundo, pero sirve a su fin.
Cuando pasas el mouse por arriba cambia de color y todo (xD) así que safa bastante.

Bueno,
Leer Más... 1. Diseño>Edición de HTML>Expandir plantillas de artilugios
2. Buscan (Ctrl+F) el siguiente código: /* Header, debajo suyo aparece una linea de rayas y un */. Debajo de este ultimo, copian este código:

#menu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#menu li a{
color:#dfffed;
}

#menu li a:visited {
color: #57E964;
}

#menu li a:hover {
color: #F88017;
background: #ffff66;
}

Al final del post explico como cambiar las variables para modificar colores y demás.

3. Busquen maxwidgets='1' showaddelement='no'
Cambien el 1 por un numero mayor a 4 y el "no" por "yes".
Queda: maxwidgets='5' showaddelement='yes'
Guardar plantilla.

4. Diseño>Elementos de pagina. Añadir un gadget>HTML/Javascript.
Copiamos el siguiente código:

<div id="menu">
<ul>
| <li><a href="Tu URL">Link 1</a></li> |
<li><a href="Tu URL">Link 2</a></li> |
<li><a href="Tu URL">Link 3</a></li> |
<li><a href="Tu URL">Link 4</a></li> |
</ul></div>


Donde cambiamos ""Tu URL"" por el link a donde queremos ir cuando cliqueamos el botón y cambiamos las frase Link nº, por la palabra que aparecerá en la barra horizontal.
En el caso de la imagen de arriba, el código es:

<div id="menu">
<ul>
| <li><a href="http://peroxidodelmetal.blogspot.com/">Home</a></li> |
<li><a href="http://peroxidodelmetal.blogspot.com/search/label/Tips%20para%20el%20Blog">Tips para el Blog</a></li> |
<li><a href="http://peroxidodelmetal.blogspot.com/search/label/Naruto">Naruto</a></li> |
<li><a href="http://peroxidodelmetal.blogspot.com/search/label/Comics">Comics</a></li> |
</ul></div>


Ahora bien, para tunear un poco estos links;

Yo personalmente en Diseño>Elementos de pagina, arrastre el Gadget poniéndolo justo arriba del cuadrado que dice "Entradas del blog".
Respecto al código que agregamos en el paso 2;
font-size:100%; Tamaño de la letra
margin:10px; Margen, en pixeles
border:0px solid; El tamaño y estilo del borde. Mirar esta pagina
#menu li a{
color:#dfffed; Color de las letras
#menu li a:visited {
color: #57E964; Color del link una vez que fue visitado (puede ser el mismo que el anterior).
#menu li a:hover { Color cuando se le pasa el mouse por arriba.
color: #F88017; Color de la letra.
background: #ffff66; Color del cuadrado que rodea las letras al pasar el mouse por encima.

Para cambiar los colores: Color-Codes


Eso es todo por ahora.

Adiós!

miércoles, 12 de agosto de 2009

Cambiar color de pelo y ojos en Photoshop

Estos chicos de hoy, con sus ojos rojos y pelo teñido, tirando piedras...

El mismo método se utiliza tanto para el pelo como para los ojos, y con un poco de creatividad lo pueden usar para otras cosas.

Bien, tomen una foto de alguien en la que se noten mucho el pelo/los ojos.
Desde ya les aclaro que dependiendo del "relieve" del pelo, se puede complicar MAL.
Con un pelo enrulado o frizado habría que estar un buen rato retocando detalles.
El ejemplo lo hice en 15 min, si se le pone mas esfuerzo puede quedar PERFECTO, en menos de una hora.

Ahora bien
Leer Más...
1. Elegimos la herramienta pincel, con un tamaño adecuado y dureza de alrededor de 55%, de esto dependerá la opacidad del color de pelo/ojos que queramos.
2. Tocamos la letra Q en el teclado.
3. La idea ahora es agarrar el pincel y (cambiando de tamaño cuando sea necesario) ir "pintando" todo el cabello (o pupilas). El pincel va a pintar con un color rojo, eso esta bien. Tengan en cuenta que la parte que pinten de rojo sera la que después cambie de color.
4. Cuando hayan terminado de marcar, presionen Q de nuevo, y les aparecerá lo coloreado como una selección.
5. Toquen M (herramienta Marco rectangular), hagan clic derecho en la imagen y elijan "Select inverse".
6. Clic derecho>Capa vía copiar.
7. Imagen>Ajustes> Equilibrio de color o sino >Tono/saturación.
8. Muevan las barras a gusto, hasta que quede como quieran ustedes.

Listo!

Espero os haya gustado.

Adiós!

martes, 11 de agosto de 2009

Sin comentarios 3.0

Tengo que estudiar literaturaaaaa.
No puedo hacer un post decenteeeeeee.
Que lastima, tenia la idea para un tuto de PS, pero no hay tiempo.
Mañana o pasado lo pongo, además voy a subir un vídeo con gameplay del L4D.

Adiós!






Station V3 Webpage

lunes, 10 de agosto de 2009

Estilo Pop Art en Photoshop

Vamos de nuevo con un tuto, después de un tiempo de vagancia.

Pop art...
Este efecto/estilo esta muy copado, y queda re fumeta.
Para empezar, agarren una foto (preferentemente con una cara bien iluminada en primer plano).
Empecemos.
Leer Más...
1. Imagen>Modo>Escala de grises. Tocan en OK.
2. Imagen>Ajustes>Umbral. Ahi muevan la flechita y acomoden a gusto. Traten de que la cara quede con una buena definicion, y si tiene sombras en las facciones, mejor.
3. Nuevamente, Imagen>Modo>Color RGB, para poder trabajar con colores.
4. Seleccion>Gama de colores. Elegimos el cuentagotas del medio (de los tres que hay, debajo de "Guardar..." y en la imagen pequeña cliqueamos el color blanco. Le damos aceptar y nos debería aparecer una linea de puntos separando todo lo blanco de todo lo negro.
5. Capa>Nueva capa de relleno>Degradado... (también pueden elegir "color solido", pero queda mejor con el degradado). Le damos OK y ahí nos aparece la pantalla para modificar el degradado.
Listo!
Pueden agarrar después con un pincel negro con dureza al 100% y "tapar" algunos lugares que hayan quedado de colores.


Mira como pega.

Adiós

domingo, 9 de agosto de 2009

L4D

Debo. Viciar. No. Poder. Postear. VICIOOOOOOOOO.

Me resuenan en la cabeza... frases misteriosas... frases a las que me cuesta encontrarles un sentido...

"RELOADING! BOOMER! THE SHIP! HUNTEEER! ZOEY! TAAAAAAAAAAAAAAAAAAANK!!!!!!
WITCH ZOMG WTF!!!"

Ya pasé todos los capitulos finales en Advanced.

A por el Expert, JODER!




...




RELOADING!