Tutorial Photoshop e Illustrator

Tutorial Photoshop e Illustrator: Cómo combinar fotos, gráficos y capas para obtener resultados sofisticados mediante el uso de técnicas simples y elementos de diseño de elaboración propia.

Por

En el siguiente tutorial sobre Photoshop e Illustrator, el experto Markie Darkie nos ayuda  a mostrarte cómo crear un fotomontaje de fotos y gráficos de forma sencilla con apariencia profesional, donde podremos acoplar capas de Photoshop de forma sencilla para conseguir resultados sorprendentes.

A través de la guía paso a paso, podrás dominar la superposición de formas, el uso eficiente de las paletas de colores, así como a aplicar efectos compaginados con elementos vectoriales.

Consulta también este Tutorial sobre Photoshop: Cómo añadir efecto de hielo a una imagen

Es fácil dejarse llevar por los ajustes preestablecidos en Adobe Photoshop e Illustrator. De hecho, están diseñados para maximizar la eficiencia del flujo de trabajo. Sin embargo, el uso excesivo de estos puede pasar factura a los trabajos al mantener una homogeneidad entre ellos. 

Así, para mantener el estilo fresco en los proyectos, hay que recurrir al uso de un mayor número de herramientas y efectos posibles, de manera que los clientes no perciban una sensación de monotonía. El conocimiento de las funciones de cada programa como Photoshop e Illustrator parece clave.

La plantilla vectorial para este tutorial está disponible en los archivos de proyectos, pero aprenderás cómo crear tus propios elementos de diseño que podrás usar en proyectos futuros.

Tutorial Photoshop e Illustrator. Tiempo estimado del proyecto: de 4 a 5 horas

  • step 1 Paso 1
  • step 2 Paso 2
  • step 3 Paso 3
  • step 4 Paso 4
  • step 5 Paso 5
  • step 6 Paso 6
  • step 7 Paso 7
  • step 8 Paso 8
  • step 9 Paso 9
  • step 10 Paso 10
  • step 11 Paso 11
  • step 12 Paso 12
  • step 13 Paso 13
  • step 14 Paso 14
  • step 15 Paso 15
  • step 16 Paso 16
  • Más Piezas
Siguiente Anterior

Paso 1

Descarga y abre el archivo Geometric Design Elements.ai en Illustrator. Podrás utilizarlo como referencia o archivo de recursos para este proyecto.

Crear imágenes desde cero es útil; no sólo ahorra la búsqueda de archivos de imágenes en stock, sino que también crea un archivo interesante para proyectos futuros.

Siguiente »

Siguiente Anterior step 1

Descarga y abre el archivo Geometric Design Elements.ai en Illustrator. Podrás utilizarlo como referencia o archivo de recursos para este proyecto.

Crear imágenes desde cero es útil; no sólo ahorra la búsqueda de archivos de imágenes en stock, sino que también crea un archivo interesante para proyectos futuros.

Paso 2

A continuación, haz clic en la pestaña ‘Ver’ y activa las ‘Guías inteligentes’ y ‘Ajustar punto’. Esto te permitirá alinear las figuras con facilidad. Usa el espacio dentro del cuadro de puntos como tu área de trabajo.

Usando la herramienta de selección ‘V’, selecciona la forma ‘1’, crea una copia y cámbiala a ‘Color Swatch 2’ usando la herramienta de ‘Cuentagotas’.

Haz clic con el botón derecho en la ruta editada y selecciona ‘Transformar > Reflejar’.

Después, ajusta la orientación en vertical y el ángulo en 90º.

Paso 3

Junta las dos figuras para que parezcan una pirámide, selecciona ambas y presiona las teclas ‘Cmd / Ctrl + G’ para agrupar la selección como un único objeto. Ahora tienes un elemento de diseño base que podrás modificar para crear más variantes.

Usa la herramienta de selección (V) para cambiar el ancho, la altura y el ángulo de la forma básica.

Paso 4

En este paso, mejoraremos los formularios agregando un patrón de rayas básico. Copia la ‘Forma 2’ y cambia el color a ‘Swatch 3’. Presiona la combinación de teclas ‘Shift + Cmd / Ctrl + F10’ para que aparezca la ventana de transparencia y cambia la opacidad al 30%.

Crea tres copias de la ruta y apílalas una encima de la otra para crear el patrón definitivo.

Paso 5

Coloca el patrón de rayas en la parte superior de la figura. Agrupa la selección como un objeto utilizando para ello ‘Mayús + Cmd / Ctrl + F9’ para la ventana de ‘Pathfinder’.

Luego selecciona la pestaña de opción ‘Combinar’ y usa la herramienta de ‘Selección directa (A)’ para eliminar el exceso de rutas. Usa la herramienta de selección (V) para ajustar las dimensiones y el ángulo del nuevo elemento.

Paso 6

A continuación, copia y selecciona Shape 4 del archivo descargado. Haz clic en ‘Efecto > 3D > Revolución’ para abrir la ventana de opciones de revolución 3D. Presiona OK y la posición frontal por defecto fuera del eje, te mostrará una esfera al instante.

Puedes crear varias esferas utilizando la herramienta de ‘Cuentagotas (I)’ y seleccionando muestras de diferentes colores. Es la ventaja de utilizar un programa de este tipo como Photoshop donde podrás acoplar diferentes capas. 

Paso 7

El siguiente paso es abrir Photoshop y presionar la combinación ‘Cmd / Ctrl + N’ para crear un nuevo lienzo. Especifica el tamaño y resolución del archivo. Normalmente se maneja el tamaño A4 y 300 ppp para la inmensa mayoría de proyectos de diseño.

Presiona F7 para abrir el ‘Panel de Capas’ y cambiar el color de fondo a negro con la herramienta ‘Pintar pintura’ (G).

Paso 8

Coloca la foto de la modelo en el centro de tu escritorio. Esta imagen ha sido cedida por la fotógrafa Kate Frankfurt, pero puedes usar fotos de archivo de nuestra librería o usar tus propias imágenes.

Si tu modelo está en un fondo, asegúrate de recortarla para poder envolver los elementos a su alrededor y que pueda quedar como la de un auténtico profesional. 

Paso 9

Crea una carpeta presionando el botón ‘Crear’ un nuevo grupo en la sección inferior del ‘Panel de capas’. Cámbiale el nombre a ‘Elementos de primer plano’ y colócalo sobre la capa de la modelo sobre la que deseas acoplarlo.

Crea otra carpeta, cámbiale el nombre a ‘Elementos de fondo’ y colócala debajo de la capa de la modelo.

Esto te ayudará a clasificar las capas cuando comiences a colocar múltiples elementos de diseño en tu mesa de trabajo.

Paso 10

Llega el momento de crear una serie de composiciones visuales dinámicas utilizando los elementos de diseño que fueron creados previamente en Illustrator.

Esto es posible lograrlo alineando y redistribuyendo múltiples elementos de diseño usando la herramienta ‘Alinear’ (Shift + F7) en Illustrator o simplemente agrupándolos al azar. Aquí entra en juego la correlación entre ambas soluciones de Adobe.

Paso 11

Crea varios patrones de repetición en Illustrator y colócalos en tu escritorio de Photoshop. Puedes modificar los tamaños y la orientación para hacer que los patrones de las capas sean interesantes y queden perfectamente acoplados.

También puedes cambiar los colores para agregar un poco de contraste entre los elementos de los diseños.

Paso 12

Diseña capas individuales para cada patrón que haya sido creado. Colócalos dentro de la carpeta ‘Elementos de primer plano’ si deseas que aparezcan sobre otros elementos de diseño, o en la carpeta ‘Elementos de fondo’ si deseas que aparezcan en el fondo.

Esta técnica creará un efecto de profundidad de campo visual cuando apliques estilos de capas como sombra paralela y resplandor exterior en los elementos de diseño seleccionados.

Paso 13

Con el fin de ayudar a definir las capas del primer plano, aplica ‘Sombra paralela’ y ‘Resplandor exterior’ en la paleta de ‘Estilos de capa’.

La configuración predeterminada es lo suficientemente buena, pero siéntete libre de experimentar y cambiar la opacidad, el ángulo, la distancia, la extensión y el tamaño de los estilos de capa que deseas utilizar.

Paso 14

Ahora que ya estás familiarizado con las herramientas, aplica mayor profundidad y volumen ajustando la opacidad de las capas de fondo entre el porcentaje del 80 al 40 % dentro de la sección superior derecha del ‘Panel de capas’.

Esto desvanecerá un poco las capas de fondo, dotando a la composición final de una calidad visual que se asemeja a la de un objeto 3D.

Paso 15

El enmascaramiento es otro método que puedes utilizar para mejorar el relieve y las cualidades 3D de tu trabajo. Puedes ajustar la opacidad en ciertas áreas al enmascarar tus capas.

Para aplicar una máscara de capa, haz clic en la pestaña ‘Agregar máscara de capa’ de Photoshop en la parte inferior del ‘Panel de capas’.

Utiliza la herramienta ‘Pincel’ (B) con una muestra de color negro para enmascarar las capas. Ajusta la suavidad, el tamaño y la opacidad del cepillo de acuerdo con tus preferencias.

Paso 16

Completa el resultado final utilizando las mismas técnicas de estilo. Presta atención a los detalles si deseas que tu trabajo destaque por encima de la media.

Puede que te lleve mucho más tiempo del esperado pero tu paciencia y creatividad quedarán plasmados en pro de conseguir unos mejores resultados con el trabajo artístico.

Nota: Puede que recibamos una pequeña comisión por cada compra que se realice a través de los enlaces en nuestra página, pero esto no tiene coste extra alguno para ti. Esto tampoco repercute en nuestra independencia editorial. Más información.