• Tutorial | Crea un Efecto Jumbotron | Photoshop

• Tutorial | Crea un Efecto Jumbotron | Photoshop

efecto

tutorial
photoshop

jumbatron¡Hola! Esta vez les traigo un tutorial corto, con un efecto muy interesante en Photoshop .

• Tutorial | Crea un Efecto Jumbotron | PhotoshopEste efecto lo puedes utilizar tanto para fotos, obejetos, textos, etc.

efectoBueno espero les guste y les sirva este tutorial, si tienes alguna duda y/o problema envia MP o comenta.

tutorial

photoshop
¡Espero les guste!

jumbatron

Efecto Jumbatron

• Tutorial | Crea un Efecto Jumbotron | Photoshop

efecto

En este tutorial vamos a utilizar Photoshop crear un efecto de pantalla Jumbotron como usted vería en grandes eventos deportivos, con las luces LED que representan a cada pixel. Vamos a utilizar algunos patrones y filtros algunas para crear nuestro efecto.

tutorial

photoshop

Tutorial

jumbatron

• Tutorial | Crea un Efecto Jumbotron | Photoshop

Buscamos nuestra foto y la abrimos en Photoshop. Voy a añadir en HOME RUN utilizando Berlin Sans FB para mi fuente de letra (negrita, pero cualquiera funciona). Vamos a seguir adelante y recortar la imagen alrededor de la masa y el HOME RUN!

efecto

tutorial

photoshop

Vamos a cambiar el tamaño de la imagen, yendo a Imagen> Tamaño de imagen. Cambiar el ancho de 1200px en el cuadro superior, la resolución de 72 píxeles / pulgada y asegúrese de que todas las casillas estén marcadas.

jumbatron

• Tutorial | Crea un Efecto Jumbotron | Photoshop

efecto

Ahora, vamos a combinar el texto y capas de imagen juntos. Haga clic en el icono de la flecha en la parte superior derecha de la paleta de capas y haga clic en Acoplar imagen.

tutorial

photoshop

jumbatron

Ir a Filtro> Pixelizar > Mosaicos > y cambiar el tamaño de la célda a 10. Esto debería dar a la imagen un aspecto pixelado.

Lo que el medio 10 es que el filtro está haciendo cuadrados 10px para compensar la imagen. Esto será importante en los pasos siguientes.


• Tutorial | Crea un Efecto Jumbotron | Photoshop

efecto

tutorial

Para obtener una "Efecto Pantalla Jumbotron". Vamos a cambiar todos los píxeles cuadrados en círculos.

Ahora vamos a hacer un nuevo documento de 10x10 px del mismo tamaño para que podamos hacer un círculo 10px. Uso de la herramienta Elipse (U) crear un círculo a partir del borde superior izquierda y va hasta el borde inferior derecho.

Rellene el círculo con blanco, al cambiar el primer plano a blanco y rellenar con Alt + Delete.


photoshop

jumbatron

• Tutorial | Crea un Efecto Jumbotron | Photoshop

Haga clic en el ojo a la izquierda de la capa de fondo para hacer desaparecer la capa y luego ir a Edición> Definir motivo y lo llaman "10px Circulo".

efecto

tutorial

photoshop

jumbatron

• Tutorial | Crea un Efecto Jumbotron | Photoshop

Volver a nuestro documento de béisbol y crear una nueva capa (Ctrl + Shift + N).

Seleccione la herramienta Tampón de motivo (S) y luego seleccione el modelo que hace de las opciones en la parte superior de la pantalla. Asegúrese de que Alineados se comprueba en las opciones de la parte superior de la pantalla, a continuación, empezar a pintar en todo el documento.


efecto

tutorial

photoshop

Crear una nueva capa (Ctrl + Shift + N) y asegúrese de que la capa este arriba de las demas.

Ctrl y haga clic en la miniatura de la capa del pattern para seleccionarlo. Ahora haga Ctrl + Shift + I para obtener la selección inversa y llenar la nueva capa de negro. Haga clic en el icono del ojo en la capa de pattern para hacerlo desaparecer.

Ahora usted debe terminar con cada círculo que tiene un único color sólido, que constituye nuestra foto.


jumbatron

• Tutorial | Crea un Efecto Jumbotron | Photoshop

efecto

Haga clic en la capa de fondo que tiene la imagen, y luego ir a Imagen> Ajustes> Posterizar. Cambiar los niveles a 10.

Esto bajará la cantidad de colores que se utilizan para darle una calidad inferior.


tutorial

photoshop

jumbatron

¡Resultado!

• Tutorial | Crea un Efecto Jumbotron | Photoshop

efecto

Tutorial (Alternativa)

tutorial

photoshop

También podemos crear un "Jumbotron viejo" (una versión simplificada de la pantalla de la izquierda en la foto) mirada siguiendo más o menos los mismos pasos 1-9.

Vamos a necesitar una foto con mayor contraste para que esto funcione, así que en este caso vamos a utilizar una foto de cerca con mas contraste .


jumbatron

• Tutorial | Crea un Efecto Jumbotron | Photoshop

efecto

tutorial

photoshop

Pasos 1-6 será el mismo. Después del paso 6, antes de añadir que en nuestro modelo queremos ir a Imagen> Ajustes> Umbral. Esto va a cambiar nuestra imagen de color a sólo blanco y negro.

Si lo hiciéramos el umbral antes de pixelación de la imagen, habríamos tenido píxeles grises junto con el blanco y negro, cosa que no es lo que deseamos.


jumbatron

¡Resultado Final!

• Tutorial | Crea un Efecto Jumbotron | Photoshop

efecto

tutorial

photoshop

Hiciste el tutorial? Muestra tu Resultado!

jumbatron

• Tutorial | Crea un Efecto Jumbotron | Photoshop

Espero les alla gustado, muestren sus resultados a ver que tal estan

efecto

tutorial

¡CHAOO!

photoshop

jumbatron

31 comentarios - • Tutorial | Crea un Efecto Jumbotron | Photoshop

@Frost_n1 +2
muy bueno, podrías subir , el psd de tu trabajo así me ahorro un par de pasos jaja gracias
@Lady_inred +1
Muy bueno, gracias por compartir!
@MostazaConGeL +1
Muy interezante , no me quedaron puntos pero a favoritos y reco
@-Samael- +1
que buen tuto bro va para favoritos y reco
@DaviiidB +1
no entiendo digamos el efecto es digamos parecido a las imagenes que las pantallas de antes proyectaban
@JohnesMaster +1
Excelente tutorial
Dejo merecidos puntos
@gokuss5 +1
buen tutorial +10
@Un_larense +1
Muy buen tutorial, +5 por que el puto de manolo cambio de nuevo los puntos jumbatron
@miguelEc +1
Muy buen tutorial. +10
@E96s +1
+10recofavs, me gustó mucho el resultado.
@EvolutionPix +1
Me va a servir para un psd que estoy haciendo...gracias
@valcron1000 +1
+10! Me lo llevo a Favs, gracias por compartir!
@sprins +1
efecto
Buen post, y buen diseño +10
tutorial
@izac77 +1
Muy bueno! Recomendado
@Juan_Master_XD +1
Gracias por pasarte!