Casino & Sportsbook Design

Por su pronunciación en Inglés de la famosa frase de todo Jedi que por primera ves yo la oi de Obi Wan a Luke “Que la fuerza te acompañe”, “May the Force be with you”  suena muy parecido a la  fecha del 4 de mayo “May the Fourth” “May the Force” así que atraves de los años la gente a hecho con este juego de palabras un día que prácticamente se convirtió por las masas como el día no oficial de la Guerra de las Galaxias. y bueno aquí esta mi tributo a ese día que también se aprovecho para hacer una campaña más en el brete,  así que como siempre les advierto esto no es para promover las promociones pero si les interesa hagan click aqui también he abierto un grupo en flickr para que todo el que haga imágenes o quiera poner fotos de la las coloquen aquí.
y aquí mis trabajos:

Nunca les ha pasado que después de trabajar con Adobe Illustrator por un buen rato de pronto todas las paletas son un desorden y incluso no encontrás donde diablos se metió el panel de preferences por más Ctrl+k que pongás; pues eso me pasó a mi,  resulta que las paletas estaban por todo lado y no encontraba nada, así que se me ocurrió…

“tranquilo es sólo cuestión de ir a Edit-preferences-Interface  o Ctrl+k y yá, pongo todas las paletas donde deberían estar por default, quitándole el asunto de recordar la posición de las paletas”

Pues, No  no es así por que eso estaría bien si fuera Photoshop, pero estoy en illustrator y Illustrator no trae esa opción en interface, así que estoy mamando. bueno ni tanto si hacen lo siguiente (para windows):

Si quieren restaurar las opciones originales del Illustrator nada mas tiene que:

1. Salvar los trabajos que están haciendo y cerrar el iilustrator, recuerden cuales son sus trabajos más recientes también, por que después de esto Illustrator no se va acordar.
2. Ahora ir a C:\Documents and Settings\USUARIO\Application Data\Adobe\Adobe Illustrator CS3 Settings (la versión de illustrator que tengan sera la del nombre del folder)
3. Dentro del folder localicen el archivo AIPrefs y borren ese archivillo
4. Reiniciar el Illustrator, repongan las preferencias a sus gusto de nuevo y el archivo será regenerado para recordar sus preferencias.

Y listo no más perdedera de tiempo viendo a ver donde estaban las paletas que corrí quien sabe hace cuanto.

Para Mac no es muy diferente es solo cuestion de llegarle con el Finder  Go>Home>Preferences buscar el folder “Adobe Illustrator CS3 settings” o la versión de Illustrator que tengan y buscar el archivo llamado “Adobe Illustrator Prefs” arrastren este archivo al basurero y reinicien el Illustrator, o mas facíl aún mientras se abre el Illustrator presionar  Shift + Command + Option + Control y aparecerá el diálogo que te pregunta que si querés restaurar las preferences, asi que solo darle que si y ya!.

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 tool ) 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.

Paso Dos:  Ahora, arrastrar el Layer 1 hasta el icono de crear un nuevo layer (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 . 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.

Paso Tres: Ahora vamos a  crear un nuevo layer de ajuste en el icono  (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.

Cuarto Paso: Una vez más click en el icono  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.

Paso Cinco: Si todavia no se han cansado de darle al icono 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.

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 en 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 ) 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.

Paso Siete: En el panel de los Layers damos click al icono de Crear un nuevo layer 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 , 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 ó 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 ,  para revelar de nuevo al pirata o lo que sea que esten ustedes editando.

Paso Ocho (ya casi): Crear un nuevo Layer (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 en la parte inferior del panel de layers.

Paso Nueve: Crear otro nuevo Layer (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 , Escojer el brush (Tecla B o ) 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 (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 del Toolbox. Click en icono de  añadir una mascara nueva . 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.

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

El año pasado, no teníamos ninguna promoción para esta época pero gracias a google calendar divisamos la cercanía de Presidents Day para los EEUU, y como todas las transacciones son en USD  y en cada dólar hay un presidente pues que mas que hacer una promo sobre la semana de los presidentes inventando un billete para todos los presidentes en los billetes de dólar, donde dependiendo de cuanto vas a echar dependerá que billete te llevás.  Para esto pues a mi me toco hace un billete con todos los rostros de los presidentes y sus valores respectivos.

Primero había que hacer el fondo del billete y su orilla para tener donde empezar, el fondo empezó como una imagen blanca al la cual por estilos se le puso una textura de lona para acuarela, llámese “canvas”.

Luego del fondo me tome a la tarea de buscar billetes de dolar con buena resolución a los que llege a los de $100 $50 y $20 , justo lo que necesitaba, del billete de 100 fui sacando el borde,  primero me base en el derecho para duplicar su imagen en la izq para tener así todo el borde.

A  continuación seguía poner los bustos de cada presidente y en orden de mayor a menor el orden serian Benjamin Franklin representando el de $100  Ulysses Grant para el de $50 y Andrew Jackson para el de $20 eso seria fácil solo de cortar y pegar; si no fuera por que el de Franklin estaba enmarcado dentro de un ovalo que me arruinaba el diseño, sólo necesitaba los bustos con sus apellidos con Ulises y Andy la cosa fue muy sencilla como la esperaba, pero Ben tuvo su trabajito pero gracias a wikimedia el mundo esta salvado, al menos el mio, me puse a buscar la foto original de donde salio la del billete de Franklin  no encontre la misma pero si la mas cercana donde incluso se ve mas joven y luego fue recortar el nombre del billete de 100 y listo,

ahora si ya tengo a los tres presidentes principales y el marco de estos luego las tres caras tenían muchas diferencias de color que había que corregir, que se consigió por medio de Hue/Saturation y Brighness/Contrast hasta que los tres quedaran razonablemente parecidos.

Luego de buscar varias tipografías parecidas a los que se usan en los billetes me encontré que las más parecidas son Engravers MT y UnitedStates y ahora es solo de formatear el estilo de cada tipografía para que se paresca a los usados en los billetes, aquí esta el ejemplo usando UnitedStates Font

ahora le aplico un patrón creado con anterioridad que son las rayas inclinadas que están dentro de la tipografía.

ahora voy a crear el borde oscuro del font pero no lo voy hacer con stroke , en ves voy a utilizar el Outer Glow pero sin efecto de gradiente sino que tamaño 1 px y 100% opaco así queda como si fuera el borde, y puedo usar el stroke para hacer un borde interno que separa las rayas del borde oscuro.

a continuación uso el stroke para separar las rayas

Y para finalizar no puede faltar la clásica sombra que todo diseñador termina poniendo en todo lado en este caso una sombra solida sin gradiente y sin transparencia.

y Voila el estilo para los fonts de los billeticos.

Ahora, pues los bustos por si solos necesitan una base, así que tomaremos unos elementos prestados del billete de un dólar  así como los sellos que todo el mundo reconoce del billete de uno como la pirámide con el ojo y el aguilucho que tiene el escudo

Además de que necesitamos los sellos de agua y como  President’s Day se debe a los cumpleaños de Washington (22 Feb) principalmente y dicen que tambien el de Lincoln (12 Feb) diay, pues no queda mas que sacarlos de los billetes de uno y de cinco para ponerlos de sello de agua eso es solo de poner los bustos de ellos un toque transparente para lo que use Overlay y una opacidad del 60%

ahora todo billete de dólar no es billete hasta que no tenga el sello oficial del departamenteo del tesoro y por lo general todos lso billetes tiene escrita su denominacion con el sello de fondo solo el de $100 si lo tiene escrito en numeros asi que me base en el de 100 y en su font para sacar las denominaciones de los premios de cada presidente.

Ahora con el sello del departamento del tesoro como el encontrado es redondo y el del billete tiene como una rueda dentada, en el toolbar vas al custom shape tool  o tecla (U) y en las opciones escojés Banners and Awars y escojé el que tiene la forma deseada que de casualidad se llama seal

luego se unen esa con el sello se centran y se convierten en una sola imagen y se le quita todo el color y se pasa a un solo color verdecito para tener lo mas parecido al sello de los billetes ahora el font que usa el de 100 es como el Engravers MT con el estilo que arriba ya hicimos pero por cuestión de escalas se ve negro con borde alrededor así que para que se mezcle bien con el fondo le aplico un blend tipo screen y lo sobrepongo sobre el sello y lo mismo para todos los demás números.

Ya ya casi se parece un billete el texto con el interior blanco también se usa en los billetes  pero para darle un toque mas de algo incrito dentro de el nada mas de usar un blend como linear light pra que el blanco mezcle con el patrón del borde del billete.

Pero algo más falta, los nuevos billetes vienen con colores además de solo verde así que me busque una bandera de los EEUU la mezcle con un linear burn con una opacidad del 70% y le tuve que pasar un efecto de gradient overlay para que no fuera tan brusca la mezcla, con un poco de información sobre cada presidente en wikipedia, y la fecha de cuando hice el trabajo como parte del número de serie del billete y

… tadaaa, un billete hecho en casa.

Let’s star with the beginning of the year by reviewing the task I enjoyed most last year as a designer, first I think it was to participate as producer and co-direct the photo shooting of the next years models of  one of the books, we took pictures in lingerie, in Xmas out fit and body painted.

Then I also enjoyed working in 3D where we worked with the concept of beer related to sports so I made some beer cans and together with dollar shaped pretzel, also did some refreshing beer bottle. that was quite fun thing to do.

Also while everybody was focusing on making thanksgiving promotions I suggested, instead come up with a black friday coupons tab so every one can choose whatever promo they liked more , so we give it a try.

Other thing on the air was the US Elections where Obama won, to that we modified a flash game where the player will fight Obama or Mc Cain and even made a promo video for it.

we also had a couple campaigns that they were more a remake of the 2007 version, they were the Oktoberfest and the Supersize you combo I want to post them here but because they were things  I did enjoy the previous year rather than last year.

and a couple works beginning last year were the Presidents Week bill we made and a Basketball game we had for the march madness of 2008