• 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

Fuentes de Información

El contenido del post es de mi autoría, y/o, es un recopilación de distintas fuentes.

Dar puntos
1.181 Puntos
Votos: 145 - T!score: 8.5/10
  • 4 Seguidores
  • 5.017 Visitas
  • 201 Favoritos

30 comentarios

@feliperock12 Hace más de 1 año +2
excelente amigo te doy 7+
@Frost_n1 Hace más de 1 año +2
muy bueno, podrías subir , el psd de tu trabajo así me ahorro un par de pasos jaja gracias
@Lady_inred Hace más de 1 año +1
Muy bueno, gracias por compartir!
@maxpower38 Hace más de 1 año +1
BUEN TUTO +10
@MostazaConGeL Hace más de 1 año +1
Muy interezante , no me quedaron puntos pero a favoritos y reco
@-Samael- Hace más de 1 año +1
que buen tuto bro va para favoritos y reco
@DaviiidB Hace más de 1 año +1
no entiendo digamos el efecto es digamos parecido a las imagenes que las pantallas de antes proyectaban
@JohnesMaster Hace más de 1 año +1
Excelente tutorial
Dejo merecidos puntos
@Jean_VanDamme Hace más de 1 año +1
• Tutorial | Crea un Efecto Jumbotron | Photoshop Exelente amigo te dejo puntos,saludos.
efecto
@Ing_freddyalex Hace más de 1 año +1
Buen trabajo + 10
@Armageddon39 Hace más de 1 año +2
Buen tuto, recomiendo
@Juan_Master_XD Hace más de 1 año
Gracias!
@-The_Joker- Hace más de 1 año +1
reco queda hermoso tutorial
@Juan_Master_XD Hace más de 1 año
@By_dafne Hace más de 1 año +1
Muy buen tuto @Juan_Master_XD te ganaste los + 10 por el esfuerzo

photoshop

@Juan_Master_XD Hace más de 1 año
Gracias dafne!
@gokuss5 Hace más de 1 año +1
buen tutorial +10
@Un_larense Hace más de 1 año +1
Muy buen tutorial, +5 por que el puto de manolo cambio de nuevo los puntos jumbatron
@pipa_gnr87 Hace más de 1 año +1
Buen tuto viejo, +10 y reco
@Manu_Di_Avril_ Hace más de 1 año +1
Muy bueno
@miguelEc Hace más de 1 año +1
Muy buen tutorial. +10
@E96s Hace más de 1 año +1
+10recofavs, me gustó mucho el resultado.
@EvolutionPix Hace más de 1 año +1
Me va a servir para un psd que estoy haciendo...gracias
@MantisFuck Hace más de 1 año +1
muito bonito
@valcron1000 Hace más de 1 año +1
+10! Me lo llevo a Favs, gracias por compartir!
@NykolazZ_ Hace más de 1 año +1
+10 te sigo (? • Tutorial | Crea un Efecto Jumbotron | Photoshop
@sprins Hace más de 1 año +1
efecto
Buen post, y buen diseño +10
tutorial
@pabloreisch Hace más de 1 año +1
exelente,! te dejo 10
@NoticiaM Hace más de 1 año +1
+10
@-The_Joker- Hace más de 1 año +1
+10 photoshop
@Sephiroth_77 Hace más de 1 año +1
Muy bueno como siempre
@izac77 Hace más de 1 año +1
Muy bueno! Recomendado
@Juan_Master_XD Hace más de 1 año +1
Gracias por pasarte!
@designsjonilegui Hace más de 1 año +1
Ufff queda excelente