Dominio de las maquetas | Teela Cunningham | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Tráiler/avance de la clase de maquetas

      1:35

    • 2.

      Maqueta sencilla y de un solo uso

      8:35

    • 3.

      Maqueta sencilla y multiuso

      8:56

    • 4.

      Maqueta moderada y multiuso

      7:06

    • 5.

      Maqueta compleja y multiuso

      10:21

    • 6.

      Recursos e inspiración

      4:27

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

9440

Estudiantes

140

Proyectos

Acerca de esta clase

Las maquetas son una increíble herramienta de ventas cuando estás promocionando tus propios productos digitales, obras de arte o vendiendo un trabajo independiente a un cliente para su aprobación final. Utilizar Photoshop para colocar o "maquetar" tus diseños en productos reales para que parezcan realmente existentes ayuda a un cliente a imaginarse mejor su logotipo, o a tus seguidores sociales a ver tu obra de arte en su mejor momento.

En esta clase, pasaremos de la maqueta súper simple, de una sola vez en Photoshop para una publicación en las redes sociales, a la creación de maquetas profesionales y reutilizables que van desde lo simple (imágenes directas) a lo complejo (ilustraciones que envuelven un objeto). Una vez que hayas creado maquetas reutilizables, las tendrás de por vida para utilizarlas en cualquier proyecto de un cliente: haz el trabajo una vez y utilízalo para vender tu trabajo para siempre.

Con tu inscripción en esta clase se incluyen 4 imágenes de práctica adicionales, para que puedas seguir y experimentar con cada paso.

Se requiere Photoshop CS3 o una versión más reciente para participar plenamente en esta clase. ¿Necesitas Photoshop? Elige una prueba gratuita de 30 días por aquí ;)

Conoce a tu profesor(a)

Teacher Profile Image

Teela Cunningham

Hand Lettering + Graphic Design

Profesor(a)

Hey! I'm Teela and I help designers + hand letterers build their skillsets to open new creative + financial opportunities. Freebies + tutorials here! > https://every-tuesday.com

Ver perfil completo

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Tráiler/avance de la clase de maquetas: ¿ Cuáles son las maquetas? maquetas ayudan a los clientes, compradores potenciales y diseñadores, imaginar sus obras de arte en escenarios reales sin los costos añadidos de producirlas realmente. Con un poco de engaño de Photoshop, puedes llevar cualquier obra de arte y ponerla en un producto real en tan solo unos pasos rápidos. Soy Tila y soy una diseñadora gráfica con mucha experiencia en el mundo maqueta produciendo obras de arte relacionadas con empresas Fortune 500 y pequeñas empresas. maquetas son una increíble herramienta de ventas para diseñadores, porque no solo tu obra de arte es capaz de ser vista en productos que nunca tuviste que pagar para producir, tampoco podría ser más convincente para los clientes cuando son capaces ver un producto e imagina un diseño siendo plenamente realizado. En esta clase, pasaremos a diferentes tipos de maquetas, un solo uso y de multiuso. maquetas de un solo uso son perfectas si tienes prisa y solo necesitas que se cree una vez, como una publicación en redes sociales. Cuando creas una maqueta multiuso, defines las áreas de arte una vez y si alguna vez quieres cambiar tu obra de arte con nuevas ilustraciones en el futuro, es tan fácil como simplemente colocar la obra y se encajará en su lugar. Revisaremos un montón de estilos diferentes en maquetas desde rectas simples por encima hasta tomas prospectivas, cómo hacer que las maquetas de tela se vean lo más reales posible utilizando mapas de desplazamiento y envolviendo ilustraciones alrededor de objetos curvos. Cuando te inscribes, tendrás acceso a las cuatro fotos base utilizadas en la clase para que puedas seguir a la perfección con cada video. Estaremos en Photoshop para toda la clase por lo que necesitarás CS3 o más reciente. Si no tienes Photoshop, no hay problema, puedes recoger una prueba gratuita de 30 días más en Adobe.com. ¿ Estás listo para burlarte? Hit inscríbase, y empecemos. 2. Maqueta sencilla y de un solo uso: Hola y bienvenidos a la clase. Me alegra tanto que estés aquí y antes de sumergirnos justo en hacer todo, solo quiero darte una visión muy corta de todo lo que vamos a estar haciendo en esta clase. Entonces esta primera que se ve en pantalla, es una muy sencilla usar maqueta. Esto es realmente perfecto si tienes un producto que solo planeas crear una vez y quieres publicarlo en Etsy por ejemplo o si quieres compartirlo en redes sociales. Si quieres hacer de esta una publicación de Instagram, es perfecta, porque solo lo vas a lanzar juntos. Se va a hacer súper rápido. Apenas va a tomar en cualquier momento y luego lo usas y ya terminas y te mueves. A continuación nos vamos a sumergir en algunos tipos más profesionales de maquetas donde si haces freelance mucho y quieres usar maquetas similares, como si estás diseñando una tarjeta de visita o branding para un cliente, esta sería una maqueta perfecta para eso. Entonces estas son tarjetas de visita y te voy a mostrar cómo crear un archivo donde lo pones todo una vez y luego puedes reutilizar este archivo varias veces y no tienes que hacer nada de fantasía. Todo lo que tienes que hacer es literalmente dejar caer tu obra de arte y estás listo para ir, así que es un gran ahorro de tiempo una vez que están hechas. Después de eso, pasaremos a un poco más complejo. Este agrega un ángulo esta vez en lugar de sobrecarga y ahora tenemos tejido involucrado. Voy a compartir cómo crear lo que llamamos un mapa de desplazamiento, que suena aterrador, pero no es para nada. Voy a explicar todo a medida que avancemos y ver cómo se envuelve alrededor de la tela. Incluso puedes ver los bordes dentro del texto que está tomando esa calidad de la arpillera de la bolsa. Entonces finalmente vamos a terminar con la clase creando esta maqueta, que probablemente es la más compleja fuera de la clase. medida que avanzamos, sólo nos vamos a poner cada vez más complejos y vamos a construir sobre todo lo que hicimos anteriormente. Entonces este último, estamos envolviendo ilustraciones alrededor un objeto y luego también lo estamos poniendo en una hoja de papel por aquí también. Por lo que estamos practicando constantemente todas estas habilidades diferentes. Entonces tendrás todo lo necesario para crear cualquier maqueta que te gustaría hacer en el futuro. Te compartiré algunos sitios de fotos realmente buenos si te gustaría pedir prestado de esos, en lugar de tomar tus propias fotografías. Vamos a ir paso a paso. A partir de este video, vamos a recrear este y va a ser súper rápido. Incluí cuatro imágenes gratis para esta clase y solo inscribiéndote, tienes acceso a todas ellas. Para llegar a ellos, todo lo que vas a hacer es debajo del video principal de Skillshare, vas a dar click en Class Project. Verás un pequeño enlace debajo del video y luego solo vas a desplazarte hasta la parte inferior y verás enlaces de descarga para todas las imágenes. Entonces esta es la imagen de la tarjeta de felicitación y vas a poder recoger la imagen de la tarjeta de visita, la imagen del tote y luego la imagen de la taza de café también. Así es como se ve el JPEG una vez que lo descargues y lo abres en Photoshop. Para toda esta clase, estoy en Photoshop CS6, vas a querer estar en al menos CS3. Si vas más bajo que eso, no tendrás acceso a objetos inteligentes, lo que juega un papel bastante crítico en esta clase. Pero estoy usando CS6 a lo largo de todo esto. Así era mi escaneo de tarjetas de cumpleaños feliz y no se ve bien en absoluto. Todas las demás imágenes que estoy usando en la clase, estoy saltando totalmente la parte de edición de imágenes solo para ahorrar tiempo. Pero para esta específica, quería mostrarles cómo mejoro mi obra de arte de acuarela. Si también creas una Acuarela de Arte también y quieres mejorarla para tus imágenes celulares o solo tus publicaciones en redes sociales. Todo lo que hago, puedes ver que es realmente desvanecido y de aspecto aburrido. Lo primero que hago, es aumentar el brillo. Solo estoy usando mi capa Ajustes, esta es la mejor manera de editar y mejorar tus imágenes en Photoshop. Si no ves tus Ajustes, puedes llegar a ella yendo Ventana, Ajustes y aparecerá. Todo lo que hice fue Haga clic en este primero para obtener brillo y contraste y solo voy a mover el deslizador sobre, iluminarlo un poco, pero no lavarlo totalmente. Vamos a aumentar ligeramente el contraste y luego los niveles es lo que me gusta usar mucho para traer realmente los oscuros hacia adelante y empujar las luces hacia atrás. Entonces como puedes ver, cuando muevo mi deslizador oscuro, todo se está oscureciendo un poco y luego mi deslizador claro está justo ahí. En realidad creo que voy a oscurecer mi brillo y lo bonito de Ajustes es, puedes volver atrás y cambiar cosas que ya has hecho. Entonces tengo que hacer es, dar click en Mi Pequeño Sol aquí y como mis niveles se iluminaron y así lo hizo mi contraste, puedo mover esto alrededor y esto es lo que hago, solo lo deslizo por ahí y veo qué es lo que se ve mejor. Por lo que hay muchos colores claros en este. Estoy encontrando un medio feliz y esto se siente realmente bien. Una vez que esté contento con mi obra de arte, entonces lo guardaré como JPEG o puedo simplemente hacer doble clic en mi fondo, juntas, voy a golpear Comando G para agrupar estos, Haga clic derecho, Fusionar grupo, Comando A o Control A para seleccionar todos, y luego Comando C o Control C en un PC para Copiar. Entonces solo puedo entrar a la derecha en mi imagen de tarjeta de felicitación y solo Comando V o Control V en una PC para Pegar. Ahora puedo reducir el tamaño de mi tarjeta de felicitación y ponerla encima. Siempre me gusta ir más grande, antes de ir más pequeño. Entonces lo voy a mantener más grande que mi tarjeta de felicitación. Hit Enter or Return to commit tus cambios y ahora voy a reducir ligeramente la opacidad al 50 por ciento para que pueda ver dónde está todo y eso se ve bien. Puedo volver a subir esto y voy a cambiar el modo de mezcla. Esta es la parte mágica de hacer esta maqueta y solo voy a cambiar esto hacia abajo y elegir multiplicar. Ahora parece que en realidad está en la tarjeta y todo lo que tenemos que hacer ahora, es deshacernos del exceso de áreas que no queremos solapar otras partes. Para hacer esto, vamos a usar una máscara y las máscaras pueden ser complicadas. Pero la manera muy fácil de recordar todo y nunca confundirse acerca de las máscaras, es el negro oculta y el blanco revela. Entonces lo que vamos a hacer es Haga clic en este pequeño ícono aquí abajo y esto crea una máscara. Como puedes ver aquí, así es como se ve nuestra máscara y cada vez que estás usando una máscara, estás usando la herramienta Pincel y estás cepillando ya sea blanco o negro. Nos vamos a estar cepillando negro, porque queremos ocultar estas áreas. Si accidentalmente nos cepillamos de negro por aquí, esto desaparecería y tendríamos que cepillarnos de blanco, para traerlo de vuelta, para revelarlo. Entonces te mostraré lo que quiero decir. Tan solo asegúrate de que esta pequeña caja blanca de aquí esté seleccionada. Pulsa B en tu teclado para tu herramienta Pincel y voy a usar un cepillo suave para esto. Para decir si se trata de un cepillo suave, solo Haz clic aquí donde dice Dureza y asegúrate de que esto sea cero por ciento. Voy a asegurarme de que mi opacidad sea un 100 por ciento aquí arriba y luego me voy a asegurar que me ponga negro en el frente porque necesito empezar a esconder esto u ocultarlo. Entonces voy a cambiar esto, puedes agregar X en tu teclado o solo puedes alternar estas flechas y cambiaré de ida y vuelta. Si tienes diferentes colores aquí mismo, solo toca esta parte y obtendrás tu espalda en blanco y negro. Voy a acercarme aquí y sólo voy a empezar a cepillarme y como pueden ver, lo estoy ocultando. El bonito de las máscaras, es que es una forma de edición no destructiva, lo que significa que si te metes, siempre puedes volver atrás. Nada es totalmente permanente, los cambios que haces. Entonces esto es bastante rápido, como dije y realmente perfecto para las redes sociales, cosas que solo necesitarías hacer una vez. Sólo ten eso en cuenta. Esta técnica, solo úsalo para cosas que solo planeas hacer una vez o si estás en un crujido gigante del tiempo y solo necesitas hacer tus cosas. Este es el método a utilizar. Yo sólo voy a dar la vuelta, asegurarme de que no tengo áreas sueltas y eso se ve bastante bien. Voy a reducir mi pincel hacia abajo, golpeando el corchete de cierre de mi teclado y luego voy a cambiar a blanco, porque me deshice de esta parte, pero ahora la quiero de vuelta. Si golpeo X en mi teclado, puedo volver a mi blanco y al frente y luego voy a revelar esto. A ver, voy a revelar esto aquí arriba. Todo eso se ve realmente bien. Ya terminamos con éste y eso es todo lo que hay para ello. Esa es una forma muy rápida sencilla de crear una maqueta de un solo uso. En el siguiente video, vamos a estar creando esta maqueta de tarjeta de visita, que verás podemos entrar y podemos cambiar la obra varias veces y no tendremos que hacer lo que acabamos de hacer cada vez que quieras usar la maqueta. Entonces eso es lo siguiente. 3. Maqueta sencilla y multiuso: En este video, vamos a estar creando exactamente lo que ves en pantalla, este mark-up de tarjeta de visita. El cool es la forma en que estamos haciendo esto lo hace así, en el futuro, si alguna vez quieres volver a usar la misma imagen, si estás intentando venderle branding a un cliente freelance, por ejemplo, siempre puedes usar estos y todo lo que tengo que hacer es coloca tus imágenes en y voy a poner justo en su lugar. Solo tienes que hacer esta parte una vez y puedes usarla para siempre. Eso es bastante útil. Lo que necesito que hagas es hacer clic en proyecto de clase justo debajo de este video, desplázate hacia abajo y descarga tarjetas de visita JPEG. Esa es la imagen gratuita que vino con la clase y se ve así y la vas a abrir en Photoshop, así que tienes un desscreen igual que yo hago aquí mismo. Lo siguiente que tenemos que hacer es crear algunas formas para definir dónde se van a colocar las obras de arte una vez que automatizemos todo. Todo lo que tienes que hacer es venir aquí y elegir este rectángulo. A mí me gusta cambiarlo a un color diferente. Ya puedes ver en este momento se va a por defecto a blanco. Voy a elegir un morado para que lo veamos un poco mejor y solo vas a dar click en cualquier lugar una vez. Vas a ingresar tres pulgadas y media por dos pulgadas, que es el tamaño estándar de la tarjeta de visita y golpea bien. Una vez que tengas esto, no le hagas nada. Esta es la parte más importante de todo esto, así que no saltes esto y siempre lo recuerdas. Sigo siendo culpable de olvidarlo a veces así que es súper importante. Todo lo que vas a hacer es en esta capa hacer clic derecho y elegir convertir a objeto inteligente y eso es lo importante. Sabrás que es un objeto inteligente por este pequeño ícono que aparece en tu capa aquí mismo. A continuación, vas a agarrar tu rectángulo y vas a golpear comando T o el control T en una PC para transformarlo libremente, entonces vas a hacer clic derecho y elegir distorsionar. A continuación, vas a agarrar cada esquina y solo vas a hacer clic y arrastrarlo a la esquina correspondiente, así como esto. Una vez que tengas todas tus esquinas ahí, vas a cambiar la opacidad aquí mismo a como 50 por ciento, que podamos ver detrás de ella. Si acerco aquí, estoy golpeando comando y la tecla o control más y el plus. Se puede ver que estoy un poco fuera aquí mismo, pero todavía estoy golpeando la esquina, lo cual es importante. Para poder arreglar cualquiera de estas áreas, puedes ver que me falta bastante aquí mismo, puedes hacer clic derecho y elegir warp. Una vez que tengas tu warp, puedes agarrar tus pequeños nodos aquí mismo, y puedes simplemente hacer clic y arrastrarlos y estos son tus asas. Determinan la curva de tu camino. Simplemente vas a hacer clic y arrastrar un poco y ahora todo se está alineando mucho mejor. Yo voy a hacer lo mismo aquí arriba, esto sólo tiene que ser derribado un poco. No te preocupes si no lo tienes exacto, te voy a mostrar un lindo truco viejo que puedes usar si te vas un poco fuera, esa manera, no tienes que sentir la presión de siempre ser perfecto cuando lo estás haciendo esta parte. Una vez que lo tienes a un lugar donde te sientas bastante bien al respecto, no me gusta que esta línea principal esté tanto curvada así que solo voy a arrastrarla un poco hacia atrás. Basta con pulsar enter o return, para cometer esos cambios. Vamos a aumentar nuestra opacidad todo el camino de vuelta hasta un 100 por ciento ahora. Vamos a cambiar nuestro modo de mezcla para multiplicar. Voy a nombrar a esta capa, front-card porque está frente a ésta. Entonces todo lo que vas a hacer es hacer doble clic en esta capa y golpear bien. Ahora, tenemos nuestro rectángulo morado, pero ahora está en su propio archivo, y esto se llama archivo PSB. Todo lo que vas a hacer es apagar esta capa y vas a dejar caer tu obra de arte aquí. Tengo algunas obras de arte que hice aquí mismo, similar a lo que viste antes solo ilustraciones de acuarela. Voy a hacer es comando A para seleccionarlo todo, comando C para copiarlo, o controlar A y controlar C si estás en un PC. Entonces voy a entrar aquí y luego comando V o control V para pegarlo, comando T o control T para libre transformarlo, mantenga presionado shift, agarrar una esquina, haga clic y arrastre para reducir el tamaño. Si desea escalar proporcionalmente, puede sostener shift y alt y eso reducirá todos los lados a la vez. Simplemente lo vamos a recortar en donde se sienta realmente bien y centrado y eso se ve bastante bien. Golpear entrar o regresar. Entonces vas a guardar este archivo. Basta con presionar el comando S o el control S en un PC para guardarlo. Vas a cerrar este rectángulo PSB y luego así, está justo aquí en nuestra tarjeta y parece que es parte de ella. Si aquí no teníamos un modo de mezcla multiplicada, si solo tuviéramos normal, puedes ver que perdemos algunas de las sombras. Las sombras se recogen muy bien cuando tu modo de mezcla está configurado para multiplicarse, por lo que definitivamente eso es algo que quieres asegurarte de que lo haces. Vamos a dejarlo caer en nuestra tarjeta trasera ahora mismo para que veas cuando las cosas se interponen en el camino, cómo abordamos eso, cuando tenemos este archivo editable. Lo que vamos a hacer es exactamente lo mismo que hicimos antes. Vamos a agarrar un rectángulo. Haga clic una vez en la entrada de palabra de su aplicación tres pulgadas y media por dos pulgadas y luego lo vamos a convertir en un objeto inteligente por aquí, luego comanda aquí, controla T para transformar libre, haz clic derecho, elige, distorsiona, y empieza a arrastrar esos rincones en su lugar. Vamos a acercar y puedes hacer clic derecho y elegir warp. Si quieres, sólo tienes que cambiar algo un poco más allá, ahora es el momento de hacerlo. Cuando estés contento con todo, solo vas a entrar o regresar a cometer esos cambios. Cambia tu modo de mezcla para multiplicarte una vez más y esta vez puedes ver que necesitamos deshacernos de esta parte. Al igual que hicimos una máscara en el video anterior, ahora vamos a hacer una máscara. Todo lo que vas a hacer es bajar aquí y hacer clic en este pequeño ícono y como esto es un ángulo, me gusta usar mi herramienta de lazo poligonal, que puedes usar en lugar de tu pincel pero solo necesitamos asegurarnos de que el selección termina siendo negra porque vamos a ocultar esta parte de la tarjeta. Voy a presionar L en mi teclado y puedes ver que activa mi herramienta de lazo y solo quieres hacer click y arrastrar y elegir poligonal si eso no está ya seleccionado. Simplemente vas a dar click por aquí en cualquier lugar. Vas a seguir este ángulo hacia arriba. Haga clic una vez, sigue ángulo hacia abajo, haga clic una vez, y luego lo va a cerrar. Una vez que llegues a ella, puedes ver que aparece ese pequeño círculo. Entonces te vas a asegurar que sea negro. Asegúrate de que tu negro esté en el fondo justo aquí, y luego solo tienes que pulsar el comando o controlar el retroceso, y eso lo llenará de negro. Se puede ver nuestro pequeño adelanto justo aquí que, eso lleno de negro y luego para desseleccionar esto, todo lo que tienes que hacer es golpear el comando D o el control D en un PC. Ahora podemos poner nuestro arte exactamente de la misma manera que lo hacíamos antes. Vamos a hacer doble clic. En realidad, voy a nombrar a esta capa primero back-card. Vamos a hacer doble clic en esta parte, este pequeño ícono de aquí. Vamos a abrirla. Vamos a apagar nuestro morado. Vamos a pegar una vez más en nuestra obra de arte. Vamos a reducirlo usando nuestra transformación libre, igual que lo hicimos antes, posicionarlo realmente bien y esta vez solo quiero cambiar el color de la misma así que un lindo truco para hacer eso solo por mark-up propósitos, es que voy a dar click en saturación de matiz aquí mismo en mi panel de ajustes, como pasamos en nuestro último video. Yo sólo voy a deslizar mi pequeño slider de tonalidad por encima. Se puede ver enseguida podemos conseguir algunos colores nuevos que se ven geniales. Eso se ve bien. Entonces lo voy a guardar comando S o control S en un PC. Cierra esto y así así, lo mete y estamos en el negocio. Ahora que tienes este archivo de marcado, si alguna vez quieres usarlo para un trabajo de cliente en el futuro o para tu propio trabajo, todo lo que tienes que hacer es hacer doble clic. Tienes todo llamado que necesitas. Vas a guardar este archivo como un archivo PSD. Entonces tienes un archivo de Photoshop, lo vas a abrir y siempre que necesites cambiar esto, solo vas a hacer doble clic en la tarjeta que quieres cambiar, digamos que quiero cambiar el color de esto o cambiar el obra de arte por completo y luego haces las ediciones que necesites hacer. En realidad, estos colores se ven más bonitos. Vas a ahorrar, cerrar esto y así así, va a meterlo bien. Es lo rápido que puede ser realmente hacer mucho trabajo a la vez. Una vez que se hace el trabajo inicial, eres bueno para siempre. Bastante impresionante y práctico truco. En el siguiente video, vamos a pasar a algo aún más complejo, que es un tejido para en ángulo. En este momento nos hemos estado centrando en cosas que son tomas aéreas. Vamos a pasar a una toma de perspectiva angular y luego vamos a introducir tela en la mezcla también. 4. Maqueta moderada y multiuso: Nos estamos volviendo un poco más complejos con este. Se puede ver que tenemos cosas que son perspectiva con este desenlace, y hemos introducido tela. Tiene algunos pliegues y algunas curvas en ella, así que vamos a balancear totalmente esto y luego saltarlo justo dentro. Necesito que abras el tote bag JPEG. Una vez más, puedes encontrar todas las imágenes gratuitas para la clase golpeando proyectos de clase bajo el video que estás viendo actualmente y desplazándote hacia abajo. Si estás en un iPad, no creo que la aplicación [inaudible] permita esas descargas todavía, así que tendrás que ir a agarrarlas en un escritorio. Estamos en Photoshop y tengo ese JPEG cargado aquí mismo. Porque estamos trabajando con Photoshop, hay algo que debemos hacer antes de entrar en el mismo proceso que usamos en las tarjetas de visita, y eso es crear algo que se llama mapa de desplazamiento. Para poder hacer nuestro mapa de desplazamiento, primero, necesitamos mirar nuestra tela, y nuestra tela es de borde duro en algunos lugares, tenemos algo de suavidad realmente agradable pasando por aquí. En realidad está un poco lavada, pero las zonas que son un poco más difíciles, necesitamos aplicar un desenfoque gaussiano, que hará que todo salga mucho mejor. Se pone un poco pixelado si no aplicas el desenfoque gaussiano, así que eso es lo que recomendaría. No tiene que ser un enorme desenfoque gaussiano, vamos a usar uno súper sutil, sólo un píxel. Te mostraré cómo hacer eso. Todo lo que vamos a hacer es ir a “Filtrar”, “Desenfocar”, “Desenfocar gaussiano”, y luego sólo vamos a introducir un píxel aquí mismo donde dice radio, y golpear “Ok”. Como puedes ver, es un poco más borrosa de lo que era antes. Si acercamos aquí, se puede ver que toda esa textura es mucho más suave ahora. A continuación, vamos a desaturar toda esta imagen por lo que queremos hacerla en blanco y negro. Todos estos tendrán sentido más adelante, así que solo sigue por ahora. Lo que vamos a hacer para desaturar esto es que vamos a venir aquí donde dice tono y saturación en nuestro panel Ajustes, y si aún no tienes tu panel Ajustes abierto, puedes llegar a él yendo “Ventana”, “ Ajustes”, y se abrirá a la derecha. Vamos a dar clic en este ícono aquí mismo, y vamos a desaturar esta imagen haciendo clic en el deslizador y arrastrándolo todo el camino hacia la izquierda. Ahora tenemos una imagen en blanco y negro, hemos desaturado todo color. A continuación, vamos a guardar esto como un archivo de Photoshop, así que vamos a ir “Archivo”, “Guardar como”, y simplemente guardarlo como desplazamiento, y pulsar “Guardar”, presionar “Ok”. Ahora, sólo vamos a cerrar esto y vamos a reabrir nuestra bolsa de tote. Déjame agarrar mi bolso tote, así que ahora tenemos el JPEG original. Si acerco aquí, no se ve ningún desenfoque gaussiano, todo está bien y nítido. Este es el que necesitamos usar ahora. El primero que vamos a hacer es seguir exactamente el mismo proceso que hicimos en el video anterior creando primero una forma grande. Vamos a venir aquí y elegir un rectángulo. Me estoy asegurando de que tengo un color aquí arriba porque el blanco puede ser un poco complicado a veces, sólo vamos a dar clic una vez. Este tamaño de bolsa es aproximadamente 14 pulgadas de largo por 10 pulgadas de alto. Vamos a usar un ancho de 14 pulgadas y una altura de 10 pulgadas, y golpear “Ok”. Ahora, tenemos este rectángulo masivo aquí mismo, pero antes de hacer nada, vamos a venir a nuestra Paleta de Capas, y vamos a convertir esto en un Objeto Inteligente. Voy a etiquetar esta bolsa, y luego vamos a hacer Command T o Control T en una PC, y vamos a reducir el tamaño. Voy a sostener Shift para agarrar una esquina, y reducirla para que sea un poco más manejable, y luego vamos a hacer clic derecho y elegir Distort. Yo sólo voy a poner estos vagamente en su lugar, en las esquinas, y en realidad no vamos a trabajar este porque enmascarar hará todo el trabajo que necesitamos allá y también nuestro mapa de desplazamiento va a hacer mucho de ese trabajo. Eso se ve bastante bien. Sólo voy a presionar Enter o Return para cometer esos cambios. Ahora, voy a cambiar el modo de mezcla para multiplicar, y como pueden ver, tenemos algunas áreas que no forman parte de la bolsa, pero eso está totalmente bien porque todas esas se ocultarán una vez que metamos nuestro trabajo. Voy a hacer doble clic o justo como lo hice antes en el Objeto Inteligente, y elegir “Ok”. Vamos a apagar nuestra capa púrpura y vamos a traer algunas obras de arte. Para éste, esta es la obra que he elaborado. Entonces solo voy al Comando A y luego al Comando C para seleccionar todo y luego copiar, o Control A y luego Control C. Vuelve a Pop en nuestro rectángulo PSB, Comando V o Control V para pegarlo, y ahora solo lo vamos a posicionar. Ya que está en una perspectiva, necesito acercarme un poco más a la derecha para que se vea más centrada que realmente estar centrada. En realidad, voy a aumentar el tamaño de esto también, así que es un poco más audaz en la bolsa. Eso se ve bastante bien. Ya veremos cómo se ve. Vamos a Command S o Control S para guardar este rectángulo, y luego lo vamos a cerrar igual que hicimos con las tarjetas de visita. Ahora, puedes ver que lo pone en nuestra bolsa y se ve realmente bien, pero necesitamos que se ajuste a la forma de la tela, y ahí es donde entra el mapa de desplazamiento que creamos antes, y con el fin de aplicarlo a nuestra bolsa y verás qué pasa con todo una vez que solicitemos y por qué es importante. Primero, déjame acercar para que veas que aquí hay un borde duro, y luego compararemos una vez que aplicemos el mapa de desplazamiento. Vamos a “Filtrar”, “Distorsionar”, “Desplazar”. Aquí mismo, estos ajustes, solo nos meteríamos con si no estuviéramos usando la imagen del mismo tamaño que empezamos, y como estamos usando exactamente la misma imagen para el mapa de desplazamiento, no necesitamos meternos con ninguno de estos ajustes, por lo que vamos a pegarle a “Ok”. Vamos a elegir ese archivo de desplazamiento que creamos antes, ese archivo en blanco y negro, y presionar “Abrir”. Se puede ver todo movido un poco. Mira lo que pasa, puedo encender y apagar esto aquí en mis Capas. Ahí es donde eso fuera, y aquí es donde que en. Está conforme al movimiento de la tela en la bolsa, y si hago zoom, y si hago zoom puede ver que está tomando las cualidades de las fibras de arpillera reales, lo que la hace mucho más realista, así que realmente cool, poco truco en Photoshop. Como puedes ver, tenemos algunos puntos extraviados. Bueno, un punto callejero ahí mismo. Creo que todo se ve bastante bien, en todos los demás lugares. Para poder eliminar eso, todo lo que tenemos que hacer es añadir una máscara, igual que hicimos en los dos videos anteriores. Con tu Capa seleccionada, haz clic en el icono “Máscara” aquí abajo, pulsa “B” en tu teclado para tu herramienta Pincel, asegúrate de que el negro esté en el frente porque queremos ocultar este punto. Déjame aumentar ligeramente el tamaño de mi pincel, y sólo vamos a borrarlo o enmascararlo. Todo lo demás se ve bien. Voy a alejarme, y así así tenemos nuestra obra de arte en una bolsa tote y se ve súper realista. Hemos tratado los temas de perspectiva y los temas de tela, y todo se ve muy bien. En el siguiente video, nos vamos a hacer aún más complejos deformando nuestra obra de arte alrededor de una taza de café. 5. Maqueta compleja y multiuso: En este video, vamos a crear nuestro marcado más complejo de los cuatro que hemos hecho. Vamos a crearlo, por lo que es infinitamente reutilizable. Como se puede ver en pantalla, este es el resultado final de este video. Vamos a estar envolviendo nuestra obra de arte alrededor una superficie curva como una taza de café y luego también estamos incluyendo una adicional por aquí, solo para practicar lo que ya hemos aprendido y golpear todo a casa porque el más lo hagas, más va a venir de forma natural la próxima vez que necesites hacerlo. Está bien. Vamos a abrir eso y asegurarnos de que agarres el café JPEG de golpear proyecto de clase justo debajo de este video y desplazarte hasta el fondo, descarga eso y abre en Photoshop y estamos bien para ir. Está bien. Vamos a empezar con la taza de café. Vamos a sacar las cosas duras del camino. Entonces esta página se va a sentir como si ya fueras un experto, lo sé. Está bien. Necesitamos crear una forma para esto. Medií mi taza de café y estamos cerca de cinco pulgadas alrededor del área curva, y luego unas tres pulgadas de alto justo aquí. Eso es lo que vamos a ir con. Vamos a crear un nuevo rectángulo aquí mismo. Simplemente me gusta llenarlo con el color de esa manera se puede ver todo mucho mejor. Vamos a tocar una vez y poner cinco pulgadas de ancho por tres pulgadas de alto y golpear bien. Ahora tienes nuestro rectángulo. Vamos a convertirlo en un objeto inteligente primero. Haga clic derecho, Convertir en objeto inteligente. Ahora vamos a golpear comando a tu Control T en una PC para transformarlo gratis y no necesitas distorsionarlo en absoluto para esto, solo vamos a trabajar todo aquí. Vamos a hacer clic derecho elegir, Envolver y ahora aquí es donde comienza la diversión. Estos son tus nodos, eres esquinas, y luego estas son tus asas. Ver estas pequeñas cosas circulares. Estos controlan tus curvas. Estos controlan tus esquinas. Puedes cambiar la curva a cada lado de tu esquina con solo mover las asas. Estos se llaman mangos. Entonces el interior también se puede mover, lo que afecta la deformación de las áreas interiores de su obra. Está pasando mucho. Pero las principales cosas que vas a estar moviendo ahora mismo son tus esquinas en tus asas. Entonces vamos a meternos en esta parte si es necesario. Lo que queremos es que esta parte central vaya a lo largo de la parte central de la taza. Voy a reducir la opacidad aquí mismo para que podamos ver todo a medida que nos movemos. Voy a ir 50 por ciento. Entonces sólo vamos a tomar nuestras esquinas y vamos a moverlas a donde necesitemos que vayan. Es realmente fácil que las cosas se vean súper mal y mal. Como si nada va bien. Al igual que se ve en este momento, parece que nunca va a estar bien. Pero sólo quédate con él. Está bien. No te sientas abrumado. No sientas que no lo estás haciendo bien. Se necesita un montón de cosas molestas y moviendo alrededor incluso para unos diseñadores súper experimentados. Esto no es algo en donde solo puedes hacer clic en un botón y todo funciona. Simplemente sabes qué hacer de repente. Cada forma es diferente. Siempre se necesita un poco de mover las cosas, así que por favor no te frustres demasiado. Sé que es algo fácil por sentirme frustrado, y yo también soy súper culpable de eso. Pero solo tienes que quedarte con él y solo sigues moviéndote, sigue moviendo tus asas, sigue moviendo tus esquinas y tus nodos y las cosas funcionarán. De acuerdo, nos estamos acercando a lo largo de la curva justo aquí y se puede ver todo tipo de construcción allá arriba. Yo sólo voy a mover esta parte un poco. Puedes reducir la longitud de tus asas como este mango es un poco demasiado largo. Si reduzco la longitud, entonces estoy consiguiendo esta línea donde la quiero porque quiero la sección cuadrada central vaya justo aquí porque ahí que la sección cuadrada central vaya justo aquí porque ahíes donde va a caer el centro de mi obra de arte. Estoy prestando mucha atención a dónde está esta sección del centro. Yo sólo voy a estar moviendo mis asas para asegurarme de que todo vaya adonde debería ir con eso. Está bien. Esto se ve bastante bien. Tengo la mayor parte de todo lo que necesito fluyendo alrededor de la copa. Muy bien, una vez que estés feliz, puedes cometer tus cambios pulsando Enter o Return. Lo realmente impresionante de la herramienta warp es, si necesito volver atrás y las cosas simplemente no se ven bien una vez que dejamos caer la obra de arte, puedo golpear comando aquí, Control T otra vez, haga clic derecho y elija Warp. A diferencia de distorsionar, distorsionar no hace esto. Warp mantiene tu configuración, para que puedas volver atrás y puedes cambiar las cosas si lo necesitas. Si usamos el distorsión, no seríamos capaces de mantener esos ajustes. No se puede volver atrás con eso, pero se puede con warp. Entonces eso es realmente útil. Está bien. Entonces eso se ve bien. Vamos a cambiar el modo de mezcla para multiplicar aquí. Vamos a aumentar nuestra opacidad hasta llegar a un 100, así que estamos a todo vapor aquí. Vamos a seguir todo lo que hicimos antes haciendo doble clic en nuestro rectángulo para abrir nuestro archivo PSB. Vamos a apagar nuestro morado porque no queremos que sea morado. Voy a agarrar esta obra de arte que creé para esto, seleccionar todo, copiar y luego pegarla en. Reducir el tamaño de la misma, centrarla de la manera que te gustaría. Está bien. Ahora aquí está el momento de la verdad. Vamos a guardar este Command S o Control S en nuestro PC, vamos a cerrar esto y vamos a ver cómo se ve. Eso se ve bastante bien, se ve bastante creíble. Si me alejo, podemos ver todo, va por la curvatura de la taza muy bien. Sí quiero moverlo hacia abajo solo un poco aunque puedo ver que tengo mucho espacio aquí mismo, o también puedo entrar en mi warp, si Comando Z o Control T, haga clic derecho y elija Warp. Puedo mover esto hacia abajo y arreglarlo manualmente así también. Esa también es una opción fuera de simplemente mover la ilustración en el archivo PSB. Eso se ve bien, estoy bastante contento con eso, voy a dejarlo. Muy bien, tenemos nuestra taza con nuestras letras o tu obra envolviéndola alrededor. Se ve real. Lo realmente impresionante de usar fotos que ya están tomadas es, a diferencia de crear algo que se supone que luzca realista desde cero en Photoshop usando imágenes reales, no tienes que hacer nada con sombras porque ahí es real como se pone, esta es una verdadera fotografía, por lo que todas tus sombras ya están correctas. No hay necesidad de entrar y oscurecer áreas o aclarar áreas a menos que esté aligerando la foto completa o oscureciendo la foto completa. Me gusta mucho lo rápido que es no tener que lidiar con nada más que conseguir la obra correcta en tu objeto, asegura de que tu modo de mezcla esté configurado para multiplicarse y ya sea crear un solo uso o un multiuso dependiendo de cuáles sean tus necesidades son. Todo depende de si necesitas o no un objeto inteligente. Voy a etiquetar esta taza o una taza o lo que sea. Por aquí, sólo vamos a caer en una página. Esto es puramente por sólo practicar, golpear a casa todo lo que hemos aprendido hasta ahora. Cuanto más práctica hagas, más la vas a recordar cuando lo necesites más adelante. Simplemente vamos a pasar por los movimientos de todo lo que hemos aprendido. Vamos a usar nuestro distorsión y nuestro warp, y sólo vamos a poner algo de texto aquí abajo y luego vamos a terminar. Esta página es como cuatro por seis, así que eso es lo que vamos a usar. Voy a crear un nuevo rectángulo, asegúrate de que tengo un color aquí arriba, haz clic una vez. Vamos a hacer cuatro pulgadas de ancho por seis pulgadas de alto, golpeó Ok. Tenemos nuestro rectángulo y lo vamos a convertir en un objeto inteligente. Yo sólo voy a hacer diario para esto. Entonces voy a golpear Command T o Control T en una PC para transformar libre derecho derecho, elige Distort. Yo sólo voy a agarrar estos rincones. A pesar de que aquí no puedes ver la esquina, entra directamente en la taza, sigue los ángulos y aproxima dónde aterriza esa esquina. Voy a bajar aquí, abajo de la columna vertebral, arriba arriba arriba, voy a reducir la opacidad al 50 por ciento. Podemos ver todo. Eso se ve bastante bien. Ahora sólo vamos a warp para que podamos conseguir esta bonita curvatura de las páginas que suceden en nuestra taza taza taza. Voy a hacer clic derecho, elegir Warp, agarrar mis asas, y sólo voy a ajustarlas ligeramente. Hay algo que necesito derribar un poco, lo que se convierte en una curva. Eso se ve bien. Vamos a cambiar nuestro modo de mezcla para multiplicar. Entonces vamos a aumentar nuestra opacidad hasta un 100 por ciento. Haz doble clic, toca Ok, apaga tu capa morada. Ahora sólo vamos a dejar caer algún texto aquí abajo. Voy a presionar T en mi teclado, agarrar mi herramienta de texto y luego simplemente teclear. Estoy usando el script Hawthorne, que es una de mis propias fuentes. Te dejaré un enlace si quieres revisarlo. El cuarto que soy es toda la gloria viene de atreverse a ser de nuevo. Esta es una de mis cotizaciones favoritas de Eugene Ware. Un consejo cuando estás colocando texto para el marcado es nunca usar verdadero 100 por ciento negro porque no parecerá que en realidad esté sangrando muy bien en la página con el modo de mezcla de multiplicación. Siempre me gusta ir un color que sea un gris oscuro, pero no totalmente negro porque incluso un poco de gris cuando se aplica el modo de mezcla multiplicada, hace que todo sea un poco más oscuro. Si ya estás tan oscuro como puedes ir, no va a parecer que está encajando encima de lo que te lo estás poniendo. Sólo un pequeño consejo, vaya gris oscuro está bien. Voy a golpear Command S o Control S para guardar esto, ciérralo. Ahí vamos. Tenemos nuestras letras por ahí o nuestra obra de arte, lo que quieras poner ahí. Tenemos toda nuestra taza hecha. Esta toma está completa. En el siguiente video te voy a mostrar dónde puedes encontrar algunos markups si no quieres hacerlos como lo hicimos en la clase. Te mostraré dónde puedes encontrar algunas fotos de stock si no quieres tomar una fotografía y luego solo algo de inspiración. Eso es en el siguiente video. 6. Recursos e inspiración: Entonces estamos al final de la clase y antes de dejarte ir, quería compartir algunos recursos e inspiración contigo. Sólo para que tengas todo lo que necesitas para empezar a hacer tus propias maquetas. Si no tienes tiempo para hacer tus propias maquetas, dónde encontrar maquetas preconstruidas mientras te gusta cosas. En primer lugar, quiero decir ideas para maquetas. Yo quiero asegurarme de que estés totalmente equipado, saber usarlos, dónde usarlos, cómo aprovechar este nuevo conjunto de habilidades que ahora tienes y puedes usar para todo lo que hagas. Ya sea o no para un cliente, vender tu trabajo en presentaciones, ponerlo en entradas de blog, imágenes de héroes, si tienes una tienda de Etsy usándolo en tus páginas de venta. Si por ejemplo, ofreces caligrafía como servicio a las personas, puedes poner tu caligrafía en todo tipo de cosas diferentes para que la gente realmente pueda ver e imaginar cómo pueden usar tus servicios para sus propias necesidades. Puedes ponerlo en páginas de venta auto alojadas, si vendes tus propios productos en tu propio sitio web, publicaciones en redes sociales. Tienes Instagram, Facebook, Twitter, todos ellos. Entonces anuncios, si te contratan para crear un anuncio para alguien, puedes usar tus nuevos maquetas para eso también. Lugares para agarrar fotos si no tienes una gran cámara, en realidad todas las fotos que te di gratis en esta clase que tomé con mi iPhone. Por lo que no necesitas tener una cámara increíble para conseguir unas buenas fotos que son muy utilizables. Pero si no tienes suficientes recursos o un buen lugar para tomar fotos, algunos recursos realmente buenos en línea para recoger fotos que luego puedes convertirte en maquetas como lo hicimos en la clase, Unsplash es definitivamente la más popular. Ahí hay un montón de fotos realmente buenas. Ahí hay otro sitio llamado Pexels. Un sitio que realmente me encanta es Death to the Stock Photo. Puedes inscribirte en sus listas de correo electrónico y cada mes, creo que es el primero de cada mes, te envían un email y ahí hay todo un paquete de fotos gratis que son temáticas cada mes. Hacen un tema diferente, por lo que construyes una colección que tiene mucha variedad en ella. Ahí está Creative Market donde puedes recoger las pagadas y ahora Adobe Stock parece estar comprando todos los viejos sitios de fotos de stock así que eso se ha convertido en el hub con muchas fotos y recursos si tienes un presupuesto más grande. Por último, lugares para agarrar algunas maquetas prehechas si no tienes tiempo para hacer las tuyas y solo necesitas una y nuestra prisa. Ten en cuenta sin embargo, si agarras alguna de estas, excepto las pagadas, siento que veo esas con menos frecuencia, las que se encuentran en Graphic Burger que son extremadamente populares. Pixeden es un poco menos popular pero solo ten en cuenta que cuando usas maquetas gratis, todos los demás también tienen acceso a ellas. Entonces si las estás poniendo a lo grande, solo ten en cuenta que otras personas las están usando también y si necesitas que estemos muy especialmente, quizás quieras optar por una pagada o ver si puedes apretar en alguna tiempo para hacer el tuyo propio. Yo quería darte algunas ideas y realmente conseguir que tu mente siga adelante donde puedes empezar a usar tu nuevo conjunto de habilidades con hacer maquetas. Yo sólo quería compilar unos cuantos juntos. A lo mejor sólo te dará esa chispa que necesitas para ponerte en marcha por tu cuenta para que puedas hacer cosas como revistas, señalización, mucho branding. Se puede ver ahí hay algunas botellas que tienen ese efecto deformado, haciéndolo recorrer todo el camino, tubos de correo, la lista sigue y sigue con lo que puedes hacer. Por último, en realidad tengo unas maquetas de tarjeta de felicitación. Si sí los necesitas, quiero ofrecerte un 10 por ciento de descuento solo por tomar esta clase, si usas el código, “MOCKITUP” y lo puedes encontrar en mi tienda cada Every-Martesday.com/Products. Para más sobre mí, todos los martes lanzan un tutorial diseñado sobre en Every-Martesday.com si quieres echar un vistazo a eso. También tengo un montón de obsequios de diseño allá también y me pueden encontrar en Instagram @everytuesday. Muchas gracias por tomar la clase. Si tienes alguna pregunta en absoluto, no dudes en dejarlas en la sección de comentarios, puedes enviarme un e-mail y me encantaría ver qué haces. El proyecto de la clase es simplemente usar las fotos de la clase, usar tus propias fotos y crear una maqueta y compartirla, bastante simple y me encantaría ver lo que haces y solo quería agradecerte de nuevo por tomar la clase. Espero que esto haya sido de ayuda y que no estés intimidado y te sientas muy confiado en salir por ahí y hacer tus propios maquetas de producto. Te veré la próxima vez.