Soy FRIKI profundo, ¿y que?

Y como siempre me he dado cuenta gracias a Internet. En ocasiones, y siempre deforma cariñosa, mi mujer me llama ‘friki’ porque dice que ando obsesionadocon ciertos temas, sobretodo con la informáticay los videojuegos. Yo le digo aregañadientes que eso no es cierto, pero en el fondo no dejo de reconocer que pasogran parte de mi vida hablando y pensando en ellos, de hecho tener un blog dedicado al ocio electrónico no es algo que tenga todo el mundo (bueno, salvoen Gamefilia, donde casi todos tienenuno XD). Dado que la Real AcademiaEspañola o RAE aún no haaceptado este vocablo, he tenido que recurrir a otras fuentes (véase la Wikipedia) para ver si realmente secorresponde con un término que pueda describirme.

“Friki o friqui (del inglés freak,extraño, extravagante, estrafalario, fanático), es un término coloquial, peyorativo en algunos casos,usado para referirse al individuo de aparienciao comportamiento inusual, que se muestra interesado u obsesionado en un tema muy específico del que se considera fanático, que comúnmente domina o en el que se especializa, y por ello puede llamar laatención de otras personas”

Vale, reconozco que paso gran parte del díapegado a un ordenador o a una consola, así que mi interés por ellos es más que patente,pero no creo que sea hasta el punto de parecer un fanático (alguien “preocupado o entusiasmado ciegamente por algo”), a pesar de llevar unos treinta años en estemundillo. Por otro lado, no considero que mi apariencia y comportamiento seaninusuales, salvo por una ligera malformacióndel pie izquierdo y mi extrañarepulsión al tabaco y al marisco en general, o a las jeringuillas en particular.

“EnEstados Unidos, el término freak seempleaba para referirse a las personas que se distinguían por tener alguna malformación o anomalía física”

Mierda con mi malformación. Joder, pero si lo único que me ocurre es que tengouna planta del pie extremadamentecurva y es ostensiblemente máspequeña que la otra. ¿Además de ‘friki’soy ‘freak’?, ¡no me jodas!.

“Lostemas que apasionan al friki son la ciencia ficción, la fantasía o el terror, el manga, el anime, los videojuegos, los cómics,los juegos de rol, y la informática”

¡MIERDA!, ¡MIERDA!, ¡me gustan todos estos temas!, jugaba al rol de El Señor de los Anillos y el RuneQuest, coleccionaba manga y anime (aún conservo un montón de tomos y videos), tengo mi pequeña,casi minúscula, colección de películasy libros de ciencia ficción ofantasía, además de que aún guardo y leo mis viejos cómics, sobretodo de SuperLópez.Y por si todo esto fuera poco, estoy todo el día con los videojuegos o la informática.No, si va a ser cierto, ¡puedo ser un FRIKI!.

“Un friki es aún más friki cuantos más temas frikisaprecie o domine. En la vertiente cinematográfica,tiene un gran peso la saga de Star Wars,la saga Stargate y la saga Star Trek. En la informática el término geekhace referencia al aficionado o apasionado por las nuevas tecnologías. La fantasíaincluye a los aficionados de los juegos de rol, juegos de mesa como Warhammer, o la literatura fantásticacomo la saga Dragonlance o lamitología de J. R. R. Tolkien y suobra El Señor de los Anillos, asícomo juegos de cartas coleccionables como Magic:The Gathering. Respecto al manga/anime,se le suele denominar con la palabra japonesa otaku a todo aquel que muestra gran pasión por el cómic japonés, yasea en su formato en papel (Manga),o en su versión animada (Anime),aunque también es frecuente la afición a los cómics occidentales. Por último, el aficionado a los videojuegos para quien el juego no es un mero entretenimiento sino un desafíoes conocido como gamer”

¿Más frikicuantos más temas frikis aprecie?,¿están de coña?. Tengo toda la filmografía de Star Wars en VHS y DVD así como un montón de videojuegos dela saga, e incluso coleccionaba las maquetasy muñecos hasta que mi madre tuvo abien donarlos a la beneficencia (si, y aún me hablo con ella). Tengo Stargate y es una de mis películasfavoritas, y de Star Trek… de Star Trek… ¡me gusta la últimapelícula!… aunque me he pegado todas las anteriores… Conservo muchos librosde la Dragonlance, y otras sagas,así como dos copias del libro El Señorde los Anillos y el Silmarillion (elque presto del Circulo de Lectores yotro tamaño gigantesco edición coleccionista), junto con El Hobbit y el resto de la obra de Tolkien. Tengo el manga Akiraen su primera edición por fascículos, así como su película, además de muchas delas obras de Masamune Shirow y deotros dibujantes, y un montón de OVAsen un armario. Tengo una buena cantidad de comicsde Moebius y de Serpieri, y toda la obra de Quino, Uderzo, o de Hergé, así como alguna muestrade muchos otros dibujantes o ilustradores americanos y europeos. Y tengoconsolas, ordenadores, y videojuegos desde antes de la época del Mundial de Naranjito. ¡Dios!, ¡esto esla leche!, ¡soy el REY de los FRIKIS!, ¡el FrikiDUENDE!, ¡un geekotakugamerde los de toda la vida!.

“Losfrikis presentan distintos grados de interés sobre el tema, quevan desde tener un simple hobby,hasta el punto de poder ser incluso una formade vida. Mientras unos son aceptadossin problemas, el resto no, principalmente por considerarse algunas de sus aficionescomo extrañas o impropias de la edad.Además, al friki igualmente se leasocia muchas veces con un carácter introvertidoo con dificultad a la hora de relacionarse con personas ajenas a su afición ointerés. En las convenciones frikises habitual que la gente vaya disfrazadade algún personaje, a esto se le denomina cosplay”

Menos mal que lo más raro que me ha dado pordisfrazarme ha sido del muñeco azul de los C’mon,aunque lo cierto es que el disfraz era tan cutre que la gente me confundía conun Click de Playmobil. Sinceramente, que alguien pueda ver en mí algún rastrode frikismo no me molesta enabsoluto, más que nada porque yo no soy más friki que los miles de seguidores de clubes deportivos que acuden asus estadios o pabellones con la cara pintada, vistiendo los coloresdistintivos de una camiseta, con los que además decoran algún rincón de sushogares, dando gritos y haciendo coros a unos tios que van de corto y que gananuna pasta gansa, cosa que de vez en cuando yo también hago (desafortunadamenteme refiero a lo de ir al estadio, y no a lo de cobrar un dineral). Ni más friki que los que machacan su cuerpo enun gimnasio para sobredimensionar su aspecto, o los que tunean sus coches einstalan casi una discoteca en el portabultos de su automóvil, ni siquiera más friki que todos los que entraron enesta entrada deseándome la muerte para defender un puto SEAT127. Lo que me jode, y bastante, es que se sectorice, que eldichoso cartelito se le cuelgue a un reducido grupo de aficiones, y no a laforma que cierta gente tiene de expresarse o comportarse, los verdaderos frikis, gente extravagante, independientementede cual sea su entretenimiento favorito, ya se dediquen a la pesca deportiva oa la búsqueda de fantasmas.

Nifriki, ni nada por el estilo, si queréis llamar la atención pintaros de azul yponeros unos calzoncillos cortos de color blanco por fuera. El de la izquierdaes un C’mon, el de la derecha soy yo, que no tengo vergüenza

En definitiva, me fastidia sobremanera el quese le denomine aficionado, experto, o seguidor, a cualquiera que conozca afondo cualquier deporte, por ejemplo, y que sin embargo a otros simplemente seles llame friki EXCLUSIVAMENTE por el contenido de su afición. Y es que seamossinceros, los cómics, los videojuegos, los dibujos animados, los mundosde fantasía literarios o de rol, son considerados por muchas personas comoalgo que ha de ser pasajero, acorde a una edad a partir de la cual su disfruteen más bien un síntoma de clara inmadurez,como si todas estás creaciones no fueran ideadas a su vez por personas adultas. Y es que nadie se atreve a llamarfriki a Tolkien, pero no se cortan un pelo en llamárselo a sus seguidores,a los que siguen y aman su obra. Yo disfruté tanto con los párrafos de El Señor de los Anillos que cuandoterminé de leerlo me sentí completamente vacío, sabedor de que ninguna otraobra literaria existente en la tierra podría llenarme de tal forma, apenado porla inexistencia y muerte de su genio creador. Tengo tatuado el nombre de mi mujer en élfico porque no se me ocurrió mejor forma de unir dos de las personasque más admiro en este mundo, lapersona que comparte mi vida y la imaginación de este escritor, y me fascinan tanto los dragones que me he tatuado uno con el nombre de mi hija, por cuyasonrisa sufro una enfermiza adicción.

Siun niño saca la DS en mitad de la cola de un MCDonalds, es una monería, ahora,si lo hace un adulto, está haciendo el mono y tu mujer le saca una foto con elmóvil directamente

Incluso hoy en día, cuando subo a la azoteadonde guardo una buena cantidad de libros, comics, cientos de juegos y varios equipos,no puedo evitar poner durante unos minutos mi querido Amiga500, o la SNES, la PSX, o la PS2, abrir los maletines porta casetes y tocar la superficieplástica de la carcasa de mis juegos de Amstrado Spectrum tratando de recordar cadapantalla de cada juego, o ponerle las pilas a mi colección de GameWatch, especialmente la del Octopus, para comprobar con frustracióncomo no consigo puntuar ni la mitad de lo que hacía antes cuando era tan sóloun niño. Quizás esté perdiendo facultades, o quizás sea cierto eso de que existe el complejo de Peter Pan y que uno no quiere crecer.Sin embargo, a mis treinta y tantos no me importa madurar o hacerme viejo através de llamativas canas, inevitables arrugas, o la aparición de inoportunasmanchas en la piel, e incluso tener responsabilidades y obligaciones quelimiten el tiempo que puedo dedicarle a mi pasión por los videojuegos, porqueeso es ley de vida, lo que realmente me ocurre es que mi playa (si, no me paso todo el día encerrado en mi casa), mis libros, mis comics, mis juegos, mehan hecho disfrutar de tantos buenos momentos que no puedo evitar echar lavista atrás como lo hago cuando quiero recordar a un ser querido.

¡Quienno sea ‘friki‘ que levante su espadaláser!. ¡Tú no Nacho Vidal!, ¡túno!

No era un bicho raro por dibujar las portadasde Azpiri en las mesas del Instituto o llevar en la Universidad trenzas de colores sobre milarga melena mucho antes de que MelGibson con su falda escocesa y su Braveheartlas pusiera de moda nuevamente. Ni siquiera lo soy ahora porque mis amigos, queprefieren las actividades deportivas al aire libre o las salidas nocturnas a pasarhoras delante de un ordenador o de una consola, me consideren una especie de gurú capaz de ‘modificar’ sus consolas, arreglarles sus equipos, y al cual pedirleconsejo para la compra de cualquier tipo de hardware, lavadoras incluidas. Nosoy ningún ser de otro planeta porque rebusque junto con los críos alguna que otra oferta en las tiendas de videojuegos, porque importe un juego en completo chino, porque compre cosas simplementecomo objeto de colección, o porque prácticamente no haya un día en mi vida que nopase sin tocar un juego o un ordenador y sólo existan unas pocas excepcionesen este mundo capaces de animarme a cambiar mi rutina, mi mujer, la duendecilla,y los Carnavales. Y aunque intentenrecluirme como un alienígena de lapeli Distrito 9, para mi que losbichos son el resto del mundo, aquellos que necesitan razones para entendercomo alguien maduro puede disfrutar de un videojuego o una película animada,quizás porque son tan infantiles que no conciben su creación por y para unadulto. Cambiemos todos el chip,pero sobretodo la Wikipedia, ser friki no tiene porque vetar ciertaparte de la cultura, o recluir a una serie de aficiones dentro de un gueto, porque, por mucho que se empeñen,leer comics o literatura fantástica, o jugar al rol o a los videojuegos a unaedad madura no es ninguna frikada deadultos que actúan como si fueran niños. Y esto va por iniciativas como ‘el día del orgullo friki’, que poco oescaso bien aportan asentando esta etiqueta y riéndole la gracia a quién semofa de estas aficiones. Gente extravagante, llamativa, o fanática, los hay enmuchísimos lugares, y no tiene porque ser una exclusiva de estos temas, es más,se me ocurren muchísimas más actividades donde este tipo de personas proliferanmás que los Koopas en el Reino Champiñón.

Puedeque nos quiten la vida, pero jamás nos quitarán ¡la edición coleccionista del Dios de la Guerra! – El friki de William Wallace

Ésta ha sido mi última ‘adquisición’, la que haconvertido el jugar, educar, y cuidar de mi hija en mi hobbyfavorito. Pero incluso ejerciendo de padre,comportándome como lo haría cualquier otro adulto,hay gente que consigue hacerte sentir distinto,como a la que le resulta extraño el verte pasear e ir de compras llevando a tuniña en un Mei Tai y no en uncarrito, o el verte comprar un teclado de letras enormes de colores para que leresulte más divertido el ponerse a imitar a su papá. Está claro, es evidente, todosllevamos en nuestro interior un friki profundo,que más que un rasgo de inmadurez nos permite hacer frente a la estupidezhumana que no es capaz de aceptar que alguien pueda ser feliz sin vivir comolos demás les dictan y mucho menos a partir de una determinada edad.

Si te ha gustado esta entrada deja uncomentario con YOSOYFRIKINTEGRAL enel asunto

Si NO te ha gustado esta entrada deja uncomentario con TUERESFRIKICOMPLETOYPUNTOen el asunto

Si has llegado aquí por casualidad deja uncomentario con AMIGATOLEGUSTANLOSFRISKISen el asunto

El Bricoduende (II): Como pintar sin brocha las paredes de tu blog o Como crear un diseño en diez minutos

Si llevas días cagándote en el duende que te hizo hacer una plantilla en un programa completamentedesconocido para ti, llamado GIMPPORTABLE, a la que todavía no sabes ni darle uso, estás de ¡¡¡ENHORABUENA!!!, porque hoy vamos ahacer un skin completamente nuevo para un blog haciendo uso de ella. Para los que aún no hayáis visto elprimer bricoduende os recomiendo queal menos lo leáis para que os hagáis una idea de cómo se estructuran los blogs y de cómo es el aspecto del GIMP, o como se crean capas en él.

Este primer diseño será más fácil de hacerque untar un pan con mantequilla recién levantado por la mañana, con los ojosllenos de legañas y las manostemblorosas por no haber recibido tu primera dosis de café. Vamos a coger un par de WALLIPEIPARSde Internet, también conocidos como fondos de pantalla, utilizando elbuscador de imágenes de Google y vamos a crear un diseño sin retocar ni una sola de ellas. Elque quiera aprender a retocar porordenador, o a hacer modificacionesvarias, mucho me temo que se va a tener que esperar al próximo bricoduende, aunqueos aconsejo que os leáis primero este, porque en el siguiente no voy a explicarcomo se utilizan las herramientas que manejamos aquí.

¿Empezamos?

Imaginad que estáis, como yo, sin cagar porculpa de la dinámica de perolas queha implementado Capcom en su Biohazard 5 sobre la protagonista Sheva Alomar (y sin necesidad de previo pago por la descarga de un DLC ya contenido en el juego), y que lequeréis dedicar un homenaje tanto ala chica como al juego. Pues bien, lo primero que debemos de hacer es buscar enSan Google Bendito alguna imagen deljuego que os guste. En mi caso buscaré específicamente a los dos protagonistas,y algo más general, haciendo uso de los siguientes términos en las búsquedas: ShevaAlomar Wallpaper, Chris Redfield Wallpaper, y ResidentEvil 5 Wallpaper.

Tened una cosa clara, personalmente, prefieropegarme horas, si, HORAS, buscando una buena imagen que meguste que no pasarme otras tantas retocando una imagen que no me termina degustar. Es por eso que gastarse su buen tiempo buscando imágenes o ideas parautilizar en el diseño de tu blog esmuchísimo más importante que cualquier conocimiento que se tenga sobre algunaherramienta de retoque.

De todo el ‘batiburrillo’ de imágenes que han salido me he descargado estas cuatro,teniendo en cuenta sólo las que tenían una resoluciónmínima igual o superior a 1024×768 píxeles de ancho por alto. Porsuerte Google aparte de unaminiatura te indica también la resolución o tamaño de la misma. Si utilizáisimágenes con una dimensión inferior posiblemente perdáis calidad al ampliarlas(os recuerdo que nuestro diseño cuenta con una resolución de 1280×1024 píxeles),más que nada porque con GIMP podéishacer retoques pero no milagros, y no sería la primera vez que alguien utilizauna imagen menor de 640 x 480 medio pixelada o borrosa para usarla en un Skin de fondo.

IMAGEN1

IMAGEN2

IMAGEN3

IMAGEN4

*****************************************

COMOCREAR EN GIMP UN DISEÑO PARA TU BLOG EN MENOS DE DIEZ MINUTOS (y con tiempopara comerse un bocata de por medio)

En este ejemplo de hoy vamos a crear tres imágenes,una para el Skin, otra para las Entradas que será usada también comofondo de los comentarios (mientrasque el fondo del bloque lateral seráde un color plano o transparente y no estará formado por ninguna imagen), y unapara la Cabecera. Para ello,utilizaremos las imágenes 1 y 2 para el fondo del Skin, la 3 para el fondo de la Entrada,y la 4 para la Cabecera. Empezamos abriendo con el programa GIMP PORTABLE el archivo ‘plantilla.xcf’que creamos en el bricoduendeanterior.

*****************************************

PRIMERPASO: CREAR LA IMAGEN DEL SKIN

Una vez abierto el archivo ‘plantilla.xcf’ seleccionamos la capa Lado Der en la Caja de Capas y Deshacer.

– Archivo: Abrir como Capas

Seleccionamos la IMAGEN1 en la ventana AbrirImagen y vemos como se crea una capa ubicada por encima de la capa Lado Der y por debajo de la capa Centro. Ahora le cambiamos el nombre de esta nueva capa a Chris y la movemos seleccionando la Herramienta Mover de la Caja de Herramientas, que también sepuede seleccionar pulsando la tecla M.El cursor cambia a una forma con una mano y una flecha de cuatro direcciones. Pinchamossobre la imagen y la desplazamos píxel apíxel con los cursores delteclado o de forma más rápida haciendo uso de la tecla Shift (la tecla con la flecha hacía arriba que está encima de latecla Ctrl o Control) y de los mismos cursores.También podemos desplazar la imagen de forma menos precisa manteniendo pulsando sobre ella el botón izquierdo del ratón y manejando este último.

Ejemplode cómo quedaría la imagen una vez importada

Yo he decidido desplazarla a la izquierdahasta que la imagen de Chris quedebien visible ocupando el lateral izquierdo. Al desplazarla nos daremos cuentade que la capa superior llamada Centrohace que la imagen mantenga su centro oculto. Luego hacemos lo mismo con la IMAGEN2, es decir, fijándonos que lacapa Chris está seleccionada abrimoscomo una capa dicha imagen, la nombramos como Sheva o TiaBuena, y ladesplazamos del mismo modo hacía el lado opuesto de la anterior.

Ejemplode cómo quedaría la imagen tras las importaciones y desplazamientos, que es laque finalmente utilizaremos como skin de nuestro blog

Con esto ya tenemos nuestro Skin creado y sólo nos faltaría exportar la imagen, pero primeroaseguramos el trabajo que hemos hecho grabando sobre la misma plantilla, cosaque no recomiendo, o mejor aún, grabándolo en un alarde de originalidad yocurrencia como Resident.xcf. Ahoraya podemos exportar la imagen quevemos en pantalla.

– Archivo: Guardar una copia

Desplegamos la opción Seleccione el tipo de Archivo pulsando con el ratón sobre elsímbolo ‘+’, elegimos imagen JPEG, y le damos al botón Guardar. Aparecerá una ventanaadvirtiéndonos que este tipo de imágenes no trabajan con capas y es necesario ‘aplanar’ la imagen para poder usar esteformato, es decir, el programa va a unificartodas las capas VISIBLES en el ordenen que aparecen, o lo que es lo mismo, va a crear una imagen JPG exactamenteigual a lo que vemos en pantalla, así que le damos al botón de Exportar.

Nos sale la ventana Guardar como JPEG en la cual nos aseguramos de tener activada laopción Mostrar vista previa en laventana de la imagen, ya que de esta forma se nos abrirá una vista previade lo que vamos a grabar y nos aseguramos que lo que estamos viendo va a serexactamente el aspecto final de la misma. Otro dato a tener en cuenta es que elpeso de los archivos en Gamefilia nopuede superar los 128Kb por lo quedeberemos ir aumentado o disminuyendo la barra de Calidad hasta que el tamañodel archivo sea lo más aproximado a dicha cifra pero siempre inferior aesta. En nuestro ejemplo, una calidad de 83 nos asegura un peso de 126,9Kb yuna de 84 supera el límite establecido.

Ventanade dialogo para ajustar la calidad y el tamaño de la imagen a guardar

RETAHILASDEL ABUELO CEBOLLETA o esto son ganas de estirar el moco y lo demás es tontería

Aquí podemos notar la importancia que tieneel dejar la zona central en negro. Si hacemos invisibles las capas Cabecera y Centro pulsando sobre el ojoque aparece a la izquierda de sunombre en la Caja de Capas y Deshacer,y hacemos los mismos pasos, es decir, guardamos una copia en formato JPG, nosdaremos cuenta que para conseguir un tamaño aproximado e inferior a 128Kb tenemos que reducir la calidad dela imagen a 62 en vez de los 83 que hemos utilizado. En este caso la diferenciano es muy evidente pero en otras ocasiones esto se nota bastante.

Elfichero exportado a JPG con una calidad de 62 debido a la ausenciade una zona central de un mismo y único color

Otra cosa que deberíais tener en cuenta es quehemos usado dos imágenes distintas pero se podría utilizar una en la quejustamente lo que queráis mostrar está en los laterales y no en el centro, ouna donde lo que queráis enseñar está tan sólo a un lado. En este último caso, duplicandola capa y reflejándola como en un espejo aparecería lo mismo en el otro lado dela pantalla. Es decir, si por ejemplo nos ponemos sobre la capa de Chris y con el botón derecho seleccionamos duplicarcapa y hacemos lo siguiente:

-Capa : Transformar : Voltear horizontalmente

Tendremos un fondo mucho menos sensual pero más viril donde predominael embutido tipo salchichón sobre la fruta tipo melones, aunque para gustos colores.

Imagenllena de testosterona con la capa de Chris clonada y volteada como en un espejo

*****************************************

SEGUNDOPASO: CREAR LA IMAGEN DE FONDO DE LA ENTRADA

Nos ubicamos sobre la capa de Sheva seleccionándola en la Caja de Capas, o sobre la capa Lat Der en caso de que estéisutilizando la plantilla desde cero, y abrimos la IMAGEN3 como una capa, renombrándola después como Entrada. En mi caso me salió unaventana con la pregunta ¿convertir alespacio RBG?, y como esta es una clase más práctica que teórica y paso deexplicar el tipo de información que puede llevar incrustado un archivo JPG, le damos al botón de Convertir si os hacen esa preguntita ypunto.

Siun desconocido os hace esta pregunta en mitad de la calle, no le mandéis a lamierda, simplemente mandadlo a convertir.

En primer lugar, como vamos a trabajar con lacapa Centro y la capa que está porencima de ella, llamada Cabecera,nos molesta, la escondemos momentáneamente haciendo que no sea visible. Paraello pulsamos con el botón izquierdodel ratón sobre el icono del ojo que está a la izquierda de la miniatura de lacapa Cabecera en la Caja de Capas y Deshacer.

Como podéis observar la capa Centro que tiene el tamaño exacto decómo debería ser la imagen utilizada para el fondo de las Entradas oculta totalmente la imagen que acabamos de importar enforma de capa. Lo que vamos a hacer es cambiarle su opacidad o transparenciade forma que deje ver en parte la capa que tiene debajo, que es la que queremoscomo fondo de las Entradas. Para ello, en la Caja de Capas y Deshacer seleccionamos la capa Centro y en la misma caja desplazamos la barra de opacidad hacía laizquierda hasta que se pueda distinguir la imagen de la capa que tiene debajo yque es la que acabamos de importar bajo el nombre de Entrada.

La idea es crear un fondo o imagen para las Entradas oscuro aprovechando que elcolor de la capa Centro es negro. Siprefiriésemos utilizar una imagen de fondo de Entradas más clara seleccionaríamos la capa Centro y haríamos lo siguiente para rellenarla de color blanco:

-Editar : Rellenar con el color de fondo

En cualquier caso, modificamos el valor de laopacidad de la capa Centro de 100 a80, desplazando la barra de Opacidad hacía la izquierda.

Imagendel fichero con la nueva opacidad aplicada

Sin embargo, una vez corregida la opacidadnos daremos cuenta de que la ubicación de la capa Entrada no es la más idónea ya que a la izquierda de la capa Centro aparecen las letras Evil entrecortadas. Para solucionaresto seleccionamos la capa Entrada ypulsamos la tecla M para activar la Herramienta de desplazamiento, pinchamossobre la imagen con el botón izquierdodel ratón, y luego con los cursores del teclado movemos dicha capa hacía laizquierda hasta que estas letras desaparezcan de la zona central. Os pongo aquícomo quedaría el fondo de las Entradascon ambas tonalidades, una clara y otra oscura.

Imagendel fichero con la opacidad aplicada a la capa Centro rellena denegro y la capa Entrada desplazada a la izquierda

Imagendel fichero con la opacidad aplicada a la capa Centro rellena deblanco y la capa Entrada desplazada a la izquierda

Para exportar la imagen que vamos a utilizarde fondo para las entradas, es decir, para exportar tan sólo la zona central dela imagen, pulsamos el botón derecho del ratón sobre la capa Centro en la Caja de Capas y Deshacer y seleccionamos Alfa a Selección. Con esto habremos seleccionado la capa. Acontinuación hacemos lo siguiente:

-Editar : Copia Visible

-Editar : Pegar Como : Imagen Nueva

Ahora guardamos la imagen en formato JPEG cuidándonos de que ocupe menos de 128Kb y ya tenemos nuestro nuevo fondopara las Entradas.

Imagenfinal para el fondo de las Entradas

MAS RETAHILASDEL ABUELO CEBOLLETA o como perder aún más el tiempo de lo que ya lo estáshaciendo

Una tercera opción es no crear una imagenpara las Entradas y dejarlasconfiguradas sin color de fondo, es decir, dejarlas transparentes y que dejenver el Skin de fondo en su plenitud.En esos casos si que queda bien no dejar en negro la zona central del Skin, pero si oscurecer o aclarar esazona para que se puedan leer el texto de las entradas, para ello modificamos laopacidad de la capa Centro de la forma que ya hemos visto y exportamos laimagen como hemos hecho al final del PRIMER PASO.

Ejemplode Skin con la opacidad aplicada a la capa Centro y con la capa Entrada NOVISIBLE

*****************************************

TERCERPASO: CREAR LA IMAGEN DE FONDO DE LA CABECERA

Nos posicionamos sobre la capa de Centro seleccionándola en la Caja de Capas y abrimos la IMAGEN4 como una capa, renombrándoladespués a Título, y nos aseguramosde que la capa Cabecera estévisible, es decir, que aparezca el icono del ojo a la izquierda del nombre dela capa en la Caja de Capas. De no estarlopulsamos el botón izquierdo delratón en el cuadrado donde debería estar el ojo para que este aparezca yhacerla visible.

Vamos a utilizar la capa Cabecera para ayudarnos a encuadrar bien la nueva capa a la quehemos llamado Titulo. Para elloseleccionamos la capa Cabecera, larellenamos con el color de fondo, y le damos una opacidad de 50 como hemosaprendido a hacer en el paso anterior. Como podemos ver, la capa Titulo no encaja perfectamente en latransparencia creada con la capa Cabecera.

Ejemplode cómo quedaría el diseño con la imagen importada

Por este motivo vamos a escalar la capa Titulo para que aparezca en latransparencia la parte de la imagen que queramos que se vea como imagen en la cabecera de nuestro blog. Para ello seleccionamos la capa Titulo y luego la Herramienta de Escalado de la Cajade Herramientas o usamos la combinación de teclas Shift+T, que viene a ser lo mismo. Pinchamos con el nuevo cursorque aparece sobre la imagen y vemos como la capa se rodea de un rectángulo delíneas verdes y unos cuadrados en las esquinas y en los laterales de la misma.Además nos ha aparecido una nueva ventana bajo el nombre de redimensionar. Como podéis ver, alescalar una capa GIMP crea una copiay la superpone sobre todas las capas, y es esta nueva capa la que sufre latransformación, la cual no se realizará sobre la capa que hemos queridoredimensionar hasta que no pulsemos sobre el botón Escala.

Es muy importante que en la ventanaredimensionar pulsemos con el botónizquierdo del ratón sobre la cadena rota que está a la derecha de lospíxeles de anchura y altura para que esta aparezca unida. De esta manera,aunque si movemos los cuadrados verdes de los laterales las imagen se escalaráde forma distorsionada, cuando utilicemos los cuadrados de las esquinas laimagen si que se escalara guardando la proporción o relación de alto y ancho deorigen.

Escalamos la imagen utilizando las esquinasde forma que el ancho de esta quede un poco por fuera del ancho de latransparencia de la capa Cabecera.Si durante el proceso necesitáramos mover la capa que estamos escalando lopodemos hacer manteniendo pulsado el botónizquierdo del ratón sobre el circulo verde interior que aparece en elinterior del rectángulo de líneas verdes. Cuando esta tenga las dimensiones quenos apetezca, o en este caso un poco más del ancho de la capa Cabecera, le damos al botón Escala de la ventana redimensionar, y si es necesariodesplazamos la capa posteriormente hasta que encuadre bien en la transparenciade la citada capa Cabecera.

Ejemplode cómo es el proceso de escalar, redimensionar, o cambiar el tamaño de unaimagen

Ejemplode cómo quedaría la imagen importada, y escalada al tamaño de la cabecera denuestra plantilla

Pues bien, si nos gusta lo que vemos en latransparencia como fondo de imagen para el encabezado del blog, exportamos la imagen de la siguiente manera. Para empezarbajamos la opacidad de la capa Cabeceraa 0, y luego con el botón derecho sobre el nombre de la capa Cabecera, en la Caja de Capas, seleccionamos Alfaa selección, de esta manera tendremos creada una selección con lasdimensiones adecuadas. Luego le damos a copiarvisible y a pegar como imagen nueva,ambas en el menú edición y yatendremos la imagen de cabecera, lacual grabaremos bajo el nombre que queramos.

ULTIMASRETAHILAS DEL ABUELO CEBOLLETA o como aprender cosas que a lo mejor después ni lasutilizas

Como podéis observar, al quedar Chris y Sheva a la derecha de la Cabecerasería interesante poner el nombre de nuestro blog en la izquierda. Para ello usamos la Herramienta de Texto que se activa pulsando la tecla T, pinchamos en la zona de la imagendonde queremos que se muestre el texto, y escribimos lo que queramos en la ventanaEditor de Textos que aparece. Luego pulsamossobre el botón de Cerrar y se crearáuna nueva capa con el texto. Si mantenemos la Herramienta de Texto activada y la capa de texto seleccionada,podremos cambiar el texto pinchando sobre su recuadro en la imagen, o modificarsu aspecto a través de las opciones de la Cajade Herramientas. En esta última podemos modificar el tipo de letra pulsandosobre el botón de tipografía, el tamaño, y el color pulsando sobre el color que tiene por defecto y escogiendouno nuevo para darle después al botón de Aceptar.Si encima conseguimos bajarnos y usar una fuente de texto acorde con latemática que estamos utilizando, por ejemplo, descargándonos en este caso latipografía del juego Resident Evil,ya es que somos la polla directamente.

Ejemplode cómo poner tipografía o texto a nuestros diseños para que molen un huevo yparte del otro

*****************************************

FINALIZANDO,que es gerundio…

Esta segunda entrada, un poco más prácticapero casi igual de inútil, hemos visto como crear un diseño de blog a partir de varias imágenes quehemos encontrado por Internet. Consideroque esto es lo mínimo que debéis de saber hacer para poder hacer un diseño deblog en condiciones. En el siguiente briconsejoos enseñaré, por fin, a hacer un diseño o composición aprovechando las bondadesdel retoque fotográfico para cambiar totalmente el aspecto de las imágenes queutilicemos, pero dadme mucho tiempo porque yo carezco del mismo y hacer estetipo de tutoriales cuesta lo suyo. Espero que está entrada al menos os hayapodido servir de algo de ayuda, por ello os dejo el archivo resident5.xcf con todas las capascreadas para lo modifiquéis a vuestro gusto y os pongáis a experimentar. ¡Nosvemos en el próximo bricoduende!^^

Aquí os dejo un video mudo de todo el proceso hecho en diez minutos, y una imagen de como debería quedar el diseño del blog…

 

El Bricoduende (I): Como alicatar las paredes de tu blog o como crear una plantilla para tus diseños en menos de tres minutos

Antes de nada quiero pedir disculpas por estaentrada, ya que entiendo que los tutorialesdeben ser creados por personas que aparte de ser unos entendidos en la materiasepan hacer transmitir sus conocimientos, por lo que no creo que yo deba ser elmás indicado en este caso. Muchos pensareis que domino el noble arte del Photoshop y programas de retoquesimilares por todos los skins queles he dedicado a varios compañeros de blog,pero nada más lejos de la realidad, todo lo que he aprendido lo he hechogracias al mejor de los maestros, el afamado ‘pruebaconestoaverqueesloquesale’. Es por eso que puede que muchasde las cosas que voy a explicar aquí puedan realizarse de forma más fácil o conun acabado mejor, simplemente os voy a contar como yo suelo hacerlo.

Si me he decidido a hacer esto es porque unapersona me pidió hace ya bastante tiempo (meses o años) que le explicara como hago losdiseños. Para ello he decidido utilizar un programa GRATUITO que está al alcance de todos en cualquier Sistema Operativo, como el GIMP PORTABLE, una versión de este reconocidísimo programa deretoque que no requiere de instalación y que podéis llevar en cualquier USB para poder usarlo en cualquierequipo y en cualquier momento.

Podéisencontrar el GIMP PORTABLE aquí junto con otros programas portátiles (en cuantoa tamaño y que no requieren instalación) bastante útiles…

http://portableapps.com/apps/graphics_pictures/gimp_portable

Como podéis comprender no puedo explicar todoen un sola entrada, bueno, quizás si, pero me agobiaría bastante, por lo que hedecidido dividirla en varias partes. La idea es que veáis como se va creando eldiseño y como hago uso del programa para que al final de esta serie de entradasvosotros seáis capaces de hacer algo parecido. Sin embargo esta primera entradaserá un poco más teórica, os enseñaré como estructurar el aspecto de los blogs y aprenderéis a crearos una plantilla sobre la cual poder trabajarluego. Dicha plantilla se encuentra adjunta al final de esta entrada por si osqueréis tocar las albóndigas pero yoos aconsejo que hagáis vosotros la vuestra porque de este modo os iréisfamiliarizando con el uso del GIMP y la forma que voy a utilizar para explicarlas acciones que voy llevando a cabo.

¿Empezamos?

Como sabéis la resolución de las pantallas de vuestros ordenadores y de losnavegantes de Internet es tan variada con la macedonia de frutas así quesiempre habrá alguien al que nuestro diseño se le vea pequeño o al que le aparezcademasiado grande. Así que partiendo de que hagáis lo que hagáis nunca lloveráal gusto de todos lo mejor es hacer uso de las resoluciones más utilizadas ycomunes. En este caso voy a realizar el diseñoa un tamaño de 1280 píxeles de ancho y 1024píxeles de alto porque son las dimensiones que utiliza Meristation y la mayoría de páginas webs.

Lo primero que deberíais saber antes depersonalizar el aspecto de vuestro bloges la estructura del mismo. En el caso de Gamefilialos blogs están formados por lassiguientes secciones:

Unblog en Gamefilia puede personalizarse usando imágenes de fondo en cinco camposdistintos: Skin, Entrada, Bloques, Cabecera y Comentarios

Si os fijáis, estos campos o secciones tienenun orden, es decir, se encuentran en capas, primero se carga la imagen del Skin o fondo del blog, luego se superpone la de la Entrada, luego la de los Bloqueslaterales, y por último la de la Cabecera.Eso significa que la Cabecera y los Bloques, por su ubicación, a no ser quecarezcan de imagen o tengan establecido de fondo un color transparente, tapan u ocultan parte de la imagen dela Entrada, mientras que la Entrada, a no ser que también carezcade imagen o tenga establecido de fondo un color transparente, oculta la partecentral del Skin.

Por este motivo una de las cosas másimportantes a la hora de planificar es la imagen del Skin, ya que hay que tener en cuenta que ancho de esta imagen quedaoculto y que espacio de los laterales queda expuesto. Además, como la imagen defondo de la Entrada cubre la partecentral del Skin, toda esa ‘información’, todos esos colores,permanecen ocultos, aunque ocupen sin embargo un espacio considerable en elpeso de la imagen. Pues bien, dado que las imágenes en Meristation también están limitadas a un peso máximo de 128 Kb, nos interesa dejar esa parte del Skin, que permanece cubierta, totalmenteen negro o de un mismo color.

Estosserían unos ejemplos de fondos de blog, sin zona central visible (imagen superior) porque la parte de la entrada tiene su propio fondo, y con zona central visible (imagen inferior), donde el propio skin o fondo del blog sirve de fondo para las entradas

Si no existiera la zona negra la imagen tendríaun peso mayor y para reducirlo tendríamos que reducir la calidad de toda laimagen. Sin embargo al añadirle ese espacio en negro hemos reducidoconsiderablemente el peso ya que el algoritmo de compresión (las imágenes en Gamefilia han de ser en formato JPG, las cuales hacen uso de un sistemade compresión) aprovecha que existe una zona con un único color de información paraque el fichero ocupe menos espacio.

Respuestasantes posibles dudas

Vale, me ha molado saber eso de que losfondos del blog deben de ser de una resolución de 1280×1024 pixeles (ancho xalto) y deberían tener una parte central de un solo color en caso de que novaya a verse, pero ¿cuanto de ancho es esa parte central?.

Pues ya os lo digo yo, la parte central donde van las entradas ylos bloques laterales ocupa 760 pixelesde ancho por lo que deducir el espacio visible de vuestro skin es sólo cuestiónde usar las matemáticas o consultarle al tipo de gafas ese que sale en el Brain Training. Y para los que seáis deletras y encima no tengáis una DS yaos pongo el resultado: 1280 – 760 = 520, que es el ancho que ocupan ambos extremosde la imagen de fondo. Para saber exactamente cuanto ocupa cada extremo, esdecir, la parte derecha e izquierda de la zona central basta con dividir estacifra en dos partes iguales, o sea, 520 / 2 = 260.

En resumen, teniendo en cuenta un diseño de 1280x1024píxeles de ancho x alto, y sabiendo que la sección de las entradas junto conlos bloques laterales ocupa 760 píxeles de ancho, nos deja con una superficievisible de 260 píxeles de ancho a ambos lados del blog, por lo que los ‘laterales’visibles del Skin deberían de tenerun tamaño de 260×1024 píxeles. Teniendo en cuenta que la Cabecera ocupa el mismo ancho que la Entrada, y que su altura es de 145 píxeles tenemos que lasdimensiones de la Cabecera serían 760×145 píxeles, mientras que el fondo de laEntrada, que ocupa todo el alto de la pantalla, tendría de tamaño 760x1024píxeles.

Dimensionesen píxeles de los diferentes elementos que pueden verse en un blog

¡Uauh!, ¡y eso lo has hecho sin calculadora!,¿pero para que quiero yo saber esos datos?. ¡Yo soy un artista!, ¡a la mierdatus números!.

Pues para crearte una plantilla parecida a laimagen que tenemos arriba, y no trabajar al boleo, sino sabiendo exactamente eltamaño de las imágenes que vas a utilizar, tal y como explico a continuación.

*****************************************

COMOCREAR EN GIMP UNA PLANTILLA PARA DISEÑAR TU BLOG EN MENOS DE TRES MINUTOS

Muy bien, aquí ya entramos en materia, puesla creación de esta plantilla nos va a servir para familiarizarnos con el menúy las ventanas del GIMP así como enel manejo de capas. He aquí un esquema de lo que os vais a encontrar al abrirpor primera vez el GIMP (siempre ycuando hayáis maximizado su ventana), un Menúen la parte superior, una Reglasuperior y otra a la izquierda, un Zoomen la parte inferior, y dos ventanas flotantes: una Caja de Herramientas (que a su vez se divide en dos apartados, unosuperior donde escoger la herramienta y otro inferior donde personalizarla), yuna Caja de Canales y Deshacerdividida en varias secciones.

Esquemadel aspecto y estructura del GIMP

Las acciones que tengamos que realizar através del Menú las indicaré en negrita separando los diferentes submenús y opciones por medio de ‘:’.Por tanto cuando indique Archivo : Nuevosignificará que hemos de ir al menú Archivoy seleccionar Nuevo, y eso es lo quevamos a empezar a hacer, así que ya estáis tardando.

*****************************************

PRIMERPASO: CREAR LA IMAGEN CON LA RESOLUCION ADECUADA

– Archivo: Nuevo

Se nos abrirá una ventana para Crear una imagen nueva en la quedeberemos especificar las siguientes medidas y pulsar sobre el botón de Aceptar.

Anchura: 1280 / Altura: 1024

Ya tenemos la base para la imagen, ¿sencillono?. Pues bien, si nos damos cuenta la ventana sobre la que estamos trabajandoen GIMP a pasado a llamarse Sin nombre-1.0, y si nos fijamos en la Caja de las Capas y Deshacer haaparecido una capa llamada Fondo lacual pintaremos de negro para que destaque en la vista en miniatura de lamisma.

– Editar: Rellenar con el color de frente

Ahora vamos a empezar ha acostumbrarnos agrabar de vez en cuando, no nos vaya a venir un apagón analógico por sorpresa ynos quedemos además sin luz.

– Archivo: Guardar Como

Aquí le ponemos de nombre plantilla y le podemos dar al ‘+’ para buscar en el disco duro lacarpeta donde queremos grabar nuestra obra de arte. Por defecto las imágenesdel GIMP se graban en un formatopropio con extensión xcf, unassiglas tan desagradables como pensar en la regla nemotécnica ‘sexo confalete’ para recordarlo.

*****************************************

SEGUNDOPASO: CREAR LOS LATERALES

-Capa : Capa Nueva

Se nos abrirá una ventana para crear Capa nueva a la que llamaremos Lado Izq. como Nombre de la Capa, y enla que especificaremos las siguientes medidas marcando además la opción color de frente en el apartado Tipo derelleno de la Capa, para pulsar luego sobre el botón de Aceptar.

Anchura: 260 / Altura: 1024

Es muy importante, aunque seáis unosguarretes, ser muy ordenados y ponerle un buen nombre o descripción a las capasporque os aseguro que a medida que avance vuestro diseño tendréis tantas que ospodréis empezar a hacer la picha un lío incluso teniendo las vistas enminiatura. Podríamos seguir los mismos pasos para crear la capa del ladoderecho pero eso sería muy fácil y no os va a saltar ningún logro/trofeo conello así que vamos a hacerlo de otra manera, copiando la que acabamos de creary mandándola a hacer puñetas, es decir, mandándola al lado derecho de laimagen.

Iconode la Herramienta de alineación

Para ello, en la ventana flotante de lascapas, nos ponemos sobre la miniatura de la capa Lado Izq., o sobre su nombre, pulsamos el botón derecho del ratón yseleccionamos duplicar capa,creándose una nueva por encima de la actual denominada Copia de Lado Izq. Para ubicarla a la derecha pulsamos la letra ‘Q’, lo cual seleccionará automáticamenteel icono del cuadrado con cuatro flechas localizado en la caja de herramientasllamado Herramienta de alineación.Veremos como el cursor cambia a una flecha con una mano adjunta, y loutilizamos para señalar el área que queremos desplazar, que en nuestro caso esel rectángulo marcado mediante una línea discontinua de la izquierda. Sabremoscual es el área que hemos seleccionado porque en las esquinas de la líneadiscontinua aparecerán marcadas con un pequeñísimo cuadrado verde.

Pues bien, en la ventana flotante de la Caja de Herramientas, en la zonainferior donde podemos modificar las opciones de la herramienta de alineado seleccionaremos la opción Alinear al borde derecho del objetivo yveremos como por arte de DavidCopperfield la capa se desplaza hasta el extremo de la derecha. Ya sólo nosqueda cambiarle el nombre a la capa pulsando el botón derecho del ratón sobrela capa en la ventana flotante de las capas y seleccionando Editar atributos de la capa, dondepondremos Lado Der. como nombre dela capa en la ventana que nos aparece.

*****************************************

TERCERPASO: CREAR EL FONDO DE LAS ENTRADAS

-Capa : Capa Nueva

Creamos una Capa nueva a la que llamamos Centroy a la que especificaremos las siguientes medidas marcando además la opción color de frente en el apartado Tipo derelleno de la Capa.

Anchura: 760 / Altura: 1024

Pulsamos la letra ‘Q’ o seleccionamos la Herramientade alineación y luego elrectángulo marcado mediante una línea discontinua de la izquierda. En la zonainferior donde podemos modificar las opciones de la herramienta de alineado seleccionaremos la opción Alinear al centro del objetivo y veremoscomo la capa, muy obediente ella, se posiciona en el centro.

CUARTOPASO: CREAR LA CABECERA

-Capa : Capa Nueva

Creamos una Capa nueva a la que llamamos Cabeceray a la que especificaremos las siguientes medidas marcando además la opción color de frente en el apartado Tipo derelleno de la Capa.

Anchura: 760 / Altura: 145

Seleccionamos la Herramienta de alineación y luego el rectángulo marcado medianteuna línea discontinua de la izquierda. En la zona inferior donde podemosmodificar las opciones de la herramienta de alineado seleccionaremos la opción Alinear al centro del objetivo y la capa se posicionará en elcentro.

Y con esto ya tenemos creada una plantillaque cubre todas las partes visibles de nuestro blog. Si nos fijamos en el nombre de la ventana del GIMP sobre la que estamos trabajandoveremos como este es *plantilla.xcf.El asterisco indica que se hanrealizado cambios en la imagen que todavía no se han guardado. Pulsamos lacombinación de teclas CTRL+S yveremos como el ‘*’ desaparece yaque habremos guardado todas las modificaciones.

Asíes como os deberían haber quedado todas las capas. Como podéis ver si ahoramismo exportáramos la imagen como skin para nuestro blog tendríamos la imagende un gato negro bañándose en una piscina rectangular llena de petróleo

*****************************************

FINALIZANDO,que es gerundio…

Esta primera entrada, tan poco práctica comoinútil, ha sido simplemente una toma de contacto explicando como podemosestructurar el diseño de los blogs,y ha servido para crear una plantilla que utilizaremos para realizar nuestrodiseño como veremos en el bricoduendeque viene. Si os gusta la idea de seguir con estos briconsejos por favor dejadme un comentario dándome ánimos porque ami personalmente todo esto que os he soltado me parece un rollazo que no os vaa servir de ayuda o simplemente no os va a resultar interesante. XD

Aquíos dejo un enlace con el archivo que os debería de haber salido tras seguirtodos los pasos de este briconsejo…

http://elelectroduende.es/imagenes/plantilla.xcf

Y por último, pero no menos importante, porsi os habéis perdido con algo cual serie LOST,aquí os dejo un video con el paso a paso de todo lo que he dicho en estaentrada, en donde podéis ver que todo esto se puede hacer en un par de minutoscon unos cuantos ‘clicks’ de ratón.Como mi voz es muy cutre y grito como un poseso he preferido no poner nada, nisiquiera un fondo de vuvuzelas, seguro que vuestros oídos me lo agradecerán.^^

http://elelectroduende.es/imagenes/bricoduendeavi001.avi