Sexta parte de Maquetacion en Photoshop

SEXTA PARTE DE MAQUETACIÓN EN PHOTOSHOP

Seleccionamos la Herramienta rectángulo. Vamos a crear una nueva capa para hacerle una pequeña división. Ahora hacemos un pequeño rectángulo.

Presionamos Ctrl + T para ponerle la altura de 40 px. Presionamos el intro. Seleccionamos la Herramienta mover para encajarlo bien dentro del rectángulo mayor. Seleccionamos la Herramienta Texto para escribirle un texto dentro del rectángulo. En primer lugar vamos a escoger el color a través del botón Configurar color de texto que se encuentra en la parte superior del
documento. Vamos a escribir en la R = 230, G = 104 y B = 21. Y hacemos clic en Ok. La fuente que seleccionamos se llama Century Gothic, el tamaño 28pt.

En método de suavizado ponemos ninguno. .

Escribimos dentro de nuestro rectángulo, para ello hacemos clic en el rectángulo y escribimos: Los perros más recientes. Y presionamos intro. Para centrar nuestro texto seleccionamos la Herramienta mover, al hacerlo nos damos cuenta que se mueve el rectángulo., ya que está ligado a ella.

Para ello eliminamos la capa del texto a través del botón . Creamos una nueva capa. Y ahora si podemos escribir el texto: Los perros más recientes, y podemos apreciar que podemos moverlo con toda libertad. Le cambiamos el color como ya hemos aprendido anteriormente con el botón que se encuentra en la parte superior del texto. Cambiamos el tamaño
para que se vea más grande. Una vez modificado lo posicionamos con la Herramienta mover.

Vamos a poner un texto en el rectángulo mayor, para ello creamos una nueva capa, después nos vamos a la Herramienta Texto y seleccionamos Herramienta Texto Horizontal.
Arrastramos y creamos un cuadrante de texto, de esta forma podemos definir márgenes, distancias, etc.

Soltamos y ya podemos editar nuestro texto, le ponemos de fuente Pool Richard, tamaño 14 px, y un color verde. Escribimos el siguiente texto:

Presionamos intro. Curso de Photoshop.

Vamos a poner en la parte inferior derecha del texto otro texto, creamos una nueva capa, seleccionamos la Herramienta texto y escribimos Leer más… para diferenciarlo del otro texto podemos cambiarle el tamaño, la fuente o el color.

A nuestro documento le vamos a agregar un calendario, lo vamos a situar al lado del rectángulo anterior. La capa Calendario la situamos encima de la capa Fondo 2. Vamos a crear una nueva capa, y seleccionamos la .

Trabajamos con los 10 px de Radio, que se encuentra en la parte superior del documento. Presionamos el botón Rellenar píxeles. Vamos a tomar una parte del rectángulo con la Herramienta Marco
Rectangular, esto se hace para poner el día.

Queremos separar estas dos partes, para ello presionamos Ctrl + Mayúsculas + J y así se ha creado dos capas.

A la capa 5 le vamos a agregar unos estilos de capa, hacemos doble clic sobre ella y seleccionamos la opción Superposición de colores y elegimos el color blanco, presionamos en Ok. Seleccionamos la opción Superposición de degradado, donde le vamos a dar un degradado de tres colores. . En primer lugar le ponemos color al botón de la izquierda con el valor: 9e9c9c. Hacemos clic en Ok. Para el botón del centro le damos el color: f2ecec, y hacemos clic en Ok. Para el botón de la derecha le damos el color: bdbaba, y hacemos clic en Ok.

Al botón del medio le damos una ubicación del 56%. El otro punto que se encuentra entre el centro y el botón de la izquierda, le ponemos una ubicación del 57%. Y el otro punto lo ubicamos al 47%.

Hacemos clic en Ok. La orientación la cambiamos a 180º. La Opacidad al 75 %. Y hacemos clic en Ok.

Ahora nos vamos a la Capa 4 que es la parte superior. Le vamos a dar el color: a3b10f, y hacemos clic en Ok. Cogemos la capa con el botón secundario del ratón, seleccionamos la opción Seleccionar píxeles y la rellenamos con el color que habíamos creado anteriormente que se encuentra en la Herramienta fondo frontal. Le vamos a dar una superposición de degradado, también va a ser un
degradado de tres tonos. El primer botón va a tener el color: 827f7f, Ok. El 2º color: efeded, Ok. Y el 3º tendrá el color: b1afaf, Ok. Y de nuevo hacemos clic en Ok.
Cambiamos el ángulo del degradado a 180º. Y una Opacidad de 45%. Y finalmente hacemos clic en Ok.

Creamos una nueva capa, seleccionamos la Herramienta Rectángulo Redondeado, y seleccionamos en el menú contextual el botón Trazados .

Después seleccionamos la Herramienta y vamos a seleccionar todos los puntos pasando el ratón sobre el cuadrado.

Y ahora presionamos la tecla suprimir.

A continuación sacamos el color blanco al frente .

Y nos vamos a la opción Trazados.

Y configuramos con la Herramienta Pincel , con un tamaño de 6 px.

De la parte de Trazados vamos a escoger Contornear Trazados.

Y hacemos clic en Ok. Y esto lo repetimos 7 veces con el botón , lo que nos interesa es que llegue a las esquinas.

Nos dirigimos a la pestaña capa, seleccionamos nuestra capa de la figura, la Capa 6. Seleccionamos la Herramienta borrador para quitarle las partes que no necesitamos, necesitamos que sea un pincel duro de unos 19 px y una dureza al 100%. Y con la tecla Mayúsculas vamos borrando todas las partes que no necesitamos, y le damos una
Opacidad al 50%. Creamos una nueva capa, seleccionamos la Herramienta de rectángulo Redondeado, le rebajamos el radio a 7 px, marcamos el botón Rellenar píxeles, y hacemos una pequeña figura como se muestra a continuación:

Tienen varios estilos de capas. Sombra paralela al 50% de Opacidad, deseleccionamos la opción Usar luz global y el ángulo a 90º, distancia 1px y tamaño 2px. También seleccionamos la opción Superposición de degradado a dos tonos que van a ser para el primer botón c3c1c1, clic en Ok. El segundo color va a ser ffffff, clic en Ok. Y de nuevo clic en Ok. Bajaremos la Opacidad al 60%. Y hacemos clic en Ok. Vamos a duplicar la figura, y la movemos hacia la derecha. Creamos una nueva capa, seleccionamos la Herramienta Texto y escribimos Marzo.
Creamos una nueva capa, y escribimos el nº 30, y lo centramos con la Herramienta mover. Se nos queda de la siguiente forma.

 

Comparativa del Máster en Diseño Gráfico con otros editores:

Cursos Tienda Instituto Europeo Euroinnova
Tutoría Si No Si
Actualiza- ciones Si No No
Precio 99 € 575 € 280 €
Enlace Diseño Diseño Diseño

 

 

Vea nuestro Máster en Diseño Gráfico

 

 

 

 

 

Quinta parte de Maquetacion de Photoshop

QUINTA PARTE DE MAQUETACIÓN DE PHOTOSHOP

Vamos a agregarle otro efecto a la capa Quiéreme copia, seleccionamos la opción Bisel/relieve.

Ponemos de Tamaño 2 px, en la Opacidad resaltada le ponemos el 55% y en la Opacidad del modo de sombra un 30%. Hacemos clic en Ok. Ahora juntamos todas las capas del logo, para ello las seleccionamos con Mayúsculas.

Una vez seleccionadas presionamos las teclas Ctrl + G. La carpeta que ha generado la llamamos Logo Quiéreme. Vamos a crear un botón en el encabezado del documento, para ello creamos una nueva capa, seleccionamos a continuación la herramienta del rectángulo redondeado y vamos a escoger el color rojo para hacer el trazo con el valor f05435, y hacemos clic en Ok.
En la parte superior del documento seleccionamos el botón Rellenar píxeles y el radio que se encuentre a 10 px. Vamos a hacerle varios cambios al rectángulo, presionamos las teclas
Ctrl + T; vamos a ponerle una anchura de 240 px y de altura 64 px y pulsamos dos veces intro para aceptar los cambios. Lo dejamos más o menos en esta posición:

Le vamos a dar un estilo de capa, ya sabéis que hay que darle un doble clic sobre la capa. Nos vamos a la opción Bisel y relieve, le damos el tamaño de 1 px, en la Opacidad del resaltado vamos a poner 35% y la Opacidad de sombra vamos a poner 53%. Y hacemos clic en Ok. Vamos a hacer Ctrl + clic sobre la capa para tener seleccionado el rectángulo, y creamos una nueva capa.
Vamos a hacer una transformación del rectángulo, para ello nos vamos al menú selección > Transformar selección.

Vamos a seleccionar con el ratón el siguiente punto, y teniendo la tecla Alt presionada hacemos que el rectángulo sea más pequeño y que los dos lados se disminuya por igual.

También vamos a disminuirlo por la parte superior más que en la parte inferior. Más o menos se nos puede quedar así:

Presionamos intro.
Esta parte de adentro del rectángulo la vamos a rellenar de color blanco. Ya sabemos que tenemos que seleccionar el color blanco en la herramienta Configurar color fondo, después vamos al menú Selección > Rellenar, y en el cuadro de diálogo que nos aparece hacemos clic en Ok. A continuación tecleamos Ctrl + D para deseleccionar el nuevo rectángulo.
A este nuevo rectángulo le vamos a darle un nuevo estilo de capa, hacemos doble clic sobre la capa y seleccionamos la opción Superposición de colores donde le vamos dar el color af5310 y hacemos clic en Ok. Y de nuevo clic en Ok.

Vamos a crear una nueva capa encima de la que estábamos trabajando. Seleccionamos la herramienta Forma personalizada y de allí seleccionamos un perro.
Esto es un inciso si no pudieras ver todas las figuras que existen en este botón, le damos a la pequeña flecha que se encuentra al lado y seleccionamos Todas.

Hacemos el perro presionando el botón mayúsculas para que todas sus proporciones sean iguales. Metemos al perro dentro de una esquina del rectángulo, para ello seleccionamos la herramienta mover.

La capa 4 la vamos a renombrar con el nombre Perro, y ahora hacemos doble clic sobre la capa para darle estilos de capas. Seleccionamos la opción Sombra interior, distancia de 2 px y el
tamaño a 1 px. Posteriormente vamos a la opción Superposición de colores y allí le vamos a darle el tono dd9715, presionamos Ok.
Nos vamos a la opción Trazo, le ponemos posición interior y el tamaño de 1 px. El color lo vamos a cambiar y le damos el siguiente valor 6b5707. Hacemos clic en Ok y volvemos a hacer clic en Ok.

Creamos una nueva capa encima de la capa Perro, y la vamos a llamar Banda. Curso de Photoshop.
En esta capa vamos a seleccionar la Herramienta Pluma.

Hacemos las siguientes líneas con la pluma:

Para seleccionarlo presionamos Ctrl + intro.
Así lo podemos rellenar, en nuestro caso lo vamos a rellenar de blanco. Podemos ver que se nos queda así la figura.

A esta capa le vamos a darle una Sombra paralela, para ello nos vamos a los estilos de capa y seleccionamos la opción Sombra paralela.

 

Le damos una opacidad del 35%, una distancia de 2 px y un tamaño de 3 px. Nos vamos a la opción trazo, distancia de 1 px y posición interior. Hacemos clic en Ok.

A continuación seleccionamos la Herramienta texto, y seleccionamos lo siguiente:

Vamos a poner el texto Contrato. Y presionamos intro. Le vamos a poner al texto una superposición de color a través de los estilos de capa, le damos el color e0fa05. Hacemos clic en Ok y de nuevo en Ok. Vamos a agrupar todas las capas que conforma el botón Contrato.

Presionamos Ctrl + G. A esta carpeta la vamos a llamar Botón Contrato. Ahora nos vamos a centrar en el espacio que está debajo del encabezado.

Creamos una nueva capa. Escogemos la Herramienta rectángulo. En este caso vamos a marcar el botón Capas de forma que se encuentra en la parte superior del documento.
Hacemos el rectángulo para que salga más o menos como el nuestro que le mostramos en la siguiente página. Podemos apreciar que esta capa es diferente a las demás, esto es porque esta capa tiene una máscara.

Ha tomado el color que tuviéramos puesto en la Herramienta color frontal. Para cambiarle la altura o la anchura de este rectángulo, presionamos las teclas Ctrl + T y en la parte superior del documento cambiamos la altura a 194px y presionamos dos veces intro para aceptar los cambios. Lo encajamos bien dentro de nuestras líneas guías con le Herramienta mover.
Vamos a cambiarle el color y no se tiene porque hacerlo a través de los estilos de capa, sino desde la misma capa dando doble clip sobre la miniatura de capa.
Una vez que nos salga el cuadro de diálogo Seleccionar un color sólido, esta vez no podremos el valor del color en la casilla #, sino que lo vamos a poner en las letras que aparecen que es R (Red = rojo), G (Green = verde) y B (Blue = azul). Vamos a poner los siguientes valores, en R = 255, G = 255 y B = 55.

Y pulsamos Ok.

 

 

Vea nuestro Máster en Diseño Gráfico

Cuarta parte de Maquetacion de Photoshop

CUARTA PARTE DE MAQUETACIÓN DE PHOTOSHOP

Vamos a renombrar la capa 1 por reflejo 4. La capa reflejo 4 la vamos a duplicar para que nos sirva para los botones HEMBRAS y RAZAS. Para el botón inicio no la utilizaremos.
A la nueva capa que hemos duplicado la vamos a llamar reflejo 3, y lo situamos por encima del menú 3. También tenemos que desplazarlo porque esta capa se encuentra
encima del botón 4, llamado MACHOS. Para ello seleccionamos la herramienta mover y lo ponemos encima del botón HEMBRAS. Vamos a duplicar la capa reflejo 3 y la vamos a llamar reflejo 2; esta nueva capa la situamos encima del menú 2. Ahora movemos la capa con la herramienta mover para situarlo encima del botón RAZAS. Vamos a agrupar los menús en una carpeta, para ello seleccionamos todas las capas que hacen el menú.

Ahora presionamos Ctrl+ G, y se nos crea un grupo en una carpeta. A esta carpeta la llamamos navegación.

Encima de nuestra carpeta navegación vamos a crear una nueva capa. Esta nueva capa que hemos creado vamos a hacer un rectángulo donde podemos realizar las búsquedas de nuestra página.
Seleccionamos la herramienta rectángulo redondeado.

Vamos a seleccionar la opción Rellenar píxeles que se encuentra en la parte superior del documento. Hacemos nuestro rectángulo en la parte superior de los menús MACHOS y HEMBRAS.

Vamos a ponerle valores a nuestro rectángulo, para ello pulsamos Ctrl + T, le ponemos una anchura de 209 px y altura 37 px. Presionamos intro, para aceptar los cambios.
Seleccionamos la herramienta mover para alinear nuestro botón de búsqueda.
Le vamos dar color a nuestro botón de búsqueda. Vamos a cambiarle el nombre de la capa, que se llama actualmente Capa 1 y le vamos a poner botón búsqueda.
Hacemos doble clic sobre la capa botón búsqueda. Nos vamos al apartado superposición de colores y allí le damos un color verdoso oscuro, su valor es el 308f01.
Antes de cerrar nuestro cuadro de diálogo, nos vamos a la pestaña sombra interior, vamos a ponerle una opacidad del 20%, la distancia de 2 px,
y el tamaño de 3 px. Hacemos clic en Ok y tendremos el siguiente efecto.

Al ser un botón de búsqueda siempre se le agrega una lupa, en nuestro caso al hablar de animales vamos a agregarle una huella de perro, para ello seleccionamos la herramienta forma personalizada.

Y en la parte superior del documento seleccionamos la huella de gato.

Hacemos clic sobre la huella. Abrimos una nueva capa que la vamos a renombrar huella, y para hacer la huella tenemos la tecla mayúsculas presionada. La hacemos para que quepa perfectamente dentro de nuestro botón de búsqueda.

Hacemos doble clic sobre la capa huella, nos vamos al apartado de resplandor interior.

Vamos a ponerle un Modo de fusión normal, un color negro, tamaño de 3 px, y la extensión al 30%. También seleccionamos la pestaña superposición de colores y seleccionamos el siguiente valor de color: bfce13.

A continuación le vamos a escribir un texto dentro del botón de búsqueda, para ello nos vamos a la herramienta texto, nuestra fuente va a ser verdana y el tamaño a 16 pt. Vamos a poner dentro del botón la palabra BUSCAR y presionamos la tecla intro.

Vamos a agrupar todo lo referente a nuestro botón búsqueda, seleccionamos las tres capas presionando el botón mayúsculas.

Ya sabéis que se presionan las teclas Ctrl + G y llamamos esta carpeta búsqueda. A continuación vamos a insertar una imagen para identificar nuestra página, vamos a poner la foto de un galgo español. Abrimos nuestra foto llamada Galgo, posteriormente nos vamos al menú imágen > Tamaño de imagen.

En el cuadro de diálogo que nos aparece ponemos anchura 125 px.

Para poderla desplazar a nuestro documento tenemos que quitarle el candado, para ello hacemos doble clic en la capa, y damos a Ok. Ahora seleccionamos la imagen con la herramienta mover y lo
desplazamos hacia nuestro documento Maquetación. La capa que se ha creado la llamamos Galgo.

Ahora vamos a hacer un logotipo en nuestra parte de los menús. Nos vamos a la herramienta texto y ponemos quiéreme, para ello seleccionamos una nueva capa y dentro de ella ponemos el texto.

Con la fuente Viner Hand ITC, en Regular, tamaño 36 pt y el método de suavizado fuerte. Presionamos intro para aceptar. Para ver el panel de configuración de caracteres hacemos clic en el
botón conmutar paneles Carácter y Párrafo que se encuentra situado en la parte superior del documento.

Hacemos doble clic sobre la capa Quiéreme para seleccionar el texto y vamos a distanciar un poco las letras con el botón al 240. Y vemos el texto de la siguiente forma.

Vamos a darle varias estilos de capa a nuestro logo, para ello hacemos doble clic en la parte derecha de la capa Quiéreme. Vamos a seleccionar la pestaña sombra paralela.

Distancia 3px, y tamaño de 3 px. Si nos ubicamos en la opción Opciones de fusión: Por defecto.

En Opacidad de relleno ponemos 0, y el texto parece que va a desaparecer. Ahora seleccionamos la opción Superposición de colores y vamos a ingresar el valor 7df489, hacemos clic en Ok.
Vamos a aplicar más estilos de capa, seleccionamos Superposición de degradado.

Vamos a ir a la opción Degradado, hacemos clic sobre el rectángulo. Aquí es donde le vamos a agregar un nuevo tono. Hacemos clic en cualquier parte de la barra para configurarlo.

Volvemos a hacer clic en Ok para aceptar todos los cambios. Finalmente seleccionamos la opción trazos. Curso de Photoshop.

Ponemos el tamaño de 1 px. Ponemos el Tipo de relleno > Degradado.

Del rectángulo del degradado vamos a escoger bandas transparentes.

Vamos a bajar la Opacidad a 0% y hacemos clic en Ok.

Vamos a hacer mejoras en nuestro logotipo, para ello duplicamos nuestra capa. El duplicado que hemos generado lo ponemos debajo de la capa Quiéreme.
Hacemos doble clic sobre la capa duplicada para cambiarle los estilos de capa. Seleccionamos la opción Sombra paralela y hacemos las siguientes modificaciones: distancia 5 px y tamaño de 5 px.
Nos vamos a la opción Superposición de colores y vamos a cambiar allí el valor y le vamos a poner el siguiente 878204 y hacemos clic en Ok. La Opacidad la vamos a poner al 85%.
Ahora nos vamos a la opción Superposición de degradado, hacemos clic en degradado y escogemos un degradado de negro a blanco, y hacemos clic en Ok.

Ahora le hacemos clic en la selección invertir que se encuentra en el lado derecho del botón de degradado, esto se hace únicamente cuando no vemos lo siguiente:

Ahora nos vamos a la opción Trazo y cambiamos lo siguiente: tamaño de 9 px, Opacidad al 100%, en el apartado de degradado vamos a escoger dos tonos diferentes pero vamos a editar los colores.

Lo movemos hacia la izquierda hasta que veamos las letras , o le ponemos una ubicación al 5%. Vamos a hacer que este texto no se pueda reeditar, pero primero vamos a hacer un duplicado de ella por si después queremos más adelante cambiar el texto, después renombramos esta capa como Quiéreme seguridad y le quitamos la visibilidad haciendo clic en el botón . Una forma rápida para que nuestra capa no se pueda reeditar es ponerle una capa vacía debajo de ella. Siempre nos aparece la nueva capa encima de la capa seleccionada, para que esto no ocurra seleccionamos el botón Ctrl y hacemos clic sobre nueva capa y automáticamente sale debajo de la capa que tenemos seleccionada. Seleccionamos la Capa 2 y la capa Quiéreme copia, presionamos las teclas Ctrl + E.

Ya tenemos nuestra nueva capa donde no se puede reeditar el texto. Ahora vamos a darle un nuevo estilo de ajuste de tono y de saturación, para ello nos vamos a la pestaña ajustes.

Seleccionamos el botón tono/saturación , una vez marcado nos sale el siguiente cuadro de diálogo:

Y nuestra capa se ve de la siguiente forma:

Cuando movemos el puntero de la barra de tono podemos observar que se cambia el fondo también de color, para que esto no ocurra vamos a crear un comando de tal forma que solamente se aplique a la capa Quiéreme. Lo hacemos presionando la tecla Alt y poniendo nuestro puntero en medio de las dos capas.

Hacemos clic y el ajuste solo lo hará en la capa Quiéreme.

Elegimos la opción

 

Vea nuestro Máster en Diseño Gráfico.

Tercera parte de Maquetacion de Photoshop

TERCERA PARTE DE MAQUETACIÓN DE PHOTOSHOP

Después de haber realizado los dos botones nos damos cuenta que no nos gusta donde se dirigen, hemos pensado que el que se encuentre a la derecha mire la flecha hacia la derecha y el botón de la izquierda se dirija hacia la izquierda. Para ello presionamos las teclas Ctrl + T.

Observamos como nuestro cursor toma otra forma y ahora podemos girar nuestros botones. Para que se situé perfectamente derecho mantenemos pulsada la tecla mayúsculas. También podemos escoger la opción con el botón secundario del ratón y seleccionar rotar 90º ACD.

Nos vamos a la capa botón abajo y hacemos el mismo procedimiento pero aquí la flecha va a mirar hacia la izquierda. Si lo hacemos con el botón secundario del ratón seleccionaremos
rotar 90º AC.

Para dejar ya bien nuestros botones vamos a poner los dos a la misma distancia y altura, seleccionamos la herramienta mover de cada botón y lo podremos más o menos de la siguiente forma, si no le gusta así lo pueden cambiar en cualquier momento con todo lo que ya han aprendido.

La capa botón abajo copia la vamos a renombrar botón derecha y la que se llamaba botón abajo la renombramos a botón izquierda.

Con esto podríamos decir que por el momento hemos terminado el encabezado.

Vamos a empezar con la parte superior del encabezado. Vamos a crear una nueva capa Seleccionamos la Herramienta Rectángulo redondeado.

En la parte superior vamos a configurar el Radio a 10 px.  Curso de Photoshop.

En la parte superior del encabezado haremos el rectángulo de color amarillo.

Vamos a ponerle las extensiones al rectángulo pulsando Ctrl + T. Una anchura de 139 px y una altura de 50 px. Presionamos intro para aceptar los cambios.
Este rectángulo que hemos creado, van a ser 4 botones en total. Ahora seleccionamos la Herramienta Mover y lo ponemos a la siguiente altura.

Ahora queremos que se oculte la parte de abajo del ratón, para ello bajamos nuestra capa para que se quede situada entre la capa Fondo y la capa Adopta-Capa 1.

Vamos a renombrar nuestra Capa 1 a menú 1. Para hacer las copias a nuestra capa menú 1, tenemos seleccionadas las teclas Alt + Mayúsculas.

A la nueva capa menú 1 copia la vamos a renombrar a menú 2. Ahora duplicamos un nuevo botón.

A esta capa la llamaremos menú 3. Y finalmente duplicamos nuestro cuarto botón. Al crear aquí nuestro cuarto botón se nos sobresale, para solucionarlo podemos seleccionar la herramienta marco rectángulo, y cuando tengamos el excedente seleccionado presionar el botón suprimir, y posteriormente presionar las teclas Ctrl + D para deseleccionar.

A esta nueva capa la vamos a renombrar a menú 4. Las capas de los menús la hemos ido renombrado por orden de aparición pero por lógica el 4 es el 1, el 3 el 2, el 2 es el 3 y el 4 es el 1, para
no dar lugar a confusiones la renombraremos por el nuevo orden. Vamos a cambiarle el tono a las capas de los menús. Vamos a empezar por la capa menú 4.
Vamos a ir a estilo de capa haciendo doble clic en la parte derecha de la capa, marcamos la casilla superposición de colores.

Vamos a darle el valor de color d8d5d5, es un tono de color gris.

Pulsamos en Ok. Y de nuevo clic en Ok.

A los otros tres botones vamos a ponerle el mismo estilo de capa. Lo que hacemos a continuación es ponernos encima de las letras fx de la capa menú 4 y con la tecla Alt nos vamos desplazando capa por capa.

Es conveniente que el primer botón sea de otro color como cuando estamos en una página web, este primer botón sería el botón inicio. Para ello hacemos doble clic en fx, nos vamos a la parte de
superposición de colores para cambiar nuestro color gris, escribiremos el siguiente valor ffff33, que es un tono amarillo, es el mismo color que teníamos cuando estábamos creando los menús.

 

Vamos a agregarle un nombre a cada uno de nuestros botones menús. Seleccionamos la Herramienta Texto . En la parte superior seleccionaremos un color de letra.

Vamos a seleccionar el color naranja.

Y escogemos la fuente Verdana y el tamaño a 14 pt, y presionamos intro. Nos situamos en nuestro primer botón menú y vamos a escribir en mayúsculas INICIO.
Después con la herramienta mover centramos nuestra palabra. Nos damos cuenta que el color naranja no destaca mucho en nuestro botón, por lo que la vamos a cambiar a negro.

Para duplicar nuestra palabra nos situamos encima de la capa INICIO, y presionando las teclas Alt + Mayúsculas sacamos una copia.

Ya la hemos copiado, como comprenderéis este segundo botón no se va a llamar INICIO, sino que lo vamos a llamar RAZAS, para ello seleccionamos la herramienta texto para poder escribirlo.

Volvemos a duplicarlo para el menú 3 y allí pondremos HEMBRAS, en el menú 4 ponemos MACHOS.

Ya tenemos nuestro menú confeccionado. Vamos a darle un color de fondo a todo nuestro documento, para ello nos situamos en la capa Fondo, donde podemos observar que la capa tiene un
candado.

Para quitarle el candado, hacemos doble clic sobre la capa, nos aparece el siguiente cuadro de diálogo, al cual hacemos clic en Ok.

Nuestra capa ya no se llama Fondo, ahora se ha renombrada ella sola y se llama Capa 0. Vamos a configurar el color del fondo, para ello seleccionamos Configurar color de fondo .

Vamos a escoger un fondo de color azul.

Ahora nos vamos al menú Edición > rellenar, y hacemos clic en Ok.

En nuestro documento ya tenemos el fondo de color.

Vamos a seguir trabajando en la parte superior del documento, es decir, en la parte de los menús. Encima de la capa menú 4 vamos a crear una nueva capa.

Vamos a seleccionar el botón de la capa menú 4, para ello presionamos Ctrl y hacemos clic sobre la miniatura, así tenemos seleccionado el botón.

A continuación vamos a trabajar en la capa 1. Vamos a configurarle el color blanco haciendo clic en la siguiente flecha

Seleccionamos la Herramienta degradado . En la parte superior del documento seleccionamos de blanco a transparente.

También marcamos la opción degradado radial . Desde fuera marcamos una línea recta, presionando la tecla mayúsculas y teniendo la capa 1 seleccionada.

Al principio no se nota mucho.

 

Vea nuestro Máster en Diseño Gráfico

 

 

Segunda parte de maquetacion en Photoshop

SEGUNDA PARTE DEL EJERCICIO DE MAQUETACIÓN

 

Para la fuente vamos a elegir una que se llama Georgia.

El tamaño va a hacer de unos 74 puntos y después hacemos clic sobre la parte donde queremos escribir nuestro texto. Vamos a escribir Adopta un perro, presionamos intro, para aceptar
los cambios.

Esta frase la podemos mover, seleccionando la herramienta de movimiento, y la podemos mover hacia la izquierda y bajarla un poco. Curso de Photoshop.

Vamos a agregar un pequeño párrafo a esta frase que ya hemos escrito. Para ello seleccionamos el tamaño de la fuente que va a hacer de 18 puntos, y hacemos clic en cualquier lugar.

Escribimos: Significa dar una opción de vida cuyo destino, probablemente, sea morir. Hacemos intro, nos damos cuenta que el tamaño del primer texto es el mismo que el del párrafo inferior.
Nos situamos sobre la capa Adopta un perro, y en el tamaño volvemos a poner 74 puntos, y damos al intro. Y ya está como antes. Seleccionamos nuestro párrafo con la herramienta mover, lo
movemos un poco hacia la izquierda.

Vamos a poner este párrafo entre comillas, y que estas comillas sean grandes.
Creamos una nueva capa desde el botón . En esta nueva capa hacemos clic en un lugar un poco alejados del párrafo. Mantenemos la fuente Georgia, el tamaño a 116 puntos, y vamos abrir comillas y presionamos intro. Seleccionamos la herramienta mover, llevamos las comillas bien cerca de nuestro texto.
Ahora hacemos lo mismo en el otro lado. Cuando escribimos ahora nuestras comillas están abiertas y no cerradas como nos gustaría que fueran. Para ello volvemos escribir las comillas para que aparezcan cerradas.
Y seleccionamos las comillas abiertas y damos a suprimir, así nos queda las comillas cerradas. Presionamos intro para aceptar los cambios. Volvemos a seleccionar nuestra herramienta de mover para situar las comillas cerradas al final de nuestro párrafo.

Vamos a agregarle unos botones a nuestro documento. Para ello agregamos una nueva capa haciendo clic en el botón . Sobre esta capa seleccionamos la herramienta marco elíptico.

Una vez seleccionada, mantenemos pulsada la tecla mayúsculas para que nos salga un círculo. La ponemos en cualquier lugar del documento de la parte superior, es decir, del encabezado del documento.

A continuación rellenamos de color el círculo creado. Para ello hacemos clic en el menú Edición > Rellenar.

Escoger en Usar: el Color frontal.

 

Y la rellenaría del color frontal que tengamos . Hacemos clic en Ok.

Presionamos Ctrl + D para deseleccionar. Vamos darle unas medidas a nuestro círculo presionando las teclas Ctrl + T.

En el menú superior:

En la parte donde pone Anchura ponemos 37 px y en altura también 37 px., y hacemos clic en intro para aceptar.

Vamos a renombrar la capa y la vamos a llamar boton base. Al botón le vamos a sobreponer un color con los estilos de capa, que para ello hacemos doble clic a la parte derecha del nombre de la capa.

Predeterminadamente se pone el color rojo.

Podemos cambiar el color seleccionándolo o escribiendo su referencia en la casilla junto a la señal #.
Vamos a escribir en la casilla cccc33, y hacemos clic en Ok. Nos aparece el siguiente color . Y otra vez hacemos clic en Ok.
Vamos a arrastrar nuestra capa al botón nueva capa para copiarla.

Al principio no se ve la diferencia entre esta nueva capa y la anterior que teníamos. Vamos a agregarle otro estilo de capa a la capa botón base copia, aparte de la superposición de colores.
Vamos a renombrar esta capa antes de continuar con ella y la llamaremos botón tope. Vamos a entrar de nuevo en los estilos de capa, para ello hacemos doble clic sobre la capa.
En este apartado vamos a marcar bisel y relieve.

Vamos a poner el tamaño de 1 px, la profundidad al 100%, técnica redondeada, en la opacidad del Modo resaltado vamos a poner un 47% y en la opacidad del Modo de sombra vamos a poner un 35% y finalmente hacemos clic en Ok.

Se puede notar un poco el efecto. Vamos a disminuir el tamaño de nuestro botón, para ello presionamos las teclas Ctrl + T. Tenemos pulsada las teclas Alt + Mayúsculas para reducir el círculo.

Vamos a agregar una nueva capa. Vamos a renombrar la nueva capa llamándola Flecha. En la capa Flecha vamos a dibujar un triángulo, para ello vamos a seleccionar la herramienta polígono.

Mantenemos pulsada la tecla mayúsculas para que salga todos los lados iguales. El triángulo lo vamos a hacer sobre nuestro botón. Una vez realizado pulsamos intro.

Vamos a seleccionar nuestro triángulo, primero escogemos la herramienta mover, después mantenemos pulsada la tecla Ctrl encima de la capa llamada Flecha, y posteriormente haciendo clic en la miniatura de la capa Flecha y así lo tendremos seleccionado.

 

Lo vamos a contraer a 2 píxeles, y hacemos clic en Ok. Vamos a borrar lo que se encuentra dentro de la selección. Para ello presionamos la tecla Suprimir. Por último seleccionamos las teclas Ctrl + D para deseleccionar.

Y obtendremos la siguiente figura:

Nos interesa quitarle la base de arriba para que nos salga una flecha marcando hacia abajo. Para ello seleccionamos la herramienta Marco rectangular.

Después pulsamos las teclas Ctrl + D para deseleccionar la imagen.

Si nuestra flecha no estuviera bien posicionada, seleccionaríamos la Herramienta mover, en nuestro caso la vamos a subir un poco para que esté más centrada en nuestro botón.

Vamos a cambiarle el color a la flecha, para ello lo vamos a hacer con estilos de capa, hacemos doble clic sobre la parte derecha de la capa flecha. Dentro de nuestro cuadro de diálogo seleccionamos Superposición de colores y allí escogemos el color azul.

 

Hacemos clic en Ok. Cambiamos la opacidad al 50%. Pero antes de hacer clic en Ok, vemos cómo se nos está quedando.

Ponemos una opacidad del 65%, la distancia a 1 px y el tamaño también a 1 px. Con esto da una sensación de profundidad.

Hacemos clic en Ok.

Vamos a mover este botón, lo vamos a poner debajo del escrito en la parte izquierda, para ello seleccionamos la herramienta mover y seleccionamos las capas Flecha, boton tope y boton base teniendo la tecla Mayúsculas seleccionada.

Estas tres capas la vamos a organizar y meterla en un mismo grupo, ya las tenemos seleccionadas, y después seleccionamos las teclas Ctrl + G. se llamará por el momento Grupo 1.

 

Vamos a renombrar el grupo y lo vamos a llamar botón abajo. Necesitamos otro botón de las mismas características que hemos creado en la parte derecha del documento.
Así que vamos a duplicarlo. Arrastramos la capa carpeta botón abajo hacia nueva capa.

Así hemos creado una copia, esta se encuentra encima de la otra. Seleccionamos la Herramienta mover y la seleccionamos para llevarla hacia la derecha de nuestro documento, más o menos a la misma altura.

 

 

Vea nuestro Máster en Diseño Gráfico

 

 

 

Maquetación en Photoshop

MAQUETACIÓN CON PHOTOSHOP CS5

En este ejercicio vamos a maquetar una página web ficticia. Nuestra plantilla tendrá un ancho entre 940 y 960 pixeles, el alto va a depender de los contenidos que vamos a insertar para nuestra página de inicio. En primer lugar vamos a crear un documento nuevo desde el Menú Archivo > Nuevo.

En anchura ponemos 960 píxeles, en altura ponemos 1300 píxeles. Puede ocurrir que la altura tengamos que modificarlo a través del ejercicio, pero eso no nos va a afectar. Y pulsamos sobre Ok.

Vemos nuestra Capa fondo, donde vamos a trabajar sobre ella.

Algo que nos va a ayudar mucho en este ejercicio son las líneas guías y las unidades de medidas. Para poderlas ver presionamos sobre las teclas Ctrl + R, o desde el Menú Vista > Reglas.

Las vemos en el lado izquierdo y superior de nuestra capa. Curso de Photoshop

Vamos a dividir nuestra capa en 6 partes, es decir 5 líneas divisorias. Para ello vamos a mostrarlo a través de las medidas guías, estas medidas la vamos a escoger en píxeles.
Para saber si estas medidas están en píxeles, nos ponemos sobre las medidas guías y con el botón secundario del ratón hacemos clic.

Seleccionamos píxeles. Vamos a hacer la primera división. Para ello arrastramos desde la barra guía con el ratón hacia abajo hasta 100 píxeles.

La segunda división en nuestra capa es hasta los 400 píxeles. La tercera división estaría sobre los 900 píxeles. Si tuviéramos en algún momento cambiar nuestras líneas, seleccionamos la Herramienta mover y ponernos encima de la línea guía, y en ese momento cambiaría nuestro cursor . Y la cuarta división se quedaría sobre los 1120 píxeles. La última división la ponemos a 1220 píxeles.

A continuación vamos a recortar nuestra capa, para ello nos vamos a la Herramienta recortar Con esta herramienta hacemos un trazado por toda nuestra capa, y nos ubicamos al final lo recortamos hasta nuestra línea guía.

Y presionamos la tecla intro. Ahora vamos a marcar los lados de nuestra capa o documento, arrastrando nuestras líneas del lateral izquierdo.

Hacemos esto para rellenar el espacio sobrante de la pantalla. Para ello hacemos clic en el botón Colores frontal y de fondo por defecto . Hacemos clic sobre la flecha para que salga el blanco en el fondo. Y ahora con la Herramienta de recorte marcamos todo nuestra capa, y teniendo pulsada la tecla Alt movemos nuestra capa hacia los lados por igual para obtener así más espacio en los laterales.
Y pulsamos intro. Así ya hemos obtenido los espacios laterales. A este documento lo vamos a llamar Maquetación. Vamos a agregar más líneas guías para separar bien las partes del documento.
Horizontalmente haremos las líneas 420 píxeles y 850 píxeles. Verticalmente haremos las líneas 150 píxeles y 1000 píxeles. A partir de aquí vamos a ir agregándole el contenido al documento.
Vamos a abrir la imagen adopta un animal.jpg. desde el menú Abrir. Es una imagen que tiene una resolución bastante alta, para verlo nos vamos al menú imagen > Tamaño de imagen.

Vemos los tamaños de nuestra imagen:

Vamos a poner de anchura 500 píxeles y automáticamente cambia la altura de nuestra imagen. Hacemos clic en Ok. Vamos a llevar nuestra imagen al área de trabajo de nuestro documento Maquetación. Para ello lo hacemos a través de la Herramienta mover, seleccionamos la imagen y la arrastramos a nuestro documento Maquetación.

Vamos a situar nuestra imagen hacia el lateral derecho. Vamos a renombrar nuestra Capa 1, para ello hacemos doble clic sobre las palabras Capa 1 y lo llamaremos Adopta-Capa 1, al terminar damos al intro.

Vamos a disminuir un poco más nuestra imagen para que quede mejor dentro de los límites de nuestro documento. Para hacerlo más rápidamente podemos teclear Ctrl + T encima de la
imagen. Ahora seleccionamos una de las esquinas para ir disminuyendo gradualmente nuestra imagen.

La vamos a ir estrechándola para ubicarla en nuestras líneas guías.

 

A continuación marcamos la tecla intro para aceptar los cambios que hemos realizado en nuestra imagen. En la parte izquierda de nuestra imagen vamos a agregar un texto. Para ello seleccionamos la Herramienta Agregar texto En la parte contextual nos sale como va a hacer nuestro texto.

Primero haremos clic sobre el color de nuestro texto.

Vamos a escoger un tono rojizo.

Y hacemos clic en Ok.

 

 

Vea nuestro Máster en Diseño Gráfico

 

Sensacion de explosion en una cara en Photoshop

SENSACIÓN DE EXPLOSIÓN EN UNA CARA

Vamos a hacer un ejercicio, en el cual vamos a hacer que una cara tenga el efecto de explosión sobre ella. Lo primero que vamos a hacer es abrir nuestra imagen, para ello nosvamos al botón Archivo > Abrir > Cara, y nos aparece nuestra imagen:

Una vez abierto el archivo nos vamos al apartado capa, y hacemos doble clic sobre la capa que tenemos para quitarle el candado y poder trabajar con ella.

Para ello hacemos Ok en la ventana que nos salga:

Creamos una nueva capa, podemos hacerlo a través del menú Capa > Nueva > Capa o a través del botón Crear una capa nueva

Hacemos clic sobre la nueva capa y la cambiamos de posición, la ponemos encima de la Capa 0.

Seleccionamos la Capa 1, vamos a la herramienta bote de pintura y escogemos el fondo que tiene nuestra imagen.

Volvemos a seleccionar la Capa 1, porque vamos a Añadir un estilo de capa a través del botón    , o haciendo doble clic sobre la capa.
Aparece el siguiente cuadro de diálogo, Estilo de capa:

De ella escogemos la opción Superposición de motivo. Entramos dentro de la opción Motivo y de ella escogemos Azulejos suaves.

Puede ocurrir que no veamos esta opción (Azulejos suaves), para ello hacemos clic sobre Motivo, y le damos a la flecha y cuando se nos abre el cuadro escogemos Motivos.

Una vez seleccionado Motivos, se nos abre el siguiente cuadro de dialogo que le diremos Ok.

Vuelve a salir nuestro cuadro de diálogo anterior, ponemos nuestro motivo a una escala del 50 % y seleccionaremos Ok. Nuestro cursor se ha convertido en bote de pintura, con el cursor
pulsamos sobre la imagen. Por el momento no vemos nada, para ver nuestros cuadros hemos de seleccionar la Capa 0, y escoger modo Multiplicar.
Veremos lo siguiente:

Ahora escogemos la herramienta Marco rectangular para ir haciendo cuadrados en la cara.

 

Para hacer varios cuadrados a la vez, tenemos que tener activa la herramienta     Añadir a selección.

Vamos seleccionando al principio cuadrados pequeños y cuando más a la derecha lo haremos cada vez más grande para que dé el efecto de explosión.

Una vez que tengamos todos los cuadrados de nuestra cara, entonces damos Ctrl+J para que esta selección nos aparezca en una capa más arriba.

Si queremos verlo mejor, desactivamos la Capa 1, y se puede observar como han quedados los cuadrados.

Ponemos nuestra Capa 2 en modo normal.

A continuación duplicamos la Capa 2, con el menú Capa > Duplicar capa…

Ahora en esta nueva capa que hemos creado (Capa 2 Copia), seleccionamos el botón Herramienta mover , y movemos la capa inferior:

Hacemos clic en el botón Añadir un estilo de capa Entramos en la opción Bisel y relieve.

Configuramos el tamaño de bisel a 3 px.

Esto se hace para que nuestros cuadros presenten bisel.

Y le damos a Ok.
Ahora seleccionamos nuestra Capa 2, hacemos clic en el botón , y seleccionamos la opción Bisel y relieve. Configuramos el tamaño de bisel a 1 px, y hacemos clic sobre Ok.
Seleccionamos de nuevo la Capa 2, damos a las teclas Ctrl + U, y nos aparece el siguiente cuadro de dialogo:

Bajamos la luminosidad, aproximadamente al -90, y hacemos clic al botón Ok.

A continuación seleccionamos la Capa 2 copia, tecleamos Ctrl + T, y aparecerá seleccionada nuestra capa:

En el cuadro seleccionado hacemos clic en el botón secundario del ratón y escogemos la opción Perspectiva.

Y escogemos una esquina con el puntero del ratón y abrimos la perspectiva, para que dé la sensación de que se va expandiendo. Una vez expandido, escogemos la opción escala con el botón
secundario del ratón. Lo vamos estirando escogiendo un punto del cuadrado. Curso de Photoshop

Esta capa la vamos a ir duplicando varias veces, un total de 3 veces más. A continuación seleccionamos la Capa 2 copia 3, nos vamos al menú Filtro > Desenfoque > Desenfoque radial.

Nos aparece el siguiente cuadro de diálogo:

Vamos a poner una cantidad de 50 puntos, y el método en Zoom. Echamos el centro totalmente hacia la izquierda.

Hacemos clic en Ok.
Vamos viendo que el efecto explosión va saliendo poco a poco. Seleccionamos la Capa 2 copia 2, a continuación nos vamos al menú Filtro > Desenfocar > Desenfoque radial, aquí vamos a poner 15 puntos, el centro hacia la izquierda y hacemos clic en Ok.

Podemos mover nuestra capa un poco hacia la izquierda. Para que no nos moleste los cuadrados podemos ocultar nuestra Capa número 1. Podemos observar que el efecto de explosión ya se ha creado.

Tecleamos Ctrl + T, seleccionamos perspectiva, lo achicamos por los lados de la izquierda y agrandamos el lado de la derecha. Ahora seleccionamos Escala con el botón secundario del ratón y
estiramos hacia afuera. Validamos, dando en el botón Aprobar transformación (retorno) .En la Capa 2 copia, también tecleamos Ctrl + T, hacemos clic con el botón secundario del ratón y seleccionamos Perspectiva.

Podemos mover la capa para dar mejor el efecto de explosión. Esto es ir “jugando” con nuestra imagen para que se vea el efecto lo mejor posible. A continuación seleccionamos Escala, hasta que cada uno encuentre la manera de la imagen que más le guste. Aquí se acaba nuestro ejercicio. A nosotros nos ha salido de la siguiente forma:

 

 

 

Vea nuestro Máster en Diseño Gráfico

Creacion de una Infografia en Illustrator

CREACIÓN DE UNA INFOGRAFÍA

Primero que todo creamos una mesa de trabajo con el tamaño de nuestra infografía. Para tener más organización es recomendable crear diferentes capas, por ejemplo crear una que sea el fondo y otra en la que vayamos a crear la infografía. En este caso se ha añadido otra capa en la que aparecen algunos dibujos que se usarán para la creación de la infografía y la paleta de colores para cada figura.

Creamos un cuadrado o rectángulo del tamaño que queramos, con el primer color que tenemos en la paleta de colores y lo duplicamos. El segundo rectángulo lo hacemos el doble de ancho y con la herramienta de pluma creamos una intersección en medio del lado derecho.

Con la herramienta de selección directa o flecha blanca, arrastramos esta intersección para crear una especie de flecha (con la tecla de mayúsculas presionada irá en el mismo sentido y se nos quedará recta). Subimos el rectángulo grande y nos aseguramos de que este esté detrás del más pequeño. A continuación crearemos un pliegue con la herramienta de pluma.

Para crear la sensación de profundidad, cambiaremos el color de las partes, oscureciéndolas.

A continuación añadiremos el contenido. Por ejemplo con la herramienta de texto podemos añadir un título y cambiarle el color de relleno, la tipografía y el tamaño como queramos.

Para centrar nuestro texto con la forma tenemos la herramienta de alinear. Si seleccionamos el texto y la forma y volvemos a hacer click en la forma predominará la forma y alineará el texto a ella.

Colocaremos uno de los dibujos al lado del texto y lo cambiaremos de color combinando los colores que hemos elegido para esta forma. Una vez cambiados los colores volveremos a saleccionar todas las partes del dibujo y las agruparemos para que al moverlo vaya todo junto y no se nos descentre.

Para terminar la primera forma añadimos un número encima del primer rectángulo y para darle profundidad le añadimos con efectos, una sombra paralela.

Y finalmente añadimos un poco de texto debajo de la forma. Una vez terminada la primera forma la duplicaremos. Esta vez queremos que la forma esté para el otro lado, por tanto seleccionaremos
la parte más grande y el pliegue y en trasformar, reflejo (vertical) lo cambiaremos de lado.

Seleccionamos todas las partes, menos el número y el primer rectángulo y lo moveremos hacia la derecha para dar la sensación de que va hacia el otro lado. A continuación alinearemos las partes del texto para que estén igual que en la primera forma. Curso de Illustrator

Le añadimos otro de los dibujos, le cambiamos el color y oscurecemos las otras partes para darle profundidad (como en la primera figura) y lo subimos hacia arriba.

Seleccionamos las dos formas y las duplicamos. Y ahora solo nos quedará personalizar estas dos formas: cambiando los colores, los números y añadiendo los dibujos restantes.

Una vez terminadas las formas, es aconsejable agruparlas individualmente para saber que va con qué y tenerlas más controladas.

Para finalizar añadiremos un cuadrado en la capa de fondo y con la herramienta de texto podemos añadirle un título a nuestra infografía y añadirle una sombra paralela.

Por último nos queda revisar si está todo alineado y correctamente.

Quedando así nuestra infografía:

 

Comparativa del Máster en Diseño Gráfico con otros editores:

Cursos Tienda Instituto Europeo Euroinnova
Tutoría Si No Si
Actualiza- ciones Si No No
Precio 99 € 575 € 280 €
Enlace Diseño Diseño Diseño

 

 

 

 

Vea nuestro Máster en Diseño Gráfico

Seleccion de partes de imagenes en Diseño Grafico

SELECCIÓN DE PARTES DE IMÁGENES

Diferentes formas de selección de zonas de una imagen.

Tenemos una imagen de una hoja sobre fondo blanco y queremos quitarle el fondo blanco, dejarlo transparente, para luego poder pegar la hoja en otro sitio.

¿Cómo lo hacemos? Podemos hacerlo con la varita mágica, seleccionando el fondo y luego invirtiendo la selección ¿verdad?

También podría hacerse de más modos, pero para este caso en particular parece que la varita es la mejor opción:

Cogemos la varita mágica y con la opción de ir añadiendo zonas, vamos pinchando en el blanco (nos habrá seleccionado la mayoría de un plumazo), hasta dejar todo el fondo seleccionado.

Pero nosotros no queremos seleccionar el blanco, sino la hoja, es decir , justo lo contrario, debemos invertir la selección.

Menú: Seleccionar:Invertir

Y ahora copiamos la selección (Ctrol+C). Creamos un nuevo documento con fondo transparente de las mismas dimensiones que el original y en esta nueva imagen recién creada, pegamos lo seleccionado (Ctrol + V):

Upsssss.. nos habíamos dejado una zona sin seleccionar. Empezamos de nuevo, y nos aseguramos que también hemos seleccionado el trozo que faltaba. Hacemos los mismo pasos, y ahora:

Perfecto.

Guardamos la imagen como .xcf para tener el original por si queremos más tarde seguir trabajando con ello, y como .gif para preservar la transparencia y ya tenemos la imagen para poder usarla con fondo transparente.

 

 

Vea nuestro Máster en Diseño Gráfico

Crear un rayo en GIMP

CREAR UN RAYO

Paso 1: Creamos una nueva imagen a la que le aplicamos un gradiente que vaya de negro a gris. (Yo utilizé una imagen de 300×300 Píxels).

Paso 2: Creamos una segunda capa transparente encima del gradiente. Y le aplicamos el modo diferencia.

Paso 3: En la nueva capa, realizamos lo siguiente: Filtro -> Renderizado -> Nubes -> Plasma , escogemos un valor apróximado a 0,3.

Paso 4: Insaturamos la imagen: Capa -> Colores -> Desaturar .

Paso 5: Mezclamos ambas capas (Ctrl+M) e invertimos los colores: Capa -> Colores -> Invertir .

Paso 6: Ahora tenemos que jugar con los niveles: Capa -> Colores -> Niveles , hasta obtener algo como esto:

Paso 7: Y por último jugamos con el balance de los colores: Capa -> Colores -> Balance de color .

Paso 8: Finalmente rotamos la imagen: Imagen -> Transformar -> Rotar , para obtener nuestro espectacular rayo! 😉

 

 

 

Vea nuestro Máster en Diseño Gráfico