Crea bonitas maquetas con Canva | Ronny Hermosa | Skillshare
Buscar

Velocidad de reproducción


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

Crea bonitas maquetas con Canva

teacher avatar Ronny Hermosa, Your Go-To Canva Guru

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.

      Introducción

      3:04

    • 2.

      Qué son las maquetas

      7:47

    • 3.

      3 razones por las que deberías usar maquetas

      11:29

    • 4.

      Conecta Smartmockups con Canva

      7:25

    • 5.

      Crea una maqueta de producto

      32:07

    • 6.

      Usa maquetas para mostrar tu portafolio (1/2)

      15:48

    • 7.

      Usa maquetas para mostrar tu portafolio (2/2) 2

      14:02

    • 8.

      Proyecto de clase

      1:14

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

2118

Estudiantes

9

Proyectos

Acerca de esta clase

¿Qué tal mostrar tus productos, tus diseños o tus servicios de una manera súper poderosa pero divertida? ¿Y si te dijéramos que puedes ganar más dinero y ahorrar tiempo al hacerlo? 

Estimado propietario de un negocio o diseñador, conoce a tus nuevos mejores amigos: maquetas y, específicamente, Smartmockups, una experiencia increíblemente práctica (¡y casi instantánea!) Generador de maquetas que está integrado con Canva [y no, no lo estamos vendiendo, realmente creemos que es increíble].

Y si no tienes idea (todavía) de qué son las maquetas, no te preocupes, este curso también es para ti. 

En este curso, te llevaremos a un viaje en el que recibirás una introducción teórica rápida sobre las maquetas, seguida de un tutorial práctico sobre cómo llevar tus productos, diseños o servicios a la vida real, para que tus clientes se den cuenta de todo el increíble potencial que TÚ estás ofreciendo (y cuánto te necesitan :)).

¡Permítanos mostrarte el lugar!

Esta clase está pensada para cualquier persona que diseñe con Canva. SmartMockups viene en dos versiones: te mostraremos los recursos gratuitos y de pago (premium) que ofrece. 

Un poco sobre nosotros: 

Ronny trabaja en Canva como jefe de comunidades y lleva más de 2 años creando cursos sobre Canva. Dirige 4 grupos de Facebook para Canva y su propia comunidad junto con Diana. Todos estos son, por supuesto, sobre Canva y cómo convertirse en un mejor diseñador con Canva.

Diana es una Ambassadora de la marca Canva (una creativa certificada por Canva). Crea cursos en línea sobre diferentes temas como marketing de Instagram, fotografía, marca personal y Canva.

El objetivo de esta clase es mostrarte por qué usar maquetas es tan poderoso para ti y tu negocio para destacar y mostrar tu talento de manera tangible, para que los clientes no solo las encuentren atractivas, sino que también se den cuenta de que no pueden prescindir de ellas.

Crearemos maquetas para promover productos de merchandising personalizados, así como un portafolio de servicios digitales, ambos basados en diseños hechos en Canva desde nuestras computadoras.

¡Esto va a ser divertido!

Resumen de la clase

  1. Ronny comenzará por presentar los contenidos de este curso. 
    Solo te tomará 3 minutos tener una idea general de lo que te ofrece este curso.

  2. ¿Qué son las maquetas en primer lugar?
      Diana y Ronny te cuentan todo sobre ellos y por qué son herramientas de marketing tan poderosas.

  3. Ronny y Diana te darán 3 razones por las que deberías usar maquetas. Las maquetas
    beneficiarán tanto a tu negocio como a la vida diaria de tu diseñador: ¡comprueba cómo!
  4. Diana te guiará a través del proceso de conexión de Smartmockups con CanvaShe
    te mostrará cómo conectar ambas plataformas y navegar de una a otra y viceversa.

  5. Ahora, demos vida a tus productos con Ronny.
    Crearemos productos de mercancía personalizados y los promoveremos en un sitio web.

  6. Diana te mostrará cómo usar maquetas para mostrar tu portafolio (parte 1)Creemos
    un catálogo de aspecto increíble para mostrar servicios de diseño digital.

  7. Usa maquetas para mostrar tu portafolio (parte 2): más ideas para jugar.Diana
    te dará más ejemplos de cómo mostrar tus servicios y le dará los toques finales a tu portafolio. 

  8. Por último, Ronny te hablará del proyecto de clase que nos gustaría que hicieras.

¡Eso es lo que tenemos para ti en esta clase! 


Nos divertimos mucho creando maquetas y estamos sorprendidos por los resultados profesionales que logramos con estas plataformas de diseño tan fáciles de usar. ¿Quieres probarlo?


Por cierto, si te gustaría tomar algunas clases en español, consulta el perfil de Diana en Skillshare: https://www.skillshare.com/user/dianamunoz

Conoce a tu profesor(a)

Teacher Profile Image

Ronny Hermosa

Your Go-To Canva Guru

Top Teacher

Habilidades relacionadas

Diseño Diseño gráfico
Level: Beginner

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. Introducción: Hola a todos. Este es Ronny, y bienvenido a otra clase. En este, vamos a aprender cómo puedes llevar tus diseños a vivir con Canva. Para ello, vamos a estar utilizando la integración Smartmockups con Canva, que es una pequeña app que puedes conectar a tu Canva sin salir de Canva. Eso es bastante guay, y eso es lo que hay en el programa para esta clase. Pero antes de continuar, quiero darle la bienvenida sinceramente a nuestro departamento aquí en Sydney. Aquí es donde vivimos Diana y yo. Diana está aquí conmigo hoy. Ella está filmando este curso, y vamos a saltar justo dentro. Quisiera empezar explicando un poco para quién es esta clase? Bueno, esta clase es para cualquier persona que diseñe con Canva, ya sea usted el dueño del negocio que necesita diseñar para promocionar sus servicios o sus productos en redes sociales o en cualquier lugar realmente. O podría ser para ti que diseñas con Canva para ayudar a un cliente o para vender algún diseño, para vender diseño gráfico a otros clientes. En este caso, estarás utilizando los Smartmockups y las diferentes maquetas creadas con Canva para representar visualmente la creación que desarrollas para tus clientes. Para eso es el curso. Ahora, déjame hablar un poco del por qué, como por qué son tan importantes las maquetas, y ¿qué es una maqueta de todos modos? Bueno, vamos a cubrir todo eso en la primera conferencia de esta clase. Empezaremos explicando qué son las maquetas y te daremos tres buenas razones por las que deberías empezar a usarlas. Esa es la parte teórica de esta clase y luego vamos a saltar a la derecha. Conectaremos nuestra cuenta Canva con Smartmockups, crearemos una cuenta de Smartmockups, y obtendremos acceso a todas estas maquetas que Smartmockup está poniendo a tu disposición. Encontrarás en ahí hermosas maquetas sobre todos los productos. El resto del curso será sobre crear diseños en Canva y darle vida a eso conectando estos diseños al catálogo de maquetas en Smartmockups. Veremos cómo hacer eso y cómo usar estas maquetas en tu diseño real de Canva. Los traeremos de vuelta a Canva y crearemos unos hermosos diseños con ellos para ya sea promocionar tu producto, o tus productos digitales o tus servicios. Eso es lo que está en el programa para hoy. Espero que te guste esto. Descargo de responsabilidad, ninguno de los productos que vamos a hablar de unos productos reales. Todos son productos hipotéticos que estaremos utilizando como ejemplos para este curso. No somos afiliados de Smartmockups. No estamos tratando de vender nada en este curso, solo para mostrarte cómo usar esta extensión cual es compatible con Canva porque nos encanta Canva. Está bien, entonces Diana ¿estás lista? Sí. Vámonos. 2. Qué son maquetas: Bienvenidos a la primera conferencia del curso, chicos. Vamos a saltar directamente a ella. Diana, si estás lista, y analiza qué son maquetas. Entonces maquetas es un término que se está utilizando no sólo en el diseño gráfico en realidad, también se está utilizando en el desarrollo web, en el desarrollo de aplicaciones, etc. Pero vamos a ver qué significan las maquetas para los diseñadores gráficos. Una maqueta, Diana, es una demo visual, una representación visual de cómo se verá realmente tu diseño cuando se ponga en marcha en el mundo real. Es una forma de presentar tus diseños en una situación de la vida real. Sí. Eso es correcto. ¿ Estarías de acuerdo con esa definición? Por supuesto, Sí. Sí. Entonces conociendo esto, sabiendo que las maquetas son una forma de representar visualmente tu diseño en el mundo real. ¿ Por qué deberíamos usar maquetas? ¿ Cuáles son los beneficios de usar maquetas? Entonces, básicamente, el poder de las maquetas es que puedes mostrar cómo se verá tu diseño en el mundo real sin tener que gastar dinero para crear el producto real, y lo que quiero decir con esto es, por ejemplo, estás diseñando un tarjeta de visita para su cliente, y al cliente le encantaría ver por supuesto, cómo este diseño realmente se verá como un producto final. El horario. Sí, la tarjeta de visita física, y como diseñador, por lo general no deberías ir a la impresora para imprimir una tarjeta de visita. Una muestra. Sí, imprime una muestra y gasta dinero imprimiendo y todo, gasta dinero y tiempo, así que en lugar de hacer todos estos pasos, solo puedes tener una maqueta. Crea una maqueta y muestra a tu cliente como, “Mira, tu tarjeta de visita puede verse así y te encantaría tener este diseño final o te gustaría hacer algunos cambios?”. Está bien. Creo que estas maquetas pueden ahorrar mucho tiempo y por supuesto dinero a mucha gente. Está bien. Me encantará, por supuesto mostrarles algunos ejemplos de lo que son maquetas, ¿verdad? Porque tal vez en este momento la idea es como abstracta. ¿ Tu comprensión? Sí. Tienes que verlo. Me encantaría mostrarles algunos ejemplos. Estaba hablando de tarjetas de visita y estos son algunos ejemplos. Estos en realidad son maquetas, y se puede ver aquí tenemos algo así como una foto, esto también es una maqueta. La idea es poner tu diseño en estas imágenes de la vida real. Sí. Entonces esto es una maqueta. Está bien. Entonces, ¿todos estos son maquetas? Sí. Tengo algunos otros ejemplos porque también puedes hacerlo con productos como tazas. Camisetas. Camisetas, gorras, como. Todo tipo de fusión? ¿ Fusionar? Sí. Todo este tipo de productos en los que puedes poner tu logo, por lo que también puedes hacer esto. Por ejemplo, esto también te ahorrará tiempo y dinero porque en lugar de imprimir un montón de camisetas que tal vez te encantaría vender, solo puedes mostrar cómo se verá el diseño en una camiseta y ver si la gente está interesada en comprando tu producto. Al subir a tu sitio web. En realidad puedes probar si la gente estaría interesada en tu producto antes de crearlo y gastar tiempo, y dinero. Está bien. Sí, y este es otro ejemplo de maquetas. Camisetas, sudaderas con capucha. En realidad puedes ver cómo puede verse tu diseño o logotipo en una camiseta, chaqueta o gorra o casi cualquier producto que puedas imaginar. Correcto, entonces ahora que sabemos qué son las maquetas, me encantaría mostrarles una de las últimas integración de Canva. ¿ De acuerdo? Canva es conocida por trabajar con apps de terceros como Dropbox para buscar tus imágenes o por ejemplo, como removedor de fondo para deshacerse de tu fondo, pero también algunas otras apps en cuanto a dónde conseguir ese contenido extra y así en este curso, queremos hablar de Smartmockups. Smartmockups es una página web. ¿ Qué es Smartmockups? ¿ Qué es Smartmockups? Smartmockups es un sitio web o Sí. Yo diría que es un sitio web. Diría como un generador de maquetas. Sí, iba a llegar a eso así que Diana. Smartmockup es una plataforma, un sitio web que es una maqueta. Generador. Generador. Entonces un generador de maquetas, ¿qué es eso? Bueno es una aplicación, una plataforma, una herramienta, llámalo como quieras, que te ayudará a generar maquetas casi en poco tiempo y muy fácilmente, por lo que es un proceso de arrastrar y soltar. No necesitas ninguna habilidad de diseño gráfico y podrás crear todo tipo de maquetas. Qué Diana, te acaba de presentar, así las camisetas, la sudadera con capucha, las gorras, todo lo que pudieras necesitar para representar visualmente tus diseños. Está bien, entonces si vamos a la siguiente diapositiva, les voy a mostrar los tres sencillos pasos para realmente hacer su primera maqueta y tomaremos el ejemplo de una portada de libro, portada de revista. Lo primero que tendrás que hacer es navegar por “Smartmockups”, el sitio web actual para encontrar tus maquetas perfectas. Irás al libro o a la sección de revistas de. Cualquier tipo de maqueta que realmente necesites. Si necesitas una camiseta o gorra o lo que necesites solo selecciona tu maqueta. Cualquier maqueta, por lo que sólo tienes que seleccionar la categoría. Tienen redes sociales, tienen libros, tienen impresiones, y luego una vez que encuentres la correcta, simplemente subes una imagen a Smartmockups, y aquí es donde la integración con Canva es un bonito botón dice “Sube desde Canva” y así solo tienes que hacer clic en ese botón. Puedes subir cualquiera de los diseños que has creado en Canva. Se subirá a la plataforma Smartmockup y luego casi como si fuera un truco de magia, solo se integrará muy bien en esa portada de revista, cualquier maqueta que hayas decidido usar. Esta es efectivamente una gran adición a Canva, y vamos a cubrir esto en este curso. Vamos a ver cómo funciona, cómo conectar tu cuenta Canva con Smartmockups, y por último pero no menos importante, quiero decirte que Smartmockups, te dará una prueba gratuita de siete días. De acuerdo, entonces si conectas Smartmockups con Canva, tendrás una prueba gratuita de siete días, y ¿qué es esta prueba gratuita? Bueno, Smartmockups tiene diferentes tipos de maquetas. Tienes las maquetas gratis y las maquetas premium. Sí. Todas las maquetas premium son en realidad más bonitas, ofrecen más características o simplemente son más de ellas. El número de maquetas gratuitas es relativamente limitado, pero aún quedan algunas cosas interesantes con las que trabajar. Sí. En este curso, queremos mostrarles a ambos. Queremos mostrarte lo que puedes conseguir con las maquetas pagadas y las premium, y queremos mostrarte lo que puedes conseguir con la versión gratuita sin pagar nada. Nos aseguraremos en las próximas conferencias para mostrarte cómo usar tanto las maquetas gratuitas como las premium. ¿ Estás listo? Ya estoy listo. Vámonos. 3. 3 razones por el por el por qué debes utilizar maquetas: En esta lección, nos gustará discutir tres razones diferentes por las que debes usar maquetas. Ya sabemos qué son maquetas y qué son maquetas inteligentes. ¿ Por qué deberíamos usarlos y cómo estos nos van a beneficiar en nuestros negocios de diseñadores gráficos y en la vida cotidiana? Empecemos. En nuestra práctica de ser diseñador gráfico, crear diseños. Exactamente, sí. Nuestra vida cotidiana como diseñadores me refería. Exactamente. Entonces, ¿la primera razón es? El primer motivo es crear mejores diseños. ¿ A qué nos referimos con esto, Ronnie? Así que crear mejores diseños es simplemente usar todos los elementos, todas las técnicas disponibles para ti cuando diseñas, cuando creas un diseño ya sea para ti, para tu propio negocio, o para un cliente. Integrar maquetas en tu diseño te ayudará a elevar, yo diría la calidad de tus diseños. Tengo este ejemplo estuve trabajando como siempre con Canva, y luego hicimos una colaboración con un amigo nuestro, que se llama Ramón. Ramón creó un tutorial para nosotros, y el tutorial trataba de crear un cartel para una cafetería. En su póster, creamos el diseño del cartel. Quería insertar una taza de café, pero lo hizo usando maquetas inteligentes para integrar una taza de café, no solo una taza al azar que encontraría en la biblioteca Canva, sino que lo hizo usando maquetas inteligentes para integrar un logotipo en la taza de café, para luego usar eso en su creación de póster. Esa idea me pareció absolutamente fantástica, porque le agregó un nivel de profesionalismo a su diseño. Un nivel de trabajo en detalles, como prestar atención a los detalles, y a mí que me abrió los ojos y dijo, sí, realmente se puede crear un mejor diseño integrando estas técnicas en los elementos de maquetas inteligentes, el mockup inteligente exporta a Canva. Ese es un ejemplo de cómo puedes integrar estas maquetas inteligentes en tus diseños para hacerlas aún mejores, para elevar el listón, diré. Aquí también algunos otros ejemplos sobre cómo integrar estas maquetas en tus diseños. También encuentro encontrado en maquetas inteligentes, que puedes crear algunas maquetas de cómo se verán tus diseños en redes sociales como por ejemplo, Instagram o Facebook. Para que puedas usar esta pequeña maqueta y luego integrar esa maqueta en tus fotos o diseños. Por ejemplo, el del lado izquierdo, el cuadro amarillo que dice tu diseño aquí, puedes integrar una maqueta en tu diseño de esa manera. También el otro ejemplo es darle vida a tus diseños, al mostrarlos en situaciones de la vida real. Por ejemplo, en la imagen que tenemos a la derecha, vemos toda la papelería, y puedes aplicar tu logo en estos maqueta para que se vea más en la marca. Sí. A mí me gusta que utilicemos esta imagen amarilla aquí con el , tu diseño aquí, porque así es típicamente como se verán las maquetas, cuando usas maquetas inteligentes. Verás una bonita foto generalmente con un teléfono o cualquier objeto, y luego verás el texto, tu diseño aquí. Ahí es donde dejas caer tu imagen de Canva. Entonces es agradable que te hayamos estado mostrando eso aquí en esta diapositiva. El segundo beneficio de usar maquetas en tus diseños, es que estos pueden ayudarte a atraer más clientes. Ronnie ¿puedes explicárnoslo? Sí, seguro. Déjame pasar a la siguiente diapositiva. Puedes asegurar más clientes, puedes aterrizar más clientes, encontrar más clientes usando, diría, lo que puedas para crear mejores propuestas de proyectos. Llevo usando Canva para convencer a los clientes de que trabajen conmigo desde hace 10 años. Mockups inteligentes, si eres diseñador; si estás vendiendo diseño, si estás vendiendo identidad visual o incluso papelería, papelería de marca, esto realmente te puede ayudar a aterrizar el cliente, aunque estés proponiendo un marketing campaña. ¿ Cómo? Bueno, te ayuda a ti y al cliente a visualizar el resultado final y los beneficios de tu trabajo futuro para él o ella, porque tú representas eso en una situación de vida. Por ejemplo, aquí tenemos una lata de cerveza. Entonces digamos que tu trabajo como diseñador es re-marca cierta marca de cerveza. Necesitas mostrarle a tu cliente qué tipo de trabajo podrías estar haciendo por ellos. En lugar de simplemente decir enviarles imágenes planas de logotipos o diseños, o tal vez una nueva forma de decorar las latas de cerveza, puedes integrar eso directamente en una maqueta como ésta, por ejemplo, la lata vacía, para que el cliente de inmediato : “Oh, esto está cobrando vida”. Es casi algo que puedes sentir, puedes tocar porque se ve real. Por lo que te ayuda realmente a visualizar el resultado. También hace que el diseño y el resultado sean más tangibles, porque se ve real, se ve tangible. Es más fácil decir: “Está bien, voy a pagar por eso”. Entonces así diría que las maquetas realmente pueden ayudarte a aterrizar nuevos clientes. Al hacer que se vea real para ellos y esto justificando el costo que usted está pidiendo. Sí. Entonces, ¿dirías que estos segundo beneficio se aplica por ejemplo, a los diseñadores gráficos? Sí, diría diseñadores gráficos, marketing, branding. Entonces todos estos trabajos donde haces algo que es bastante intangible para el cliente. Entonces como un servicio, servicio de diseño. Servicios, sí, pero también podrían ser productos físicos, como si les estás vendiendo tarjetas de visita. Bueno, en lugar de salir por ahí e imprimir qué y llevárselo al cliente, o simplemente enviarles un diseño, que es un diseño plano, “Mira, así es como se ve”, y tú le envías un PDF de dos rectángulos planos. Si los pones en la maqueta y pones eso en una situación de la vida real en el escritorio, en tu mano, se ve más real. Esa es la línea de fondo si parece más real, y esto vale la pena pagar. Sí, más tangible. Pasemos al tercer beneficio, que es conseguir más ventas. Este, diré que es por supuesto, muy cercano al segundo beneficio, pero veamos qué queríamos expresar con estos terceros beneficios. Entonces como Ronnie explicaba antes, es mucho más atractivo mostrar a tu cliente o cliente potencial, el diseño en una maqueta en lugar de una imagen plana. Este es el ejemplo perfecto de tal vez lo que debes hacer, por el lado derecho , es mucho profesional, diré, mostrar este diseño como producto final. En este ejemplo, estás diseñando la portada de un libro o incluso un ebook. Ya he visto que un par de veces, gente diseña portadas de ebook, y te muestran el ebook como si fuera un libro real, porque lo ponen en la maqueta. Entonces sí, ese es el mismo tipo de razonamiento. A lo mejor aplica más para los productos aquí, pero para mí creo que aplica también para los servicios. Obtienes más ventas, incluso puedes obtener más dinero por lo que estás vendiendo, si puedes justificar el precio que vale el producto, el resultado final vale. Al hacer que se vea más real, más como algo, “Oh sí, en realidad puedo usar eso de esta manera. Podría tener mi libro. Se ve bonito”. El cliente o el cliente se da cuenta, “Está bien, estoy comprando un libro real. Estoy comprando un diseño que va a marcar la diferencia”. Exactamente. Yo quería agregar una pequeña historia aquí porque creo que este tercer beneficio se aplica a algo que nos pasó como clientes. Queríamos imprimir algunas imágenes para nuestra sala de estar, y Ronnie estaba navegando en Pinterest y luego viste una maqueta de la impresión. Hacía clic en el enlace y fue redirigido a Etsy. Esta persona básicamente estaba enviando fotos, pero como la vimos en una maqueta, pudimos visualizar cómo se vería esto en nuestra sala de estar. Entonces para nosotros fue mucho más fácil tomar la decisión de sí, vamos a comprar estas impresiones. Para nosotros también el costo era como, vale, sí, esto, como ya estábamos mencionando, este es producto más tangible, no es solo una imagen, estoy comprando un póster. Entonces creo que este también es un ejemplo muy perfecto para este verdadero beneficio para nosotros como clientes digamos. Para rebotar de nuevo en este ejemplo. Creo que pagué por estos 12 dólares por tres grabados. Entonces había carteles y la maqueta que mencionabas, era tres marcos en una pared, y creo que había un sofá debajo del marco. Algo que se parece a una sala de estar, y tienes razón, probablemente yo no iba a comprar 12 dólares por tres PDF que podría haber encontrado en la biblioteca Canvas probablemente algo parecido. Pero porque se veía bien, porque podía ver mi sofá en lugar de este sofá, en la maqueta, pensé : “Oh sí, esto es lindo”. Sí, porque se veía muy elegante. Creo que esto es perfecto porque dice maquetas aumentan el atractivo del producto. Exactamente. Este es un ejemplo perfecto de cómo se puede convencer a un cliente de pagar un precio más alto, si pones tu diseño en una maqueta en lugar de mostrarlo como una imagen plana, como estamos viendo aquí. Sí. Por lo que aumenta el atractivo del producto, y por lo tanto podría estar resultando en un aumento en el precio o en más ventas. Está bien, Dana, así que creo que hicimos un buen trabajo de introducir maquetas, y por qué deberíamos usarlas. Sugiero que ahora empecemos a usarlos. En la siguiente conferencia, vamos a conectar mi cuenta de Canva a maquetas inteligentes. Ese sería un paso sencillo, y luego en los dos siguientes, vamos a empezar a usar maquetas. ¿Estás listo? Sí. 4. Conexión de Smartmockups con Canva: Oigan chicos, en esta lección les vamos a mostrar cómo conectar realmente Smartmockups con Canva. Porque Rony, él nunca lo ha hecho, lo guiaré a través del proceso y los guiaré también a ustedes chicos. Lo primero que ustedes chicos deben tener en cuenta es que necesitan tener un diseño listo en su Canva. En nuestro caso, ya tenemos estos lindos logotipos que Rony creó para el equipo, RonDi. Sí. Vámonos y empecemos ahora. El primero que debes hacer, es ir al menú del lado izquierdo e ir a más. El botón más? Sí. Después verás que Canva tiene muchas apps e integraciones, por lo que puedes conectar muchas apps diferentes. En este caso, vamos a buscar Smartmockups. Smartmockups aquí. Sí. Está bien. Lleva tus diseños a vivir, publicados a Smartmockups. Crea maquetas impresionantes a partir de tus diseños o agrega tus maquetas hechas previamente a Canva. Imagino que hago clic en conectar? Sí. Está bien. Empieza conectando tus cuentas. No tengo cuenta. Exactamente. Por lo que cuando aparezca esta pequeña ventana, te permitirán conectarte a tu cuenta de Smartmockup. Porque aún no tienes una cuenta, solo baja abajo y dice que no tengas una cuenta registrándote gratis. ¿De acuerdo? Voy a llenar rápidamente mi información aquí. Esta es la forma estándar. De acuerdo, llené mi información y esto es lo que tengo. Conecta Canva a tus Smartmockups publica tu diseño. Entonces ya leemos eso. Tengo mi información aquí mismo, así que solo hago clic en conectar. Vuelvo a mi ratón. Ahora lo que tienes que hacer es, ves ahí la app dice que actualmente no tienes maquetas. Correcto. Lo que vamos a hacer es que vamos a mandar esta imagen a Smartmockups. Está bien. Entonces, ¿cómo lo haces? Sí. Vas al botón de descarga y abre el menú, y luego vas a mostrar más y verás ahí Smartmockups. Yo lo veo. Entonces ves esto está en la página 21. Solo puedes enviar una página, así que ve y ahorra. Por lo que sólo se puede enviar una página? Sí, a la vez. una página a la vez. Esperarás hasta que envíen esta imagen a Smartmockups. Cuando esto se haga, abramos tu cuenta de Smartmockups en una pestaña diferente del navegador. Me encanta que esté integrado con Canvas para que no tengas que descargarlo y luego subirlo a Smartmockups porque siento que esta sería la forma alternativa de hacerlo. Pero aquí está apareciendo este botón, es bastante guay. Por lo que su diseño se ha guardado. A lo mejor haces click en la vista en Smartmockups. Ver en Smartmockups. Es agradable porque ya te dieron un enlace directo a Smartmockups. Sí. Estas ya son mis cuentas Nunca antes había iniciado sesión en Smartmockups. A ver. Yo quiero uno de estos casos. Vista previa en vivo de tu diseño. Elige la maqueta perfecta y personaliza la escena a tu gusto. Sí, parece que me conocen. Mira, este es mi teléfono. Vista previa clara de mi maqueta. Mira esto. Podríamos tener unos pantalones de gimnasio o unas bonitas portadas de libros. Esto en realidad son chicos muy agradables porque te da una visión general de todo lo que podrías hacer. Vamos a intentarlo. Vamos a enfocarnos. Ve abajo. Sí. Sí. A lo mejor intentemos mandar una de estas imágenes. Probemos con estos cojines, cualquiera de ellos. Sí. A ver, éste. Sí. Enviemos estos a Canva. Todo lo que tienes que hacer es hacer click en este botón de guardar. El guardar aquí, como un disquete? Sí. Está bien. Normalmente cuando volvemos a Canva. Vuelve a Canva. Continuar editando. Continuar editando. Actualiza la página. Está bien. Se debe cargar aquí ¿verdad? Mi cojín en toda mi maqueta. Normalmente. Está aquí. Sí, funcionó. Bueno, eso es más o menos lo que quería mostrarte. Queríamos mostrar que puedes conectar Canva a tus cuentas de Smartmockup. Guardas tu diseño como maqueta. Entonces aparecerá directamente aquí. Canva. Entonces, ¿qué podemos hacer con esta imagen? Creo que puedes insertar eso en uno de tu diseño Canva. Sí. Simplemente voy a dar click en él y se muestra aquí. Sí, y yo quería decirles algo chicos porque cuando apenas hagan clic en la imagen e insertarla en Canva en su página, se verá como super pixelada. Pero no te preocupes porque si revisas el menú del lado izquierdo, se estaba cargando. Por lo que se estaba subiendo a Canva y ahora como puedes ver, se ve realmente de alta calidad. De acuerdo, así que noté que se estaba subiendo aquí. Es como si estuviera subiendo en tu carpeta de carga.Imagino que lo encontraré aquí. Sí, está aquí. Entonces es básicamente crear un logotipo o crear un diseño Canva, conectas eso y lo exportas a Smartmockups. Sí. Entonces estás en Smartmockups, puedes ver tu diseño en todas las maquetas. Seleccionas tu maqueta y luego guardas ese Smartmockup. Después vuelves a Canva, se mostrará en tu botón de integración Smartmockup aquí mismo. Una vez que insertes eso en tu diseño, subirá este diseño en tus subidas de Canva. Sí. Eso es bastante guay porque ahora podemos trabajar con esto. Eso es lo que queríamos mostrarles en esta conferencia, solo cómo conectar Smartmockups con Canva. En las dos próximas conferencias, les voy a mostrar cómo utilizar este proceso para crear y promover algunos productos físicos, no un cojín, sino algo más. En la siguiente conferencia, la después de la mía, que será la última de esta clase, Diana, ¿qué nos vas a mostrar? Sí. Deseo crear un PDF de portafolio que pueda descargar y enviar a sus clientes potenciales. En este caso, me gustará promover servicios, en este caso, servicios de diseño. Voy a integrar algunos diseños en maquetas para luego crear un PDF que puedas enviar a tus clientes potenciales. Para vender sus servicios. Déjame mostrarte cómo puedes vender productos y vender servicios mediante el uso de Smartmockups. Si estás listo, vamos a ensuciarnos las manos en las próximas dos conferencias, vamos. 5. Crea una maqueta de productos: Bienvenidos de nuevo a los chicos de la clase. En esta conferencia, les voy a mostrar cómo crear maquetas de sus productos físicos con el fin de promoverlos. Para esta conferencia, vamos a utilizar el ejemplo de hipotética fusión, merchandising que venderías a tu público, venderías a tus seguidores, por ejemplo en nuestro caso, ejemplo en nuestro caso, las personas que les gustaban alrededor de la bota campamento, a quienes les gusta el Equipo RonDi, que nos siguen en Facebook, Instagram, o YouTube. Pero descargo de responsabilidad, quiero dar este descargo de responsabilidad primero, no vendemos estos producto real. Voy a crear productos falsos que no estamos vendiendo de ninguna manera. Todo lo que voy a estar creando en esta conferencia no está a la venta, es sólo con el propósito de este ejercicio. Ahora que dicho eso, este es nuestro logo Team RonDi que hemos creado previamente. Tenemos diferentes versiones de la misma, se ve bien, podemos declinarlo en diferentes colores. Lo que queremos hacer es crear alguna fusión basada en ese logotipo. Tengo versión diferente de la misma, creo que me voy a ir con ésta, que es simple y puedo personalizar el fondo como quiera. El primero que quiero hacer es guardar este logotipo aquí mismo en Smartmockups. Para ello, irás a tu pequeña flecha aquí cerca del botón de descarga, y buscarás, click en “Mostrar más”, Smartmockups aquí. Voy a dar click en eso, quiero Page 22, sí, eso es lo que quiero. Se guarda y ahora se puede ver que se puede ver esto en Smartmockups. Voy a dar click aquí, esto me va a llevar a Smartmockups. Ahí y mi cuenta, puedes ver mi carita aquí mismo, sigo en la prueba gratuita. Aquí es donde aterrizaré, en la página de inicio, y aquí puedo elegir diferentes categorías de maquetas. El primero que quiero diseñar es una camiseta. Yo voy a ir a “Ropa” “Camiseta”, y yo simplemente voy a elegir, ya ves la primera son las playeras del frente y luego tienes aquí camiseta de atrás, ves que dice atrás y aquí no dice cualquier cosa, pero es el frente, tengo frente y atrás, voy a empezar con el frente. Haciendo clic aquí, ahora tengo mi maqueta aquí, no tiene antecedentes, pero eso está bien porque no quiero mi maqueta con antecedentes. Podría exportar una pareja con situación de vida, situaciones de la vida real para que realmente podamos ver cómo se ve el diseño, cómo se ve el producto en la vida real, pero por ahora estoy contento con un simple maqueta de corte. Lo primero que debes hacer es por supuesto subir tu diseño aquí. En el.t-shirt dice “Subir de”, solo voy a dar clic aquí y usar Canva. Ya ves el diseño que exporté de Canva a Smartmockup, ya está aquí. Simplemente voy a seleccionar esto, y ya puedes ver ahora puedo reposicionar esto en cualquier lugar que quiera en mi camiseta. De verdad depende de ti, puedes cambiar el tamaño así hacerlo más pequeño, me gusta no demasiado grande. Creo que esto está bien. Voy a recortar y seguir, y ahora tengo mi camiseta Team Rondi, se ve bien. Incluso puedo personalizar una pequeña etiqueta aquí. El rótulo del cuello, puedes subir otra imagen, yo también voy a hacer esto. Voy a ir por tal vez éste ahora mismo. Esto se ve grande, tal vez pueda reducir esto. Ya veo cómo se ve pero sí, se ve genial. Tengo mi primera camiseta. Un par de cosas que puedo hacer desde aquí, puedo personalizar esta escena. ¿ Qué pasa cuando hago clic aquí? Yo puedo elegir el color de las playeras, intentémoslo. Te acuerdas, en la conferencia anterior, realidad creé un color personalizado, que es este color, ¿qué pasa cuando hago clic aquí? Ya ves, esto sucede. Básicamente, esto está sucediendo, cambiando el color pero Smartmockups reconoce que toda esta plaza aquí es la imagen que he subido. Eso es un pequeño problema para mí porque por supuesto no se ve bien. ¿ Cómo puedes deshacerte de ese fondo aquí en mi logo? Desafortunadamente, no puedes hacerlo desde Smartmockups, tienes que hacerlo desde Canva. Voy a volver a Canva, y esa sigue siendo mi Página 22. Lo que voy a hacer es descargar esta Página 22 sin antecedentes. Voy a dar click aquí, PNG con fondo transparente, y quiero Página 22. Eso es lo que voy a hacer aquí, hecho, y descargaré esta imagen específica sin el fondo. Voy a colocar esto en mi escritorio. Ahora, puedo volver a Smartmockups y voy a ir a mi imagen. Me desharé de éste y subiré uno nuevo, esta vez no de Canvas, sino de mi computadora simplemente. Esto, voy a ir a mi escritorio y subir mi nueva imagen que no tiene fondo, ves que es negro. Simplemente voy a hacer lo mismo otra vez, así, “Cultivar y continuar”, y ahí tienes. Es así como tienes tu logo en tu camiseta o en cualquier rotulador por diga. Ahora, lo que voy a hacer es simplemente descargar estas maquetas. Tengo la opción entre diferentes tipos de resoluciones, súper altas, altas, solo voy a ir por alto, no necesito el súper alto. Se va a estar descargando aquí, sólo voy a asegurarme de poner esto en mi escritorio también. Ese es el primer producto que voy a estar vendiendo y por el bien de ello, puedo cambiar el color de mi camiseta porque ahora tengo aquí un logo transparente. Simplemente voy a ir a elegir diferentes colores para mis playeras. Eso es lindo. Yo también voy a descargar esto. Tengo un poco de elección y luego vamos a elegir una última, esta es bonita. Ahora tengo un par de diferentes colores de playeras que puedo usar. Voy a poner todo en mi escritorio para que me agarre más tarde. Está bien, ese es el primer producto, la primera hipotética fusión que podría estar vendiendo en mi tienda. A continuación, vamos a ir a crear algo más y lo segundo que quiero crear es una taza. Para todos ustedes amantes del té o del café, quiero crear una taza. Voy a volver a viejos maquetas y esta vez voy a ir a la decoración del hogar y tazas. Tengo diferentes tazas aquí, voy a ir por una, otra vez, como aislada. Yo quiero la taza aislada así, me gusta que venga la mano y mostrando la taza. Hay mano de señora, no hay mano de hombre, eso está bien, puedo ir con la mano de la señora. Vayamos con la mano de la señora negra. Está bien. Esta es mi taza de aquí. Voy a pasar por el mismo proceso. Voy a subir mi diseño desde Canva. Puedo usar este, me va a mostrar cómo se ve. Puedo hacer esto un poco más pequeño. Esto se ve bien. “ Cultivo y continúa”. Esto es bastante guay, voy a trabajar con esto. Este primero, lo voy a descargar en el color blanco, eso está bien para mí. Diseñar, descargarlo en alta resolución, y luego voy a pasar por el mismo proceso de personalización del color. Eso es bueno. Pero no lo voy a hacer con la mano, quiero personalizar el color desde otro diseño de taza. Déjame ver. Esto en realidad es lindo, voy a ir con éste también. Descarga esto. ves Smartmockup ya está integrado mi diseño, no tengo que volver a hacerlo. Eso es bastante guay. Apenas estoy empezando a construir una biblioteca de imágenes aquí cual voy a ir a buscar más tarde para crear mi pequeño diseño en Canva. Está bien. Yo quiero algo más. Yo quiero sólo la taza, como la taza aislada, necesito filtrar aquí por aislado. Voy a desplazarme hacia abajo para encontrar esto. Esto es lo que busco. Esta vez, voy a subir mi logo sin el fondo porque quiero otro color. Por otra parte, si no tienes Canva Pro para descargar con fondo transparente, te voy a mostrar otro truco. Digamos que quieres que esto sea amarillo, simplemente voy a ir a mi taza aquí, voy a personalizar la copa para este amarillo. A lo que voy a hacer, voy a usar mi Selector de Color y agarrar ese color amarillo. No lo ves, está aquí arriba pero solo estoy copiando el código hexadecimal con mi Selector de color, esa es la extensión Cuentagotas, Color Picker, esa es una extensión de Chrome, yo uso mucho esto. Esta extensión te permite básicamente tener una extensión en tu navegador Chrome y luego al hacer clic en el Selector de color, puedes agarrar cualquier color de tu pantalla. Acabo de hacer eso y luego simplemente puedes copiar el código hexadecimal, y voy a volver a Canva y duplicar esta página. Ahora, puedo cambiar el color de este fondo aquí mismo, crear un nuevo color, y voy a pegar este amarillo que agarré de la otra página con mi Selector de color. Ya tengo Página 23, voy a mandar eso a Smartmockups. Debería estar en mis Smartmockups. A ver. Voy a volver a esto, tal vez necesito refrescarme solo para estar seguro. Sube de Canva, necesito el amarillo por favor, sí está aquí. Perfecto. Está bien. Entonces ya ves ahora está de este lado de la copa, necesito posicionarla un poco mejor para que se muestre muy bien por la parte de la copa que aquí se muestra. No tendría sentido colocarlo aquí en la copa así, debería estar en el medio. Así que más o menos aquí, pero para esta imagen, entonces no se ve bien. Entonces solo lo voy a llevar a donde sí se ve bien aquí. Entonces cosechar y continuar. Ahora, puedo cambiar el color de mi taza a esta amarilla, y boom, tenemos una bonita gorra amarilla. Eso es perfecto. Eso me gusta, y voy a descargar eso en alta resolución. Está bien. Tenemos una camiseta, tenemos una taza, ¿qué más podrían querer comprarnos nuestros potenciales seguidores y fans? Bueno, tal vez una funda de teléfono. Todo el mundo tiene un teléfono, entonces ¿por qué no invitarlos a usar su merchandising en su teléfono? Entonces para eso, voy a ir a Tecnología, Accesorios, y ahí, puedes encontrar un montón de fundas para iPhone, y creo que también fundas Samsung. Yo personalmente, tengo este teléfono. Tengo un iPhone 11, no el pro sino el iPhone 11, que es este teléfono. Entonces eso es genial. A ver si también puedo encontrar los aislados. Entonces iré por una vida real. Esto es bueno. Espero poder personalizar. Sí, puedo elegir el color. Voy a ir por el color Canva, y necesito mi imagen. Puedo subir desde Canva esta vez. En realidad, no, porque no tengo el color verde. Está bien. Voy a subir desde mi computadora. Por lo que subo mi imagen sin fondo. Entonces éste, el PNG. Perfecto. No quiero que sea tan enorme porque quiero poder leer el branding Rondi, y lo quiero en la parte baja del caso así. A ver. Se ve bien. Eso es perfecto. Está bien. Eso me gusta. Yo también voy a descargar esto. Entonces lo último que quiero es tener el mismo caso pero en una situación de la vida real. Por lo que volver a Tecnología, volver a Accesorios. Voy a ir por éste, en realidad, éste es lindo. Esto, para hacer el mismo proceso. Mi teléfono, bueno, y mi imagen, subir de mis imágenes, y ese es el uno. Sólo voy a asegurarme de que esto tenga el tamaño exacto. Hasta puedo colocarlo en otro lugar. No voy a ir con el mismo posicionamiento para que se vea consistente. Esto se ve bien. ¿ Puedo cambiar el color del teléfono dentro? No, no puedo. Está bien. Ya basta con eso. Descarga esto en alta resolución. Entonces ahora tengo todos mis mock ups. Lo siguiente que quiero mostrarles es cómo puedo usar todo esto directamente en Canva. Lo primero que tengo que hacer es recolectar todas estas imágenes. Voy a recoger todos estos simulacros que creé. Este, éste, no. De aquí a aquí, voy a mandar todo eso a mi escritorio. Bien. Ahora, puedo volver a Canvas. Entonces esta es mi página de inicio de Canva, y voy a ir por una primera presentación móvil. Voy a escribir esta primera presentación móvil. ¿ Por qué quiero esto? Bueno, en realidad quería el primer sitio web móvil, eso es lo que quería. Canva ahora tiene esta categoría. Quiero un primer sitio web móvil. Sabes qué, voy a abrir un primer sitio web móvil en blanco. Lo primero que tengo que hacer es subir mis maquetas que acabo de crear. Entonces voy a ir a buscarlos de mi computadora aquí. Todos estos, sí. Yo quiero subir todo esto a Canva, y ya ves que están subiendo rápidamente aquí porque están en alta resolución, podrían tardar un poco de tiempo en subir, pero eso está bien. Mientras tanto lo que puedo hacer es ir a mis plantillas aquí y ver lo que Canva tiene para mí. ¿ Cómo puedes mostrarme un poco de los diferentes sitios web móviles primeros para que pueda decidirme y elegir una plantilla con la que empezar a trabajar? A mí me gusta este. Es bonito. Trabajemos con esto. Voy a empezar a crear las páginas de mi sitio web, y por supuesto en algún momento, necesitaré algo para subir imágenes. Esto es bonito pero no hay colocaciones para imágenes hasta ahora, Pero me gusta el branding. Por lo que puedo cambiar estos colores por los colores de nuestro boot camp y nuestra marca porque esto es bastante bonito. Entonces me voy a cambiar todo por este azul. ¿ Ves cómo cambié todo? Entonces mira, voy a hacer esto otra vez. Estoy seleccionando el rojo aquí, haga clic en el color, quiero cambiar por el rosa. Entonces tengo esta opción que dice Cambiar todos estos rojo coral por este rosa, voy a marcar eso. Por lo tanto asegurándome de que mis colores sean consistentes. Ahora, quiero cambiar este color pistacho claro por uno de los colores de mi marca también. Entonces quiero este gris claro, y aquí voy a hacer exactamente lo mismo. Ahí vas. Entonces ahora, tengo algo que ya está de marca. Está bien. A continuación, quiero cambiar estos también. Por lo que estos para mi color de marca. Genial. Tengo algo de marca. Solo necesito cambiar las fuentes, pero aún necesito agregar algunas páginas aquí para mostrar imágenes. Todavía necesito encontrar eso. Por ejemplo, aquí tengo un par de páginas así. Entonces vamos a ver. A mí me gusta esto. Necesitaré cambiar esta foto aquí mismo por una de mis fotos que acabo de subir. Entonces voy a ir a Mis Uploads, esto es bastante bonito, vamos a ver cómo se ve. Se puede cambiar esto por camisetas. Por lo que todavía necesito cambiar un montón de colores aquí, y, por supuesto, personalizar estas cosas. Al igual que, por ejemplo, la fuente, voy a usar mi fuente, la fuente de mi marca personal. Necesitamos los colores correctos. Este es un grupo, necesito desagrupar y quiero traer eso aquí y quiero este. Voy a reagrupar esto y posicionar esto al frente.. Tengo camisetas aquí. Puedo cambiar este texto convertirme en un Equipo oficial Rondi Superfan. Por supuesto, necesito hacer todo en marca. Entonces simplemente voy a usar mis fuentes. Se ve bien, y voy a cambiar el color. Esto es como un verde oscuro, pero quiero mi azul. Tengo la primera página, que es playeras. Se ve bien. Es de marca. A lo mejor esto debería venir en la cima. Aún no lo he decidido o tal vez lo pueda hacer para que no se acabe. Entonces esa es la camiseta. Entonces ya ves, una vez que tengas tu merch es solo cuestión de arreglarlos. Entonces trabajar desde una plantilla o así es ver como ¿qué te gusta en esta plantilla y de qué quieres deshacerte? Entonces por ejemplo aquí, lo que podría hacer, estoy creando sobre la marcha aquí, pero quiero mostrarte cómo puedes divertirte. Entonces solo voy a cambiar esto por mi fuente. Entonces Paz Sans, y voy a escribir Equipo Rondi Fun Merch. Equipo Rondi Fun Merch, y sí, voy a usar una fuente diferente, que está asociada a mi marca. Por lo que Team Rondi Fun Merch, una de las cosas que utilizamos consistentemente en nuestra marca es nuestros pequeños emojis. Para eso, voy a traer nuestros emojis de vuelta a estos diseños porque esta es una pieza importante de nuestro branding. llevémoslo e integramos eso en nuestro diseño, Equipo Rondi Fun Merch. No me gusta el merch divertido, cómo se ve aquí. Esto se ve mejor, tal vez esto un poco más arriba, y éste de aquí. Por lo que tenemos algo de espacio para nuestro logo. Está bien. Equipo Rondi Fun Fusionar, esto es genial. Yo voy a trabajar con esto. Segunda página, tenemos las playeras. Voy a duplicar esto y empezar a trabajar con la segunda página que son las tazas. Tenemos tazas. Podemos cambiar el mensaje. Comienza tu día con un café RonDi. No significa mucho, pero suena bien. Está bien, puedo cambiar el color aquí por otro color de mi marca. De acuerdo, mismo aquí puedo cambiar el color para hacer todo más en la marca, bien. A continuación, necesito empezar a subir mis maquetas. A mí me gusta que la taza venga aquí. Esto es bastante guay y voy a añadir otro aquí. Cambios como este, y necesito algunos antecedentes. Este fondo aquí realmente no funciona con mi color. ¿ Qué puedo hacer? Podría tener como, sí o podría probar el verde, no realmente. Voy a ir por esto. Eso es interesante, y agrega un poco de sombra detrás de esta taza aquí mismo. Voy a ir a mis elementos a buscar una forma. Podría trabajar con esta bengala aquí mismo. A ver, hazlo grande y coloca eso detrás de la taza y veamos cómo se ve a la parte de atrás. Las espaldas son en realidad bastante cool, esta mano aquí mismo. Sabes qué, no necesito esta cosa aquí mismo, me gusta eso, sólo este texto y tampoco necesito esto. Control C, control V. Ya está aquí, voy a cambiar este color por blanco y colocarlo aquí. Lo que quiero hacer, simplemente agregue el precio. A lo mejor esta taza es 9.99 dólares y puedo hacer esto más grande, así. Ahora, yo tengo el precio, puedo ponerlo aquí. Si tengo un precio por esta taza, probablemente debería tener un precio por cada pieza de taza. Nuevamente, estos no son chicos de producto reales. No trates de comprarlos en ninguna parte porque no está a la venta. Es solo para mostrarte cómo diseñarlos. Tazas, las camisetas, sí. Voy a deshacerme de estas cosas aquí mismo que en realidad no trae nada. Voy a copiar el precio. La camiseta va a ser un poco más cara que una taza. ¿ Cuánto cuesta una camiseta hoy en día? Digamos que una camiseta es de 19.99. Una camiseta por 20 dólares, es un trato realmente bueno para una camiseta RonDi. Está empezando a cobrar vida como se prometió en este curso, promesa de marca. Da vida a tu diseño. Esto es exactamente lo que está pasando aquí chicos. Estoy dando vida al diseño, gracias a los maquetas. Ya ves que todo está tomando forma. Voy a crear el último bit de este mini-sitio web, que es el de la funda del teléfono. Necesito una página más, voy a duplicar esta. Te vas a deshacer de las maquetas y llevar una funda telefónica. El caso del teléfono, tengo esto y tengo esto. Empecemos moviendo estos elementos. Esto, tal vez lo puse aquí por ahora y así en medio. Creo que voy a cambiar el color de este azul por el rosa. Sí, y voy a traer estos dos de caso quiero el centrado, bueno. Este pequeño precio aquí, aquí mismo, voy a duplicar esto. Para esto, solo voy a mantener mi clave de opción. Trae eso aquí, cambia eso por azul porque centrado es uno. Caso telefónico, $10 se ve bien. Todavía tengo mi bengala aquí, ¿ves eso? mejor puedo traerlo, no puedo deshacerme de la bengala, lo que puedo hacer es llevarme a algunos de estos tipos aquí, de acuerdo. He seleccionado ese comando C, comando V por aquí. Voy a desagrupar, me gusta este de aquí. Desagrupa, sí y simplemente voy a empezar a jugar con este diseño. Probablemente debería agregar en las otras páginas también. Tomemos este por ejemplo, en este comando uno C, traiga algo aquí, comando V. Realmente puedes jugar, puedes cambiar el color, hacer que se vea divertido, así. A mí también me gusta este. Estoy cambiando de colores para que coincida con mi marca. Ahora, es funky y juguetón. Puedo borrar esto. Déjame borrar esto, voy a la última página, que es Cómo ordenar. Por supuesto, necesita tener la fuente correcta, necesito algo más oscuro. Encontremos algo más oscuro que el rosa. Usemos o tal vez el verde. Usaré el verde y cambiaré el color aquí. Una vez que tengo uno, como ves esta bolita aquí mismo, voy a usar el botón de estilo de copia. Hace que sea realmente fácil, así de bien. Cómo Pedir. Yo quiero cambiar todo este texto pero básicamente puedes escribir tus tres pasos como hacer tu pedido, pagar con PayPal, y luego ingresar tu dirección. Se obtiene el punto. Contamos con nuestro primer sitio web móvil. Puedo publicar como sitio web solo con el clic de este botón, hagámoslo. Tengo diferentes estilos de página web. Yo quiero este sitio web de desplazamiento, así que éste, abre el sitio web. Este es el sitio web y cómo se ve en mi escritorio, ¿ves? Pero claro, sería interesante navegar este sitio web desde un móvil porque aquí está en mi computadora. Te mostraré exactamente cómo se ve desde un móvil. Voy a compartir esta URL a mi móvil y grabar la pantalla de mi móvil para que veas cómo se ve. Eso terminará este tipo de la conferencia. Yo sólo voy a copiar esto, mandarme eso a mí mismo. Muy bien, chicos así es como se ve en mi teléfono. Ya ves la primera página se ve bastante genial con el logotipo del Team RonDi aquí mismo. Después la página dos puede ver Camisetas Conviértete en Superfan Oficial del Equipo RonDi. Entonces tienes la taza y me gusta mucho este parque. Este efecto halo que puso detrás de la taza, su realmente trae todo bien a la vida y me gusta que pueda ver la taza en diferentes colores. Después tenemos estuches telefónicos. Esto es bastante cool, Cómo ordenar. Eso es lo que quería mostrarles chicos, cómo llevar sus diseños a vivir, cómo promocionar sus productos con Smartmockups. Ya viste, creé diferentes tipos de productos, todos están aquí. Después creó este mini sitio web que nos permite vender nuestro merch a nuestros seguidores, a nuestros fans, o a las personas que al igual que nuestro contenido y quieren formar parte de esta comunidad, parte de esta familia. Espero que esto haya sido útil. En la próxima conferencia, Diana te va a mostrar cómo usar Smartmockups para dar vida a tus productos digitales. Ella te explicará cómo puedes promocionar tus servicios usando la misma técnica y usando Smartmockups. Ella te verá ahí. 6. Utiliza maquetas para mostrar tu portafolio (1/2): Bienvenidos a esta lección. En este video, te voy a enseñar a exhibir tus diseños con maquetas. También te voy a enseñar a crear este PDF que funcionará como un portafolio, que puedas promocionar tus servicios de diseño. Digamos que estás empezando y no tienes un sitio web, puedes enviar realmente estos PDF a tus potenciales clientes vía correo electrónico. Como pueden ver aquí, tenemos un par de maquetas, redes sociales. En realidad este es un Mockup de Instagram, YouTube Mockup, y algunos otros maquetas que te enseñaré a crear hoy. Vamos a nuestra página de inicio de Canva, y vamos a empezar a diseñar con estas plantillas categoría o tamaño de plantilla, que se llama presentación, 1920 por 1080. Si no puedes encontrar estas presentaciones tamaño aquí en este carrusel, solo tienes que escribir aquí presentación. Da click aquí en esta que dice 1920 por 1080. En realidad puedes buscar aquí e intentar encontrar un diseño que te guste, pero te sugeriré que vayas por la opción en blanco y por eso: Como puedes ver aquí en la pestaña de plantillas, podemos ver todas las diferentes plantillas organizadas por categoría. Presentación sencilla, presentación de empresa, etc. Me gusta mucho esto en realidad porque puedo empezar a navegar ya en una categoría o un grupo de diseños, lugar de desplazarme aquí en esta página. Creo que es que tenemos como tantos diseños diferentes aquí, pero en esta pestaña, ya los tenemos todos organizados. Para este diseño, iré aquí en la categoría de presentación simple y ver todo. El diseño utilizado hoy en día en realidad, fue éste. Ya pasé por todos los diferentes diseños que encontré aquí en Canva, pero éste me llamó la atención porque en realidad voy a mostrar algunos de los diseños de redes sociales que creé, y éste ya tiene algunas opciones que se ven como maquetas, así que creo que esto me ayudará a que mis diseños se vean mejor. Como puedes ver aquí, esta es la primera página o primer diseño que utilicé. También es el primer diseño o plantilla que encontramos aquí en esta plantilla de presentación, que se llama Purple and Green Modern Sales Marketing Presentation. Vamos a dar clic aquí y estas plantillas irán automáticamente a la primera página. Antes de empezar a personalizar estos diseños, crearé todas las maquetas que necesitaré para este PDF. Te mostraré rápidamente toda la maqueta que tengo aquí o entonces necesito recrear. Se trata de un póster, tarjetas , diseño de redes sociales, miniaturas de YouTube, etc. Todos estos diferentes diseños que tengo aquí, ya los abro en estas diferentes pestañas y enviaré estos diseños a Smartmockups. Yo iré aquí. Sé que esta es la página número 6. Vamos a Mostrar más y Smartmockups. Entonces Página 6, Guardar, y esto enviará automáticamente este diseño a Smartmockups. Hagamos lo mismo por los otros diseños. Enviemos la página número 1. Para este, necesito estos dos diseños así que hagamos este proceso dos veces. Página 1, y cuando éste esté listo, enviaré la página 2. Sigamos con los otros diseños. Ya envié todos los diseños a Smartmockups, y ahora empecemos a recrearlos. Tengo aquí en la primera página, este es un cartel y luego la tarjeta de visita. Vayamos aquí a Smartmockups. Como puedes ver aquí, veo algunas que no tienen la etiqueta premium, y algunas otras opciones que tienen la etiqueta premium. Ya crucé o terminé mis siete días de prueba gratis, y no puedo usar los diseños premium. Como se puede ver aquí, dice: “Ver precios y planes o continuar con plan gratuito”. Seguiré con el plan gratuito solo para mostrarles chicos que crearé este PDF solo con los maquetas gratis. Volvamos otra vez. Crearé estos maqueta de póster, así que iré a la categoría Imprimir, e iré a Marcos y Posters. Como puedes ver aquí, esta es una foto como maqueta. Voy a filtrar estas selección por foto. El que usé, está aquí. Vamos a dar click aquí, y vamos a subir el diseño de Canva que acabo de enviar. Debería estar aquí. Está aquí. Mamás trabajadoras, selecciona ésta. Este tamaño es simplemente perfecto, “Recortar y continuar”. Realmente necesito guardar esto, si no, no aparecerá en mi Canva más tarde cuando voy a empezar a diseñar. La siguiente opción, es una tarjeta de visita. Vayamos a Imprimir otra vez, y vamos a Tarjetas de visita. Esta también es una foto, yo uso esta. Sube de Canva, es este diseño, y necesitaré hacerlo solo un poquito más grande como este, Recortar y continuar, Guardar. Supongo que necesito saber el diseño de la tarjeta de visita, que es éste. Encontremos eso aquí en las tarjetas de visita. Es este montón de tarjetas de visita. Hagamos el mismo proceso. Volvamos al PDF y veamos qué más necesitamos. Ya tenemos estas dos imágenes. Necesitaré la maqueta para redes sociales. Este, me gusta mucho, creo que es una nueva maqueta aquí en Smartmockups, así que vamos a redes sociales en Instagram. Es éste. Es la única opción gratuita. Vamos a la imagen de perfil. Esta imagen de perfil, es esta pequeña burbuja que vemos aquí. Subir desde Canva. Aquí puedes usar una foto. Probemos con este. Hagámoslo más grande. Vamos a cosechar o continuar. Entonces ven aquí la imagen será la que va a estar en estos cuadrados azules. Por lo que sube de Canva. Es este diseño. Si te confundiste y subiste la imagen de diseño a tu imagen de perfil por accidente, solo puedes eliminar el diseño aquí, ya que puedes ver el cantero y hacer el proceso una vez más. Guardemos esto. Entonces volvamos a mi cartera y veamos el siguiente simulacro que vamos a crear. Entonces esta es una miniatura de YouTube y vamos a dar click aquí, realidad, voy a dar click en redes sociales. Vamos a ver todas las diferentes plantillas que podemos utilizar aquí de forma gratuita. Sólo hay cuatro. Voy a usar el primero. Este es el que utilicé para este PDF y voy a hacer exactamente el mismo proceso. El siguiente maqueta, es esta foto en la que podemos ver nuestra página web de Canva en este teléfono. Por lo que este está bajo tecnología y smartphone. Entonces vamos a filtrar por foto. Tratemos de encontrar la misma imagen. Está justo aquí. Cada vez que guardo la imagen o la maqueta, me aseguro de que estos icono de cheque aparezcan cada vez porque si no, no aparecerá en mi Canva. Para esta página, necesitaremos una maqueta. Te explicaré más adelante cómo lo hice y el resto de las imágenes, ya las tenemos así, empecemos a diseñar ahora. Volvamos a nuestra plantilla que aún no personalizamos y vayamos a maquetas inteligentes. Esperemos que nuestras imágenes estén aquí. Sí. Entonces solo necesito tomar mi maqueta y arrastrarla a mi tablet, como se puede ver aquí en la segunda imagen, déjame ver. Es el cartel de la mamita trabajadora. Entonces posicionemos este aquí mismo. Porque quiero que el cartel sea más visible, voy a hacer doble clic y moverlo ligeramente a la izquierda, así. Antes de seguir adelante con los siguientes pasos de esta creación de PDF, me encantaría mostrarles una forma en la que se pueda tener una mayor selección para este PDF. Para no usar los mismos colores que Canva está proporcionando aquí y personalizar un poco más, estos diseños o estos PDF. Entonces este truco que te voy a enseñar es éste. Vayamos a la pestaña de elementos. Yo me desplazaré aquí abajo. En realidad se puede ir a estos elementos de característica. Pero el que uso está aquí, estos símbolos de sujeto. Abramos esta categoría de elementos. De hecho comprobarás todos los artículos que vemos aquí y seleccionarás el que tenga los colores que más te gusten o la combinación de colores que más te gusten. El que utilicé para este diseño o este PDF, es éste. Me gusta el morado, el azul, y el halo en realidad. Entonces como puedes ver aquí, tenemos cinco colores diferentes. Estos son los colores que usé. Ahora que tengo este pequeño elemento en mi página, aquí aparecerán los colores del elemento. Por lo que sólo puedo dar click en el morado. Ya ves que es el mismo morado de estos ícono. Entonces para el fondo, creo que usé este verde. Este de aquí. Sí. Entonces, eliminemos los elementos que no necesitamos en esta página. Por lo que esta flecha en este texto aquí, y en estos grandes texto o cuadro de texto, puedes agregar tu nombre de marca o tu nombre, por lo que es más fácil para tu cliente potencial recordar tu nombre. Entonces vamos a la siguiente página. Este elemento, lo dejaré aquí sólo por el momento porque será útil. Pero luego al final, podemos eliminarlo. Vamos a crear la segunda página o recrear en este caso. Voy a volver a mi diseño Canva y vamos a las opciones de plantillas. El que uso es éste. Aquí se ve la opción de ford. Entonces vamos a crear primero una nueva página. Arrastremos esta plantilla aquí. Perfecto. Cambiemos el morado por, la nueva paleta de colores que estamos usando. Entonces voy a crear un título. Entonces voy a crear un pequeño cuadro de texto en el que se puede agregar más información sobre estos servicios. Entonces sólo voy a pegar aquí mi título. Voy a hacer este cuadro de texto un poco más grande a este lado. Entonces esta palabra está en tan solo una línea como esta. Voy a duplicar por el momento este cuadro de texto. Voy a cambiar esto por la fuente llamada Poppins light. Entonces voy a cambiar el tamaño a alrededor de 21 o 24. Voy a usar en realidad Lorem Ipsum. Entonces esto es sólo un texto maqueta porque me gustaría que ustedes crearan su propio texto aquí. Entonces voy a usar este texto sólo para que ustedes vean que pueden agregar como dos, cuatro, cinco líneas de texto aquí. Ahora que tengo estas capas listas, lo único que me falta aquí es la maqueta. Entonces vayamos a maquetas inteligentes, y arrastremos mi maqueta aquí dentro del teléfono. Por lo que esta maqueta tiene un fondo transparente. Por lo que necesitaré estirar para poder lucir bien en la fuente. Por lo que necesito hacer doble clic aquí y estirar la imagen y luego arrastrarla dentro del teléfono. Algo así. Vamos a dar click aquí en descarga para ver si se ve bien o si necesito seguir ajustándome. Creo que lo haré un poco más pequeño. Para que podamos ver más detalles de la maqueta. Perfecto. 7. Utiliza maquetas para mostrar tu portafolio (2/2) 2: En la página siguiente, sí, esta es la maqueta de la miniatura. Veamos qué plantilla usé para este. Una, que en realidad me gustó mucho, es ésta la que ves aquí. Me gustó mucho porque tienen un sitio web o marco de navegador. Lo único que tengo que hacer aquí es arrastrar mi maqueta dentro de esto. También maqueta porque estos marco del navegador funciona como una maqueta. De nuevo aquí, necesito hacer el mismo proceso que antes. Necesito estirar esta imagen y va a ser más grande y posicionarla dentro del marco del navegador. Se ve mejor. Creo que así, está bien. Entonces haré los demás ajustes. Voy a cambiar los colores y los textos aquí en esta página. Parece que ya tengo esta página lista y vamos a la siguiente. Después de la página de miniaturas, es la página de sitios web de Canva. Es muy similar como el diseño es similar, así que te mostraré cómo recrear esta página realmente rápido. Vayamos aquí al diseño y vamos a copiar la página. Ahora, eliminemos esta maqueta de sitio web. Vamos a borrar. Genial. Ahora lo que voy a hacer es sólo cambiar este cuadro de texto a la derecha y escribir Canva Websites. Coloquemos este cuadro de texto aquí también a la derecha. Creo que tal vez éste necesita menos texto. Añadamos nuestra maqueta aquí a la izquierda. Vamos a estirar esta imagen. Trataré de posicionar esta imagen al medio exacto de la página. Como puedes ver aquí cuando estoy arrastrando la imagen Canva me muestra esta línea fáctica en realidad. Esto indica que este es el medio exacto de la página. Ahora eso está en medio. Voy a hacer doble clic en mi maqueta y arrastrar la imagen para que podamos ver el diseño real en el teléfono. Algo así. Cambiemos los colores. Eso será todo para esta página. Yo también voy a posicionar este rectángulo en el medio exacto. Ahora sólo tenemos que cambiar la alineación de estos cuadro de texto y ya estamos. Ahora pasemos a la siguiente página. Esta es la siguiente página. Como puedes ver aquí, tenemos dos teléfonos y en realidad podemos hacer click en estos teléfonos para ir a otro sitio web. Vamos a crear una nueva página aquí. En realidad, voy a duplicar esta página y eliminar la imagen, eliminar todo lo que no necesito aquí. Yo sólo necesitaba este rectángulo y lo voy a estirar, así que está en el medio exacto. En realidad la sección blanca de esta hoja de cálculo estaba a la derecha y la otra era de este color verde. Ahora lo que voy a hacer es que voy a añadir un teléfono o un marco en forma de teléfono. Este, está aquí en la categoría de marcos, y es éste. Posicionémoslo aquí. A continuación sólo voy a duplicar este teléfono, pongámoslo aquí mismo. Las imágenes que va dentro de estos teléfonos, ya las tengo aquí en mis subidas. En realidad, uno de ellos es un video. Voy a arrastrarlo aquí, y otra vez aquí, porque uno es un video y el otro es una imagen. Tengo aquí la imagen del otro sitio web. Me gusta mucho que tengamos aquí un brezo navegador. Yo quiero que esto quede aquí. Parece una maqueta. Esto no es una maqueta. Sólo estoy tratando de recrear algo que parece una maqueta. Voy a posicionar esta imagen en la parte superior. Para que la imagen no vaya al marco, voy a sostener Control, la tecla Control para poder posicionar la imagen y hacerla más pequeña. Todo lo que necesito para hacerlo manteniendo presionada la tecla Control así para que parezca un sitio web también. Eso es todo. Ahora, lo que necesito hacer es agregar los enlaces. Yo solo voy a copiar la dirección de enlace de este sitio web o solo puedes, si tienes tu sitio web, solo puedes copiar así, copiar, y luego solo tienes que hacer click en el teléfono. Aquí este ícono que dice enlace, solo pega aquí tu enlace. Tengo mi enlace aquí en este teléfono y sólo lo voy a pegar aquí. Aplicar. También tengo un sitio web para estos otros sitios web que estoy mostrando aquí. Voy a agrupar estos dos elementos, y voy a copiar la dirección del enlace y pegarla aquí. Ahora solo necesito agregar estas dos flechas, y hacer click para ver. Añadamos un cuadro de texto. Haga clic para ver, hacerlo más pequeño, y luego las dos flechas. A ver si tengo una flecha aquí. No. Las flechas que usé, son las mismas flechas de estas plantillas. Solo necesito incluir una de estas plantillas y copiar, pegar. Aquí está la flecha. Esta necesito darle la vuelta así, y necesito otra flecha en algún lugar por aquí. Terminamos esta página y pasemos a la siguiente. El siguiente es la página de tarjetas de visita o imprime. Esta es realmente simple, sólo tenemos que introducir imágenes a la que está en el fondo y texto. Volvamos a Canva. Añadamos una nueva página, cambiemos el color de fondo, y tengo la imagen que uso en el fondo en algún lugar aquí. Vamos a estirar esta imagen. Hazlo un poco más grande como estos, y vamos a sumar nuestras maquetas. Yo usé éste y éste. Lo que voy a hacer es hacer estas dos imágenes del mismo tamaño. Estoy poniendo una encima de la otra y luego recortando las dos imágenes. Ahora, voy a seleccionarlos a ambos y hacerlos más pequeños. Ahora, sólo necesitamos el título y la descripción de esta página, que sólo voy a usar una de estas. Este, solo voy a seleccionar ambos cuadros de texto y copiarlos y pegarlos aquí. Voy a cambiar el título, y también voy a cambiar la alineación a izquierda para ambos de estos cuadros de texto y posición a la izquierda, así. También porque quiero tener colores cohesivos, voy a cambiar el color del título a amarillo, y como no podemos leer correctamente el título y la información de abajo, voy a ajustar algunos de los ajustes de esta foto en el fondo. Voy a reducir el brillo y el contraste. Como se puede ver, podemos leer mejor el título y el texto aquí en la descripción. Ahora, vamos a crear la página Clientes felices, y esta también es muy sencilla. Yo sólo voy a copiar esta página aquí. Voy a utilizar el gestor de páginas para facilitar este proceso y voy a duplicar la página aquí. Arrastremos esta imagen o esta página a la posición final, y cerremos el gestor de páginas. Va a escribir aquí, Clientes felices o Cliente. En esta página, lo que me encantará que hagan es pedir un cliente por sus testimonios. Si te envían el testimonial o la revisión de tu trabajo vía correo electrónico o mensajero de Facebook o algo por el estilo, puedes capturar en pantalla el testimonial. Por supuesto, le preguntarás a tu cliente si les parece bien, y luego pegarás aquí el testimonial. Además, lo que utilicé en este ejemplo para hacer que el PDF más atractivo o para que los clientes o tus clientes potenciales se sientan más cerca de ti, utilicé una imagen de mí misma interactuando con alguien para que se puedan imaginar trabajando contigo. Tengo mi foto en algún lugar aquí, y tengo mi foto aquí y voy a arrastrar la imagen dentro de estos marcos. Colócala, para que podamos ver la mejor parte de la foto. Personalicemos un poco esta página para que se vea exactamente como la que te mostré en el PDF. Eso significa simplemente cambiar estos colores. Ya subí la captura de pantalla del testimonial que quiero usar en esta página. Lo tengo justo aquí y solo necesito insertarlo en el diseño así. Esta es la página del cliente feliz. Ahora vamos a crear la página final en la que vas a incluir tus datos de contacto. Volvamos a nuestro diseño. Añadamos una nueva página aquí. Voy a usar de nuevo una de estas plantillas. El último que vemos aquí, y usemos también uno de mis retratos. También te sugiero que incluyas una imagen en la que apareces tal vez con tus computadoras, para que la gente te imagine trabajando. Creo que eso es un bonito toque a eso. Cambiemos los colores aquí, morado y negro. Acabo de actualizar aquí esta información o este texto. Por supuesto, puedes usar tu correo electrónico y tu número de teléfono aquí para que tus potenciales clientes puedan contactarte. Ahora que ya terminaste con la última página, solo vuelve a revisar todo. Tan solo asegúrate de que todo esté muy bien alineado, que tengas toda la información perfecta que deseas brindarle a tu potencial cliente. En este caso, voy a eliminar este elemento. Si te gusta, si te sientes cómodo con el artículo puedes dejarlo ahí. Pero en este caso, sólo lo voy a eliminar y descargar este diseño como PDF, y lo voy a descargar como se sugiere, sugieren estándares PDF. Voy a seleccionar todas las páginas, hecho y descargar. Ahora, pasemos a la siguiente lección en la que vamos a hablar del proyecto de este curso. 8. Proyecto de clase: Enhorabuena chicos, llegaste al final de esta clase. Ya hemos cubierto mucho terreno, y tradicionalmente tenemos el proyecto de clase. Para el proyecto de clase, nos encantaría que crearas un hermoso diseño con Canva usando, por supuesto, la integración inteligente de maquetas. Crea un diseño exportarlo a maquetas inteligentes. Ponte eso en la maqueta y tráelo de vuelta a Canva crea algo hermoso con ella. Podría ser un sitio web como te mostré, podría ser un portafolio como Jana te mostró, cualquier cosa. De verdad depende de ti. Queremos dejarlo abierto a tu creatividad. Una vez hecho, puedes publicarlo en la sección de proyectos de esta clase y lo revisaremos. Te daremos nuestra retroalimentación honesta. Está bien, eso es todo para esta clase. Se trataba de Rondi y Diana. Del equipo Rondi; Equipo Randy tiene un montón de otras clases aquí en cuota de habilidad, así que asegúrate de revisarlas haciendo clic en mi perfil para ver todas las clases. Creo que tenemos cerca de otras diez clases de Canva para que sigas. Eso es todo para esta semana, te veremos en el próximo curso.