Jorge Vallejo Blog

Blog del creativo, ilustrador y profesor de videojuegos Jorge Vallejo

Category: photoshop

Generar Sprite Sheet a partir de un vídeo

El proceso para crear un Sprite Sheet desde un vídeo utilizando photoshop es el siguiente:

Primero deberiamos tener nuestro vídeo con un canal alfa para que sea transparente, tambien tenemos que tener presente que la duración del vídeo sea muy corta uno o dos segundos, sino tendremos un sprite sheet excesivamente grande.
En photoshop iriamos a Archivo -> Importar Cuadros de vídeo a capas , nos convertirá cada fotograma en una capa.
Podemos recortar la imagen siempre que nos sobre contenido, con la herramienta Recortar.
Después haremos como en mini tutorial http://www.jorgevallejo.es/2017/10/crear-un-sprite-sheet-desde-photoshop.html y exportaremos las capas a un archivo sprite sheet.
Seguramente nos quede un archivo demasiado grande, por lo que es preferible tener un número de filas y columnas suficiente como para no hacer el archivo demasiado largo, y podremos cambiar todo el tamaño del archivo desde Imagen -> Tamaño de la imagen.

Concurso Photoshop cada 15 días


Hoy voy a poner una web de las mas maduras y consolidadas dentro de internet, se trata de http://www.concursophotoshop.com.ar/ que lleva desde el 2000 ,(casi ocho años ya) propiendo pequeños concursos de 15 días, se propone una imagen o tema que debera ser creado utilizando medios digitales y ajustarse a unos parametros de altura y peso en pixeles.
No hay premio ,salvo ser el mejor, y cualquiera puede participar.
Sin embargo creo que resulta un excelente entrenamiento, ya que deberas, sustituir objetos, hacer recortes, colorear, montar, y veras lo que han hecho los demas, podras medir mas o menos tu nivel,y comprenderas que muchas veces no somos tan creativos como creemos ya que se coinciden en muchas ideas.
A veces la imagen final no es demasiado espectacular, pero luego puedes comparar con el original y decir, dios mio, como a conseguido borrar a toda esa gente.
Por otro lado, a veces uno es muy creativo , pero no sabes que crear, este concurso hace que te fuerces y consigas sacar lo mejor de ti.
Yo he participado varias veces, y si tuviera mas tiempo seguiria participando.

Visualizador pinceles photoshop abrVIEWER.NET 2.0


Hasta ahora cada vez que me baja algún pincel para photoshop tenia que meterlo en la carpeta de pinceles, abrir el programa y ponerme a investigar que contenía el archivo .abr bajado, muchas veces el nombre te da un pequeña pista , pero hasta que no lo cargas no te enteras bien de lo que hay.
Pues bien, he encontrado este visualizador de pinceles, abrVIEWER.net(lo cierto que es q nunca me había dado por buscar uno) con el podemos previsualizar todos los pinceles de nuestras carpetas, y así meter solo los que realmente nos interesen, además viene muy bien y espero que la gente que cuelga paquetes de pinceles lo lea,puedes crear una imagen del contenido del paquete de pinceles, de forma que podamos mostrar claramente que contiene.
Sin lugar a dudas un complemento muy sencillo y extremadamente útil para todos los amantes de los pinceles de photoshop.

Enlaces:abrVIEWER.net

Integrar Logotipo Photoshop


El trabajo consistía en realizar una serie de fotografias a unos botes de pintura , para despues en photoshop insertar su nuevo logotipo. Se paso por tres fases : En la primera se limpia la imgen, dado que el perfil se basa en lineas rectas utilice la herramienta pluma, despues pase a modo mascara rapida, para pintar o borrar lo que se desajustase.
Una vez limpia la imagen, modifique los niveles, duplique la imganen y con tono/saturacion le di un tono azul que despues acople , poniendo el modo de capa tono. Los lotipos se integraron facilmente usando el modo de capa multiplicar, pero como se pierde la intesidad del blanco , copie el cuadrado central del logotipo y lo puse en otra capa en modo luz suave.
El tercer paso fue añadir el fondo, usando un degradado en el suelo, pinte las sombras con pincel y con la herramineta desenfocar desdibuje los contornos, y finalmente dublique , inverti y borre parte de la capa de tonos aules de los botones y ajusté su alfa a 10% para q fueran el reflejo.
El resultado es bastante satisfactorio, sobre todo comparado con la imagen original.