Esta forma de presentar un tutorial es nueva, y el nombre es una trola de las grandes. Es un “videotutorial” porque las fotos y explicaciones están dentro de un video, pero no ves el proceso en “vivo”. Pero me resultaba más fácil y entretenido hacerlo así, que subiendo foto por foto y escribiendo directamente aquí. Está hecho con iMovie, y justo al acabarlo me arrepentí de haberlo hecho con este programa ya que tenía ganas de probar el Final Cut Express, que todavía no lo controlo. De todas formas, el tutorial puede que no esté muy bien explicado y que vaya un poco rápido, pero anda que no mola ni ná con los Razorlight sonando de fondo.

Aquí tenéis el wallpaper terminado.

Resultado final:

Foto original:

Paso 1: Creamos una capa de ajuste de curvas, y seleccionamos el canal rojo. Creamos una curva con forma de S pero desplazamos a la izquierda el origen de los blancos. Quedaría así:

Seleccionamos el canal verde, y creamos otra curva con forma de S, pero esta vez con muy poca curvatura en las sombras. Quedaría así:

Seleccionamos el canal azul, pero esta vez no crearemos ninguna curva. Solo desplazaremos los orígenes de la recta. Desplazamos hacia abajo en línea recta la punta superior (iluminaciones) y hacemos lo mismo pero a la inversa con la punta inferior (sombras). Quedaría así:

Paso 2: Creamos una capa de relleno de color sólido con un color entre verde y amarillo (por ejemplo: #e4ff00) y le bajamos la opacidad hasta un valor entre el 5 y 10%.

Paso 3 (Opcional): Para darle más intensidad a los colores se puede añadir una última capa de ajustes de niveles, y acercar las iluminaciones y sombras y dejar el punto medio más cerca de las sombras.

Resultado final:

Dentro de poco caerán algunos tutoriales sobre Photoshop y Illustrator, o al menos esa es mi idea. Podeis mandar vuestras sugerencias sobre qué tipo de tutoriales deseais, eso me ayudará para ir empezando.

Necesito recuperar mi Macbook, que será en pocos días, y pondré orden a todo esto. Le hacen falta unos pocos retoques al blog, ya que he decidido darle mas importancia a los tutoriales. También tengo que meter una gran actualización a la sección de wallpapers. Son pocas cosillas pero durante el curso lo tuve todo muy abandonado y me toca arreglarlo ahora. Un saludo.

La idea es que si tienes buena mano dibujando, te pintas algo en un papel (yo no soy muy bueno pintando, un personaje de cómic para ir empezando va de lujo) y lo escaneas. Si no tienes un escáner a mano, coges la cámara y le haces una foto al dibujo de frente.

Con la Herramienta Pluma, vas creando trazados cubriendo las lineas del personaje.

Y con paciencia, sigue haciendo lo mismo con todo el dibujo (los pelos me han salido mal, lo reconozco).

Para colorear sería más fácil exportar el dibujo a Photoshop y seguir con por ahí, pero que gracia tendría si lo que queremos es ser amos del Illustrator y no chupar más ram con otros programas abiertos.

Seleccionamos los trazados que tenemos creados, asignamos un color de fondo y lo más importante: vamos ordenando los trazados a la vez que los pintamos. En el ojo el trazado que tiene contiene el iris debe ir debajo de el trazado que tiene la pestaña, para esconder el color y esconder la imperfección del trazado que no es necesaria representar. Esto es un ejemplo de un tip que usaré para pintar todo el dibujo entero.

Y con mucha paciencia vamos pintando todo el personaje. Seguramente tengáis que modificar los trazados para mejorar el resultado. No tengáis prisa, esto es una guía para novatos como yo, y yo tardé como 6 horas en llegar a este resultado que tampoco es que sea mucha cosa.

Tendría que haber seguido aplicando más detalles: a los pelos les hace falta sombras, destellos, degradados, y más cosas que no tengo ganas de hacer. De todas formas es vector, y eso significa que es escalable hasta donde quieras sin pixelarse .

Muy buena colección de los conocimientos básicos de XHTML. Aunque hace poco que me tuve que estudiar todos esos temarios y examinarme de ellos, no viene mal echarles un repaso ya que vienen explicados bastante bien.

Enlace: Manual XHTML

Este fondo tiene su historia. Casi lo borro porque pensaba que era otra paranoya de las grandes, pero luego ha resultado ser uno de los más populares. Tiene las dimensiones adaptadas a pantallas de formato 4:3, sus medidas: 1280×1024 píxeles (en realidad el ancho es un poco más, pero no tengo ganas de mirarlo).

Por cierto le he dado un refresh a la página de fondos para PlayStation 3, podéis echarle un vistazo. Pronto subiré los fondos comprimidos para facilitar a los que tengan una conexión mas lenta.

Link  – Web Designer Wall

Acabo de terminar este wallpaper que me he sacado de la manga. Gracias a los creadores de los brushes por hacerlo posible (ni idea de donde los he bajado). Debería representar algo pero la verdad es que no tengo ni idea de que puede ser, es arte abstracto!. Así que ya podéis bajarlo, pero os aviso que las dimensiones son de 1920×1080 píxeles y su peso casi llega a 1mb.

Powerfull CSS-Techniques for effective coding.

Recopilación de técnicas CSS que te harán la vida más fácil.

101 CSS Techniques of all time: 1ª entrega | 2ª entrega

Otra recopilación, esta vez de 101 técnicas para el desarrollo en CSS.

50 + Best CSS Practices and Coding Guidelines.

50 directrices y trucos para mejorar la distribución del código CSS.