domingo, 25 de agosto de 2013

GAME OVER

El día que cerré el blog me despedí para siempre pero hay algunos amigos que quieren que continuara con esta página.

No voy a hacerlo pero es increíble que después de algunos años de su cierre haya quien todavía crea que puedo hacer algo en esta vida de "grafista" y enseñar algo a la gente.

Esa vida mía concluyó y desde el 19 de septiembre del 2012 soy otra persona, me limito a vivir cada día como si fuera el último, por lo tanto me alejo de aquello que fue mi hobby, mi vida profesional...

Gracias por haber intentado darme ánimos para que vuelva, pero no, Butragueño se retiró del fútbol y yo como él cuelgo mis botas para no jugar ningún partido más.

Seguirme es fácil, en el foro de Topo sigloXXI (que también he dejado...) escribo de vez en cuando hasta que algún día ni siquiera la gente se acuerde de mí.

Humildemente me siento feliz del cariño que he recibido pero parto hacia un nuevo nivel de mi vida por lo que sólo os digo, GRACIAS... muchas gracias

GAME OVER
INSERT COIN

-Alfonso.- (Ex-Borrocop)

domingo, 5 de junio de 2011

Cierre del Blog

Fue un placer pero mi camino ha trazado una nueva trayectoria.

Mis ojos, mi tiempo, un nuevo rumbo en mi vida hacen que deje definitivamente todo esto.

Se cierra el blog, en él hubo muchos amigos, bueno unos cuantos, que son los que en realidad cuentan, y por lo tanto a día de hoy 5 de junio de 2011 doy por finalizada mi estancia aquí.

El futuro depara muchos cambios y quizás nos encontremos en quien o sabe que parte, por lo tanto me despido deseándoos, luz, paz y mucho cariño.

Hasta siempre
-Borrocop-

lunes, 7 de abril de 2008

Hacer una pantalla de carga impactante (Capítulo 4)

Vamos a concluir este tutorial con dos posibles soluciones a nuestra pantalla de presentación. En realidad lo que vamos a hacer es ver dos maneras parecidas, pero distintas, de acabar con la imagen de una manera sencilla y de otra un poco más trabajada.



Comenzamos desde la posición que nos quedábamos en el anterior artículo. Ahora cambiamos de programa de diseño y nos pondremos a trabajar desde el ZX Paintbrush.


Como podéis ver en la imagen superior al hacer la transformación empiezan a salir las zonas que por desgracia comparten 3 colores en un mismo carácter de 8 por 8 píxeles, así que ya vemos que tendremos que arreglar ciertas zonas.


Un consejo sería seguir sin darle importancia y rellenar de color el resto del dibujo, ya que sin duda habrá nuevos lugares en donde tendremos que trabajar zonas que todavía no comparten más de dos colores, y que al colorear el resto, veremos que se multiplican.

Si os fijáis en la imagen que nos precede he marcado con círculos las zonas que vamos a tener que retocar y redibujar. Seguramente al darle color observaremos nuevas zonas, aunque vamos a obviarlas. Hemos desplazado el rótulo de "The Lost Vikings" por las mismas circunstancias, ya que al darle color influía en alguna zona. También hemos bajado un par de píxeles la mano del vikingo de la derecha.

Podríamos hacer más cambios pero queremos terminar esta primera opción más sencilla así que colocamos en la parte inferior nuestro logo y el de la compañía que lo creó, así el peso de la imagen se reparte mejor y de paso introducimos un nuevo color a la imagen.

Con todo ya coloreado el resultado es espectacular, hemos conseguido nuestro propósito, el de llevar al ZX Spectrum la imagen lo más parecida posible con el menor número de cambios con la original. Debido a las limitaciones del microordenador dejamos las caras en blanco.

Este es el final menos costoso y mas fiel al original, pero pensando en nuevas fórmulas he desarrollado otra posible respuesta introduciendo sombras y tramados que son la base de nuestro segundo diseño.

Vamos a dar un pequeño paso atrás en nuestro diseño principal. A dicho diseño vamos a incorporarle un tramado uniforme y lo dejamos en monocromo. Con este diseño nos vamos también al ZX Paintbrush.

Aplicamos color a todos los caracteres de nuestro dibujo, como observaréis en la imagen de la derecha. Hemos conseguido algo parecido a nuestra primera propuesta, pero con un tramado que nos va a ayudar en nuestro empeño por encontrar una forma más vistosa y elegante de finalizar nuestro proyecto de pantalla de carga.

Hemos coloreado el rótulo del programa utilizando un degradado de blanco a amarillo por caracteres, eso le dará un nuevo enfoque y parecerá que no es tan plano a pesar de no cambiar ni un píxel de la imagen.

A continuación vamos a "desajedrezar" el tramado introduciendo manchas en negro y azul, indistintamente, así quedará resuelto parte del problema de las zonas en las que haya tres colores por carácter y de paso ganará en profundidad y resaltará ciertas zonas.



Como podéis observar, comparando nuestra imagen con la del dibujo original, nuestro proyecto no desmerece para nada, incluimos el logo de la desarrolladora y el nuestro por lo que damos por finalizado el proyecto.

Para unos será mejor la primera propuesta, para otros la segunda, tan sólo queda que os animéis a realizar una parecida e incluir "The just want to go home! "... que yo he querido dejar fuera de la pantalla, pero que vosotros podéis añadir de una manera sencilla.


Un saludo desde el otro lado.

-Borrocop-

jueves, 3 de abril de 2008

Hacer una pantalla de carga impactante (Capítulo 3)


Este tercer capítulo nos llevará justo hasta el momento de empezar a trabajar ya dentro del ZX Spectrum, bien directamente en el microordenador, bien en un programa que lo emule o utilice las limitaciones de color que necesitamos.

Como podéis observar partimos de la imagen de arriba a la izquierda a la que vamos a restar el personaje acabado y toda la zona que no corresponda con los otros dos personajes, que esta vez los vamos a realizar al mismo tiempo.

Lo primero es volver a poner nuestra capa verde por debajo y realizar los mismos pasos que hicimos con nuestro personaje central que ya comentamos en capítulos anteriores, quedando tal y como puede observarse en la imagen de arriba a la derecha.


Una vez que hayamos limpiado, redibujado y contorneado observaremos que nos queda algo parecido a lo que tenemos en la imagen de la izquierda que precede a este párrafo. En realidad con esto habríamos terminado con nuestros personajes y podríamos seguir con el resto del decorado. Pero todo tiene un pero, y como esto es un tutorial vamos a seguir explicando técnicas, que de eso se trata.

El ZX Spectrum tiene unas limitaciones de color que hacen necesarias algunas transformaciones necesarias que seguramente tendremos que hacer posteriormente. Normalmente hay que mover algún dibujo, algún detalle, de la ubicación actual para poder dar color a todo y que quede lo más profesional posible. ¿Qué hacer entonces?. Esta pregunta queda aclarada en el dibujo que esta a la derecha. Como no sabemos cuanto o donde desplazaremos nuestros personajes vamos a inventarnos el resto del personaje que no está dibujado de ahí que hayamos realizado a groso modo como podrían ser los dos personajes restantes añadiéndoles las partes del cuerpo que les faltaban. Con esto vamos a pasar a la siguiente fase.


Bien, al igual que hicimos con el primer personaje montamos el dibujo encima de nuestra imagen de partida como se puede apreciar en la imagen que tenemos arriba. Esta vez no me hace falta ver la capa con 50% de relleno de negro, como hicimos con el primer personaje. Esto ya es otra cosa, la imagen va tomando el estilo que estamos buscando, impacta, es como el original, luego si seguimos así el éxito caminará de nuestra parte.

Ahora viene una parte creativa, imaginando que no estuvieran los personajes hemos recreado la escena con los rotos que ellos hacen en la pantalla al mismo tiempo que el resto lo rellenamos de negro. Hemos vuelto a poner nuestra capa base de color verde así que el resultado queda visible al instante. Ya tenemos los personajes, ya tenemos el fondo por el que salen, incluido rotos con sus desgarros y sombras... uff esto hay que verlo digo yo, aunque vamos a quitar el fondo verde que ya no nos va a hacer falta, a ver que pasa...



¡¡Ostras Pedrín!!, parece que nuestro trabajo es muy profesional, ya no nos llamaran mediocres al comparar con otras pantallas que hacen otros y que se besan y llenan foros de loas, canciones y besuqueos que no sirven mas que para confundir al que lo realiza. Bien, pongamos el letrerillo de The Lost Vikings y veamos como queda.


Como el cartelillo esta desdibujado vamos a recrearlo un poquito dándole el toque que nos salga, pero eso sí, intentando que sea lo más parecido posible, pero que se vea que es nuestro, hecho a mano y con ganas.


Una vez que lo tengamos rellenemos el resto del color azul que lleva la imagen original a ver que aspecto tiene y veamos por nosotros mismos si somos capaces de hacer pantallas impactantes o no...


Parece que sí, que la cosa va bien pero... no cantemos victoria, el enemigo está al acecho y criticará a partir de ahora cualquier error, por lo que con nuestros secretitos que hemos hecho antes vamos a pasar a la siguiente fase, el color, pero permitidme un descansillo para explicarlo detenidamente en el siguiente capítulo de esta serie.


Saludos y practicad mis consejos, que son gratis y fáciles de seguir.


Nos vemos en el otro lado.


-Borrocop-

miércoles, 2 de abril de 2008

Hacer una pantalla de carga impactante (Capítulo 2)

Nos habíamos quedado en la imagen bitmap que podemos contemplar en el encabezamiento de este segundo capítulo, una imagen que necesita un tratamiento para conseguir que nuestros personajes posean la fuerza que tienen en el dibujo de la ilustración.


Si se puede es conveniente tener a nuestro lado la imagen real, bien en pantalla, bien impresa, para ir retocando poco a poco, pero eso lo explicaremos más adelante, por lo que volvamos a la imagen de arriba en blanco y negro con sus mallas que substituyen a los grises.


Lo primero que debemos hacer en todo dibujo es ver que hay delante y que hay detrás para ver que nos conviene resaltar primero y que podemos hacer después. En nuestro dibujo la cosa está más que clara, por lo tanto tomamos el personaje central del dibujo que se superpone con el resto. Vamos para ello a duplicar en una capa la imagen en un programa de diseño que permita capas. Una vez que dupliquemos la capa creamos otra debajo que rellenamos con un color neutral, en este caso he elegido el verde que suele ser descansado para la vista.


Seguidamente empezamos a borrar todo lo que podamos para dejar a groso modo el personaje solo en la pantalla, cosa que iremos viendo según borramos ya que se irá percibiendo la capa inferior de verde pareciendo que en vez de borrar estamos pintando de verde.... jejejeje cosas de nuestra imaginación que engaña a nuestros ojos. Como se puede ver en la imagen superior derecha todo queda muy grueso y lleno de punteados en el que tan sólo observamos a simple vista lo que será nuestro personaje central, más que parecer que estamos haciendo algo parece lo contrario, !! joroba me he cargado el dibujo !!... pero no, tan sólo es el paso necesario que tenemos que hacer para poder seguir y ver como las cosas se arreglan poco a poco, pero como ya dije en el artículo anterior, esto no es melón tajada en mano, dosis de paciencia irán experimentando en nosotros el primer goce que vendrá ya muy pronto.


Vamos a pasar a esta imagen central de la parte izquierda, como podéis observar hemos perfilado el contorno lo mejor posible y, con nuestro dibujo original en la mano, nos disponemos a arreglar la espada con mucho cuidado al mismo tiempo que empezamos a limpiar la cara poco a poco.

Una vez sacados los ojos y nariz limpiamos de tramas los bigotes, sacamos la mandíbula y dientes además de arreglar el traje. Continuamos con el casco, hacemos el cuerno derecho desde nuestra posición y reportándolo con cuidado lo colocamos también en la izquierda, nadie notará el cambio a simple vista y nos ahorramos trabajar los dos cuernos. Ya tenemos perfilado nuestro personaje así que nos metemos con las manos, es la parte más complicada, pero borrando las mayas y perfilando los dedos veremos que sólo nos queda poner cuatro puntos mal tirados para conseguir la sombra. Todo esto lo vemos en la imagen central derecha en la que tenemos al completo el primer personaje, lo rodeamos con un pixel a su alrededor ya que va a ser clave para los siguientes recortes.



Pasemos a la tercera imagen, parece que cambia poco con la anterior, simplemente hemos duplicado la capa de este personaje y hemos utilizado alguna herramienta que nos sirva para rodear el dibujo con una o dos líneas más de negro. Aunque parezca innecesario ahora estos pequeños trucos nos servirán para posteriormente ir retocando el dibujo al darle color.


Vamos ahora a poner la imagen bitmap (con un 50% sombreada) para ver el efecto de nuestro primer personaje retocado junto al resto de la imagen. ¡¡ Cojons !! como diría un catalán, este personaje que hemos redibujado resalta y se ve de pelotas....


Espero que ya os haya entrado el gustillo y que ahora el resto lo toméis con más soltura, porque hecho un personaje hechos todos... pero, tiempo al tiempo, otra dosis de paciencia y ahora a esperar al siguiente artículo en el que resolveremos de una tacada los otros dos personajes que componen el trio vikingo.


Saludos desde el otro lado


-Borrocop-