Muestra hasta que lo logres: crea maquetas realistas para promocionar tus diseños

1. Introducción: Hola. Soy Abby Hirsi, una diseñadora de patrones de superficie e ilustradora basada en Sound of Columbus, Ohio. Cuando empezaba por primera vez como artista, quería la credibilidad que viene de tener tu obra de arte en los productos. También pensé que esta sería una gran manera de lanzar mis ideas de diseño hacia los directores de arte con los que quería trabajar. Desafortunadamente, sería realmente caro tener productos confeccionados con tus diseños en ellos. Tenía algunos artículos impresos de harina de cuchara de Society six, pero como artista nuevo, sabía que no podíamos darnos el lujo de conseguir que todos mis diseños se imprimieran en muestras que podía mandar alrededor de directores de arte cuando pudiera. Dio a poco o sin costo fue hacer maquetas de producto realistas en la tienda de fotos y las usó para presentar mis ideas al mostrar a directores de arte ejemplos concretos de cómo mi trabajo se tradujo en un producto terminado. Conseguí algunos de mis mejores trabajos contractuales. También uso maquetas bastante liberalmente en mis redes sociales y sitio Web. Cuando no tengo nuevos productos saliendo, me ayuda a mantener a la gente comprometida y realmente le da un poco de algo extra a tu obra de arte. en este curso, te mostraré cómo hacer Varios tipos de maquetas usarán tanto gráficos spot como patrones para crear marcas planas y dimensionales. Te mostraré cómo guardar estos mark ups como plantillas para que puedas reutilizarlos infinitas cantidades de tiempo con muy poco trabajo. No se necesita mucho para participar en esta clase. Solo necesitas alguna obra de arte y tienda de fotos. Vas a necesitar la versión CS tres o posterior, y si no tienes una versión que funcione, puedes obtener una prueba gratuita usando el enlace en la información del proyecto de la clase. También se incluyen en la sección Proyecto de clase los enlaces para todas las fotos de stock que he usado en los maquetas. Estos son gratuitos, y puedes usarlos tantas veces como quieras de la manera que quieras. Pero también eres bienvenido a usar tus propias fotos para la clase 2. Mockup de la colocación plana: gráfico de punto: el primer tipo de maqueta se estará haciendo es un simulacro de laico plano arriba de un spot o de colocación gráfico. Ah, Flat Lay es solo una forma elegante de decir que todos los artículos están dispuestos planos y fotografiados desde arriba, y un gráfico de spot o colocación es obra de arte que está destinada a colocarse en algunas cosas. Suena sencillo, pero es algo sin antecedentes. Es algo que no va a cubrir toda la superficie de tu producto s. así que ten eso en cuenta cuando estés seleccionando tu arte. He ido adelante y abrí la foto de stock de la tarjeta de notas que estará usando y el primer paso es dibujar un rectángulo que sea aproximadamente del tamaño y la forma de la tarjeta de notas. Siempre lo puedo ajustar más tarde, así que sólo estoy adivinando. Entonces tengo este rectángulo. Voy a venir a mi paleta de capas y hacer clic derecho en la capa y convertirla en un objeto inteligente. Ahora puedo tomar esto y colocarlo en la tarjeta. Puedo transformarlo girándolo y alineándolo. Voy a derribar un poco la opacidad para que pueda ver lo que estoy haciendo y estoy enfocado en conseguir que realmente una recta como pueda. Por ahora, verás lo que algunos de mis bordes no están alineando un oleaje como podrían. Entonces lo que vamos a hacer es ir a editar, transformar y trabajar. Dado que la tarjeta no es un rectángulo perfecto, mi forma tampoco debería serlo. Y usar la herramienta warp me da todos estos puntos diferentes, pero puedo ajustarme a los contornos de mi tarjeta. Ya que estamos usando un gráfico spot que no va a llenar todo el espacio. No tengo que ser increíblemente preciso, pero quiero acercarme lo más que pueda. Bastante contenta con eso. Y así ahora voy a hacer doble clic en mi capa de rectángulo, y esto abre un diálogo que dice, Después de realizar cualquier cambio, necesito golpear guardar. No necesito volver a ver eso, pero lo dejaré por ahora, y esto me lleva a mi forma como era antes de que se transformara. Adelante y esconde ese rectángulo porque no me interesa tener eso en mi tarjeta, y agarraré mi obra de arte. Mi obra de arte para esta tarjeta fue creada un ilustrador. Entonces es un archivo vectorial, y solo lo voy a copiar y trocear. Si creaste tu obra de arte y Photoshopped, lo mismo puedes copiarla y pitillarla. Lo más importante es que tu obra de arte tenga un fondo transparente. Entonces he probado mi obra de arte, y ahora la voy a dimensionar donde, me gusta y aprenderla más o menos donde me gustaría estar en la tarjeta. Una vez que esté contento con eso, voy a golpear el comando S o control s para guardar y cerrar de esto. Se puede ver que ha aparecido en mi expediente. Sigue siendo una que menor rapacidad. Entonces voy a seguir adelante y aumentar ese 100%. Se ve bastante bien. Un paso adicional que voy a dar es cambiar el tipo de capa aquí de normal a multiplicarse. Lo que esto va a hacer es permitir que la textura de la tarjeta de notas se muestre a través, y realmente hace que parezca que la obra de arte está en la tarjeta, a diferencia de simplemente plopped ahí. Ahora que ya lo he hecho, lo concibo como una clavija J y o lo que sea que el formato de archivo favorito sea para usar en tu sitio web o en tus redes sociales, pero también puedo guardar este archivo de la tienda de fotos como plantilla para volver a usar. Y cuando quiero poner diferentes ilustraciones en esta tarjeta de nota, acabo de entrar y hacer doble clic en ese aire rectángulo e intercambiar la obra de arte. Por lo que me ahorrará mucho tiempo la próxima vez que quiera burlarme de una tarjeta de notas. Si lo guardo como plantilla para hacer eso, solo voy a golpear comando shift save to save ya que voy a guardarlo solo un archivo de formato za Photoshopped. Con todas las capas comprobadas, diré que la carpeta de plantillas para que pueda volver a utilizarla en el futuro. 3. Maqueta de la colocación plano - patrón: nuestro siguiente simulacro de arriba va a ser otro simulacro de laico plano, pero esta vez vamos a usar un patrón repetitivo en lugar de un gráfico spot. No tengo que haber abierto la imagen del cuaderno que voy a estar usando para el paso y ya verás que hay mucho espacio vacío que realmente no necesito para este simulacro arriba. Entonces voy a seguir adelante y recortarlo para enfocarme justo en el cuaderno. Mantén el bolígrafo. Esto es todo lo que realmente necesito. El otro archivo que he abierto es mi patrón sin fisuras, repetido. Si los patrones no son algo que te sientes cómodo haciendo, imparto una clase de photoshop en una clase de ilustrador sobre cómo crear un patrón repetitivo sin fisuras . Pero para este ejercicio se asumirá que tienes ilustraciones para un patrón y sólo tienes que seguir adelante y abrir esa tienda de fotos. Voy a seleccionar todo en mi lienzo, ir a editar patrón definido. Voy a dar este patrón y nombre y hacer clic en Aceptar, eso lo agrega a mi menú preestablecido de patrones, y podré agarrarlo cuando esté trabajando en el simulacro arriba. Volveré a mi archivo de libreta, y lo que quiero hacer es seleccionar la parte del cuaderno que voy a llenar con ese patrón. Este cuaderno tiene una correa elástica en él, y no quiero que el patrón aparezca en esa correa. Será más realista si el patrón parece que está corriendo detrás de esa correa. Por lo que solo quiero seleccionar la portada real del cuaderno, voy a usar mi herramienta de varita mágica para agarrar esto. Y verás que como esa correa elástica es la misma familia de colores que el propio cuaderno , recogió partes de eso en mi selección. Pero puedo afinar eso. Entonces esto está bien. A mí me preocupa que los bordes vuelvan a ser bastante buenos. Puedo afinarlos un poco, pero seguiré adelante y empezaré con esto para cambiar un poco esta forma. Yo quiero trabajar con ello en modo vasco rápido, Uh, y lo que voy a hacer como primer paso es ir a seleccionar y en verso, y lo que eso hace es seleccionar todo excepto esa portada de cuaderno. Simplemente invierte la selección que tenía en el lado izquierdo. Voy a dar click en editar en modo máscara rápida y verás esta forma roja es el área que se llenará con el patrón va a utilizar la herramienta de lazo político para cortar el rojo que está cubriendo esta correa para que la quite de mi selección. Puedes usar cualquier herramienta que tu más cómodo con el lasso político haga. Lindas líneas rectas, pero no una recta como si usara, como, una caja de selección. Eso. El hecho de que esta correa no sea perfectamente recta no es un problema. Se retoma en eso. Para deshacerme de eso, voy a golpear Command X o Control X si estás trabajando en un PC y ahora la correa no está incluida. Sí veo que las áreas aquí en el borde lejano del cuaderno no están tan limpias como me gustaría que estuvieran. Y así quiero tipo de agregar a mi selección esta vez. Para hacer eso. Quiero asegurarme de que el negro es mi color de primer plano aquí en mi recolector de color, y voy a agarrar mi herramienta de pincel, que es masiva. Hagamos eso un poco más pequeño, Suman y solo ordenemos eso un poco. Se está dando un poco desordenado, así que voy a salir de mi modo de máscara rápida e invertir de nuevo mi selección. Entonces es sólo el cuaderno. Y luego puedo ir a seleccionar y refinar Edge y simplemente cambiar estos un poco para agarrar algo de esa cosa extra y suavizar los bordes, solo un poco click. OK, volvemos a mi selección y tiraré en modo máscara rápida solo para ver que se ha movido eso bastante bien. Yo estoy contento con eso. Entonces deja el modo máscara rápida, y el siguiente paso es crear una nueva capa con mi patrón. Mantener la selección. No seleccionar Haga clic arriba en su menú de Capa Nueva capa Phil y patrón. Puedes nombrar a esta capa. Yo lo nombraré tapa de cuaderno. Haga clic en Aceptar, y llenó esa selección con el patrón más reciente que utilicé en photoshop en este caso, el que acabamos de crear. Voy a seguir adelante y dar clic en Aceptar en esto, pero sí tengo la opción Teoh. Aumentar la escala o disminuir la escala. Pero yo estaba contento con ello al 100% así que lo dejaré al 100% y pincharé Aceptar ahora cambiaré mi tipo de capa de normal a multiplicarse, y eso realmente deja pasar la textura del cuaderno. Hay mucha textura en este cuaderno, pero se podía ver que simplemente sentía que la obra de arte se colocaba en el cuaderno. Vuelve a la temporada. Ver de nuevo. Esto es antes de multiplicar mi capa y después realmente le da un poco de algo extra, ahora puedo guardar esto como plantilla, igual que hicimos con nuestro primer simulacro arriba, que pueda usar el gig si quiero usar en el futuro y cambiar hacia fuera el patrón. Todo lo que tengo que hacer es hacer clic en esta miniatura aquí que muestra mi patrón doble clic en él, y luego puedo revisar todos los patrones de mi biblioteca y seleccionar de manera diferente. 4. Maqueta de dimensiones - gráfico de punto: para nuestras redes se burlan. Estamos pasando a algo un poco más complejo. Se trata de una camiseta y estará usando un spot gráfico en la parte delantera de la camiseta. La camisa está bastante bien fotografiada, pero hay algunos pliegues y algunos estiramientos a la tela, y realmente queremos captar eso. Dará algo de realismo que no necesitábamos cuando hicimos nuestra tarjeta de notas o cuaderno. Para ello, vamos a empezar por crear un mapa de desplazamiento. A maps de desplazamiento suena complicado, pero en realidad, es solo una versión de esta foto que podemos usar para decirle a photoshop cómo distorsionar nuestra imagen. Lo que voy a dio es ir a ajustes de imagen y niveles. Voy a asegurarme de que esto sea tan alto contraste como pueda ser, realmente mostrando bien esos pliegues, sin preocuparse por nada en el fondo de la imagen. sólo me preocupa lo que va a hacer aquí dejar la camisa en sí. Una vez que esa carpeta sea bonita y oscura, voy a hacer clic en Aceptar, y voy a ir a mi panel de ajuste, seleccionar matiz y saturación y seguir adelante y tomar la saturación todo el camino hacia abajo, haciendo efectivamente de esta una imagen en escala de grises. Voy a seguir adelante y guardar esto como un archivo de Photoshopped que puedo referir a Teoh más adelante en el simulacro arriba. Por lo que sólo voy a nombrar un mapa de desplazamiento de camiseta. Es seguro. Adelante y cierra eso y vuelve a abrir mi archivo de camiseta sin editar al igual que hicimos con E Flat. Coloca burla. Vamos a crear un objeto inteligente que represente nuestra obra de arte. Estoy usando ilustraciones que son rectangulares y sobre esta amplia otra vez, solo una especie de adivinar y ajustarla para llenarla. Llenar las camisas, va a la derecha, haga clic en mi capa y conviértala en un objeto inteligente. Si hago doble clic, entonces puedo deshacerme de ese rectángulo e insertar mi ilustrador copiar y pegar de nuevo . Si tu obra de arte fue creada en photoshop, está bien copiarla y pegarla en el objeto inteligente y ajustarla para el tamaño y las colocaciones. No guardé eso y lo cierro y verás que mi obra de arte está en la camiseta cambiar mi capa para que se multiplique y todos esos espacios blancos aire se fueron ahora, y realmente se puede ver la textura de la camiseta a través de ahí se ve bastante convincente ya, pero la obra de arte realmente necesita moverse con algunos de estos pliegues, y eso es lo que nuestro mapa de desplazamiento va a hacer por nosotros. Para poder hacer uso de nuestro mapa de desplazamiento, voy a seleccionar la capa que contiene mi ilustración y subir al menú de filtros debajo Filtrar. Voy a pasar el ratón Teoh, distorsionar y luego dar clic en Desplazar. Se le ocurre una escala por defecto, horizontal y vertical, y esto básicamente está controlando la cantidad de movimiento que hace la tienda de fotos a partir de tu mapa de desplazamiento. Esto podría ajustarse en función de cómo funciona. Cuando lo pruebes, voy a seguir adelante y probarlo a las cinco y ver si necesitamos hacerlo un poco más grande o un poco más pequeño. Haremos clic en Aceptar, y me va a sugerir abrir mi mapa de desplazamiento para que nunca llegue a mi mapa de desplazamiento de camiseta que hicimos y voy a dar clic en abrir y se puede ver la obra desplazada apenas alguna vez tan ligeramente. Voy a deshacer y rehacer eso para que veas la diferencia. Es sutil, pero realmente sí agrega un poco de algo extra. Entonces aquí está antes del mapa de desplazamiento, y aquí está con él. Acaba de cambiar en algunas de estas zonas con los pliegues un poco de nuevo, podría hacer que cambie más aumentando el número en mis opciones de desplazamiento. Uh, pero estoy bastante feliz con indefenso. No se supone que sea un gran que hacer. Sólo se supone que le dé ese poco realismo adicional. Por ejemplo, si fuimos Teoh 12 digamos que lo ha movido seriamente, y empieza a desenfocar los bordes en la parte inferior. Entonces regresaremos Teoh, donde waas. Y luego puedo guardar esto como un J peg o PNG o lo que necesite para redes sociales o enviarlo a un cliente. 5. Maqueta de dimensiones - patrón: Nuestro simulacro final para este curso va a ser el más desafiante hasta ahora. Vamos a aplicar un patrón. Phil Teoh un simulacro dimensional arriba. Y si bien la mayoría de los escalones siguen siendo los mismos que lo que hicimos para nuestro patrón de laico plano se mock up , vamos Teoh. Agrega el elemento de mapas de desplazamiento que usamos en nuestra camiseta. burlan de Thea. Otra cosa que hace que esto sea un poco más desafiante es la imagen misma. En ocasiones es simplemente imposible encontrar una foto de stock que cumpla con todos tus deseos. Yo quería una foto de un vestido blanco que no incluyera un patrón texturizado loco. Eso que mi patrón fuera aplicado se vería como si realmente fuera la tela de ese vestido. me ocurrió nada, y lo que sí encontré fue una especie de vestido naranja claro que se ajustaba a todas las necesidades excepto en su naranja. Por lo que uno de nuestros pasos será tomar este vestido y hacerlo blanco. De lo que empezará, sin embargo, es crear nuestro mapa de desplazamiento igual que hicimos para la camiseta. burlan. Voy a Teoh, ajusta los niveles en mi archivo y asegúrate de que esos pliegues en la tela sean bonitos y atrevidos. Voy a tomar mi saturación todo el camino hacia abajo y luego guardé este archivo de la tienda de fotos como mapas de desplazamiento para usar. Cuando lleguemos a ese escenario, he vuelto a la imagen original del vestido, y estoy listo para empezar a seleccionar el área que quiero llenar con Pattern va a usar la herramienta de varita mágica para empezar, pero probablemente lo hará necesita hacer limpieza en máscara rápida manteniendo presionada la tecla Mayús mientras utilizo mi magia. Una herramienta que puedo agregar al área que he seleccionado. Esto me ayudará a capturar la mayor parte del vestido. Antes de usar el Quick Basque, - vamos a seguir adelante y rápido en mis mapas de clics y simplemente limpiar estas pocas áreas donde sigo cantando. Pero mi selección no es perfecta. - Una vez que esté contento con mi área de selección, voy a usar el cubo de pintura para llenar esto de negro. Nunca veremos a este negro. Simplemente vamos a usar esto como una forma fácil de agarrar esta selección porque vamos a necesitar usarlo dos veces en los siguientes pasos. Una vez que esté contento con mi selección voy a utilizar el cubo de pintura para llenar de negro esta zona electoral . Nunca vamos a ver la pieza interior negra terminada, pero está ahí para que los próximos pasos de pareja sean más fáciles. Voy a seguir adelante y arrastrar esa capa hacia abajo hasta el fondo de mi paleta de capas para que no sea visible. Con esta área seleccionada, voy a dar clic en la imagen del vestido en mi paleta de capas para luego elegir unos ajustes de tonalidad y saturación. Voy a seguir adelante y tomar la saturación hasta abajo y luego subir un poco mi ligereza , y ahora puedes ver que tenemos el vestido blanco que esperaba tener. Ahora necesito crear un nuevo patrón. Phil Layer en la misma forma es ese vestido. Y por eso hicimos esta versión negra para poder usar mi herramienta de varita mágica y seleccionar fácilmente esa zona aunque no sea visible. Con eso seleccionado, voy a hacer una nueva capa de película nueva, llenar su patrón de llamar a este patrón de vestido y luego seleccionar el patrón tenía, como, como, dos años, vamos a dar clic en Aceptar y se creó este capa hacia abajo hacia abajo, así que la voy a arrastrar todo el camino hasta la parte superior de mi paleta Lakers. Como puedes ver, sigue siendo bastante plano. Tenemos que cambiar el tipo de capa de normal a multiplicarse, y ahora se puede ver que parece que solo está acostado en el vestido. Voy a hacer doble clic en mi muestra de patrón y ajustar la escala un poco. Hazlo justo donde me gustaría estar tú y haz clic en Aceptar, este es el punto donde guardaríamos este archivo como plantilla para uso futuro. Una vez que sumamos el desplazamiento, mapa ya no podrá alterar nuestro patrón porque un patrón Phil es algo activo en photoshop. No nos dejará usar ese mapa de desplazamiento hasta que ese patrón haya sido rast , generado o convertido en píxeles. Porque no quiero pasar por todo el arduo trabajo de seleccionar un vestido y cambiar el color del vestido. La próxima vez que quiero guardar la plantilla ahora y ahora estoy lista para el mapa de desplazamiento. Seleccionaré la capa que tiene el patrón ir a filtrar, distorsionar y desplazar. Apunta y me dice que debe ser Rast despertado y voy a dar click, ¿ OK? Y porque el pleno lo hizo esto son un poco más dramáticos de lo que vimos en nuestra camiseta. Voy a aumentar esto solo un poquito y hacer clic, OK, navegaremos por los mapas de desplazamiento que hicimos en el primer paso. Y de nuevo, es muy sutil que se pueda ver cómo el patrón se hunde en los pliegues para ir hacia atrás. Esta es nuestra obra de arte. Antes esta es nuestra obra de arte con los desplazados que mapean las flores a lo largo de los pliegues simplemente tipo de mezcla en esos pliegues en siempre que no lo hacían antes. Se ve realmente bien. Ahora puedo guardar esta imagen para utilizarla en mi sitio web o redes sociales o para enviarla a un cliente y realmente impresionar a la gente. 6. Conclusión: Ahora es el momento de que compartas tu proyecto con la clase. Tu tarea es crear un simulacro de producto realista que exhiba tu obra de arte de una manera emocionante. También te dará alguna racha de diseño rojo. Si existe tal cerdo, por favor comparta su simulacro terminado y su obra de arte original en la sección del proyecto. La práctica hace perfecta, Así que te animaría a probar más de un tipo de marca y probar cada uso de tu plantilla de marcado con diferentes ilustraciones. Me encantaría ver notas sobre tu proceso y cómo pretendes usar tus maquetas terminadas para comercializar tu trabajo.