Tutorial Photoshop e Illustrator

Tutorial Photoshop e Illustrator: Cómo combinar fotos y gráficos 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.

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.

Así, para mantener el estilo fresco en los proyectos, hay que recurrir al uso del mayor número de herramientas y efectos posibles, de manera que los clientes no perciban una sensación de monotonía.

La plantilla vectorial para este tutorial está disponible en los archivos de proyectos, pero aprenderás cómo crear sus propios elementos de diseño que puede 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 active las ‘Guías inteligentes’ y ‘Ajustarla 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 puede 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.

Anuncio. Artículo continúa abajo

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.

Anuncio. Artículo continúa abajo

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.

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.

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 comience a colocar múltiples elementos de diseño en tu mesa de trabajo.

Anuncio. Artículo continúa abajo

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.

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 sean interesantes.

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 visual cuando apliques estilos de capas como sombra paralela y resplandor exterior en los elementos de diseño seleccionados.

Anuncio. Artículo continúa abajo

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

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 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’ 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.

Anuncio. Artículo continúa abajo

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.

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.