BOTÓN GEL (Illustrator)

El botón que vamos a crear está realizado en Illustrator y estará compuesto por 4 objetos. El resultado final será este:

Empecemos:

1-    Cogemos la herramienta rectángulo redondeado y hacemos un clic en el documento. Nos sale un cuadro de diálogo al que debemos poner los siguientes parámetros: Ancho 129 px, Alto 44 px, Radio 22 px

2-    Clic en Ok y aparece el rectángulo.

3-    Ahora tenemos que hacer el siguiente objeto siguiendo los mismos pasos pero los valores de éste serán Ancho 120 px, Alto 35 px, Radio 17,5 px

4-    Vamos a por el tercer objeto de igual manera y con valores Ancho 120 px, Alto 32,5 px, Radio 16,25 px

5-    Y ahora el último Ancho 102 px, Alto 8 px, Radio 4 px

6-    Colocarlos como en la figura de abajo:

 7-    Seleccionamos los cuatro objetos. La manera más sencilla es pinchando con el puntero negro y arrastrando abarcando todos ellos.

8-    Menú Ventana >Alinear. Elegimos el segundo botón de la fila superior de botones (en Alinear Centrar) y hacemos clic sobre él.

9-    Vamos a darles color. Seleccionamos el objeto 1 y en la paleta Color usamos: R 65, G 113, B 166 para el color de relleno.

10- Lo mismo hacemos con el Objeto 2 con valores RGB 65, 113, 166.

11- Igual con el Objeto 3 RGB 255, 255, 255.

12- Turno del Objeto 4. Lo seleccionamos y elegimos la paleta Degradado. En tipo ponemos Lineal y en Ángulo –90. Para ponerle el color que queremos hacemos doble clic en el cuadradito con el triangulito de la derecha de la barra donde aparece el degradado en la parte inferior de la paleta Degradado. Se abrirá la paleta Color y en el circulito con el triangulito de la derecha de las pestañas de la paleta hacemos clic y elegimos RGB. Ponemos los valores 34, 82 y 150.

13- Todos nuestros objetos probablemente tienen trazo negro y no lo queremos por lo que una vez dado el color de relleno que hemos hecho en pasos anteriores, vamos a seleccionar todos los objetos y en la paleta Trazo ponemos en Grosor 0.

Tendremos ahora algo similar a esto:

 Llega el momento de lo bueno. ¿Preparados? Allá vamos

14- Seleccionamos el Objeto 2 y Menú Filtro> Desenfocar > Desenfoque Gaussiano y en el cuadro de diálogo ponemos en Radio 5,6. Clic en Ok.

15- Igual en Objeto 3 pero con el valor de Radio 7. Con Objeto 3 seleccionado en la Paleta transparencia varíamos la Opacidad a 70% y el Modo de Fusión –esto es lo que hay al lado de Opacidad y que pone por defecto Normal-  a Superponer.

Ya queda poquito.

16- Seleccionamos el Objeto 4 y una vez más le aplicamos Menú> Desenfocar> Dsenfoque Gaussiano con un valor de Radio de 1,8.

Como se trata de un botón nos sobra la sombra que tiene por lo que vamos a quitarla. ¿Cómo? Sigue los últimos pasos:

17- Seleccionamos el Objeto 1 – podéis hacerlo fácilmente haciendo clic derecho sobre los objetos > Seleccionar > Último objeto debajo- y Menú Edición > Copiar.

18- Menú Edición > Pegar delante. Con él objeto todavía seleccionado clic derecho > Organizar > Traer al frente.

19- Seleccionamos todos los objetos y Menú Objeto > Máscara de recorte > Crear.

Y ya está. Ya tenemos nuestro botón.

ATAJOS DE TECLADO (II)

Hola a todos, hoy por ser viernes no complicaremos la cosa. Algo que seguro os viene muy bien y de lo que no se puede prescindir para trabajar de una manera rápida.

- Rellenar una selección o una capa con el color de fondo CTRL+Retroceso (es la tecla que hay justo encima del enter, la de borrar)

- Rellenar una selección o una capa con el color frontal ALT+Retroceso

Con esto nos ahorramos tener que coger el bote de pintura, pincel o cualquier otra herramienta de pintura para rellenar de color y lo hacemos directamente en un segundo.

¡Buen fin de semana a todos!

POST IT EN LA FOTOGRAFÍA (PHOTOSHOP)

Allá vamos con este tutorial que es realmente sencillo:

1-Abrir la fotografía a la que queremos adjuntar la nota. En nuestro ejemplo abriré esta que saque en Grecia mientras íbamos de isla en isla:

2- Seleccionamos toda la imagen (CTRL+A). Y hacemos una capa nueva con el contenido (CTRL+J) de tal manera que tenemos ahora dos capas, una de fondo y nuestra imagen en una capa.

3- Menú Imagen> Tamaño de lienzo. En el cuadro de diálogo que nos sale marcamos la casilla de Relativo y en los valores de horizontal y vertical ponemos  unos 5 cm. Ya sabéis que estos valores son muy relativos pues depende de la resolución y el tamaño que tenga la imagen que hayáis elegido. 

4- En la paleta capas, en los botones que tiene abajo, hacemos clic en el de Efectos de capa -es el que tiene la f, el segundo empezando por la izquierda- y seleccionamos Trazo. Los ajustes aproximados, por lo que os comentaba antes sobre el tamaño de la imagen, son los siguientes:

- Tamaño: 15

-Posición: Dentro

-Color: un gris no muy oscuro

5- Marcamos ahora en el cuadro de diálogo en el que estamos de estilo de capa Sombra paralela y la ajustamos hasta que nos convenza el resultado.

6- Vamos con la nota. Hacemos una capa nueva vacía (clic en el segundo botón empezando por la derecha de la paleta capas) y con la herramienta Marco rectangular hacemos un rectángulo con la forma y el tamaño que tendrá  nuestra nota. Lo rellenamos de color R=255 G=255 B=161.

Deseleccionamos (CTRL+D).

Le vamos a aplicar una sombra paralela para que quede más real. Pinchamos en Efectos de capa y elegimos los valores que queramos.

7- Toca el turno al clip. Creamos una capa nueva vacía y cogemos la herramienta Capa de forma marcando en las opciones de la herramienta que tenéis debajo del menú el tercer botoncito empezando por la izquierda para que simplemente se rellenen los píxeles. Y en forma personalizada escogemos el clip que se encuentra allí. Pinchamos y arrastramos en nuestra imagen -no olvides apretar mayúsculas para que salga proporcional y no se deforme- hasta que el tamaño del clip nos parezca bien.

Entramos en Efectos de capa y marcamos Bisel y Relieve poniendo los ajustes necesarios para dar sensación de 3D.

8- Seleccionamos la capa de la nota y del clip en la paleta capas y damos a CTRL+T para girarlas un poco. 

9- Y para terminar añadimos una capa de texto con lo que queramos escribir en ella. Es recomendable elegir una tipografía que simule escritura a mano para que quede mejor.

Y el resultado:

Pasar de una imagen a otra como Speedy González

Hoy voy a poner un truquillo muy sencillo pero que pienso es muy práctico. Cuando tenemos varias imágenes abiertas y queremos pasar de una a otra lo podemos hacer apretando CTRL+Tabulador. Cada presión pasará a la imagen siguiente de manera rotatoria. 

¡Hasta mañana!

EFECTO DE GOTAS EN UNA FOTOGRAFÍA

Algunas fotografías reclaman unas gotitas de agua, a modo de salpicaduras en la imagen. Por ejemplo en esta:

Veamos cómo conseguirlo:

1- Hacemos dos copias de la capa de fondo y las nombramos de la siguiente manera. A la primera copia le llamamos "Desenfoque" y a la segunda copia "Gotitas". Es decir las capas quedarán en este orden de abajo a arriba en la paleta capas: "Fondo" Desenfoque" "Gotitas".

2- Activamos la capa "Gotas" y la rellenamos de color blanco. 

3- Menú Filtro > Ruido > Añadir ruido. Y en el cuadro de diálogo que nos sale marcamos las casillas de Gaussiana y Monocromática. En cuanto a la cantidad elegimos un valor medio (lo que tenemos que generar son puntos negros).

4- Menú Filtro > Desenfocar > Desenfoque gaussiano. En el cuadro de diálogo elegimos un valor medio también de tal manera que los puntos generados antes se vean como granos gruesos muy difuminados.

5- Menú Imagen > Ajustar > Umbral y desplazamos el regulador hacia la derecha hasta que los puntos se vuelvan negros. Tenemos que conseguir pocos puntitos y que aparezcan distribuidos por toda la imagen.

Si los puntos no son especialmente grandes basta con repetir el punto 4 y el 5 para así hacerlos más grandes.

6- Una vez que tenemos la capa con las gotas creamos un documento nuevo a partir de esta capa. Hacemos clic derecho sobre la capa "Gotitas" y en el menú desplegable que sale elegimos duplicar capa. En el cuadro de diálogo que sale tenemos que elegir en Destino: documento nuevo. Ahora tenemos, a parte de nuestra imagen original, otra con las gotas que hemos creado en la capa "Gotitas". En este documento nuevo que acabamos de crear nos metemos en Menú Filtro> Desenfocar > Desenfoque gaussiano y ponemos un valor de radio bajo. Guardamos el documento como .psd en una carpeta de nuestro disco duro.

7- Volvemos a la imagen original y activamos la capa "Desenfoque". Menú Filtro > Distorsionar > Cristal y ponemos en sus valores el máximo permitido tanto en distorsión como en suavizado. Y donde pone textura -en este mismo cuadro de diálogo- tenemos que pinchar en el circulito con el triangulito que hay a la derecha y elegir Cargar textura para elegir el documento que acabamos de guardar como .psd

8- Activamos la capa "Gotitas" y con la varita mágica hacemos clic en la zona blanca para seleccionar todo lo de este color y lo eliminamos. De esta manera nos hemos quedado sólo con las gotas negras en la capa. Ahora deseleccionamos, ya sabéis, CTRL+ D

9- Duplicamos la capa "Gotitas" y la nombramos como "Gotitas 2". Le quitamos el ojo para no tenerla visible.

10- Activamos la capa "Gotitas" y la colocamos debajo de la capa "Desenfoque". Ahora vamos a hacer un grupo de recorte. Llevamos el cursor entre medias de las dos capas y presionamos la tecla ALT hasta que aparezca como una especie de anillos y cuando salgan hacemos clic.

11- Activamos ahora la capa "Desenfoque" y haremos lo siguiente. Menú Filtro > Desenfocar > Desenfoque gaussiano con un valor de radio bajo. También la vamos a oscurecer un poco, para ello, podéis utilizar cualquiera de los métodos que conocemos (Curvas, Niveles).

12- Ahora vamos a dar volumen a las gotas. Activamos la capa "Gotitas" y Menú Capa> Estilo de capa > Sombra paralela. Aquí podéis jugar tanto con el color de la sombra, como con el modo de fusión y con la inclinación de la misma.

13- Y para terminar vamos a meter un reflejo a las gotas. Activamos y la ponemos visible la capa "Gotitas 2". Seleccionamos con la varita mágica todas las gotas negras y le metemos un calado que difumine los bordes de las mismas. Seguidamente, invertimos los colores dando a CTRL+I. 

14- Menú Filtro> Estilizar > Relieve y ponemos unos valores medios en el cuadro de diálogo. Y el toque mágico Menú Filtro> Artístico > Plastificado con valores de Intensidad y Suavidad máximos y en el Detalle juega con el valor que te parezca más realista. 

Cambiamos el modo de fusión de la capa a Luminosidad y podéis bajar la opacidad de la capa también.

El resultado sería este:

ATAJOS DE TECLADO (I)

¿Qué tal el fin de semana? ¿Cómo ha ido? Para hacer boca para el lunes os dejo unos atajos de teclado muy prácticos:

- Si apretáis la tecla TAB -es la que está justo encima de BLOQ MAY- se ocultarán las paletas y la barra de herramientas. Para volver a visualizarlas volved a presionar TAB.

- Siguiendo con modos de visualización; si apretáis la tecla F irá cambiando el modo en que veréis el trabajo que realizáis. Cada presión de la tecla hace pasar a un estado. El cambio es cíclico por lo que para volver al aspecto habitual presionadla hasta que aparezca con el aspecto predeterminado.

- Con la combinación de TAB y la tecla F podéis conseguir ver únicamente la fotografía que estéis tratando sin que aparezcan junto a ella las molestas paletas. Es especialmente útil cuando queráis enseñar vuestro trabajo a alguien para que no se "distraiga" con elementos que a los diseñadores nos parecen normales pero a lo demás no.

- Con CTRL+0 (cero) encajaréis la imagen en pantalla.

¡Hasta mañana!

DE FOTOGRAFÍA A DIBUJO

Hoy vamos a cambiar una imagen de mapa de bits en un dibujo de una forma sencilla y rápida.

A la izquierda podéis ver cómo quedará.

¿Preparados?

1- Abrimos la imagen a transformar

2- Convertimos la capa Fondo en una capa normal -para los que lo hayáis olvidado simplemente para hacer esto tienes que hacer doble clic sobre la capa y en el cuadro de diálogo que sale darle a Aceptar-

3- Menu Filtro> Desenfocar> Desenfoque suavizado

En este punto, en el cuadro de diálogo que se abre se modifican los parámetros al gusto pero lo importante es que en Modo pongáis Sólo borde. Si no eliges esta opción no saldrá.

4- Menu Filtro > Artístico > Cuarteado

Normalmente os servirán estos valores: Número de niveles 2, Simplicidad de borde 4 y Fidelidad del borde 1. Normalmente, eh? Es mejor probar para elegir el que mejor se adecue a vuestra imagen.

Et voilá!