Tutorial: Personalizar canal de youtube

Como ya algunos saben, me gusta personalizarlo todo!, hace un tiempo le di estilo (intente) de dibujo a mi home www.crystian.net, ahora se me ocurrió de hacer lo mismo con twitter y con youtube. Empecé por youtube a ver si podía hacer algo, y si se puede medio rebuscado, seguramente lo hicieron intencional para que cualquiera (y no solo los partners) puedan cambiar la apariencia del canal.

Básicamente es poner una imagen de fondo, y luego poner los elementos visuales de html (bordes, etc) transparentes :)

Así quedo mi canal:

http://www.youtube.com/crystian77

canal crystian77 youtube personalizado customize

Una aclaración importante es que no se puede cambiar la “estructura” general, esto se aplicaría como un skin. Mas que una modificación, eso no quita que puedas hacer algo interesante, simplemente tenes que ser más creativo.

Lo que propone youtube es personalizar colores, fuentes, con temas preestablecidos, pero también tenemos un modo avanzado en el cual podemos customizar (personalizar en spanglish) los colores y también agregar una imagen de fondo a modo repetitivo, tipo mosaico o bien sin repetir (en este modo se centra la imagen al canal), y también tiene una opción mas que interesante de transparencia, de la cual nos vamos a aprovechar. Comencemos:

ESTRUCTURA:

Lo primero es definir los paneles y los módulos que va a tener el canal

estructura modulos

Luego ubica y ordenalo como quieras (usando las flechitas) en los paneles moviles.

En mi caso lo organice de la siguiente forma:

estructura canal crystian77 youtube customize

Ahora, necesitamos extraer el esqueleto de esta estructura para comenzar a diseñar, para esto creamos un nuevo tema desplegamos “temas y colores” luego “nuevo tema”, le ponemos un nombre como “maqueta” y modificamos los colores para resaltar la estructura del sitio y que sepamos puntualmente que estamos viendo, por ejemplo asi:

youtube estructura

Podemos apreciar claramente la estructura, si, es muy feo gráficamente pero pensemos que es el esqueleto, le falta la “piel” que vamos a construir.

Paso siguiente, screenshot completo de todo el canal y lo llevamos a photoshop (o tu editor de imágenes favorito)

Desde firefox podes usar fireshot o algún plugin similar, si no, con alt+print screen (es la primer tecla de esas tres teclas que jamás usaste llenas de polvo que están arriba del teclado numérico a la izquierda)

Ahora en tu editor de imágenes cortas la imagen dejando centrada a la estructura, prestando mucha atención a este punto, si después la subís y no está centrada solo deberías agregar más pixeles a uno de los lados para centrarla.

ARTE:

Creas una capa nueva y luego en esta, “pintas” encima tu nuevo skin, por ejemplo en este caso vamos a simular dibujo a mano alzada. Claro está que en este punto uno puede hacerlo como quiera (sería interesante uno con metales), en este punto libera tu creatividad al máximo!

Explicare como hice el mío. Básicamente pinte con un pincel similar al trazo de una birome, haciendo las imperfecciones del trazo a mano para que quede más realista.

Es una buena práctica una vez que tengas la estructura mínima la subas para ver cómo queda, ajustar y resolver cualquier problema antes de continuar.

Luego le puse un fondo de papel tipo periódico, debajo y encima de este agregue cosas que están en mi escritorio actualmente, “links” a proyectos personales, cosas que me gustan, o incluso me definen, simplemente para mantener mi estilo y ser coherente conmigo a veces lo soy

Para dar apariencia “real”, casi todo tiene sombra, eso le da profundidad a la imagen y por ende queda más realista. Algunas cosas, como los billetes y los textos fueron escaneados.

Una vez terminado te queda algo así:

maqueta youtube estructura final crystian77

Vamos a youtube y creamos un nuevo tema, configuramos los colores de acuerdo al estilo que le dimos, y lo importante, ponemos transparente a la estructura:

Y con esto ya tenemos nuestro canal personalizado, si bien no cambiamos la estructura básica, si cambiamos la manera en la que mostramos nuestro canal.

TAMAÑO MAXIMO:

Para la imagen del fondo parece no tener un tamaño máximo de subida en cuanto a resolución, pero si en “peso”, no debe superar a los 256k, como el tamaño en resolución suele ser grande, es necesario comprimir a cambio de sacrificar calidad, usando el formato jpg, estoy usando más o menos calidad al 45% según el “save for web & devices” de photoshop.

.

Si te gusto este post, retwitealo, pásalo a tus amigos, y regálaselo a tu mama en su cumpleaños para mejorar su canal :P, je posta, si te gusto reenvíalo 😉

Si lo usaste o no, comenta en este post y pone tu canal para que todos lo veamos :)

Enjoy


NOTA: Si tiene un tema, cuando pulsas sobre listas de reproduccion tiene el mismo fondo, casi no se nota, pero bueh.

COD4: Mapa -Hotel las naciones- (corrientes y esmeralda, microcentro argentina)

Acabo de terminar la segunda versión de este mapa, debo decir que aprendí a usar el editor de mapas (Radiant) a la par mientras lo desarrollaba, por ende se que se puede mejorar y mucho, pero como estoy muy mal de tiempos lamentablemente, decido continuarlo “así como esta”, por ahora el modo de juego que soporta es Free-for-all y Team Deathmatch, luego hare Domination y Sabotaje (y quizás HQ) para las próximas versiones.

El tiempo invertido fue 13 horas en total (teniendo en cuenta que tengo conocimientos previos en desarrollo de mapas para el motor Source (half-life2/Counter Strike source))

Screenshoots:
[nggallery id=16]

Video:

Gracias a “one” http://advancedwartutorials.blogspot.com/, pude aprender a desarrollar mapas para radiant, cubre todos los aspectos de cómo armar desde cero un mapa para COD4, si te interesa esto, indudablemente pasate por este blog.

Por que este hotel? Porque ahí trabajo, allí se encuentran las oficinas de Delapalo y era un interesante y divertido desafio :)

Bajar desde acá:

http://www.megaupload.com/?d=HENOCKAV

Instalación:

En el Zip se encuentran las carpetas Mods y usermaps, descomprimir sobre la instalación de COD4 (“c:Archivos de programaCall of Duty 4 – Modern Warfare”)

Entrar al juego en modo multiplayer, selecciona “Mods”, luego en la consola (pulsa el chirimbolo que esta ala izquierda del numero 1 para bajar la consola, escribí “/map mp_hotel”, si está todo bien comenzará a cargar el mapa, si no pasa nada, esta copiado mal el mapa.

Se aceptan opiniones, recomendaciones y críticas

Saludos y enjoy

En taringa: http://taringa.net/posts/juegos/7192315/COD4_Mapa-propioEquot_Hotel-las-nacionesEquot_Obelisco_ar.html

Battlefield movie: “The hotel”

Battlefield 2

Battlefield 2

Hace dos años o más, fui adicto jugador de battlefield 1942 y 2, me uní a un clan (Fenix) con el cual fuimos “campeones” de argentina en un campeonato auspiciado por un server y comunidad local, y gracias a esto nos hicieron una entrevista en TV por cable, en rock & pop TV. En ese tiempo comencé a ver gente que realizaba videos con este juego (famosos “mine” si los hay), a mí en lo personal me fascina hacer videos/cortos/películas, recuerdo precisa y gratamente el año .. 90… 91 o 92.., ok no tan precisa.. donde Disney lanzo un juego llamado Stund Island, uno de los primeros juegos en 3D en la época dorada del D.O.S (en ese momento no había nada en 3D y obviamente este era todo en 3d primitivo, sin texturas, ni sombra, ni nada, solo los objetos 3d en lowpoly pero servía, y esto estimulaba mucho la creatividad), el juego básicamente era de aviones y se trataba de realizar acrobacias filmarlas y exponerlas en un cine, todo esto dentro del mismo juego. Como ejemplo de filmación seria aterrizar un avión en un tren en movimiento, esta era la intro:

El juego tenía la opción de hacer postproducción (del cual aprendí mucho y supongo que de ahí viene mi gusto por esta área) y también tenia opción de hacer tus propios videos con cualquier argumento, sencillamente genial para esa época, hoy esta “the movie” que es similar en cuanto a concepto pero no es lo mismo.

Volviendo battlefield, unos cuantos juegos tienen opciones de guardar a video pero battlefield tiene una opción de guardar la partida, esto significa que guarda la posición y acciones de todo (coordenadas y estados técnicamente hablando) y se puede reproducir la partida desde cualquier angulo, esto da una tremenda libertad para hacer este tipo de cosas; Para comprobar esto realice un video llamado: “El francommander” un francotirador (sniper) y comandante (commander) todo en uno, básicamente jugué un juego normal mientras guardaba la partida (en modo offline o sea contra la maquina) y luego con un trabajito de post producción quedo asi:

Todo en una única toma, si lo hubiera planeado no habría manera que la escena haya quedado así, por ejemplo los tipejos que se quieren escapar de la artillería y justo les cae en la cabeza uno de los misiles, increíble.

(También para que otros puedan hacer cosas similares escribí un mini tutorial)

Como me gusto y mucho hacer esto, decidí ir mas allá, y hacer un corto real!

Escribí el argumento, dividí en escenas, modifique el mapa adecuando a los requerimientos de cada escena, por ejemplo le puse aviones a un mapa que no los tiene, infinidad de tanques y demás; Una vez que tuve todo digerido y listo comenzó el “rodaje”, primero la búsqueda de extras y personas que me quieran ayudar con la post que no es algo menor, una vez que estaban disponibles los extras comenzamos a rodar en un server propio cuando la escena requería que seamos pocos y luego en un server dedicado que me prestó la comunidad de netplay para cuando éramos muchos.

Para organizar todo me fue muy útil un spreadsheet de google y también para compartir el argumento como otros datos.

Llegamos a rodar todas las escenas requeridas, solo faltaría algún complemento pero en términos generales estaría todo filmado y en video, en mi disco todo el crudo está pesando 120 GIGAS! (y durmiendo …)

Lo que resta para terminarlo es postproducción, doblaje, audio y música (moco de pavo), así que aun falta bastante :( es algo que en algún momento terminare indudablemente, el video final dudara unos 20′, quería que fuese menos, pero… :S

El proyecto esta en un 53%, invertí 280 horas, armando, desarrollando y porque no aprendiendo.

Estos son algunos videos de prueba que fui haciendo:

Intro:

Actores rebeldes:

Borrador 1: efecto matrix

Reintentando una parte del vuelo, se ve lindo :)

Ultimo borrador: Ataque coordinado

Y screenshots deliciosos que saque de las escenas:

[nggallery id=4]

Debo agradecer a mucha gente que hizo esto posible, y espero agradecerles con el video terminado, ojala encuentre tiempo para terminarlo.