Cree una ilustración de sobre simple en Adobe Photoshop

En el siguiente tutorial, aprenderá a crear una ilustración de sobre simple en Adobe Photoshop.


Imagen final

Como siempre, esta es la imagen final que crearemos:

Cree una ilustración de sobre simple en Adobe Photoshop


Detalles del tutorial

  • Programa: Adobe Illustrator CS5
  • Tiempo estimado de finalización: 45 minutos
  • Dificultad: Principiante Intermedio

Recursos


Paso 1

Abra Photoshop y presione Control + N para crear un nuevo documento. Ingrese todos los datos que se muestran en la siguiente imagen y haga clic en Aceptar.

Habilite la cuadrícula (Ver> Mostrar> Cuadrícula) y Ajustar a la cuadrícula (Ver> Ajustar a> Cuadrícula). Para empezar, necesitará una cuadrícula cada 5px. Simplemente vaya a Edición> Preferencias> Guías, Cuadrícula y Cortes y concéntrese en la sección Cuadrícula. Ingrese 5 en el cuadro Gridline Every y 1 en el cuadro Subdivision. Además, establezca el color de la cuadrícula en # a7a7a7. Una vez que haya configurado todas estas propiedades, haga clic en Aceptar. No se desanime por toda esa cuadrícula. Facilitará su trabajo más tarde. También debe abrir el panel Información (Ventana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 2

Establezca el color de primer plano en # ddf1ff y elija la herramienta Rectángulo redondeado. Concéntrese en la barra superior, establezca el radio en 10px y luego cree una forma vectorial de 240 por 150px. Snap to Grid debería facilitar su trabajo. Vaya al panel Capas y nombre este rectángulo redondeado azul «principal».

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 3

A continuación, debe crear un patrón simple. Presione Control + N para abrir la ventana del nuevo documento. Ingrese 10 en el cuadro de ancho y 20 en el cuadro de alto y luego haga clic en Aceptar. Establezca el color de primer plano en negro, elija la herramienta Rectángulo, cree un cuadrado de 10px y colóquelo como se muestra en la primera imagen. Asegúrese de que esta nueva forma vectorial permanezca seleccionada, enfóquese en su lado derecho y cambie a la Herramienta de selección directa. Seleccione ambos puntos de anclaje y simplemente arrástrelos 5px hacia arriba. Al final, las cosas deberían verse como en la segunda imagen. Asegúrese de que su forma de vector negro ya no esté seleccionada y vaya a Editar> Definir patrón. Introduzca «sobrePattern» como nombre y haga clic en Aceptar. Cierre este documento y vuelva al principal.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 4

Duplicar «principal» (Control + J). Seleccione esta copia y elija la herramienta Rectángulo. Concéntrese en la barra superior, marque el botón Intersecar y dibuje una forma vectorial de 10 por 150 px como se muestra en la primera imagen.

Vaya al panel Capas y haga doble clic en esta nueva forma vectorial para abrir la ventana Estilo de capa. Active la Sombra paralela y la Superposición de patrones y luego ingrese las propiedades que se muestran en las siguientes imágenes. Para la sección de superposición de patrones, use el «patrón de envolvente» creado en el paso anterior.

Una vez que haya aplicado todos esos atributos, regrese al panel Capas. Haga clic derecho en su forma vectorial estampada y simplemente vaya a Copiar estilo de capa.

Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 5

Duplicar «principal» (Control + J). Seleccione esta copia y elija la herramienta Rectángulo. Concéntrese en la barra superior, asegúrese de que el botón Intersecar aún esté activo y dibuje una forma vectorial de 10 por 150 píxeles como se muestra en la primera imagen.

Vaya al panel Capas, haga clic derecho en esta nueva forma vectorial y vaya a Pegar estilo de capa. Abra la ventana Estilo de capa para esta misma forma, concéntrese en la Sombra paralela y simplemente invierta el ángulo.

Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 6

Duplicar «principal» (Control + J), seleccionar la copia y traerla al frente (Shift + Control +]).

Vaya al panel Capas, enfóquese en esta copia, haga doble clic en la miniatura de color y reemplace el azul con # ed4505.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 7

Asegúrese de que su rectángulo redondeado naranja permanezca seleccionado y elija la herramienta Rectángulo. Marque el botón Intersecar de la barra superior y dibuje una forma vectorial de 260 por 100 px como se muestra en la primera imagen.

Concéntrese en la parte superior de este nuevo rectángulo y agarre Eliminar punto de anclaje. Simplemente haga clic en el punto de ancla derecho para eliminarlo y luego cambie a la Herramienta de selección directa. Seleccione el punto de ancla superior restante y arrástrelo 130px hacia la derecha. Al final, las cosas deberían verse como en la segunda imagen.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 8

Concéntrese en el panel Capas, abra la ventana Estilo de capa para su forma vectorial naranja e ingrese las propiedades que se muestran en las siguientes imágenes.

Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 9

Duplica tu forma de vector naranja (Control + J). Concéntrese en el panel Capas, haga clic derecho en esta copia y vaya a Borrar estilo de capa. Asegúrese de que la copia permanezca seleccionada, baje su Relleno a 0%, luego abra la ventana Estilo de capa e ingrese las propiedades que se muestran en las siguientes imágenes.

Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 10

Duplicar «principal» (Control + J), seleccionar la copia y traerla al frente (Shift + Control +]).

Vaya al panel Capas, concéntrese en esta copia y reemplace el azul con # b40007.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 11

Asegúrese de que su rectángulo redondeado burdeos esté seleccionado y elija la herramienta Rectángulo. Marque el botón Intersecar de la barra superior y dibuje una forma vectorial de 260 por 95 px como se muestra en la primera imagen.

Concéntrese en la parte inferior de este nuevo rectángulo y agarre Eliminar punto de anclaje. Simplemente haga clic en el punto de ancla derecho para eliminarlo y luego cambie a la Herramienta de selección directa. Seleccione el punto de ancla inferior restante y arrástrelo 130px hacia la derecha. Al final, las cosas deberían verse como en la segunda imagen.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 12

Para este paso, necesitará una cuadrícula cada 1px. Simplemente vaya a Edición> Preferencias> Guías, Cuadrícula y Cortes e ingrese 1 en el cuadro Cuadrícula Cada.

Asegúrese de que su forma de vector burdeos permanezca seleccionada, enfóquese en su lado inferior y elija la herramienta Rectángulo. Marque el botón Restar de la barra superior y dibuje una forma vectorial de 8 por 3 px como se muestra en la primera imagen.

Sigue enfocándote en la parte inferior y cambia a la herramienta Elipse. Marque el botón Agregar de la barra superior y simplemente dibuje un círculo de 14 px como se muestra en la segunda imagen.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 13

Concéntrese en el panel Capas, abra la ventana Estilo de capa para la forma vectorial burdeos e ingrese las propiedades que se muestran en las siguientes imágenes.

Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 14

Duplica la forma del vector burdeos (Control + J). Seleccione esta copia, borre los atributos de Estilo de capa actuales, baje su Relleno a 0%, luego abra la ventana Estilo de capa e ingrese las propiedades que se muestran en las siguientes imágenes.

Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 15

Para los siguientes pasos, necesitará una cuadrícula cada 5px, así que vaya a Edición> Preferencias> Guías, cuadrícula y cortes e ingrese 5 en el cuadro Cuadrícula cada.

Establezca el color de primer plano en negro, elija la herramienta Rectángulo, cree una forma vectorial de 210 por 80 px y colóquela como se muestra en la primera imagen.

Concéntrese en la parte inferior de este nuevo rectángulo y agarre Eliminar punto de anclaje. Quite el punto de ancla derecho y luego cambie a la Herramienta de selección directa. Seleccione el punto de ancla inferior restante y arrástrelo 105px hacia la derecha. Al final, las cosas deberían verse como en la segunda imagen.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 16

Concéntrese en el panel Capas, seleccione esa forma vectorial negra y arrástrela debajo de las formas vectoriales burdeos.

Siga concentrándose en el panel Capas, haga clic con el botón derecho en esta forma de vector negro y simplemente vaya a Convertir en objeto inteligente. Asegúrese de que este nuevo objeto inteligente esté seleccionado, cambie su modo de fusión a Luz suave y vaya a Filtro> Desenfocar> Desenfoque gaussiano. Arrastre el control deslizante a 4px y haga clic en Aceptar.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 17

A continuación, debe crear un patrón de papel simple. Abierto esta imagen de papel en Photoshop, vaya a Imagen> Ajustes> Desaturar y luego vaya a Editar> Definir patrón. Ingrese «papel» para el nombre y luego haga clic en Aceptar. Cierre este documento y vuelva a su sobre.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 18

Duplicar «principal» (Control + J), seleccionar la copia y traerla al frente (Shift + Control +]). Baja su relleno al 0% y abre la ventana Estilo de capa. Active Pattern Overlay e ingrese las propiedades que se muestran en la siguiente imagen. Obviamente, debe utilizar ese patrón de «papel» realizado en el paso anterior.

Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 19

Cree una nueva capa (Mayús + Control + Alt + N), arrástrela en la parte superior del panel Capas y asegúrese de que permanezca seleccionada. Establezca el color de primer plano en negro, elija la herramienta Pincel y haga clic derecho dentro de su documento para abrir el selector Pincel preestablecido. Elija un pincel redondo suave, establezca el tamaño en 50px y la dureza en 0%, luego dibuje una ruta aleatoria a lo largo del lado inferior de su sobre como se muestra en la siguiente imagen.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 20

Concéntrese en el panel Capas, mantenga presionado Control y haga clic en «principal». Esto debería cargar una selección simple alrededor de su forma. Asegúrate de que permanece activo, selecciona la capa creada en el paso anterior, enfócate en la parte inferior del panel Capas y simplemente haz clic en el botón «Agregar máscara de capa». Al final, las cosas deberían verse como en la segunda imagen.

Deshazte de esa selección (Control + D), asegúrate de que la capa enmascarada aún esté seleccionada, baja su opacidad al 30% y cambia el modo de fusión a Luz suave.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 21

Cree una nueva capa (Mayús + Control + Alt + N), arrástrela a la parte superior del panel Capas y asegúrese de que permanezca seleccionada. Establezca el color de primer plano en blanco, elija la herramienta Pincel y dibuje una ruta aleatoria a lo largo del lado superior de su sobre como se muestra en la siguiente imagen.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 22

Cargue una nueva selección alrededor de su forma vectorial «principal» y úsela para enmascarar la capa creada en el paso anterior.

Deshazte de esa selección (Control + D), asegúrate de que esta capa recién enmascarada todavía esté seleccionada, baja su opacidad al 70% y cambia el modo de fusión a Luz suave.

Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 23

Concéntrese en el panel Capas, abra la ventana Estilo de capa para «principal» e ingrese las propiedades que se muestran en las siguientes imágenes.

Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11


Paso 24

Duplicar «principal» (Control + J). Abra la ventana Estilo de capa para esta copia y edite los atributos utilizados para la Sombra paralela como se muestra en la siguiente imagen.

Cree una ilustración de sobre simple en Adobe Photoshop 11
Cree una ilustración de sobre simple en Adobe Photoshop 11


¡Y hemos terminado!

Así es como debería verse su resultado final.

Cree una ilustración de sobre simple en Adobe Photoshop 11

¿Todavía no eres usuari@ de Fiverr ?

Tenemos un post sobre Fiverr donde te contamos cono funciona.

Deja un comentario