Quinta parte de Maquetacion de Photoshop

Sin valoraciones

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

Compártelo en tus redes

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest

Valore este curso

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestra web. Si sigues utilizando este sitio asumimos que estás de acuerdo. VER