Tutorial: mejora el aspecto de tu web
1 de Abril del 2009En este tutorial he recopilado los mejores trucos, consejos y secretos para darle un aspecto profesional y visualmente atractivo a vuestras páginas web.
Titulos vibrantes
1) Desde Photoshop, escribe el título que desees publicar con una fuente bonita (Comic Sans suele ofrecer buenos resultados).
2) Rasteriza la capa de texto y aplícale un bonito degradado multicolor con la herramienta de degradado.
3) Por último, aplica una sombra al texto. Las sombras siempre mejoran el resultado. Procura que la sombra sea los suficientemente intensa para que no pase desapercibida. Aquí el resultado final:
Bordes tridimensionales en imágenes
1) Toma una bonita imagen de tu mascota (preferiblemente un gato)
2) HTML y CSS soportan bonitos bordes con efecto tridimensional mediante el siguiente código: <img src=”gato.jpg” mce_src=”gato1.jpg” style=”border-style: outset; border-width: 30px”>
Iconos animados
Hay multitud de iconos gif animados disponibles en Internet. Úsalos para destacar las secciones más importantes de tu web, como en tu dirección de correo. De esta forma, al mismo tiempo que decoras tu web, ¡nadie se olvidará de escribirte!
Mejores imágenes mediante filtros de Photoshop
Existen multitud de filtros para imágenes en Photoshop. Os recomiendo: Invert, Embeed y Lens-flare.
###
Por hoy eso es todo y espero que os haya sido de gran ayuda. Próximamente publicaré la segunda parte de este tutorial con más consejos y trucos.
Es un chiste, ¿verdad? xD
Genial!! Muchas gracias! Esta tarde me pongo a ello para mejorar mi web. Gracias de antebraso!
Verte aparecer de nuevo pero por causa del April’s Fools es un poco decepcionante, queremos nuevos contenidos de verdad ya!
p.d.: La impact también es una fuente de calidad, casi al mismo nivel de la comic sans. Rotundamente recomendada.
xDDDDDD
[…] Mejora el aspecto de tu web [HUMOR]www.romancortes.com/blog/tutorial-mejora-el-aspecto-de-tu-web/ por meneame_esta hace pocos segundos […]
Jaja, te olvidaste de la música! Un con un Midi estilo Benny Hill, que además se loopee y no tenga botón para apagar. Y ya que estamos, agrégale también efectos en Java, como esas imágenes con reflejos, nieve o cursores animados con estela de estrellitas, ideales para colgar el browser en menos de 5 minutos.
Un abrazo desde algún lugar de Buenos Aires
,-·*’°§? PörTeña ?§°’*·-,
Woaw!! excelente tutorial, gracias por compartir tus maravillosos conocimientos jejejejeje…. pero… funcionará en IE6 el borde de la imagen?
saludos
¡Gracias por estos estupendos consejos! Son un antes y un después en la web 2.0 Mañana mismo se lo enseño a mi jefe, seguro que me sube el sueldo.
jajajaja y no va a faltar quien de verdad se lo tome en serio, que bueno que ya posteaste algo Roman desde el año pasado que no posteabas nada, felicidades y espero sea el primero de muchos post de este año.
Este mini tutorial me viene muy bien ahora que tendré tiempo de reenchular mi web. Aún así considero que para alguien de tu talla esto debe ser juego de niños. En otras palabras no te hagas del rogar y sueltanos un tip interante como todo lo que haces. De cualquier modo es muy útil la info.
jajajjaja esto fue una broma verdad?
muy buen blog
He leído con detenimiento tu tutorial y veo que te olvidas de lo más importarnte ¡El fondo o background! Recomiento uno negro con estrellas simulando el espacio o uno con colores chillones. ¡Si pones una gif animado ya lo bordas! Bueno pensaréis que soy todo un experto en esto pero nada más lejos de la realidad. Sólo domino algún que otro programa como paintbrus, etc. Saludos amigos!
madre mia, espero ansiosa la 2º parte (jajajjaa)