martes, 6 de diciembre de 2011

¿Futbol Club Barcelona o Real Madrid?



EDITADO 11/12/2011 :

RESULTADOS DE LA ENCUESTA: BARÇA 61.54% - MADRID 38.46%
RESULTADOS DEL PARTIDO: BARÇA 3 - MADRID 1

-------------------------------------------------------------------------------------------
Hola a todos como dije en la entrada anterior hoy crearemos unos diseños en Photoshop, veremos que es sencillo y rápido, además vamos a aprender cómo hacer un logo para lo que quieras y que se vea muy bien. También razón de que pronto se celebra el partido entre el Futbol Club Barcelona y el Real Madrid la segunda parte la dedico a ello, también agrego una encuesta al blog para saber su opinión sobre quien creen que ganará el partido del sábado, pueden comentar la razón por la que creen que ganará uno de los equipos, la encuesta esta a la derecha, no olvides votar.

¿Quién ganara el juego del sábado?

El Futbol Club Barcelona
Barça!

O
El Real Madrid

Pablo Real Madrid


TUTORIAL

Bueno sin más preámbulo espero que les guste el tutorial, suscríbanse, denle a me gusta y corran la voz para la encuesta si es así. Esto es lo que crearemos hoy.

1) El eclipse fue el primer diseño que realice en Photoshop, no se hace cuantos años, imagino que aún debe estar por internet el tutorial del cual lo aprendí pero como no recuerdo cual es no daré crédito a nadie, pueden buscar en internet y encontraran este y otros eclipses más realísticos y complicados, pero yo hare este porque es el que me se y es sencillo.

2) Como les dije en la entrada anterior el logo de mi página lo hice mediante un tutorial Photoshop creado por John Ward y que está en ingles en la siguiente página http://teamtutorials.com/photoshop-tutorials/photoshop-darkness-logo-tutorial para el que sepa inglés y tenga la versión en inglés del programa se los recomiendo. Aprenderemos como hacer este logo.


Eclipse

1- Si alguna parte te parece confusa te invito a ver la entrada anterior donde explico algunas cosas similares sobre todo explico mejor la parte de selección de herramientas y de cómo guardar el archivo, ahora seré un poco menos especifico.

Algo que no mencione en la entrada anterior, si acaso te equivocaras, para hacer paso atrás solo debes presionar Ctrl+Alt+Z las veces que necesites, ten en cuenta que aunque la cantidad de pasos atrás que puedes dar es amplia, no es ilimitada.

A) Comenzamos con el diseño del eclipse, en la entrada anterior abrimos una fotografía que ya existía pero en este caso crearemos desde 0 y para esto lo primero que haremos será ir a la barra de tareas en la opción archivo hacemos clic en nuevo.

B) Obtendremos la siguiente ventana y en ella nombraremos nuestro diseño y le daremos un tamaño, yo elegí 1000x1000 pixeles solo para que se vea mejor, pero como pueden ver esto aumenta el tamaño del archivo, pueden utilizar un tamaño que deseen pero recomiendo que sea cuadrado, es decir el mismo valor en los dos recuadros. Presionamos ok.

Ahora debemos prestar atención a esta sección en nuestra ventana de herramientas, haciendo clic en la flechita curva cambiamos entre un color y otro, asegurémonos que los colores que tenemos son blanco y negro. Si tienes otro color solo haz clic sobre el cuadro frontal y en la ventana que aparece cámbialo. Ahora ponemos el color negro como frontal.

C) Con el color negro de frontal buscamos en la ventana de herramientas la herramienta de bote de pintura (paint bucket) y la seleccionamos.


D) Hacemos clic en nuestro fondo para rellenarlo de negro, luego en la barra de tareas elegimos filtro (filter) dentro de este vamos a ruido (noise) y hacemos clic en añadir ruido (add noise).


E) Nos aparecerá la siguiente ventana y aplicamos un ruido del 50%. Presionamos ok.

F) Con el ruido ya aplicado vamos a imagen (image) en la barra de tareas, y en ajustes hacemos clic en brillo/contraste (brightness/contrast).


G) Yo tome un contraste de 100 y un brillo de -120 a mí me parece que así está bien y parece un cielo estrellado, pero tú hazlo como más se te parezca a ti a un cielo estrellado. Presionamos ok.


H) Ya que tenemos el fondo vamos a la barra de tareas seleccionamos capa (layer) y en nueva (new) hacemos clic en capa. En la ventana que aparece puedes nombrar tu capa si gusta luego deja todo lo demás como esta y presionamos ok.

I) Ya que tenemos nuestra nueva capa creada vamos a la ventana de herramientas y buscamos la herramienta marco eliptico.

J) Con la tecla Shift presionada hacemos clic y arrastramos para crear un círculo perfecto del tamaño que prefieras, una vez creado nos aseguramos que el color blanco este de frente (contrario a como aparece en la foto) y en la ventana de herramientas elegimos nuevamente el bote de pintura, hacemos clic en nuestro circulo.

K) Buscamos la herramienta mover (move) en la ventana de herramientas y centramos nuestro circulo en la imagen, aunque si prefieres no tiene que estar en el centro. Esta herramienta nos sirve para mover las capas que tenemos seleccionadas.


Debe quedarnos algo así


L) Ya que tenemos eso listo, agregamos 2 capas más igual que en el paso (H), apagamos la capa donde esta nuestro circulo blanco dándole al ojito que aparece a su lado en la ventana de capas. Ahora hacemos clic en la capa que está arriba de la del circulo (capa 2 en mi caso). Tenemos esto.


M) Elegimos la herramienta lazo (lasso) recordando que debe estar seleccionada la capa 2.

N) Ahora manteniendo la tecla Shift presionada vamos a hacer triángulos alrededor del circulo haciendo clic en algún lugar del circulo y dejándolo presionado hacemos los triángulos, nos aseguramos que el circulo sea la base de cada triangulo para que quede mejor. Al terminar soltamos el clic sin soltar la tecla Shift.

Cuando terminamos debe quedar algo así.


O) Elegimos la herramienta de bote de pintura de nuevo y rellenamos la selección de blanco, ahora hacemos un desenfoque gaussiano de 40 pixeles más o menos. Lo que queremos es que quede algo así.

P) Ahora con la tecla Ctrl presionada hacemos clic sobre el recuadro de la capa 1 para obtener una selección del mismo tamaño que nuestro circulo blanco, luego de obtenerla hacemos clic sobre la capa tres para trabajar sobre ella.


Q) Ahora ponemos el color negro como frontal y con la herramienta de balde de pintura rellenamos nuestro circulo, deseleccionamos presionando Ctrl+D. Ya tenemos el eclipse. Solo falta el destello.

R) Creamos una última capa y la rellenamos de negro con la herramienta balde de pintura.


S) Ahora en la barra de tareas seleccionamos filtro, elegimos interpretar (render) y hacemos clic sobre destello (lens flare).


T) En la ventana que aparece seleccionamos Prime de 105 mm y damos el porciento que consideremos, yo elegí un 120% y presionamos ok.


U) Ahora en la ventana de capas le damos a donde dice normal para cambiar el estilo de capa, elegimos trama (screen) y ya podemos ver nuestro destello sobre nuestro eclipse, elegimos la herramienta de mover en la ventana de herramientas y lo ponemos donde consideremos. Con la herramienta mover también podemos seleccionar otra capa que queramos y moverla un poco hasta donde consideremos.

Este es el resultado final, ya lo puedes guardar como enseñe en la entrada anterior "Util Tutorial Photoshop".


Logo

2- Para la segunda parte si quieres puedes descargarte este archivo que tiene el tipo de letra que utilice, está en la página http://www.dafont.com/blade-2.font le das a download en la parte derecha y lo descargas, es un comprimido .zip necesitaras un programa como el Winrar para abrirlo. Una vez lo abras tendrás lo siguiente.


Tomas el haces clic en el archivo y lo arrastras fuera, le haces clic derecho y lo instalas, ya está.

A) De nuevo nos aseguramos que quede los cuadros de colores de la siguiente manera antes de crear el archivo.

B) Le creamos un archivo nuevo con las siguientes características.
C) Ya que tenemos nuestro fondo ahora en la ventana de herramientas elegimos la herramienta de texto horizontal (horizontal text).


D) Con la herramienta seleccionada hacemos un clic cerca de una esquina arriba y arrastramos para crear un cuadro de la siguiente manera, al soltar te dará la opción de escribir.


E) En la parte de arriba, justo debajo de la barra de tareas veras las opciones de texto, elegimos en la primera ventanita el tipo de texto, si descargaste el archivo al principio busca Blade 2, si no busca un tipo de texto que prefieras.


F) A la derecha veras la opción de tamaño, elige el que quieras, para este tutorial elegí 90, puedes escribir el número en la ventana si no está en la lista.


G) Escribimos nuestro texto y cuando esté listo seleccionamos la herramienta mover para centrarlo.

Debe quedar algo similar, en este tutorial hare 2 ya que está dedicado al juego del Barça – Madrid. Empezaremos con la capa del FC Barcelona.


H) Hacemos clic sobre el color blanco que debe estar de frontal.


I) Nos saldrá la siguiente ventana y abajo en la ventana que tiene el # ponemos 0089c0 si te gusta el color del ejemplo u otro color que prefieras pero recuerda en código de color pues lo utilizaremos más adelante. Presionamos ok.


J) Ahora en la ventana de capas hacemos doble clic sobre la capa de nuestro texto, nos saldrá la siguiente ventana y  hacemos clic y elegimos resplandor exterior (outer glow). Lo primero que haremos será darle clic al cuadrito de un solo color que aparece debajo de la palabra ruido.


K) Hacemos lo mismo que hicimos antes en el paso (I) y ponemos el mismo color que pusimos anteriormente en la ventana que marca #.
L) Una vez listo esto procedemos a poner los valores que se indican en esta foto. Trama (screen), Preciso (precise).

M) Ahora pasamos a la parte de bisel y relieve (bevel and emboss) y colocamos los siguientes valores. Relieve acolchado (Pillow emboss), Redondeado (Smooth).


N) Por ultimo vamos a superposición de degradado (gradient overlay) y cambiamos el degradado blanco y negro por el primer degradado que aparece en la lista que debe ser con nuestro color.



O) Luego aplicamos los siguientes valores. Al terminar presionamos ok.

Para la capa de texto del Real Madrid utilice el siguiente color y son los mismos pasos

Nos debe quedar algo así. Ahora aplicaremos unos efectos de iluminación.

P) Creamos una nueva capa y trabajaremos sobre ella. En la ventana de herramientas elegimos la herramienta de forma personalizada.


Q) Ahora justo debajo de la barra de tareas aparece lo siguiente y le damos a la flechita al lado de la forma y elegimos la forma de hierba que se ve a continuación.



R) Cambiamos el color frontal que tenemos a blanco haciendo clic sobre él y cambiándolo. Luego utilizamos la herramienta de forma para crear la forma de manera similar a la que usamos la de marco elíptico, dando clic y arrastrando. Queda algo así.

S) Hacemos Ctrl+T o vamos a edición en la barra de tareas, elegimos transformación libre y transformamos nuestra forma hasta algo similar a esto.


T) Ahora en la ventana de capa cambiamos el estilo de capa de normal a superponer (overlay) y la opacidad la podemos llevar a un 65% o dejarla así como prefieran, queda bien de las dos formas.


Debería quedar algo así. Si te queda distinto a esto en el sentido en que se ve igual pero no se ven los contornos de la forma de hierba salta el siguiente paso.


U) En la ventana de capa haz clic derecho sobre la capa de la forma y selecciona la opción rasterizar mascara vectorial.


Así es que debe quedar. El efecto está terminado ahora solo es cuestión de que tan iluminado lo quieres.


V) Hacemos clic derecho en una de las capas para que nos salga la siguiente ventana y elegimos la última opción, acoplar imagen.


W) Por ultimo vamos a imagen en la barra de tareas y en ajustes hacemos clic en brillo/contraste.


X) Elegimos el brillo y contraste que más nos guste y listo. Yo elegí 0 contraste y 100 para brillo.


Aquí tenemos el bonito resultado final para tu logo.

¡Hasta la próxima!


Share on Tumblr



Licencia Creative Commons
Acceso a Internet por Gregory Gabriel Castro Cruz se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported.