EMBLEMA

Después de siglos de inactividad por el blog, he vuelto para quedarme temporalmente. (No os creáis que me quedare pa` toda la vida, o sea ya que falta muy poco para mis dulces y geniales vacaciones de verano, a la vuelta de la esquina.) Y como podéis apreciar en el titulo, este post va de como hacer, diseñar, vectorizar y estampar un emblema, icono, o lo que sea en una camiseta, jerseys o para pegatinas, entre otros. Porque seguramente vosotros vais por la calle (Poneos en situación, bueno prosigamos.) vais por la calle y entonces os veis a una persona con una camiseta o con una chaqueta con logotipo bomba, en plan que lo peta mucho y queréis una camiseta igual. Pero os da demasiado corte preguntarle a la persona porque sois unos antisociales que os pegáis todo el día, en vuestra casa con el "Netflix" y comiendo como unos gordos, como si vuestra pareja os ha dejado y entráis en una depresión, o sea así por la vida.

Y entonces sacáis la valentía de donde no la tenéis, en plan que las sacas pero le preguntas muy cagao` y la persona te mira con una cara de: "what the actual fuck" y sigues intentadolo y al final te responde y te dice que la diseño él. Y a partir de esas palabras empozáis a entrar en una decadencia personal, porque estáis tan vacíos por dentro que necesitáis una camiseta molona, para creeros TOP o para sentir la aprobación de una sociedad en la que pasan de tu culo. (Hablando en plata.) 

Pues ya tenéis la solución ante ese problema típico y muy cotidiano en la vida, véase el sarcasmo. Y la solución la tenéis en este blog, así que leed y entendedlo y volveos la envidia de la vida. Pues tras este gran lapsus momentáneo, (que de momentáneo no tiene nada ya que son dos párrafos enormes.)

EMPECEMOS

Antes de todo, os voy a mostrar el resultado final. Obviamente en la imagen se vera el final, o sea ya todo terminado que eso implica que este diseñado, vectorizado, pintado y puesto en la camiseta.

 (En la imagen siguiente imagen podéis ver, el previo del emblema puesto en la camiseta.)

Se me olvido deciros, que el ejercicio que hice fue para un emblema del Bachillerato de Artes, así que vosotros podéis hacerlo de otra cosa. Y voy a dividir el post este en apartados. Así no se mezcla y eso, que se supone que hay que ser organizado pero seguramente yo me haga un "Fuck the Police" y lo haga a lo lailo.

DIBUJADO

Primero, debéis de tener lo mas básico antes de todo que seria la idea principal de que es lo que vais a dibujar y posteriormente vectorizar y todo ese rollo. Y yo como me hago un "Fuck the Police" pues eso lo suprimo pero obviamente lo digo porque algun@ su centralita peta y no sabe que ese paso es primordial.

Por eso, cogéis lápiz, papel y empezáis a dibujar y si queréis podéis sacar alguna idea del maravilloso Internet y eso. Que ahora voy a poner el escaneado de mis dibujos para que veáis, así que cuando miréis la imagen, como yo lo hice de un emblema de Artes por ende, los dibujos serán de cosas relacionadas con el Arte.

(Aquí tenéis la imagen con los escaneados, esta retocada en Photoshop ajustando niveles y contrastes.)

 En la imagen como podéis apreciar esta todo los elementos y las texturas que iba a poner. También creo que no hace falta decirlo pero lo dibujas y lo escaneas en un escaner.

VECTORIZADO

Tras haber dibujado y escaneado los dibujos y también retocar los niveles y contrastes de la imagen. Os vais al Ai "Illustrator" y podéis vectorizarlo de dos maneras posibles. Ajustando los niveles y programando el Illustrator para que te lo vectorice solo que seria el camino fácil o también dicho de otra manera, "el Camino de la Ley del Mínimo Esfuerzo" o también si no sois tan putamente vagos y queréis hacerlo bien, lo vectorizais a mano. (Y como podéis intuir lo vectorice a mano, por primera vez en la vida deje de ser tan vago :D)

Vais a vectorizarlo con la herramienta pluma, esa herramienta sirve para marcar trazados, formas o selecciones. Así que lo ponéis en "trazados" y también podéis ajustar las preferencias del grosor de la linea y etc y si le quieres poner relleno. La opción os saldrá en la barra superior. Obviamente no hay que ponerle relleno.

 (Este es el icono de la herramienta pluma.)

Vais vectorizando cada dibujo capa por capa y os recomiendo que los vayáis separando por nombres para que nos os confundáis. También para que el proceso de vectorizado sea mas fácil, os recomiendo darle doble click a la capa del folio escaneado y darle a la opción de "Atenuar imagenes al 50%"

(Para que os salga esta ventana le dais dos veces seguidas a la capa del Folio Escaneado o al de Capa 1.)

Tras esto, empezáis a vectorizar cada objeto y separándolo por capas con nombres. Como por ejemplo: Capa Lápiz, Capa Escudo, etc. Así es mucho mas fácil y nos os complicais tanto por tenerlo todo desordenado. Además repito cada vez que vayáis a vectorizar una cosa nueva os recomiendo que lo pongáis en una nueva capa, ya que hay veces que el Illustratror convulsiona y os jode la vida, así hablando en plata. (Como se nota que a mi, el autor de este blog le ha pasado y ese mismo día le han dado los 7 males de la Ira total. Y que ha tenido que mandar a tomar por fresco todo, o sea hacedme caso para que eso no os suceda ;-; )

(Ves ahí podéis ver como lo he hecho, todo dividido por capas y todo vectorizado.)

Tras haber hecho esto si queréis hacer texturas o patrones, lo hacéis en otro documento. Así que vamos con un apartado extra que no es necesario del todo. Pero para las personas que lo quieran hacer, pues aquí tenéis esto para hacerlo.

PATRÓN SIN COSTURAS

Hay que abrirlo pero hay que ponerle sus medidas y rollos, así que si, personas, el tamaño importa y mucho para estas ocasiones. Por eso le damos a "Nuevo" y ponemos las siguientes medidas y opciones que vais a poder ver en la siguiente imagen.

 (Solamente tenéis que poner lo mismo que aparece en la imagen, así no me complico la vida, explicando exactamente todo y después que vosotros no lo entendáis por mi explicacion. Todos contentos :D)

Tras abrir el documento con las medidas exactas y todo correcto. Dibujais el patrón que queríais hacer. Yo como quería hacer patrones simples y de un solo color, pues hice tres patrones: uno de cuadrados, otro de círculos y por ultimo uno de lineas ladeadas. Todas están de color azul y blanco. 

Para hacer que todo quede parejo y no te quede feo, horrible, asqueroso, horripilante, blasfemo, etc (Uy como sé usar diferentes adjetivos que comparten similitudes en determinados conceptos, que bien oie :D "Aprende con el Autor clases de Lengua Castellana". *Me he visto la obligacion de poner ese "oie" de esa manera porque si* ) Tenéis que poner las cuadriculas para que no os salga mal y también para hacéroslo mas fácil, lo podéis copiar facilmente cada elemento y moverlo en donde queréis.

Para copiar los elementos y moverlos tenéis que tener seleccionado el objeto que queréis copiar y mantener pulsado a la vez, las teclas: Control + Alt y después moverlo al sitio donde queréis ponerlo y así sucesivamente.

(Solo he puesto la imagen de un patrón porque solamente era para que lo vierais como es y como quedo, además por vaguería.)

 Al final de haber vectorizado y terminar los patrones tenéis que crear otro documento que va a ser en donde vais a formar el emblema en si. Por eso vais a copiar y mover cada elemento como os dije lo de pulsar las teclas, pero en este caso tenéis que dividir el Illustrator en 2 ventanas y pasáis cada cosa al nuevo documento.

COMPOSICIÓN

En este paso solo tenéis que ir moviendo cada cosa al nuevo documento e ir ordenándolo por capas y ya, así que os voy a poner un GIF del proceso. O sea vuelvo a repetir que este paso es solo ordenar y orientar los vectores y los patrones, no hay ninguna complicacion que sea muy dura, es solo eso. Así que si que si me callo y os pongo el GIF.

 

 (Tras este GIF ya seria el ultimo paso de todos que seria ponerlo en camisetas y en cosas. Y bendito soy que soy el único de mi clase que sabe hacer GIFs así que MUAJAJAJA (Risa malévola.)

Esto es una nota aclaratoria puse la tipografía en Photoshop cuando lo fui a poner en el Mock-up de la camiseta. Y después os explicare que es un "Mock-up".

 ESTAMPAR EN LA CAMISETA

Antes que nada un "Mock-up" es un documento que esta preparado para modificar en cualquier momento su aspecto en cuanto al contenido y también añadirle el nuestro propio. Los "Mock-up" los podéis encontrar en Internet.

Después de esta breve explicacion que empiece el ultimo paso, yo os recomiendo que busquéis un Mock-up, ya que normalmente los pasos están cambiados de orden y esto puede traer muchas dificultades, pero bueno yo os lo voy a explicar desde el Mock-up que utilice.

(Solamente hay que cambiar las capas que pone "2 clicks tal tal" y con eso ya estaría terminado.)

Tras darle click en la capa de cambiar miniatura se os abrirá otro documento en donde os saldrá una miniatura de ejemplo y unas rectas con su margen de seguridad. Ese margen de seguridad se usa para que al reemplazarlo se plasme en el Mock-up de la camiseta. Y al abrirse ese documento, os saldrá unas guias que solamente tenéis que seguir y ya estaría. No habría ninguna complicacion.

(Reemplazáis el logo poniendo el vuestro y guardáis el archivo y entonces os saldrá ya estampado en la camiseta.)

Por ultimo, ya os quedaría editar los valores como sombras, luces, etc. Y también podéis cambiar el fondo, pero como yo soy tan vago pues no lo cambio y lo dejo así. Por eso, tras estas ultimas palabras me despido. Nos veremos en el siguiente post, si es que lo hay. Hasta luego, Maricarmen.

VIDEOJUEGO

Bueno pendejitos mios, he vuelto después de un descanso ahí to guapo de la vida. Para traeros lo ultimo en apps de videojuegos. (O sea no nos motivemos que el videojuego va a ser cutre. No pensemos que iba a ser un candy crush o un juegazo a lo Ubisoft, uy perdón quería decir Bugisoft. Nótese la ira contra Ubisoft, pero bueno dejare de dar publicidad de gratis en este blog de momento.)

Como estaba diciendo vamos a hacer un videojuego y por ende voy a explicar todo muy por encima. Primeramente antes de todo, el programa que vamos a usar: es el Scratch 2 es un programa de creación de videojuegos, es muy fácil de usar y también es gratis, no hay pagar nada de nada. Así que no preocuparse, no entréis en convulsión todavía. Y para poder descargarlos os vais al maravilloso google o el maravilloso YouTube y buscáis un vídeo que os explique como descargarlo y de como instalarlo.

 Tras esto puede haber dos maneras de hacer el videojuego, manual completamente; casero, o sea tener que hacer hasta tu los personajes y fondos o ser tan vago de coger los propios de scratch. Pero como yo se supone que tengo que dar una imagen buena de ser un autor responsable y mas o menos legal. Pues tendré que hacerlo casero todo y explicaros todo el proceso. Así que empecemos la "dulce" aventura de trabajar desde 0 (Que bien si...... nótese la ironía y que no estoy entusiasmado.)

DIBUJADO

Después de descargaros el programa y haber toqueteado botones al azar y haberos asustado y decir en vuestras mentes: "Ay virgensita de Guadalupe ayudenos" o también "Jesusito de mi vida, ayudeme que me desplomo" mirareis este blog de nuevo para saber que hacer y lo primero antes de todo, es coger un buen lápiz, unos buenos folios y una buena goma y poneros a dibujar vuestros personajes favoritos o un personaje que os gustaría que estuviera en un videojuego. En mi caso va a ser una caca medio kawaii, cute, relinda nomás ( Hoy un día más en.... léxico con El Autor, vamos a aprender sinónimos para describir si algo es precioso. )

También aparte seguramente con mi videojuego haré feliz a fetichistas que tenga "coprofagia" ( para las personas que no sepan que es, yo o sea el autor se lo explicara con pelos y señales. "Coprofagia: inclinación morbosa de comer excrementos u otras inmundicias y/o ingestión de excrementos u otras inmundicias." Resumiendo para idioma simple y sin tanto finolis, es: que un tipo se coma una buena mierda o le guste ver que otros lo hagan.) Ups que pena, el autor se ha tomado la norma por el pito del sereno; intentando no decir palabras fuertes y malsonantes. Ay de verdad que pena (Véase la ironía.)

Tras este gran lapsus momentáneo del autor y sus grandes desvarios mentales, voy a seguir. Como iba escribiendo anteriormente, lo que tenéis que hacer es dibujar vuestro protagonista y los enemigos petardos a los que hay que esquivar y obviamente el premio que tu prota tiene que coger si o si.

"Folio con los bocetos de cada uno de los personajes"

En la anterior imagen podéis ver, los diseños mios, que a ver, no son lo mas impactantes que habéis visto pero tampoco eso una semejante mierda de vaca aplastada.Y no mejor dicho. Teneis que dibujarlo, rotularlos y escanearlos y pim pam pum, tengo una pistola que dispara sola. ( Ups me ha dado una venada con esa canción, sorry not sorry. )  

ESCANEADO

Os vais a Photoshop y lo vectorizais con la herramienta que os de la gana. Pero yo lo hice con el pincel, que por cierto que complicado. A ver si me da el partner del blog para una tableta gráfica. Aunque eso no va a pasar en tu vida autor. Lo que tienes es ajo y agua; ajoderse y aguantarse.

"El premio es una barrita de Cacalate. Nótese la creatividad del autor y la tipografía de la marca Coca Cola. (Espero que Coca Cola no me demande. Aunque uff que penita, pena me da. )

Lo vectorizais uno a uno y le añadís el color que os de la gana, la verdad. Y después de haber vectorizado cada cosa que hayáis hecho. Nota aclaratoria super mega hiper importante, tenéis que guardarlo en formato PNG. No me seáis cabeza de cenutrios que después vais al Scratch 2 y no os funciona y os cagáis del convento pa´ dentro. (Nótese que a mi me paso eso y me quede con una cara de asco, que pensaba mandar esto a tomar por saco. )

SCRATCH

Cuando tengáis abierto el Scratch, os saldrá una maravillosa interfaz. Que parecerá difícil pero es mu´ facil.  Aunque parezca que no. Y estará dividida en partes y en menús y mas rollos que eso después os los explicare.

 La interfaz esta formada por escenario, fondos, personajes, objetos, disfraces y en las pestañas, estará compuesta por:

•  Programas, es en donde esta todas las acciones que puede hacer los personajes. Acciones como movimientos, giros, palabras, etc. Todo ese barullo.

• Disfraces, es donde el personajes que tengas presionado puede tener mas de una versión. Una en que salga sonriendo o otra tenga la cara triste, etc hay miles de combinaciones.

• Sonidos, como su mismo nombre indica donde puedes ponerle sonido a cada personaje y como quieres que se ejecute, etc.

Tras esta pequeña explicación de lo mas simple que tienes que saber para poder hacer un videojuego simple y fácil. Son estas tres pestañas. Además de saber poner un fondo que eso esa cargar la imagen y meter los personajes, aunque también puedes aprovechar los que están ahí por defecto. Bueno ahora vamos a la parte mas programadora de la vida de este post.

PROGRAMACIÓN

En este apartado os lo voy a explicar todo con imagenes,  poco texto y diferenciando por subapartados de cada personaje para que nos os mezcleis. O sea avisados estais porque hay partes en la que es mejor que tengáis una imagen para guiaros y no perdeos.

PROTAGONISTA:

Vosotros mismos os vais a la pestaña que pone programas y vais poniendo cada bloque como sale en cada imagen para poder que los machangos se muevan. ¿Lo captáis?, espero que si.

 "Esto es para que el protagonista aparezca en el centro cada vez que perdamos, etc"

"Estos bloques son para que el personaje se mueva en la pantalla, además para darle mas realismo cuando se mueva."

Bueno hasta aquí el protagonista, ahora vamos a añadir los demás personajes. Aviso de nuevo. Los demás personaje tienen que tener los mismos bloques que para el protagonista. Obviamente para que se muevan y no permanezcan quietos, pero podéis cambiar los valores para que sea diferente el patrón de movimiento del enemigo.

BUCLES

Los bucles se le ponen a los enemigos para que estén continuamente moviendose y así sea mas dinámico el videojuego. Así que repito de nuevo, los siguientes bloques solo se le ponen en los enemigos. Así que tenéis que pulsar el icono del enemigo y poner esos bloques.

"Esto es para cuando el enemigo choque contra la pared del escenario, rebote y se mueva al otro sentido, así sucesivamente."

OTRAS ACCIONES

Esto es por si tu quieres ponerle diálogos a los enemigos cada vez que pillen al prota, esto es opcional pero le da mas realismo si se lo pones, pero ojo es completamente opcional. Así que esta a tu criterio.

"Esto es para añadirle un dialogo, no hay mas complicación."

Ahora vamos con los comandos del premio, en mi caso la barra de Cacalate. Aunque veáis el pedazo de bloque que hay, no es mucho. Si os guias con la imagen sale todo mas simple. Así que empezamos.

 

PREMIO

El premio necesita unos cuantos comandos y acciones para que se desplace por toda la pantalla, además de puntuar las veces que consigas el premio. Como podéis apreciar en la siguiente imagen.

"Tenéis que ir a datos y escribir puntos para que os salga esos comandos extras y colocarlo de la manera esa"

Tras esto serian pequeños remates como elegir un escenario, puede ser propio o del scratch o también si eres un vago de 3 pares, pos los coges del mismísimo Google y lo pones y ale arreglao. (Nótese que yo he escogido la tercera opción, por ser muy vago. Que puede que me arriesgue a tener menos nota pero bueno. La ley del Mínimo Esfuerzo puede contra mi. Así que YOLO. )

Aparte de encoger y agrandar los personajes, pero eso es, si te complace. Asi que bueno ya estaria el videojuego hecho a lo cutre pero bueno yo no pensaba complicarme mucho la vida que si un juegazo de la vida. O sea ya si eso, para cuando una empresa me contrate, pero recalco de nuevo, ya si eso.

 

Y bueno aquí tenéis una captura del juego. Aunque se me olvido algo muy importante, el titulo del "juegazo": tiene que ser un nombre "chic", un nombre impactante, que con tan solo oírlo, te dan ganas de jugarlo. Pues como a mi no se me ocurria ninguno chulo, pues se llama: Pendejito Man en la Gasolinera. Ale un nombre "to divino de la vida" ( Nótese por el X de veces que he escrito "ironía". )

TIPOGRAFÍA

Bueno después de mucho tiempo, he vuelto a salir de mi esquina y aparezco con un ejercicio que es bonito pero cuesta mucho, por x razones que después voy a dar. (Nótese que ya vuelvo con mis desvaríos mentales pero son necesarios porque es lo que me hace persona.) Supongo que ya sabréis de que va este post, entrada, llamalo como quieras, pero si no lo sabes aun. El post se titula "TIPOGRAFÍA" así que por ende y por propio raciocinio lógico, va de las tipografías, de como hacerlas desde 0 etc. Así de simple, no hay ninguna complicación de momento, esperad a que llegue a la parte buena.

 TIPOGRAFÍA

Una tipografía es el tipo de letra, que se usa en libros, publicidad, etc o sea ahora mismo vosotros los lectores, que no sois muchos pero oye hay algo, estáis viendo una tipografía, para ser mas exactos la "Arial" ya que es la mas bonita que hay, la verdad, las demás son feas según desde mi punto de vista. Porque a ver a ti te pueden parecer las mejores que si son obras de arte, pero para mi es mas bonito una defecación de un perro (Se supone que en este blog, del cual el profesor va a leer, pienso yo que no quiere que ponga palabras obsenas pero es inevitable pero bueno) Después de otro lapsus vamos en serio o lo intentare.

O sea las tipografías es una herramienta muy importante en nuestros tiempos, al igual que en el pasado y en el futuro mas remoto. Tienen importancia porque forman parte de los periódicos, libros que leemos, en la publicidad que vemos en los medios de comunicacion, también en las series, animes que están en idioma original y tenemos que ver ilegalmente en Internet principalmente en "pordede" (Que por cierto esa pagina solo sabe caerse y poner "Laura te esta deseando conocer" o sea saturación de anuncios, otra de las aclaraciones del autor del blog que soy yo) 

Bueno pues después de todas esas razones que he dicho, las tipografías son importantes, son llamativas, son feas y si hay algunas que son mas feas que pegar a un padre y hay otra que son maravillosas. Una de las paginas que publica a los usuarios del Internet es mi querida "DaFont" como podéis ver en la siguiente captura.

En este preciosa pagina de la Internet bonita, yace este paraíso para alguien como yo. Como podéis apreciar nada mas entrar es esa interfaz y ese menú to` flama en donde ves tipografías con las tres B "bueno, bonito y barato" (Y claro que son baratas porque son gratis, o sea olé DaFont. Nótese que no me esta pagando por la publicidad, pero creadores de DaFont ya podéis dejar alguillo, que no os cuesta nada)

Y bueno lo primero de todo, antes de empezar puedes mirar en esa pagina para ilustrarte y crear una tipografía de tu estilo. Así que ahora vamos a con el papel.

PASOS

1-Lo que ustedes tienen que hacer relindos mios, es coger un folio y empezáis a escribir todo el abecedario y repites la letra unas cuantas veces y eliges la que te guste.

2-Después de terminar de escribir, cada letra y elegir la que queréis, tenéis que escanearlo. Tal como sale en la imagen. Os aconsejo que primero lo hagáis en lápiz y después lo paséis a tinta.

Paso opcional también en el paso 2, podéis ir a "PaintFont" (Ay no es verdad, que la pagina así por la cara cambio de servidores, aparte de interfaz y mas, que tonto Autor. O sea vamos a hacer un lapsus necesario, os contare: El profesor nos dio la plantilla impresa de la pagina para poner ahí la tipografía y tal, y de golpe por la cara y sin mosca, nos lo cambian y las plantillas que habíamos hecho previamente no servían pa` na y nos jodimos como Herodes.) O sea que después tuvimos que hacer mas cosas... (Los puntos suspensivos es por la ira contenida y para no estar poniéndolos a parir y dejarlos a caldo)

3-Si la hacéis en un folio como yo, tendréis que hacer mas cosas pero si la habéis hecho en la plantilla de la nueva pagina de PaintFont, habéis tenido suerte la verdad.

4-Ir a la pagina para que podáis descargar el archivo en formato PDF de las plantillas, que la pagina es "Calligraphr", os aviso para las personas que tienen un ingles como el mio. O sea ejemplo: Yu only can yu espeak. O sea una mierda de ingles, os vais a tener que joder, hablando en plata. Tenéis que haceros una cuenta, aviso de nuevo. Es gratis, no os cobran por haceros una cuenta.

5-Después de toda la retahíla de hacerte la cuenta, vosotros mismos con vuestro ingles de Oxford y Cambridge, buscáis la parte donde pone Font y os descargáis las plantilla. Otro aviso, a partir de los 70 y pico caracteres os cobran. Si, esta pagina no es perfecta, no pidáis un yate porque no os lo va a dar. (Que por cierto ojala me diera un yate, yo no lo rechizaría, la verdad)

6-Después de descargaros la plantilla, os vais al Ps "Photoshop" y abrís el archivo de esta manera.

7-Empezáis a editar la plantilla, o sea vosotros, si vosotros abrís las fotos de vuestras letras en folio y empezáis a recortar las letras y a pasarlas a la imagen de la plantilla. Pondré imagen porque seguramente alguno no me habrá entendido y le de vergüenza decirlo.

8-Una vez tengáis pasadas todas las letras en las dos plantillas y colocadas en su sitio y todo. Tenéis que ajustar la imagen y guardarlo en imagen con formato JPEG, PNG, o sea en uno cualquiera principalmente esos dos.

 


















  

En la imagen de la izq. es la foto sin ajustar los niveles y en la de la dcha. es la foto ya ajustada con los niveles, obviamente ya están bien colocadas las letras y los números. Y esto se tiene que hacer en las dos plantillas.

9-Al haberlo guardado en formato JPEG o PNG correctamente, tenéis que ir de nuevo a "Calligraphr" y en donde habéis sacado la plantilla, cargáis las imagenes de las plantillas.

Es en esa parte de la pagina, repito de nuevo cargáis las imagenes y esperáis a que la pagina, haga lo que tenga que hacer la verdad, después de esperar os enseñara unas imagenes previas de cada carácter.

Y solamente os faltaría ajustar el tamaño de cada letra, el espacio, etc todos esos valores que con solo toquetearlo así y pum. Ale arreglado.

Nota obviamente por motivos estéticos en la imagen previa, o sea la de arriba, solo puse las letras minúsculas y no las mayúsculas. O sea no entréis en convulsión. Pues bueno ya estaría, nos veremos en el próximo post :D

INFOGRAFÍA

INFOGRAFÍA

Bueno en este nuevo post super mega hiper currado, os enseñare a hacer una infografía. Seguramente no sabréis que es una infografía porque si oye " todo en esta vida no se puede saber y cada día se aprende algo nuevo" después de este lapsus momentáneo del escritor de este blog o sea yo, además de que este tiene mas abandonado, uy lo ultimo no tenia que haberlo escrito pero bueno... NO PASA NA`.

EMPECEMOS

Lo mas básico de todo es, saber que es una infografía (una infografía es una representacion gráfica o visual de textos que resume o explica un tema, cosa, lugar, etc. Resumiendo entre nosotros, son un conjunto de imágenes que explican algo, por decirlo de una manera.)

Obviamente, antes de todo debéis de tener un tema del que explicar. En mi caso es del Hardware, todos vosotros podéis elegir un tema cualquiera y hacerlo del estilo que queráis. Después hacéis una pequeña recopilación de información en "el maravilloso Google, consejo mio no lo miréis todo en la wikipedia que los profes no son tontos, que ellos ya saben las paginas mas transitadas por los estudiantes: rincón del vago, Yahoo respuestas, Bing, la wikipedia (como no, no podía faltar) etc"

Además algo que seria muy original que la información la contéis con vuestras propias palabras y le deis un estilo personal, "no me seáis tan cachos de pan de hacer un copia y pega". Cuando terminéis de todo este rollo patatero pero imprescindible, pasaremos a la parte mas guay, la mas divertida.

DIBUJADO.

Tenéis que hacer unos garabatos del tema en cuestión, en mi caso yo lo he hecho del hardware y sus componentes. (Nota del autor. no hace falta que sepáis dibujar de una manera sorprendente, lo perfecto no existe y además la gente lo quiere hacer to` perfecto y lo que llama la atención y gusta mucho es lo que esta garabateado, que tenga un estilo propio)

Aquí podéis ver mis dibujos con texto incluido, obviamente he puesto una marca de agua por si me hace un "arriquitaun y te lo robo" que no soy tonto, avisados estáis.

Aquí podéis apreciar a parte de una marca de agua, precisamente bien colocada, unos dibujos y su respectivo texto. Os recomiendo que cuando vayáis a rotularlo o sea pasarlo a tinta, a rotring, a pilot barato de color negro (La marca pilot ni rotring, no me han pagado por la publicidad gratis que les acabo de hacer) que uséis uno fino para las lineas de dentro y uno gordo para los bordes, así a la hora de escanearlo, vectorizarlo y todo lo demás, a los programas les sera mucho mas fácil de hacerlo (Ley del mínimo esfuerzo :D) 

Seguiremos con el escaneado de los dibujos, creo que no hace falta que os explique como se escanea algo pero quien sabe, siempre hay de todo en esta vida. Y ya es cuando empieza la parte chachi en los ordenadores, ojo cuidao`

COMPOSICIÓN.

Os vais al PS, elegís el tamaño de vuestra infografía y en otra ventana abrís, la foto escaneada de vuestros dibujos. Os vais a Ventana >> Organizar >>Vertical de 2 hojas. Y lo tendréis como en la imagen después, buscáis en la barra de herramientas el "lazo poligonal" y hacéis la selección de cada dibujo para pasarlo al fondo donde vais a recomponerlo.

Si llegáis a este paso con todo perfecto y no habéis reventado el ordenador porque os hartáis y/o el photoshop no ha petado de pedirle la misma acción y a saturado. Sois unos privilegiados, ya que yo estuve a punto de marcarme un ataque yihadista en mi clase, porque iba a petar y puummm (ay es cierto que no se puede hacer bromas de ese tipo porque es un tema con mucha controversia, ay autor del blog que tonto no te has dado cuenta. Uff que pena...)

Cuando hayáis terminado de componerlo todo por orden y que os guste el resultado y todo eso. Tendremos que ajustar los niveles para resaltar los negros y los blancos, porque así no se os queda lo cochino del lápiz y los manchotes.

Ajustáis los niveles a lo loco, como quede mejor, ya que vamos a ser sinceros, yo lo hice a lo lailo y me quedo genial. En la siguiente imagen tendréis el resultado de ajustar los niveles.

(Obviamente he preferido coger la propia imagen del dibujo para no complicarme tanto la vida haciendo otra composición y si os preguntáis de por que no hice capturas a su debido tiempo. Pues porque yo he venido a hablar de mi libro. -Pequeño homenaje a Francisco Umbral en el programa de la Mercedes Mila en "Queremos Saber") Y si, he visto ese programa hace tiempo y si me ha quedado grabado. (Nótese que es una escusa barata por no sacar las capturas a su debido tiempo)

Cuando ya tengáis todo bien puesto y bien con los niveles, compartís el archivo con el "Illustrator" y ahí podréis mejorarlo todo mejor si hay alguna parte que no os ha gustado el resultado en el photoshop. Aunque también hay otro método de vectorizarlo, yo lo he hecho por el camino fácil, el camino complicado es que vosotros, si, vosotros tendríais que poneros con la herramienta pluma a vectorizarlo cada cosa. Pero a ver quien lo haría así, con lo complicado que es.

Así es como me ha quedado, y como podéis apreciar otra dulce y genial marca de agua para evitar robos :D. Después de este paso podéis poner las tipografías o ir poniéndole el color, haced lo que queráis, la verdad.

TIPOGRAFÍAS O COLOR.

Antes de empezar con una retahíla de mis lapsus mentales, por favor lo pido. Usad tipografías bonitas y que combinen, no me seáis de coger las típicas feas. Dejad el "Comic sans" y el "Times New Roman" es que de verdad. (Nótese mi ira incontenida por las tipografías.) Además ahora os voy a hacer un spam de la vida y encima gratis que no me pagan oye xd. (Me he visto la necesidad de poner ese "xd" mal escrito porque es así, no hay razón seria)

La maravillosa pagina "DaFont" tiene tipografías pa` dar y regalar, son GRATIS. Esa palabra mágica que a todo el mundo le encanta oír. Repito para los que son los mas desconfiados: es GRATIS no hay que pagar nada, son para uso personal.

Prosigamos después de este parón mental. Vosotros buscáis una tipografía que sea bonita y que os guste. Ajustáis los tamaños, el color, las sombras, etc. A continuación viereis mi resultado:

En el mio ya esta el texto y las sombras del textos y así habréis terminado la parte de las tipografias. Aunque después tendré que explicar algo mas de las letras por dos lazos "el de la forma de flecha y el lazo que esta encima de todo con el gabinete"

Ahora la parte de color, lo que tenéis que hacer son capas (una capa donde este los dibujos vectorizados y otra debajo en donde este el color de todo los dibujos.) Obviamente si sois unos tikismikis en cuanto a el elegir color, tenéis la expansión "Kuler" de Adobe en donde os mostrara una paleta cromática de colores que combinan y son bonitos. Y así seria el resultado de poner el color:

Aquí ya esta el color y además el texto de los dos lazos. Lo quise poner así después de haberle dado el color porque así se como combinarlo, etc. Ya nos queda poco para terminar la infografia, solo faltan las luces y sombras. Para finalmente ponerle textura y ya estaría nuestra infografia bien relinda NOMÁS.

LUCES Y SOMBRAS.

Repetiré lo mismo pero hay que tener en cuenta las capas, por eso por septuagésima cuarta vez (eso es mentira solo lo he repetido unas 2 o 3 veces. Así que Autor no te flipes) Tras saber como usar el sistema de capas, etc. Hacéis las sombras para darle profundidad en una capan y en otra haces las luces las zonas que quieres resaltar. Hasta ahí todo correcto que no he hecho un haiku japones de un porrón de versos, es sencillo. No os alteréis mij@s

(Ahí están las sombras, tranquilos que se ven. No entréis en convulsión please, todavía no.)

Por ultimo paso y el que puede ser opcional si queréis, es ponerle una textura acorde a tu tipo de infografia. La mía la quise hacer como unos apuntes garabateados en un papel arrugado. Y lo que hice como he dicho anteriormente es buscar una textura de papel arrugado y ya estaría.

Y bueno este es el resultado final, espero que no haya sido un plasta y que os guste el resultado obviamente.

Os creíais que me había largado ya, pues no era una argucia huehue (intento de risa malévola) Os traigo un GIF de todo el proceso de la infografia para que lo disfrutéis 7v7

Ahora si que si, hasta luegui 7v7

SUPERPOSICIÓN DE IMAGEN

Bueno mis dulces ojeadores del blog. Ahora mismito les voy a contar como hice esta magia loca to guapa ahí. Además y pensar que el profe lo va a tener que leer no le queda nada. Madre mía la que le queda al profe.

Después de estos desvaríos mios y mi manera de empezar a contar todo este proceso. Que cuando lo veáis os vais a quedar flipando.

EMPECEMOS ....

          Antes que nada tenemos que medir el ancho del blog para saber de que tamaño tenemos
          que escoger la imagen.

Primeramente me fui al maravilloso y magnifico "Google" y busque la imagen de una persona que tenia que recortar. Y esa es la maravillosa Lady Gaga. Además la escogí porque no se me ocurría nada mas.

         
      

          Pero a esta preciosa imagen, le faltaba un fondo mu´ bonita. Y según mi criterio tenia que

          ser un fondo Tumblr.

          Después de haber buscado vuestras imágenes. Os vais al mejor amigo de los famosos y las

          famosas. El maravilloso "Photoshop" uno de los mejores programas de edición.

        

          Abrimos el PS, y nos saldrá todo este pequeño lío de opciones. Que hasta yo me he liado y

          bastantes.

         Cargamos la imagen. Y cuando nos salga la primera imagen que es la Lady Gaga. Tal que

         como podéis apreciar en la imagen que os saldrá abajo.

         Entonces nos vamos a la barra de la izquierda. En donde se pueden casi todas las opciones
         de recorte, pinceles, etc.
         
        
        

           Buscáis la opción de "Herramienta de marco elíptico" que es esta.
      
   

            Y os asegurais de tener mas de una mascara de selección de marco elíptico, no cometáis
            los errores que cometí yo. Que me quede como unos 5 minutos intentando comprender la
            situación.
      
           

        Es la cosa de los dos cuadrados juntos que está seleccionado.

        Y vamos seleccionando mientras círculos, a nuestra modelo de prueba. Da igual si la selección
        no te queda exacta ya que después se puede perfeccionar. Pero os debéis de asegurar que
        después ponéis la opción de "La Banderita de la UE" y si la he llamado así ya que el verdadero
        no me se el nombre original. Pero bueno.
       
       

        Pulsáis ese botón y os saldrá todo el fondo rojo menos lo que habéis seleccionado
        con la herramienta. Obviamente se ve genial porque lo fui perfeccionando.
      

         Quitamos el fondo y nos quedamos con solamente la Lady Gaga, que la imagen se
         volverá PNG. Que para las personas que no sepa que es. Es que la imagen no tiene fondo.
         Ahora abrimos en PS la imagen del fondo que queréis usar, en mi caso seria la imagen
         del cielo nublado.
     
        
        

        Y lo que hacéis ya para el final de todo es con el PNG que hice de la Lady Gaga. La añades
        y ubicas donde quieres que este que en este caso. Mi Gaga esta en ese sitio.
       
       

  

        Y ya para hacerlo como no tan plano y mas profesional es ponerle una sombra, para darle como
        profundidad.
   

       Le tenéis que dar al botón que pone FX y cuando salga una ventana emergente le tenéis que dar
       "sombra paralela" cuando ya le habéis dado os saldrá una pestaña donde vosotros mismo
       podéis ajustar como queréis la sombra, o sea el tamaño, la dirección, el difuminado,etc. Que
       yo deje el mismo. Porque me gustaba como quedaba. Además porque era un pedazo de palo
       ajustarlo y también por si tocaba algún botón y se borraba todo. Que como es mi suerte que
       capaz que pasa  :D

      Y bueno esta es la primera actividad que hago y me ha salido "bien" para mi. Para la próxima
      actividad haré un fotomontaje super divertido para reírse ;D