Cómo presentar logos con maquetas

1. Avance de la clase: Oigan, chicos. Mi nombre es Jeremy. Soy diseñadora e ilustradora de Sydney, Australia. En este curso, te estaré mostrando cómo crear algunas maquetas realistas que puedes usar para presentar tus logotipos de manera profesional. Especialmente si quieres compartir con clientes o solo quieres tener una maqueta para tu propio uso personal o incluso si quieres impulsar tu cartera, esta clase realmente te ayudará. Te voy a mostrar cómo imprimir algunos maquetas realistas saltando a Photoshop. Te mostraré cómo usar algunos premium donde realmente podamos manipularlo y editarlo para que agregue nuestro logotipo hoy en día en el uso de color y textura para que se vea realmente realista, y además, hacer que pop y destaque. Te voy a estar mostrando un poco de mi proceso sobre cómo voy con él. Vamos a utilizar Adobe Bridge así como Illustrator. Te voy a mostrar cómo guardar los archivos para que esté listo para presentarlos a tus clientes. También vamos a estar creando nuestra propia maqueta en esta clase, que es realmente genial. Porque es la primera clase del 2019, voy a estar haciendo un regalo. Voy a regalar membresía premium de un año de Skillshare para el estudiante que crea la mejor maqueta, y les voy a dar dos meses para completar eso. El recurso e información se encuentra en la sección de proyectos a continuación. Definitivamente echa un vistazo a eso. Espero que ustedes se inscriban en la clase. Espero ver sus proyectos, y empecemos. 2. Dónde encontrar maquetas de alta calidad: Yo quiero estar mostrándoles chicos algunos lugares en línea donde realmente se pueden comprar maquetas, así como, algunos sitios que les dan maquetas gratis que pueden usar para Photoshop o incluso ilustradores. Es realmente bueno invertir en maquetas porque siempre puedes reutilizarlas, sobre todo si es como trabajo personal y trabajo con clientes, es muy importante poner tus diseños de logo e incluso ilustraciones, o branding en algunas maquetas de buena calidad. Se quiere que los archivos estén bien organizados, y ordenados, y aseados porque algunos maquetas gratis, no siempre son los mejores. Solo te voy a mostrar algunos sitios que he usado en el pasado que realmente me han ayudado y el primero es mockup.zone, puedes ver aquí tienen paquetes y paquetes aquí, así que tiene empaque, tienen imprimir maquetas que son realmente geniales. Tiene un montón de cosas de revistas y libros y un estacionario y una gravedad cero, incluso algunos más viejos como maqueta de publicidad al aire libre que es super cool e incluso lanzaron una cosa nueva llamada Artboard Studio, que es bastante cool. Estos tipos son realmente impresionantes, a veces tienen algunas ventas puestas, también puedes conseguir como toda la tienda, así que todos los packs en uno, que es un trato bastante decente como puedes ver por $100, y vas a prácticamente tienen todo lo necesario para presentar sus logotipos a los clientes. Por lo que estos son archivos realmente organizados en Photoshop, son súper buenos, súper fáciles de usar, y me encanta. número dos es mercado creativo, tengo algunos productos del mercado creativo también y tienen un montón de maquetas de producto. Como puedes ver aquí, consiguieron 41,000, eso es mucho. Puedes ver aquí, si me desplaza, tienen algunos de los populares en la parte superior, para que veas que tienen paquete de ropa, con camisas y camisetas, así que si te gusta la ropa o tienes un estilo de moda que es bueno para ti. Tienes mockup cakes, cosas de boda, empaques, incluso como autos y sobres, carteles, marcos de pared, cualquier cosa que ver con impresión y tienen esta enorme cosa y obviamente tienen, como cosas digitales también, así que hay un montón. Siempre puedes simplemente pasar por su búsqueda y comprobarlos. Simplemente vas a gráficos y vas a maquetas de producto y definitivamente encontrarás todas las cosas ahí. número tres es elementos o Envato, tienen dos sitios, tienen elementos Envato y tienen este uno envato mercado, son de la misma empresa, sus apenas dos sitios diferentes. Aquí se puede ver, se pueden filtrar las maquetas. Entonces si tienes un navegador, puedes elegir lo que quieras aquí, te ocurrirá con estos refinamiento, lado está los filtros y solo puedes seleccionar maquetas de producto, y conseguirás aquí todas estas maquetas geniales. A veces necesitas algo específico como una camioneta, o una lata B o una cierta forma o, o cosa de empaque, estos pocos sitios son buenos para eso si necesitas algo realmente específico. Estos cuestan, como se puede ver, se ven cinco dólares, seis dólares, algún cosmético es absolutamente es bastante genial. Entonces depende de ti lo que vas a comprar como cosas solteras o comprar un pack, pero depende del proyecto. Entonces aquí hay algunos otros sitios gratis donde puedes conseguir algunas cosas, freedesignresources.net y la primera pestaña en la parte superior izquierda puedes ver maquetas. Estos son todos gratis y me han gustado estos, son bastante geniales. Ya he usado algunas justas de estas antes. Al igual que parejo, eso es bastante genial, Ui-kit, t-thirts, tarjetas de visita, hasta un regalo de Navidad es bastante genial. Tarjeta de visita flotante, eso es bastante dulce. Mockups de iPhone, un poco estacionario, me gusta eso, eso es impresionante. Entonces sí, esto es realmente bueno, maquetas gratis y solo tienes que hacer clic en ellos y simplemente puedes descargarlo realmente fácil. Por lo que puedes ver solo descarga y obviamente, la mayoría de estas maquetas, algunas de ellas son totalmente gratis, algunas de ellas son en realidad muestras de otros productos, así que puedes verlo dice versión completa aquí, podría que tengas que ir a el sitio y te llevará al mercado creativo o tal vez la página de un artista que lo hace y donde puedes comprar el kit completo. Entonces donde tendrá un montón de cosas diferentes como se puede ver aquí. Simplemente usando esto como ejemplo. Entonces tendré muchos más maquetas pero el de aquí podría ser sólo una muestra, podría ser sólo esa maqueta en lugar de todas estas diferentes. Así que solo ten eso en cuenta cuando estés en freedesignerresources.net. Otro genial es freebiesbug.com, puedes ver que tienen algunos freebies y fuentes gratis y montones de cosas. Da click en la primera pestaña, tienes PSD gratis y luego en que quieres dar click en maquetas aquí. Tienen un montón de maquetas digitales como iPhones y MacBooks y todas esas cosas geniales en el mundo digital, iPads y yo adoramos ese tipo de cosas. Tienen algunos otros como empaques y esas cosas, pero realmente se enfocan más en el lado digital de las cosas y las aplicaciones y la tecnología. Otro dulce es creativebooster.net, puedes hacer click en todos los regalos, tienen maquetas. Como puedes ver aquí, puedes buscar si quieres los específicos. Tienen también otras plantillas, teléfonos y también puedes enviar un freebie si estás creando tu propio freebie. Por lo que sólo nos desplazaremos rápidamente por aquí. Puedes ver tus tarjetas de visita, tienes un cartel, eso es bastante bonito. Algunos embalajes, solo haremos clic en él y veremos cómo está la página, por lo que te mostrará, puedes compartirlo. Se puede visitar la página de descargas, que debería llevarte a otra página que es bastante dulce. Un sitio más es Freepik también, Freepik es impresionante. Puedes obtener una suscripción premium la cual te dará la licencia, por lo que la licencia completa. Si no tuviste premium, puedes descargar cosas gratis, todo lo que tienes que hacer es simplemente atribuir el diseño a su nombre, o puedes pagar como solo una cuenta estándar, lo cual es bastante genial. Pero mucha de las cosas es gratis, solo puedes hacer clic en ella, y descargarla, solo personalizarla y esas cosas. Entonces [inaudibles] y maquetas siempre están subiendo nuevas nuevas, siempre manteniéndose al día. Entonces me encanta Freepik, son impresionantes y definitivamente revisan. Entonces sí, solo hay unos cuantos sitios donde puedes conseguir algunos maquetas y te van a ser súper útiles. No gastas mucho dinero, solo tienes que hacer pequeñas inversiones o simplemente encontrar las adecuadas, busca estas páginas para encontrar las mejores maquetas de arriba que puedas usar, aunque diga todo gratis y empiece a arrancar en tu biblioteca así puedes usarlos para. 3. Usar Adobe Bridge con eficacia: Los tres programas principales que estoy usando son Adobe Illustrator CC, Photoshop CC, y Bridge CC. Tenía las W Credit Clouds, así que tengo acceso a todas las aplicaciones que usan. Si no tuviste las últimas versiones, eso está totalmente bien. Todavía puedes usar los mismos métodos y procesos que estoy usando porque la versión no ha cambiado demasiado a lo largo de los años. Todavía tienen capas y todas esas cosas geniales. Me encanta usar Bridge porque en mis carpetas, es fácil navegar por carpetas, etiquetar cosas, y agregar estrellas. Se hace doble clic y cambiar la cuadrícula y las vistas también. Se puede aumentar el tamaño. Es realmente útil cuando estoy tratando de saltar y buscar maquetas. Puedo hacer clic a través de fotos y mirar a través de mis maquetas. Si quiero mirar, puedo presionar “Control L”. Si estás en un Mac “Command L” y puedes tamizar esas imágenes en una gran vista, que me gusta mucho. También puedo ir a cambiar la vista y puedo ir a mostrar elementos desde subcarpetas. Si hago clic en la foto que quiero y una app que acaba de decir de nuevo mostrar elementos. Mostrará todo dentro de esas carpetas. Asegúrese de que todo tenga nombre. Si tienes muchas maquetas es bueno pasear a través de ellas todas. ¿ Cómo vamos a usar una maqueta? Voy a usar una de las maquetas de zona maqueta. Yo sólo tengo uno aquí. Se puede ver que tengo tres carpetas diferentes. Tengo una carpeta, si me acerco aquí. Este permite utilizar cualquiera de los elementos u objetos como capas individuales. Lo que puedo hacer es arrastrarlo a mi propio archivo o Canvas. Puedo seleccionar las que quiero, más o menos arrastrar y soltar y mezclar y combinar para personalizar completamente el diseño de la escena que estoy tratando de crear de la maqueta, que es realmente genial. Pero eso lleva un poco más de tiempo. Si quieres un campo más personalizado o tienes un proyecto determinado para un cliente, entonces eso es realmente útil. También llegó con otra foto en el generador de escaparates de branding, que es uno de sus pactos. Viene con texturas molidas, lo cual es realmente bonito. Estas son fotografías de alto riesgo, que puedo usar: concreto, tiene algo de madera, algo de pintura, cosas de tapas, plástico y patrones cool que puedo usar en el fondo de alguna de mi toma. Si estoy trabajando, por ejemplo, para un gimnasio, o algo así puedo usar estos cementos fríos y tener blancos en la maqueta, que es cool, por lo que es relevante para el cliente. También puedo pasar por etapas ya hechas. Si hago click en esta carpeta de aquí, puedo pasar por aquí y puedes ver que tienen algunos ya hechos que ya han hecho. Todo lo que tengo que hacer es cambiar el logo en el branding del texto. Como pueden ver, es ejemplo de algo que puedo hacer. Puedes ser juguetón con él. Eso es lo que me encanta de este pack. Tienen también una tercera carpeta, que es realmente impresionante también. Tiene algunos maquetas de Photoshop que ya han creado también. Puedo tamizar a través de ellos. Puedo ir en esta vista, organizar este look, puedo acercar, es fácil para mí navegar. 4. Cómo utilizar maquetas: Yo he ido por esta simple tarjeta de visita y voy a hacer doble clic en eso. Lo que va a pasar es, que va a abrir ese archivo en Photoshop. Si no tienes Adobe Bridge puedes literalmente simplemente entrar en tus carpetas y hacer doble clic en el archivo como lo harías normalmente, y vas a conseguir este archivo. Lo bueno de estas maquetas es porque son maquetas premium, puedes ver en mi lado derecho tengo todas mis capas. Yo solo arrastraré esto para que ustedes vean un poco más fácil. Ellos me lo han codificado por colores para que puedas ver todo el amarillo, ese es el diseño principal de los elementos. Todas las sombras, el objeto real en sí, el rojo, que está etiquetado en la parte superior, es una configuración de luz, por lo que tiene toda la iluminación. Si apago esto, se puede ver como toda la iluminación es muy plana. Como puedes ver ahí, pero a ciencia cierta, enciende el balance de color y todas esas cosas y niveles, hace que se vea cómo se supone que se vea realmente bonito. Los colores que está ahí para ayudarme a identificar dónde está todo y es realmente útil, lo hace fácil y rápido. Puedes ver aquí puedo ir y apagar el logo o los colores ahí. Puedo apagar el objeto, la sombra. Lo mismo para las tarjetas de visita, puedes apagar las sombras ahí como puedes ver ahí, luego puedes personalizarlas. Puedo agregar mis propias sombras si quiero. Si quiero cambiar la iluminación al lado izquierdo y hacer que finja que está sentado desde aquí, desde arriba, hacia abajo, entonces puedo hacerlo yo mismo. El elemento clave es que tenemos capas. Esto es importante. Qué más hay que reconocer es sobre un objeto inteligente. Lo que puedo decir aquí, se puede ver esta capa se llama textura del suelo. Se puede ver aquí en la esquina derecha de la pequeña miniatura, tiene una cajita gris con como un documento, eso significa que es un objeto inteligente. Cuando hago doble clic en él, va a abrir una.psb foto o archivo, como puedes ver, abre otra Ventana. Entonces puedo arrastrar la Ventana así para encerrarla o simplemente puedo sacarla así, hacerla más pequeña. Esto es para una textura molida, es la capa inferior y va a agregar una textura a casi todo el fondo de las tarjetas de visita. Ahora porque estoy en Bridge volveré a mi carpeta de texturas. No tienes que comprar texturas, puedes tomar tus propias fotos o puedes usar cosas en línea. Sólo tienes que ir a chapote.texturas de las casas. Voy a recoger algo, voy a recoger este tipo de look de cemento. Lo que puedo hacer es arrastrarlo a este archivo aquí. Por lo que lo he arrastrado a esta carpeta PSB. Simplemente lo voy a escalar hasta el centro, arrastrarlo hacia arriba así, y presionar Enter. Lo que voy a hacer ahora es que me voy a quedar seleccionado en esta capa, pero voy a presionar Ctrl + S para guardar. Se pueden ver estos pequeños asteriscos, eso significa que aún no está guardado, así que cualquier cambio que acabes de hacer, no se guarda. Lo que voy a hacer es que voy a presionar Guardar y se lo va a agregar a esta escena general que tenemos aquí arriba, así que Ctrl + S para guardarlo. Se puede ver que se va a cargar y hacerlo es cosa porque es una textura o fondo de alta calidad, por lo que es bueno tener una computadora más rápida. Quieres una buena CPU y quieres una buena RAM. Ahora en realidad puedo mover esto o puedo cerrar esa Ventana si quiero pero solo la dejaré ahí a un costado. Se puede ver ahora la textura se agrega a la escena al fondo del suelo, que es tan fresco. Si lo apago, se puede ver la diferencia ahí. Se puede ver que tengo mi textura ahí. Si no quiero mi textura, lo que puedo hacer es apagarla y en realidad puedo simplemente cambiar el color del fondo o del fondo. Se puede ver aquí generalmente hay una capa de color en el fondo. Si se apaga, se puede ver que acaba de tener los píxeles transparentes detrás de eso. Lo que puedo hacer es que puedo seleccionar esta casilla, puedo hacer doble clic sobre ella y obtendrás el seleccionador de color. Entonces lo que puedo hacer es moverme y seleccionar el color para que puedas emparejar la marca con tu proyecto cliente o lo que sea que estés haciendo. naranja se ve genial y presiono Ok, y ahora tengo ese color. puede ver porque la textura está arriba, es abrumador, pero si voy a mi textura y mis modos de mezcla, si hago clic en esto y hago clic en el modo de mezcla puedo ir multiplicando y la textura va a venir con ese color como bueno, por lo que se multiplica sobre la textura. Ahora puedes ver que tienes esa textura grungy luciendo súper cool también. Te mostraré un atajo rápido también. Se puede ver en mi lado izquierdo tengo estas dos casillas. Ellos consiguieron todo el color, el primer plano y el fondo. Si estos ya tienen colores en ellos, puedo presionar Ctrl + Eliminar o Cmd + Eliminar si estás en un Mac. Con mi capa de color seleccionada, va a cambiar el color. Presionaré Shift + X para cambiar los colores como se puede ver ahí. Al igual que esa es una manera súper fácil en lugar de ir al recolector de color y luego venir por aquí y seleccionar lo que quiero. Ahora tenemos nuestros antecedentes ordenados. Lo que queremos hacer es que queremos cambiar esto en Adobe y logo a esta maqueta de tarjeta de visita. Lo que voy a hacer es ir a tarjeta de visita una capa. puede ver que tiene todos los colores y esas cosas. Lo que voy a hacer es ir a esta capa, como pueden ver, dice reemplazar. En ocasiones dirá poner diseño aquí o colocar el diseño aquí o reemplazar el diseño. Este es un soporte de lugar y una vez que haces doble clic sobre él, actúa como un archivo PSB al igual que lo haría un objeto inteligente. Aquí puedo tener mi logo. Entonces lo voy a ilustrar. Voy a seleccionar el logo, que es solo mi logo que quiero. Voy a apagar esta capa porque no quiero ese logo ahí. Voy a pegarlo y quiero mantenerlo como un objeto pequeño. El asunto con el objeto pequeño es que al escalar el logotipo o el objeto vectorial, no lo vas a conseguir pixelado, por lo que prácticamente conserva la resolución. Conserva el detalle sin hacerlo pixelado. Puedo escalar eso hacia arriba o hacia abajo y va a actuar como un vector. Por lo que quieres asegurarte de que eso no está en píxeles. Lo pegaré en. Lo haré más pequeño. Ya no tienes que sostener Shift, Sólo puedes arrastrarlo porque Photoshop lo actualizó. Ponlo en el centro, pulsa Enter. Se puede ver el tamaño de la tarjeta de visita es casi la mayor parte de esta plaza aquí de este tamaño de este archivo, así que no quiero hacer demasiado grande el logo. Una vez más, selecciona el archivo, presiona Ctrl + S para guardar, cierra eso , y boom, tengo mi logo ahí, que se ve super rojo, super cool así. Se ve así porque tiene estas superposiciones aquí. Por lo que puedes ver aquí tiene estos detalles, este color, y características en un efecto unboxing. Si quisiera negro, o si quisiera cable de plata u oro así. A mí me gusta la plata porque sólo la quiero llana, sólo algo sencillo por ahora. Entonces ese es el fondo de la tarjeta. A lo mejor quiero algo más para el dorso de la tarjeta. Entonces lo que haré, iré a la pila de tarjetas de visita, que es ésta. Lo mismo, voy a ir a la capa de reemplazo, que es la capa de objetos pequeños, entonces una vez más, apagaré esta capa y añadiré la de diseñador. Voy a ir a Illustrator, llamando a mi diseño, saltar de nuevo a Photoshop, pegarlo, escalarlo. Si tienes guías inteligentes encendidas, generalmente solo hace clic en todo junto, haz clic en Guardar. Es demasiado grande como se puede ver aquí en la maqueta principal, que no me gusta. Entonces lo que voy a hacer, show cut es Ctrl + T o Cmd + T. Asegúrate de que tu capa esté seleccionada y va a ir al modo de transformación. Para que puedas ver, conseguirás ahí la caja de límites que podrás escalarla de nuevo. No lo quiero demasiado pequeño, así que presiono Enter, vuelvo a presionar Guardar. Simplemente lo arrastraré un poco hacia arriba. Se puede ver que mientras estoy ahorrando, se está moviendo. Se ve super cool. Cierra esto, apagaré el oro y lo dejaré en plata, que es todo lo que quiero, como puedes ver ahí. Acabamos de hacer dos maquetas de tarjeta de visita, que se ve súper bien. Puedo seguir adelante y jugar con el lápiz también, así que voy a hacer doble clic en eso. A lo mejor esta vez sólo quiero el ícono. A lo mejor sólo quiero mi marca de logotipo aquí, voy a pegarla, bajarla, ponerla más o menos allá, guardarla, y luego tenemos mi pequeño logo simulado ahí. Apagaré el oro. Asegurar que la capa esté encendida. Tenemos un pequeño logo. Se ve bastante fresco, se ve fresco. Se ve tan realista. Ahí lo tenemos. En tan solo 10 minutos, puedes crear maquetas de aspecto genial y aplicar esos principios. Apenas en 10 minutos puedes ver hemos creado esta maqueta de aspecto profesional. Siempre puedes volver atrás, editar los colores, editar la textura, jugar con ella. Si quiero un más mínimo lo puedo hacer así. Puedo saltar la opacidad de la textura si quiero, si la quiero un poco más sutil, saltarla a como un 40 por ciento, así que solo mantente sutil. Hay tantas posibilidades, pero en general va a hacer que tu trabajo parezca profesional. Puedes usarlo en tu portafolio, pero realmente va a ser benéfico, sobre todo cuando estás haciendo trabajo de cliente porque tienes que mostrar el logo de una manera que puedan visualizarlo. Diga formato pequeño, ya sea en un embalaje o en una tarjeta de visita pequeña, y quieres hacer gran formato, así que quieres mostrar en carteleras y carteles grandes y todas esas cosas geniales. Hay tantas cosas que puedes hacer, pero todo es impresionante. 5. Cómo guardar la maqueta para la presentación: Una vez que estés contento con tu diseño final y has hecho tus maquetas en Photoshop. Obviamente vas a estar haciendo múltiples maquetas en este, pero quieres tener formato pequeño, vas a tener unos de gran formato. Lo vamos a guardar en un formato que en realidad va a ser fácil de transportar a Illustrator o InDesign porque arrástrelo y soltarlo como una imagen. Lo que vamos a hacer es que vamos a ahorrar como. Para que puedas ir a “archivo”, “Guardar para Web”. El [inaudible], [inaudible] “control de turno” como si estuvieras en un Mac, serás opción “comandada”. Se consigue que esta ventana se abra. Debido a que la suma de los maquetas son muy grandes, podría tardar un poco, así que quieres “Menos” el zoom. Basta con hacer click en este pequeño botón “Menos” y simplemente se alejará para ti. Se puede ver cómo el tamaño del documento es de 4.7 o 4.69 megabytes y es un JPEG. Cuando llegó a la esquina superior derecha, queremos ver, no queremos PNG, pero en realidad fuimos JPEG. El de calidad, queremos mantenerlo en 90, puedes mantenerlo alrededor de 80, 85. Lo que eso va a hacer es hacer que el archivo sea más pequeño. Esta es una maqueta de alta resolución, en realidad no vas a notar la pérdida de detalle. Entonces solo recibiste un aviso de que a menos que acerques como montones, si lo salto a unos 70, puedes ver cómo se pone un poco más borroso, poco más pixelado. Eso está bien. Pero va a bajar el tamaño. Entonces si tu computadora está rezagada o no puedes manejarla, entonces sabes que puedes bajarla a 70. Pero sabes que en cualquier parte alrededor como el 85 es lo suficientemente bueno y la calidad aún va a estar ahí. Entonces “Zoom Out” para que veas que todavía se ve muy bien. Por lo que sólo dejaremos eso alrededor de 85. Se quiere tomar optimizado a los archivos, ser un poco más pequeño. Podemos ver nuestra resolución es de 5000 por 3000. Entonces, es un poco demasiado grande porque quieres saltar por el tamaño. Porque si lo arrastramos a Illustrator, entonces lo que va a pasar es que va a obstruir tu archivo y hacer que el archivo sea más grande. lo que suelo saltar alrededor tal vez 40 por ciento y mi documento que estoy usando es 1920 por 1080 en la presentación cuando lo guardo como PDF. Entonces esto se acerca a eso. Ya ha llegado, es más grande porque cuanto más grande es el grande y podemos reducirlo. Se va a retener mucho de ese detalle. Entonces eso es genial. Vamos a “Guardar como” guardarlo en la carpeta. Yo sólo lo voy a ahorrar sobre eso. Sobre el viejo. Lo que voy a hacer es ir a Illustrator, se puede ver que acabo de conseguir una plantilla justa bastante básica. Entonces lo que voy a hacer es ir a la carpeta y encontrar el archivo. Lo que voy a hacer es sólo “Arrastrar y soltar” en Illustrator. Como se puede ver ahí, es grande. Se ve realmente bien ver que los detalles estarán ahí. Yo sólo voy a reducirlo. Por lo que iré a las esquinas y con sólo sostener “Shift” y pulsando con el botón izquierdo y arrastrando, simplemente sosteniéndolo y simplemente bajándolo. Arrástrelo hasta el centro. Entonces voy a sostener “Alt y Shift” o “Opción y Comando” y “Escalar” este arriba así. Simplemente lo voy a colocar en el centro, más o menos. Está bien si va por encima de la manzana, eso es totalmente genial. Puedes colocar esa pluma de nuestro paseo maqueta en nuestra plantilla, que es super cool. Eso es impresionante. Entonces tenemos eso hecho y obviamente tienes múltiples maquetas pero se ve realmente bien. Lo que puedo hacer ahora es ir realmente “Archivo”, “Guardar como”, y puedo hacer clic en “Adobe PDF” salvaguardar el PDF desplegable se “Guardar todo”. Supongo que se puede ver eso. De lo que queremos hacer, porque si tienes muchas maquetas, el archivo va a empezar a hacerse realmente grande. No quieres enviar archivo como 830 megabyte a tu cliente, sobre todo que no tengan buen internet. Por lo que queremos asegurarnos de que estamos usando un preset que va a ser lo suficientemente pequeño hasta retener el detalle. Entonces ya tengo una seguridad preestablecida. Se llama “Digital”. Entonces porque no voy a estar imprimiendo esto en una alta calidad. Eso está bien. Queremos configurarlo para digital para que pueda enviarlo a través de un correo electrónico enviado a presentarlo en Skype o lo que sea mientras habla con el que camina hacia el cliente que pueda descargarlo rápidamente. Será rápido. Entonces voy a pasar por estas opciones. Tienes general, puedes ver optimizarse para rápida web está activada. Puedes activar ese PDF después de guardar, puedes apagarlo si quieres. Van a “Compresión”. Como puedes ver, mi compresión, lo pongo a “Down sample”. El “Compresión” está en JPEG. Por lo general si estás imprimiendo, va a ser, va a haber como ninguna compresión. Por lo general es como en “Zip” o está en “None”. El calidad de imagen está en “Máximo”. Yo más o menos me preparé para lo mismo para este. Entonces éste de aquí abajo, ese es zip porque esto es sólo para imágenes de mapa de bits monocromas, que prácticamente no tenemos nada de eso en el archivo. “ Comprimir” texto y alineación que se pegan hacia abajo. Entonces máximo encendido, manzana, está bien y todo lo demás debería estar bien. Entonces eso es todo dulce que puede palatabilidad al dormir en eso en 6 porque debe ser estándar. Voy a ir a “Guardar PDF”. Por lo que ahora solo puedo abrir el PDF y se puede ver la presentación por ahí. Con nuestra maqueta, se puede ver, son maqueta de alta calidad se ve muy bien y usted presentando. Por lo que tu cliente puede ser como wow, lo cual es super impresionante. Ahora si vuelvo, puedo ir a revisar el tamaño del documento. El tamaño es en realidad solo de dos megabytes, como puedes ver en el cuello de botella, lo cual es súper bueno, eso significa que puedes descargarlo rápidamente cuando lo envías en un correo electrónico o como sea la forma que lo envíes. Es así como guardas en tu documento. 6. Crear tu propia maqueta realista: Chicos, esta es mi configuración. Puedes enfrentarte a mi Sony A7 en mi trípode y puedes ver cómo se ve. Simplemente muy básico. Con solo usar lápices y taza y apenas bloc de notas básico. Entonces puedes ver que eso es bastante guay, muy sencillo. Se quiere tratar de mantener todo recto. Por lo que probablemente voy a mover mi cámara y hacerlo completamente, completamente recta así. El clave es que no tienes que usar una cámara. Simplemente puedes usar tu teléfono o si tienes una DSLR o lo que sea e intenta mantenerla firme y estar directamente encima de tu maqueta porque quieres que sea como plana y recta, y así desde una parte superior I camas vista, que es muy importante. Entonces pruébalo. Simplemente encuentra algunos objetos alrededor de tu hogar. Si tienes algún utensilio creativo o cosas como lápices o bolígrafos o lo que sea, y un cuaderno o algo donde puedas pretender poner un logo encima de eso. Eso se verá bien, haz eso. Puedes crear una maqueta de aspecto fresco. ¿ Puedes ver? Simplemente jugando. Este es más para un tipo de efecto [inaudible]. Aquí tengo mi cámara una vez más. Es bueno asegurarse de que tengas una mesa blanca porque es mucho más fácil, porque puedes agregar fondos y en realidad puedes cortar los objetos si quieres editarla y esas cosas. Eso lo hace un poco más fácil. Pero ya sabes, puedes jugar usando banco de cocina, usa lo que puedas encontrar alrededor de tu casa. Es algo realmente genial y satisfactor cuando creas tu propia maqueta y pones tu logo en ella. Es como wow, yo creé eso. Sólo dame algunos consejos. Yo quiero tomar algunas fotos más y luego vamos a saltar a Photoshop y voy a usar estas y ver cómo resulta. 7. Importar y editar tu maqueta: Una vez que hayas tomado fotos desde tu teléfono, o desde tu cámara en el simulacro que creaste. Ya sea que tomaras fotos en tu sala de estar, o en tu escritorio, o donde sea, no importa. Para mí, la voy a traer a Bridge porque es la más fácil de importar, porque tengo una DSLR. Entonces voy a; archivar, obtener fotos de cámara. Voy al dispositivo, y voy a seleccionar cámara, o lector de tarjetas. Si estás en Bridge, y no aparece nada, solo puedes hacer clic en la lista de refrescar, y se actualizará. Ahora puedes ver todas estas fotos que tomé de esas maquetas. Quiero desmarcar todo, y solo quiero seleccionar estas fotos que tomé. Mantenga pulsado “Shift” para seleccionarlos todos. Ahora lo que voy a hacer, voy a encontrar una carpeta, así que importar cámara. Es el 25 de 119, y voy a decir, Skillshare. Entonces solo sé a dónde van a ir las fotos. Tengo una imagen principal aquí ahora lista para ir. Si estás usando archivos raw, entonces podrías obtener un pop-up con ellos; el filtro, y obtienes el filtro de cámara. No te preocupes por eso. La foto solo puede ser un JPEG o lo que sea desde tu teléfono, eso es totalmente genial. Estamos en Photoshop ahora, y lo que voy a hacer es, ir a la parte inferior derecha en el panel de capas, click en el pequeño círculo, medio círculo ahí, y luego tenemos todas estas capas de ajuste. En primer lugar, quiero conseguir un Niveles, y solo arreglar el nivel, así que voy a arrastrar el deslizador superior hacia adentro, y si el de abajo que arrastras ves las sombras se oscurecen. No queremos eso. Queremos especie de los medios y los grises. No queremos que las sombras sean demasiado duras. Entonces voy a subir un poco el deslizador medio. Genial, así que tenemos eso. Voy a seleccionar de nuevo la capa de ajuste, y voy a Brillo, y Contraste. Se puede ver, aumentar el Contraste es más nítido con las sombras, y los blancos, y si disminuimos, va más sutil. Yo sólo voy a disminuir un poco el Contraste. Ahora lo que voy a hacer, es en realidad ir al balance de color, que veas que si pudieras tener demasiada luz del día, la luz del día es realmente buena. En ocasiones podrías obtener algunos tintes amarillos o azules dependiendo de la hora del día, y cuál es tu fuente de iluminación. Si es una luz artificial, o no. solo puedas ajustarlos, tienes Sombras, Tonos de llamada y Destacados. Si solo hago clic en Destacados, y sólo voy a pasar por aquí, y se puede ver si quería como un cierto tono, entonces puedo pop es como azul, o lo que sea, o si quería como rojo púrpura. Entonces sólo voy a ajustarlo un poco. Los colores, o ir a tonos medios. Entonces solo leves ajustes, para que veas que había un poco fangoso con el blues, así que solo lo ajustaste, y agrega un poco de amarillo, un poco de rojo ahí dentro, se ve un poco más bonito. Obviamente, puedes agregar más, puedes hacer curvas. Puedes jugar con los filtros de fotos, y todas esas cosas. Pero sólo vamos a mantenerlo simple, y fácil. Lo que voy a hacer, quiero copiar esto, es un poco demasiado espacio en el lado izquierdo, así que lo que voy a hacer, ve a mi lado izquierdo de mi barra de herramientas. Se puede hacer clic en la Herramienta de marquesina, la rectangular, la tecla de acceso directo es M también. Yo sólo voy a arrastrarme así. Entonces lo que voy a hacer es; tengo mi selección, voy a presionar “Control T”, y ahora realmente puedo mover la tecla Mark donde quiera. Lo que voy a hacer es sólo traerlo un poco así, y yo sólo voy a ir a presionar “Enter”, y luego vas imagen Crop, y debería cortar esa imagen así. 8. Agrega un logotipo a tu maqueta: Ahora, lo que voy a hacer ahora es agregar mi logo, así que voy a ir a Illustrator. Se puede ver que aquí tengo mi logo. Pero lo que voy a hacer es cambiarlo a color negro. Voy a seleccionarlo, controlar C. Ahora quiero hacer es presionar control V. Asegúrese de que esté seleccionado “Objeto inteligente”. Presiona “Ok”. Ahora, voy a rotarlo así para que quepa la página. Escalarlo un poco. Esto no tiene por qué ser perfecto. Yo quiero que se vea lo más realista posible. Hemos añadido nuestro logo y eso se ve genial. Pero se puede ver que realmente no está mezclado con el papel de ahí. De lo que vamos a hacer, consiguió tu panel Layers en el lado derecho. Lo que voy a hacer es hacer doble clic en la capa, no en la miniatura, sino en la capa real. Haga doble clic y obtienes estos estilos de capa, siempre puedes agregar Bisel. De lo que vamos a hacer, voy a meter mi lado derecho en el panel Capas. Se puede ver mi objeto vectorial. Simplemente puedo hacer doble clic y renombrarlo logo. Primero lo primero, lo que voy a hacer es ir a mis modos de fusión, este pequeño menú desplegable encima de las capas. Puedes ver aquí, haz clic en eso y queremos seleccionar Multiplicar. También queremos saltar un poco la opacidad, así que la pondré en 90% así. Lo que voy a hacer ahora es realmente crear una máscara vectorial, así que voy a hacer clic en este pequeño cuadrado con este círculo vacío en el medio. Haga clic en eso. Esto creará una máscara vectorial. Significa más o menos que puedo ocultar o mostrar cosas lo que sea que esté en el diseño. Voy a seleccionar mi pincel. Puedes presionar “B” para el pincel. Si presionas “Mayús Lock Off”, entonces deberías verlo. En realidad puedes hacer clic en la configuración de tu pincel y en realidad puedes hacer que el pincel sea más grueso así, más ancho o más delgado en realidad. Se quiere que la dureza esté en 0. Lo que voy a hacer es asegurarme de que mi color esté ajustado a negro en mi primer plano aquí. Lo que voy a hacer es asegurarme de que mi máscara vectorial esté seleccionada. Doy clic en eso. Lo que voy a hacer porque hay iluminación golpeando aquí, se puede ver que el logo, debe haber un poco de luz para hacerlo realista. Lo que voy a hacer es hacer clic aquí, encontrar el spot y luego dar clic, así que es como si se estuviera desvaneciendo con el papel ahí muy bien. Quieres asegurarte de que tu opacidad sea baja, para que veas si mi opacidad es realmente alta, va a deshacer mucho del logo, pero eso no queremos. Bajaré al 20% y solo haga clic una vez, tal vez dos, sí, dos. Se puede ver algo así como desvanecerse un poco ahí porque es como si la luz estuviera golpeando el papel. Se puede ver cómo el papel también se dobla un poco. Si quieres incluso ir aún más lejos, puedes dejarlo al menos por ahora, se ve bastante decente. También puedes simplemente hacer deformación normal. Se puede ver que he hecho un duplicado presionando el control J así que tengo otra capa. Lo que voy a hacer es hacer clic derecho en la capa, haga clic en “Rasterizar capa”. Lo que voy a hacer ahora, ve a Editar en el menú superior izquierdo, pulsa “Transformar”, y ve a Warp. Esto prácticamente nos permite deformar esto y ver que se movió un poco. Se puede ver la página tipo de tiene una redondez a la misma. Puedo mover estos manillar así. No tiene por qué ser perfecto. Solo puedes arrastrar secciones desde aquí. Yo no quiero inclinar demasiado, pero tú consigues el punto. Presiono “Enter”. Se puede ver que es un poco warp ahí solo para hacerlo un poco más realista, así que sí. 9. Customising los diseños y objetos: Aquí te dejamos la segunda foto que tomé usando mi cámara y a veces puedes obtener objetos que no quieres por lo realmente podemos cortarla usando la herramienta Pluma y personalizarla y crear tus propias maquetas usando fotos o imágenes que encuentres en línea. Ya puedes ver, tengo mi archivo aquí que he abierto desde Bridge, y es solo un archivo crudo aquí, pero puedes traer tu JPEG, si es desde tu teléfono, puedes como traer el JPEG a Photoshop, como nosotros podemos ver aquí y lo que voy a hacer, tenemos un panel de dama en el lado derecho. Se puede ver la cerradura. Queremos apagar ese candado dando click izquierdo sobre él y ahora tenemos esta imagen y puedes ver aquí podemos duplicarla por esta imagen y puedes ver aquí podemos si acaso no cometemos un error o algo así, así que puedes ir Control J o Command J. Podemos sólo tienes que ir y maquetas y la otra capa simplemente podemos apagar el ojo. Lo que voy a hacer es que en realidad voy a cortar este cuaderno, porque para mí el artículo más fácil, y lo que voy a hacer es presionar “P” para la herramienta Pluma. Como puedes ver, subes la herramienta de pluma y lo que vamos a hacer, vamos a empezar a trazar alrededor de estos objetos. Quiero decir que esto tiene que ser exactamente perfecto pero me estoy desplazando hacia fuera y desplazando hacia arriba y hacia abajo sosteniendo Alt. Hace que sea súper fácil. Puedes mantener pulsado Shift también para hacer la línea recta, pero también puedes mantener pulsado el clic izquierdo, en realidad puedes arrastrar y mover y obtendrás un mango que hará las curvas. También puedes sostener Opcional O. Tal vez no quiero este mango aquí. Puedo aguantarlo. Clic izquierdo una vez, se deshará de ese mango para que pueda empezar de nuevo. Haga clic izquierdo sobre esto y vuelva a empezar con las curvas. Eso es más o menos uso la herramienta Pluma en Photoshop, funciona igual que lo harías en Illustrator. Pero una vez que has dominado eso, prácticamente puedes hacer la mayoría de las cosas dentro de aquí. Ahora tenemos nuestro camino como puedes ver aquí, va por todo nuestro cuaderno o cualquier objeto que estés usando y lo que queremos hacer es convertir esto en una selección. Voy a subirme a mi panel de camino en el lado derecho. Es como justo al lado mis capas. Iré a Ventana e iré a caminos, si no lo tienes en tu barra de herramientas y eso debería abrirla y puedes ver, no he hecho clic en ningún otro lugar es ver la selección, la ruta sigue ahí. Pero lo que voy a hacer en esta capa de camino aquí, se puede ver que tiene Ruta de trabajo y se ve la pequeña miniatura. Lo que queremos hacer es sostener Control, o si estás en un Mac, es comando y vamos a hacer click izquierdo una vez. Se puede ver cuando sostengo Control que mi ratón cambia, se obtiene un poco de cuadrado ahí. Quiero hacer click izquierdo una vez. Se va a convertir el camino en, lo llaman las hormigas marchantes porque se ve que se mueve, pero es más o menos una selección. Se gira hacia la selección. Volvemos a nuestro panel de capas y lo que voy a hacer, vaya a la esquina inferior derecha y haga clic en este rectángulo con el círculo vacío y eso se llama máscara de capa, voy a hacer clic en eso. Y más o menos lo que se hace es enmascarar todo y sólo tiene el cuaderno seleccionado ahora. Lo que queremos hacer ahora es que queremos convertir estos en un objeto inteligente. El objeto inteligente es bueno porque entonces podemos escalarlo arriba y hacia abajo y no perderá su calidad, se quedará como lo has creado. Es bueno tomar fotos en la máxima calidad que puedas, usar el teléfono que tiene una cámara decente, pero si no, entonces puedes jugar con lo que tengas. Tengo este panel de capas. Voy a hacer clic derecho en el panel Capa. Intenta en esta pequeña zona gris, haz clic con el botón derecho. Vamos a ir a convertir a objeto inteligente. Ahora se puede ver que está prácticamente borrado todo en el fondo que era del original por lo que todo este material alrededor se borra. Apagaré ese diseño de fondo. Ahora sólo es más o menos aplanado y ahora tenemos un objeto inteligente de sólo el cuaderno ahora. Ahora bien, si puedo presionar “Control, T” que es transformar, puedo escalar el objeto, puedo moverlo por la forma que lo quiera, Si quiero hacer como un collage o algo así, o como un banner de héroe o algo llamado así. Se puede ver que puedo editarlo, lo cual es increíble. Pero lo que quiero hacer ahora es que voy a añadir un fondo. Nosotros solo podemos quedarnos en este documento no tienes que transferirlo a otro documento. Voy a eliminar el diseño de fondo, así que sólo tenemos esta maqueta. Sólo voy a seleccionarlo. Lo voy a mover hacia atrás porque por el momento no se ve realista. Tenemos el cuaderno, que es un cuaderno real que tomamos pero ahora vamos a hacer que se vea bonito en una maqueta que podemos usar. Ahí tengo el cuaderno. Lo que voy a hacer ahora es que voy a entrar en algunas fotos que he tomado de uno de mis productos llamado Rustic Logo Scene Creator, que es bastante cool. Voy a entrar dentro de ella. Voy a llegar a mis texturas de suelo y mientras uso una de estas texturas que he usado, sólo voy a subir una vista. Se puede ver que aquí tengo todas estas texturas frescas, tengo algo de madera, algo de concreto, algunas cosas interesantes. Probablemente voy a ir por estos plásticos. Esa torreta bien se ve bien también. Voy a ir por el muro de roca, voy a dar clic y arrastrar eso. Presiona “Enter” Ve esa bonita textura que había tomado. Voy a arrastrar el diseño hasta abajo. Como puedes ver, esto aquí ahora, el cuaderno está en la parte superior. Lo que voy a hacer es presionar “Control T” o “Comando T” para que pueda escalar este cuaderno, de la manera que lo quiera. Lo que voy a hacer, voy a añadir un color, llenar mi telón de fondo porque ahora es demasiado duro. Entonces voy a ir a dar click a este pequeño círculo, este medio círculo allá y luego voy a ir a color sólido. Puedo jugar con los colores. A lo mejor no te gusta el marrón o algo o el oro. Presiona “Ok” Voy a cambiar estos para multiplicarse, como puedes ver eso y puedo arrastrar hacia abajo la opacidad para que no sea demasiado dura. También puedo jugar. Se puede hacer superposición. Simplemente iré a desplazarme por estos modos de mezcla para que veas cómo se ve. Por lo general, tiendo a sólo hacer multiplicar. Eso es lindo. Asegúrate de que encienda eso. Yo salto a alrededor del 50 por ciento. Eso es genial. Voy a escalar esto de vuelta en el medio así como así. Ahora, lo que queremos hacer, queremos hacerlo a una sombra. Lo que puedo hacer ahora es que voy a ir a mi capa. Voy a hacer doble clic en la Capa de mi cuaderno aquí. Lo que voy a hacer es ir a soltar sombras en el fondo. Lo que queremos hacer, se puede ver, se puede jugar con todas estas opciones tal vez la mayoría de ustedes sepan trabajar con la sombra de gota, pero si no lo han hecho, trataré de mostrarles lo que pueden hacer. Aquí tienes la opacidad. Tiendo a no tenerlo demasiado alto. Se puede hacer la distancia que extiende la sombra para que se pueda ver la sombra está llegando aquí en el cuaderno. Se va la distancia aumenta la distancia lejos del objeto. Tengo spread así que agrega un trazo encima de eso, lo extiende un poco. También tienes talla; y de qué talla lo hace más o menos la plumas así que lo hace más suave y eso es lo que queremos, no queremos una sombra dura dependiendo del look que vayas a buscar o dependiendo del proyecto, pero por lo general una sombra se difunde, tiene un resplandor difuso a no es como muy duro a menos que sea como que el Sol esté directamente por encima o por un lado y calentándolo en medio del día, es cuando tienes sombras duras pero si no está en un entorno realista, no tienes que duro por lo que lo haremos suave. Tengo 49 píxeles, la distancia, o que sea demasiado, tal vez 15 píxeles. puede ver que lo puedo hacer realmente oscuro pero eso no se ve demasiado realista así que solo vamos alrededor del 50 por ciento se ve bien. Debería estar sobre abajo, y más o menos que lo sea. Presiono “Ok” ahora tenemos una sombra y parece que está en esa tienda de tecnología. Puedo escalarlo, puedo moverlo, puedo hacerlo realmente grande si quiero. Al igual que esto, tantas posibilidades, es increíble y así es como más o menos manipulas para crear tus propias maquetas así. Ya puedes ver, como yo lo estoy girando, puedes ver cómo la sombra sigue de este lado así que dependiendo de dónde esté tu iluminación, si viene de arriba a la izquierda o derecha o abajo a donde sea, tienes que ajustar las sombras. Volveré a la sombra y cambiaré el ángulo. Ya ves cómo el ángulo aquí, asegúrate de haber seleccionado drop shadow. Yo cambiaría el ángulo y se lo va a dar la vuelta al otro lado así que aproximadamente, 120-ish es bueno. Ya puedes ver la sombra. Ahora, está del otro lado donde lo quiero. Eso es bastante impresionante. Es así como manipulas, puedes editar, y solo quiero mostrarte un par de ejemplos de mi producto que he usado. Puedes ver aquí, tengo algunas escenas prefabricadas que he hecho y tengo todos estos objetos diferentes, que solo te mostraré en un segundo objetos. puedes ver, he cortado todos estos diferentes objetos que puedo seguir adelante y usar. Creé este producto el año pasado y tomé algunas fotos del cobertizo de mi abuela. Ella tenía todas estas viejas cosas rústicas, y se pueden ver todas estas cosas geniales que podemos usar. Tengo una capa de ajuste para que veas cómo se veía y luego ajusté los colores utilizados en un balance de color, brillo, contraste, filtros fotográficos para que puedas ver la mayor diferencia ahí. Entonces literalmente corté todos esos objetos con la herramienta Pluma y luego lo que puedo hacer ahora es que puedo literalmente, cualquier objeto que quiera, puedo seleccionarlo y luego puedo arrastrar más o menos estas fotos, todas estas capas entrando en esta escena quiero y dejarla caer. Asegúrate de que voy a seleccionar toda la capa, no sólo la sombra. puede ver que tiene el artículo luego la sombra. Voy a bajar esto y en cuestión de minutos podemos tener nuestra propia escena rústica fresca , y obviamente, hay que agregar algunos ajustes y esas cosas pero eso es bastante guay, pero ustedes chicos consiguen el punto ahí. Se ve super cool. De vuelta a las escenas prefabricadas, se puede ver que he hecho algunas escenas y se puede ver estos objetos son todos objetos separados, así. Esto es tan poderoso porque puedes crear tus propias maquetas, no tienes que comprar cosas si no quieres. Es muy divertido, tienes más control creativo. Simplemente puedes jugar alrededor del experimento y puedes crear para ciertos proyectos que necesitas, configurar y buscar. Podrás crear tus propias maquetas o simplemente podrías arrojar tu logo. 10. Más información: Muchas gracias por unirse a la clase. De verdad me encantaría que ustedes pudieran seguirme. Obtendrás actualizaciones sobre nuevas clases que se están acercando. Como puedes ver aquí, solo tienes que hacer clic en el botón “Seguir” arriba de la esquina superior izquierda. Una vez que hayas visto algunos videos, podrás entonces revisar la clase y eso me ayudará de verdad para que pueda mejorar y hacer que las clases sean mucho más valiosas y beneficiosas para ustedes chicos. Da clic en la pestaña de revisión aquí abajo, y verás un pequeño botón que dice “Dejar reseña” en el lado derecho. Haz clic en “Dejar reseña”. Obtendrás algunas indicaciones y es realmente sencillo de revisar. Simplemente puedes hacer click en él. El compañero de clase cumple con tus expectativas, puedes poner el nivel de experiencia que sugieras, así como lo que te gustó de la clase y lo que podría mejorar. Solo puedes seleccionar estos pequeños barritas aquí. También puedes dejar un comentario abajo aquí abajo. Eso realmente me ayudará. Dar algunos comentarios constructivos. De verdad lo voy a apreciar. Gracias chicos por mirar. Espero verlos en algunas más de mis otras clases.