Archive en mayo 2019

Introducción en la Inteligencia Emocional

INTRODUCCIÓN EN LA INTELIGENCIA EMOCIONAL

Del latín intelligentĭa, la noción de inteligencia está vinculada a la capacidad para escoger las mejores opciones en la búsqueda de una solución. Es posible distinguir entre diversos tipos de inteligencia, según las habilidades que entran en juego. En cualquier caso, la inteligencia aparece relacionada con la capacidad de entender y elaborar información para usarla de manera adecuada.

Emocional, por otra parte, es aquello perteneciente o relativo a la emoción  (un fenómeno psico-fisiológico que supone una adaptación a los cambios registrados de las demandas ambientales). Lo emocional también es lo emotivo (sensible a las emociones).

Curso de Inteligencia Emocional

El concepto de inteligencia emocional fue popularizado por el psicólogo estadounidense Daniel Coleman y hace referencia a la capacidad para reconocer los sentimientos propios y ajenos. La persona, por lo tanto, es inteligente (hábil) para el manejo de los sentimientos.

Para Coleman, la inteligencia emocional implica cinco capacidades básicas: descubrir las emociones y sentimientos propios, reconocerlos, manejarlos, crear una motivación propia y gestionar las relaciones personales.

La inteligencia emocional tiene una base física en el tronco encefálico, encargado de regular las funciones vitales básicas. El ser humano dispone de un centro emocional conocido como neocórtex, cuyo desarrollo es incluso anterior a lo que conocemos como cerebro racional.

La amígdala cerebral y el hipocampo también resultan vitales en todos los procesos vinculados a la inteligencia emocional. La amígdala, por ejemplo, segrega noradrenalina que estimula los sentidos.

Es importante dejar patente que aquella persona que cuente con importantes niveles de inteligencia emocional es un individuo que gracias a la misma consigue los siguientes objetivos en su relación con los demás:
• Que quienes le rodean se sientan a gusto con él.
• Que al estar a su lado no experimenten ningún tipo de sensación negativa.
• Que confíen en él cuando necesiten algún consejo tanto a nivel personal como profesional.

Pero no sólo eso. Alguien que dispone de inteligencia emocional es quien:

• Es capaz de reconocer y de manejar todo lo que pueden ser las emociones de tipo negativo que experimente.
• Tiene mayor capacidad de relación con los demás, porque cuenta con la ventaja de que consigue entenderlos al ponerse en sus posiciones.
• Logra utilizar las críticas como algo positivo, ya que las analiza y aprende de ellas.
• Es alguien que precisamente por tener esa inteligencia emocional y saber encauzar convenientemente las emociones negativas, tiene mayor capacidad para ser feliz.
• Cuenta con las cualidades necesarias para hacer frente a las adversidades y contratiempos, para no venirse abajo.

Por los importantes beneficios y ventajas que tiene cualquier persona que dispone de inteligencia emocional, muchos son los estudios que se han llevado a cabo hasta el momento. Algunos de ellos vienen a dejar patente que entre las señas de identidad que más identifican a quienes la poseen, se encuentran las siguientes:

• Huyen de la monotonía, intentan en todo momento buscar alternativas para tener una vida más plena y feliz.
• Son firmes cuando así se requiere.

  • Siempre miran hacia adelante a la hora de seguir viviendo.
    • Les encanta estar aprendiendo continuamente.

A diferencia de lo que ocurre con el cociente intelectual no existe un estudio que permite medir la capacidad o el grado de inteligencia personal de un sujeto. En este sentido, la apreciación de esta habilidad es más bien subjetiva.

¿Por qué algunas personas parecen dotadas de un don especial que les permite vivir bien, aunque no sean las que más se destacan por su inteligencia? ¿Por qué no siempre el alumno más inteligente termina siendo el más exitoso? ¿Por qué unos son más capaces que otros para enfrentar contratiempos, superar obstáculos y ver las dificultades bajo una óptica distinta?

La inteligencia emocional nos permite tomar conciencia de nuestras emociones, comprender los sentimientos de los demás, tolerar las presiones y frustraciones que soportamos en el trabajo, acentuar nuestra capacidad de trabajar en equipo y adoptar una actitud empática y social, que nos brindará mayores posibilidades de desarrollo personal.

 

 

Vea nuestro Máster en Coaching Infantil y Juvenil

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