Casino & Sportsbook Design

Un diseñador mas en un sportsbook

Mar
11

justbet-final-four-contest-banner

Estamos en marzo y es temporada de Basketball para la NCAA y NBA en los  USA y aquí nos enfocamos más en la NCAA especialmente para las finales llamadas Final Four que este año serán en Detroit, para las cuales existe un concurso de ganarse los $25,000 para el  que logre predecir los equipos participantes y el campeón de los cuatro últimos juegos. Y si son varios los ganadores les toca repartirse el botín. (nota: la idea de este post no es de darle publicidad al concurso, ni al sitio de apuestas, si estás interesado mejor  hacés click aquí)

Este año decidimos que el concepto de la promo iba ser un universo de basketball, pues muy fácil las bolas serán los planetas y las nebulosas podrián ser de siluetas de jugadores. pero todavía se veía muy sencillo así que me encontré un tutorial en la edición de Enero-Febrero del 2009 de la revista Photoshop User (páginas 30-31-32) donde te explica como hicieron para crear los efectos de neblina en todos los afiches de la película “Pirates Of The Caribbean: At World’s End” que aquí se le tradujo con el nombre de Piratas del Caríbe: El Fin del Mundo entonces después de ver el tutorial quise mezclar la idea del universo con la neblina para obtener algo como lo que ves arriba, así que les voy a traducir en once pasos el tutorial para crear la neblina y para que ustedes se tomen una foto jugando de piratas, y la arreglen para que tengan su poster personalizado de los piratas.

Primer Paso: empezaremos por abrir la imagen que se quiera usar para este ejercicio, (en el ejemplo de aquí una imagen de stock con un pirata, no vallan a creer que es una foto mia).  Usando la herramienta de selección que mas les guste, seleccionar alrededor del sujeto, (en este ejemplo se usó el Lasso toollassotool1 ) ahora presionar Comando-J/Control-J  para colocar el sujeto seleccionado en su propio Layer (Layer 1).  Click en el icono del Ojo a la izquierda del Layer del Background para ocultarlo. Ahora click en icono de añadir estilo al Layer (ƒx) en la parte de abajo del panel de los Layers, y seleccionar Inner Glow. Escojer Overlay en el Blend Menu, y en el Size y agregarle 125px y  click en el botón de OK para aceptar.

piratas-stepone

Paso Dos:  Ahora, arrastrar el Layer 1 hasta el icono de crear un nuevo layer newlayericon (en la parte inferior del panel de los Layers) para duplicar el layer (Layer 1 copy). Necesitamos eliminar los efectos que se duplicaron   así que Click en la palabra  “Effects” debajo del layer y arrastrarla al icono de basurero trashicon. para eliminar el estilo. Ahora presionar Comando-Shift-U/Control-Shift-U para quitarle toda la saturación (desaturate) a la imagen y luego presionar Comando-L/ Control-L para ver el panel de los Levels (Niveles). Insertar 195 en las sombras del Input Levels (Círculo rojo) y click OK. Ahora cambiar el Blend Mode del layer a Screen.

piratas-steptwo

Paso Tres: Ahora vamos a  crear un nuevo layer de ajuste en el icono adjustmentlayericon (create a new fill or adjustment layer en la parte inferior del panel de los Layers) y luego escojer Levels. Cuando  el dialogo de Levels aparesca cambiar el valor de Midtone Input (en el centro) a 0.51,y a 194  en el campo de Hightlight Output. y luego click OK.

piratas-stepthree

Cuarto Paso: Una vez más click en el icono adjustmentlayericon para crear un nuevo layer de ajuste, pero esta vez, escojeremos Photo Filter. Selecionamos Sepia del menu desplegable y subimos la densidad a 94%, y selecionamos OK para aceptar.

piratas-stepfour

Paso Cinco: Si todavia no se han cansado de darle al icono adjustmentlayericon pues le damos una vez más y ahora selecionamos Hue/Saturation. Agregamos –24 para la Saturación,–12 para Lightness, y click OK para aceptar.

piratasa-stepfive1

Paso Seis: De nuevo dupliquemos el Layer 1 (Layer 1 copy 2), y lo arrastramos hasta la parte superior de todos los layers, y remover de nuevo el estilo como se hizo en el Paso Dos.  Bajamos la opacidad del Layer a 50%. presionamos y sostenemos la tecla Opcion/Alt y click en el icono de añadir mascaras al layer addlayermasken la parte inferior del panel de layers, para enmascarar la imagen por completo. Presionamos la tecla X para cambiar el color del Foreground a Blanco. Ahora selecionamos un Brush de borde suave (Tecla B o brushtool ) y pintamos en la mascara las áreas de mas luz de los ojos, nariz, cachetes, labios, dientes, sombrero y el collar mas o menos como lo ven en la imagen.

piratasa-stepsix

Paso Siete: En el panel de los Layers damos click al icono de Crear un nuevo layer newlayericon para obtener (Layer 2). ahora tecla X para intercambiar los colores de Foreground y Background. Click en la caja del Foreground color, y con el Color Picker colorpicker, se escoje un color en la gama de los café, (en el ejemplo se uso R:63, G:47, B:46), y click OK para aceptar, de nuevo presionar la tecla X.  Ahora, escojer la heramienta de gradiente, Tecla G ó gradient-tool del Toolbox,  y arriba en la Barra de Opciones selecionar  una gradiente Linear de Foreground a Background, y click y arrastrar la gradiente de izquierda hacia la derecha de la selección. Comando-Click/Control-Click en el thumbnail del Layer1 copy2 para selecionarlo, presionar, Comando-Shift-I/Ctrl-Shift-I, para invertir la selección, y luego click en el icono de crear una mascara al layer addlayermask,  para revelar de nuevo al pirata o lo que sea que esten ustedes editando.

piratasa-stepseven1

piratas-step-8-9-10Paso Ocho (ya casi): Crear un nuevo Layer newlayericon (Layer 3) y presionar la tecla D para restaurar los colores del Foreground/Background. En el Mnu de Filtros escojer Filter>Render>Clouds. Cambiar el blend mode del layer a Overlay. Comando-click/ Control-Click en el thumbnail de la MASCARA del layer 2, para cargarlo como selección,r  y luego click en el icono de añadir  mascara al layer addlayermask en la parte inferior del panel de layers.

Paso Nueve: Crear otro nuevo Layer newlayericon (Layer 4) y añadir nubes como lo hicimos en el paso anterior, cambiar el blend mode de este layer a Screen y bajar la opacidad a 50%.  Ahora click en el thumbnail de la mascara del Layer 3 y luego hacer click en el icono de añadir mascara addlayermask, Escojer el brush (Tecla B o brushtool) del Toolbox y asegurandode que el color del foreground es Blanco  usar un brush de borde suave de diametro grande para despejar algunas de las nubes del Layer 3, que le da  mas profundidad de campo al efecto de la neblina.

Paso Diez: Crear otro Layer newlayericon (Layer 5). Presionar Comando-F/Control-F para aplicar el filtro recien usado, en este caso las nubes. Cambiar el belnd Mode a Screen. Escojer la gradiente gradient-tool del Toolbox. Click en icono de  añadir una mascara nueva addlayermask. Ahora click y arrastrar la gradiente (usando la misma configuración anterior) desde las izquierda inferior a la derecha superior de la imagen para dar el efecto de que el sujeto esta saliendo de la neblina.

Paso Once: Añadir los layer adicionales necesarios para el proyecto, dependiendo que tan espesa se quiere que sea la neblina que esta de frente al sujeto. Añadirlo al gráfico para completar el efecto, y Listo.

piratas-step-11

Antes y Después

Una vez que ya sabemos como hacer las neblina y  espesuras entonces se puede aplicar a cualquier ejemplo yo decidí usarlo para hacer el efecto de nebulosa en el espacio y aquí unos ejemplos

basket-universe01 basket-universe02 jb-ggc-final-four-contest

  1. Mr Peace Said,

    What a wonderful world!

Add A Comment