Creación de un emblema

¡Buenas!
Después de tanto tiempo, hoy, vamos a aprender a hacer un emblema.. y me preguntaréis: ''¿un emblema pa' qué?'' Lo creáis o no, es muy útil, pues nunca se sabe cuando vas a necesitar hacer uno para una camiseta y representar a algún equipo, algún juego o cualquier cosa, yo que sé.
Vamos a ello.
Para empezar tenemos que hacer un dibujo base, ya sea en el método tradicional o digital, (en mi caso lo hice digital porque puedo), pero en el caso de que lo hayáis hecho tradicional acordaros de que luego tenéis que vectorizarlo.
Para vectorizarlo lo abrís en nuestro queridísimo y adorado Illustrator [*nótese la ironía y la ira contenida hacia esta m***** de programa :)] y cliqueamos en la capa dos veces y nos saldrá esta ventanita.

 

Tenemos que ponerle el tic a lo que pone ''Plantilla'' y atenuar imágenes hasta 25%. Encima de eso cogemos la herramienta  Pluma (P) y empezamos a vectorizar cada objeto.

Antes de nada, olvidé mencionar que el dibujo es mejor hacerlo cada elemento por separado para que nos sea más fácil al vectorizar y juntar.

 Después, hacemos la composición a nuestro gusto, con la herramienta de seleccionar, que es como una flechita blanca, para hacer selecciones cuadradas, o la que está debajo que es el lazo, para seleccionar con la forma que queramos.

A mi me ha quedado algo así (no me juzgueis, sé que no es perfecto , pero bueno, algo es algo)
Ahora lo guardamos y nos vamos al Photoshop  (bendito photoshop, no vuelvas a irte nunca más, por favor, quédate conmigo :c) y abrimos una imagen de una camiseta aleatoria, yo he escogido esta:

Copiamos y pegamos nuestro diseño encima de la camiseta, con el comando Ctrl+T ajustamos bien nuestro emblema.
Por último, damos doble clic en nuestra capa del diseño y en ''Modo de fusión'' buscamos la opción ''Multiplicar''. Y listo! tenemos nuestra camiseta con nuestro emblema!
Ha sido corto pero espero que os haya ayudado. Hasta la próxima.

Videojuego en Scratch

¡Buenas!
Hoy vamos a aprender a hacer un sencillo juego en Scratch, un programita que nos será muy útil en esta tarea. Ya aviso que yo lo odio, es una cacorri, pero bueno hay que hacerlo :).
Haremos el típico juego de un bichito que tiene que recoger cositos y sumar puntos sin que otros bichitos se lo coman, ustedes me entienden.
Para empezar podemos descargar la aplicación o ir directamente a la página que yo creo que es mucho más fácil: https://scratch.mit.edu/ 
Tendremos que crear nuestros propios personajes y nuestro fondo porque sino no  tiene gracia y no sentiremos que es nuestro del todo, así que, ¿a qué esperas?, coge un lápiz y un papel y ponte a dibujar. Cuando te encuentres satisfecho con el resultado o estés hasta los mismísimos de hacer personajes y te quedes con cualquiera de ellos para acabar ya, los escaneamos y los vectorizamos como ya hemos visto en otras actividades, facilito. O podemos directamente dibujarlo en el photoshop con una tableta gráfica o si tienes demasiado buen pulso, que no es mi caso.

Estos son mis dibujitos escaneados  (no me juzguéis por favor).

Aquí, con todos los personajes vectorizados vamos a nuestro quieridísimo Scratch (que odiaremos más adelante porque nos entrará el ataque de frustración, pero disfrutad mientras podáis) y abrimos nuestro personaje principal, el que manejaremos nosotros, en mi caso el conejito. Para abrirlo tendremos que darle a un iconito que es como una carpetita y una flecha hacia arriba que veremos en la siguiente pantalla.

Veremos que nuestro machango es muy grande así que le daremos a un iconito que son como cuatro flechitas hacia adentro y después le daremos a nuestro personaje y se hará más pequeñito, herramientas útiles de la vida :)

Y ahora lo único es darle vida y movimiento a este carajito. 

Tendremos que poner ciertos comandos(así se llaman) en nuestra cajita gris de la derecha para que el monigote reaccione.

 

Estos son los comandos que tenéis que ponerle al dichoso conejo, o a vuestro personaje, sea lo que sea. Esto sirve para que podáis mover al monigote con las flechas ← ↑ → ↓. 

Para encontrar esos rollos investigad un poquito, que tampoco voy a daroslo todo masticado, un poquito de autonomía coño. Pero están en los cositos esos que ponen ''movimiento'', ''eventos'' , ''control'' y todo ese rollo. Tan solo buscad el color y guiaros por ahí. Además que ya os he dado la posición y todo, no os quejéis.

Ahora iremos con los enemigos que en nuestro caso, bueno, en el mío, son dos zorros malignos (en verdad son super cuquis, no me digáis que no que lloro). Repetís el proceso de abrirlo con el iconito de la carpetita esa maligna y ponéis los comanditos que ahora os voy a adjuntar.

 

Vale, el tema de los disfraces no lo he comentado: como podéis ver en la imagen que puse de mis bichines vectorizados podéis ver que hay tres zorros, eso es porque en el apartado de disfraces podemos poner varias formas para que nuestro personaje se vea de una forma u otra.

Podéis personalizar lo que dice vuestro enemigo al tocar, comerse o como queráis llamarlo a vuestro personajito y si quereis disfraces o no, claro.

Ahora tenemos que poner el sistema de puntuación, ¿no? sino no tendría gracia (tampoco es que tenga mucha gracia ahora, ¿verdad? c': ) 

Tenéis que darle al apartado de Datos, en un color naranjita oscuro, es el último de la primera columna, y le damos a crear variable. El nombre de vuestra variable puede ser cualquiera, yo le he puesto ''puntos'' porque es lo más tipiquísimo. Al crearla deberemos poner estos comandos

  

¡Y ya estaría! Tan solo habría que darle al play y jugar como si no hubiera un mañana, aunque yo llegué a 15 puntos y me aburrí, pero bueno. También podéis personalizar vuestros puntos y ponerle disfraces.

Realmente, viendolo así, es bastante fácil el problema es fijarse bien en los comandos e ir probando para comprobar que todo va bien.

Espero que os haya servido un poquito, sé que es muy breve pero es que cuanto menos sepa de esta aplicación mejor (que se note que no me gusta JAJAJA).

Bueno pues eso, que hagáis vuestro juego e investiguéis que más podéis hacer <3.

 

Tipografía

¡Buenas de nuevo! Hoy os vengo a traer un maravilloso truco para crear contenido a tu gusto. Hoy vamos a hacer tipografías.. ¿Qué son las tipografías? Son las letras que vemos en cualquier lado y hoy aprenderemos a crear la nuestra propia.
Primero que nada debemos  ir a la página www.paintfont.com (que ahora se llama calligraphr o algo así) www.myscriptfont.com , www.yourfonts.com , o www.sigfonts.com. Estas páginas cuentan con unas maravillosas plantillas que solo tenemos que imprimir y ya. Ahí rellenamos con la letra que queramos crear.

Después de unos cambios se quedó con esa. Aunque claro, tuve la tantísima suerte de que cuando ya tenía mi tipografía escaneada y todo VA LA PÁGINA Y CAMBIA TOTALMENTE, así que mi plantilla no sirvió para absolutamente nada *llorando*, pero no pasa nada, simplemente copié de una plantilla a la otra en photoshop, ya, ya sé que no se me ocurrió imprimir la plantilla nueva y  rehacerla ahí.

A continuación, ajustáis para que las  letras se vean más oscuras y el blanco no, ajustáis las letras y cuando las tengáis a vuestro gusto, teneis que guardarlo en formato .jpeg. Vais a cualquiera de las páginas que he dicho, yo usé www.calligraphr.com, la subís y automáticamente la página hará la mágia solita..

¡Hola, cuánto tiempo! 

En esta entrada voy a enseñarles a hacer algo muy guay, de verdad. Se llama Infografía. La infografía es simplemente una representación visual de algo que queramos explicar. Yo voy a hablar del Hardware a través de un mini-cuento (que es una cacotilla pero no pasa nada).

Acordaos también de que es una infografía, tiene que explicar algo, o sea que recopilad información del magnífico Google que ahí hay de tó'. Es más entretenido si le dais un toque personal a ese contenido. Tened en cuenta también a quién va dirigida la información.

Lo primero es  anotar las ideas que tengas para representarlo y dibujarlo TODO. Nunca os quedéis con una única idea. No es necesario que sea hiper currado el dibujo, ya veréis el mío, es una caca pero eso es lo que lo hace interesante *autoconsolación para no reconocer que es bastante malo*. Lo importante es que sea llamativo y  que incite a la gente a seguir leyéndolo.

Una vez satisfech@ con el dibujo lo siguiente es escanearlo para poder continuar por el ordenador (sáltate este paso si lo vas a dibujar directamente en el ordenador).

 

Después vamos a recomponerlo, pues tal y como está poco vamos a poder hacer para informar.

Abrimos el photoshop y con la herramienta lazo, que ya la conocemos vamos recortando cada dibujo y ordenandolo a nuestro antojo. De todas formas no olviden que luego lo podremos cambiar, de hecho yo lo hago porque me quedó bastante feo :c

 

Algo así me ha quedado a mí, un poco chustilla pero bueno, no os quejéis que encima que os estoy enseñando..

Cuando lo hayáis conseguido hay que ajustar los niveles de blancos y negros para resaltarlo aún más y que sea más fácil el paso siguiente.

Eso lo hacéis creando una capa de brillo/contraste.

 

Después de esto, tenemos que ir a Illustrator, aquí vienen los problemas, id guardando SIEMPRE, a cada rato, porque al menos a mí me peta bastante y tuve que empezar de nuevo un par de veces, sed inteligentes, no como yo, por favor.

Tenéis que ir a Ventana > Calco de imagen

y ahí vais trasteando hasta que consigais la perfección en vuestro dibujo.

Una vez terminado vamos a pasar al color. Volvamos a Photoshop. Aquí (siempre lo es, pero aquí es más importante) TRABAJAD CON CAPAS, POR EL AMOR DE DIOS, DE VERDAD QUE ES MÁS FÁCIL ASÍ. Tenía que soltarlo xD En fin, es simple, CREAIS UNA CAPA Y LE PONÉIS EL NOMBRE DE LO QUE VA A HABER EN ESA CAPA y con la herramienta de pincel y cambiando el color vas rellenando y ya, no tiene más ciencia. Recuerden que el orden de las capas importa. Poned siempre la vectorización encima de todo y el color debajo, para que no se superponga.

 A continuación pasaremos a poner el texto. Podemos coger una tipografía de las que vienen por defecto en Photoshop ( que son horribles, ya lo digo) o podeis buscar por internet que hay miles GRATUITAS. Asegurense que la que escogeis es 100% libre para uso personal. Y a añadir el texto.

¡Este es mi resultado!

Espero que os haya gustado y os haya servido, y sino pues nada, jo :(.

¡Adelante, es hora de que vosotros os pongais a crear contenido!