Transcripciones
1. Introducción: Creo que una de las partes más importantes de un negocio creativo es cómo exhibes tu trabajo. Si eres ilustrador o diseñador de patrones. Lockups son una gran manera de mostrar la obra de arte y visualizar cómo se verá tu diseño en los productos de la vida real. Mi nombre es Mariam Beck y soy diseñadora de patrones de superficie con sede en Estocolmo, Suecia. En mi primera clase de habilidad compartida, aprendiste todo sobre cómo hacer diseño de patrones usando Adobe draw e illustrator. En esta clase, hablaremos todo sobre cómo jugar
empezar a trabajar que crees y lo exhibirás en maquetas. Puedes usar maquetas en tu página web en un look book en redes sociales. maquetas son una gran manera de hacer que futuros clientes puedan visualizar cómo se verá tu diseño en sus productos.Lo cual puede ser un
rompetrato . Si estás tratando de vender tu obra de arte a los clientes. Aprenderás qué son las maquetas, por qué debes usarlas y lo más importante, cómo crear tus propias maquetas usando fotos de stock gratis y Photoshop.Puedes usar tu propia obra de arte o descargar mi diseño de patrón original en clase. Para tomar esta clase, Es bueno tener una comprensión básica de Photoshop.Pasaremos por todo, desde la colocación básica simple hasta técnicas más avanzadas, como trabajar con prospectivos y texturas. Te enseñaré diferentes técnicas y cómo trabajar con los detalles. Para que puedas crear tus propias maquetas de aspecto profesional de alta calidad para ti.
2. ¿Qué es una maqueta y por qué utilizarla?: Empecemos con qué son las maquetas y por qué deberías usarlas. maqueta digital es básicamente una foto de un producto que
manipulas para que parezca que tu obra está impresa en ese producto. lo general, es un archivo de Photoshop donde puedes colocar tu obra de arte sobre un objeto. Cuanto mayor sea la maqueta,
más realista se verá la maqueta. Siempre pretendo que la maqueta se vea lo más real posible. Simplemente da una impresión mucho más profesional. ¿ Por qué te gustaría exhibir tu obra de arte sobre productos? Bueno, para empezar, es muy divertido ver cómo tus patrones e ilustraciones cobran vida en cosas reales. Incluso si es solo una foto de algo real, puede ayudarte a visualizar en qué tipo de producto estará de acuerdo tu obra de arte, y es una gran manera de hacer que los futuros clientes visualicen cómo se vería tu obra de arte en sus productos. Que a la larga puede ser un rompetratos si trataste de vender tu obra de arte a los clientes. Un pequeño bono si apenas comienzas a hacer ilustraciones y padres, es que al ver tu obra de arte en una maqueta, puedes obtener un poco de impulso de confianza ya que en realidad puede sentir que tu patrón está impreso en un producto de la vida real, que puede ser una sensación realmente genial si no lo has visto antes. ¿ Cuál es la diferencia entre maquetas prefabricadas y las que haces tú mismo? Bueno, ya hechos son solo eso. Se preparan archivos PSD que descargas y luego coloca tu obra de arte en. A menudo son súper fáciles y bastante rápidos de usar. Pero a la baja, los de alta calidad suelen costar un poco de dinero. Hay algunos buenos de forma gratuita, pero lleva bastante tiempo encontrarlos, y por lo general es difícil encontrar maquetas gratis para todo tipo de productos. Pasé mucho tiempo buscando en Google gratis para usar maquetas ya hechas. Tengo algunos consejos sobre dónde encontrarlos y cómo saber que son de alta calidad. Esto lo compartiré más adelante en clase. Hablemos de hacer tus propias maquetas, que es el foco de esta clase. Definitivamente tiene sus ventajas para poder hacer tus propias maquetas. Podrías usar fotos libres en stock, lo que significa que no necesitas pagar nada para hacer una maqueta. Puedes hacer unas únicas que nadie más use, y puedes hacer unas maquetas de estilo de vida realmente bonitas con fotos que están más en acción de lo que normalmente están las maquetas prefabricadas. Se puede, por supuesto, también comprar fotos de stock y hacer maquetas de ellas. En ese caso, no es libre. Pero si no encuentras un marcado ya hecho o una foto gratis que se adapte a tus necesidades. Comprar una foto de stock podría ser una buena opción. Otra opción es tomar tus propias fotos y hacer maquetas de ellas, cual es una cosa súper cool si eres bueno con la cámara. Creo que la parte más difícil de hacer tus propias maquetas es encontrar grandes fotos para usar, porque no son todas las fotos las que harán una buena maqueta. Pasaremos por lo que debes buscar al buscar fotos y cómo saber si una foto hace una buena maqueta más adelante en esta clase. lo personal, uso ambas maquetas prefabricadas y hago las mías propias. Tengo una gran biblioteca de archivos que construí desde hace unos años. Con todo, desde gratuito hasta pagado, listo hecho, y las que me hice usando fotos. Cuando creo nuevos patrones, uso mucho maquetas para mí mismo para obtener una buena visual de cómo se vería un patrón o colección en un determinado producto. Si me estás siguiendo en Instagram, probablemente
te hayas dado cuenta de que comparto mis maquetas ahí así
como en mi look book y en mi página web, todo para mostrar mis patrones.
3. Tu proyecto: El proyecto de clase es hacer una maqueta usando una de las fotos gratuitas a las que se vinculan en la descripción. O por supuesto, todos ellos si quieres practicar plenamente. Se construye la clase para que empecemos con las técnicas más fáciles y sigamos avanzando para cada lección. Te animo a probar todas las técnicas que te enseño en esta clase, entonces puedes ver por ti misma la diferencia que hacen los detalles, que luego puedas decidir qué
tan detallado quieres trabajar con tus propios maquetas. Básicamente, cuanto más trabajes con los detalles, mejor se verá la maqueta. Las fotos que usaremos en esta clase son gratuitas de
usar tanto para fines comerciales como no comerciales. Podrás descargarlos en clase a través de los enlaces de la descripción. Puedes optar por trabajar con tu propia obra de arte o con mi patrón original que puedes descargar en clase. Y si tienes alguna pregunta en absoluto, por favor siéntete libre de preguntarlas en la página de la comunidad.
4. Dónde y cómo encontrar fotos: Por lo que la parte más difícil de hacer tus propias maquetas suele ser encontrar grandes fotos. Existen muchos sitios donde se pueden encontrar fotos que son gratuitas de
usar tanto para fines comerciales como no comerciales. Tengo algunos sitios favoritos que uso, y los compartiré con ustedes en esta lección. Empecemos con las fotos gratis. Los sitios que más uso, y recomiendo están en splash y pixels. Las fotos son realmente de alta calidad, y los sitios son fáciles de usar. Sus fotos son de uso gratuito con fines comerciales y no comerciales y no se requiere atribución alguna. Para fotos de pago, me gustan las fotos de iStock, creo el mercado, y Getty Images. En realidad no he comprado tantas fotos de stock para usar para maquetas yo mismo. Apenas uno o dos. Si pago, tiendo a pagar maquetas ya hechas, que sé que son de productores de alta calidad. Por lo que cuando eliges una foto, necesitas buscar algunos detalles que te permitan saber si va a hacer una gran maqueta o no. Consulta las siguientes características en la foto. Uno. Objeto de color. El objeto de la foto que deseas colocar tu octágono necesita estar en un solo color, no patrón. El mejor es encontrar objetos blancos patrones de luz, y objetos negros para patrones oscuros. No obstante, puedes cambiar el color del objeto, que aprenderás más adelante en esta clase. Foto afilada. A medida que tu obra de arte es nítida, la foto necesita ser nítida. De lo contrario, se verá poco realista cuando coloques tus ilustraciones afiladas en una foto nítida o borrosa. Textura. Una maqueta se ve mejor si el objeto tiene alguna textura, y no es completamente plano. No demasiados detalles.Las mejores fotos son cuando el objeto está libre de detalles. A lo que me refiero es, por ejemplo, no hay pelo en el camino, u otras cosas que quizá necesites trabajar muy detalladamente para que se vea bien. Por supuesto, puedes optar por hacer eso si quieres, pero para mí, creo que es demasiado tiempo, y el resultado podría no siempre verse bien, y al final de cuentas natural. Relámpago, y colores. Una buena foto tiene incluso un rayo, y colores agradables, atrayentes. No todas las ilustraciones se verán bien en cada foto, dependiendo de los colores de la foto, y los colores de la obra. Obtendrás el mejor resultado si empareja los colores de la foto con los colores de tu patrón, cual hablaremos más adelante en clase.
5. Prepara tu material gráfico: Lo primero que debes hacer si estás usando tu propia obra de arte para esta clase es preparar tu archivo para que puedas colocarlo en una maqueta. Voy a pasar por cómo lo haces con un patrón hecho en Adobe Illustrator. Si estás usando mi patrón original, los archivos de ejemplo que están adjuntos en la clase, podrías simplemente pasar a la siguiente lección. El primero que hacemos es abrir la foto que estás haciendo una maqueta arriba y hacer un rectángulo que cubra el objeto donde colocarás tu obra. Hago un cuadrado para cubrir la almohada donde colocaré mi patrón más adelante. Copiar la plaza con el comando C en Photoshop. Después nos dirigimos a Illustrator y al archivo en el que tienes la ilustración. Golpea “Comando V” y pega el cuadrado. Elige “Forma Compuesta”. Ahora, tienes un cuadrado con el tamaño correcto, para que el archivo JPEG que crearemos sea el tamaño correcto para llenar el objeto en tu maqueta. Llena la plaza con tu patrón o la obra de arte que usarás. Entonces tal vez quieras guardar dos escalas diferentes del patrón. Vaya a “Objetos” y “Transformar” y “Escala”. A lo mejor bajar la escala a uno de los patrones al 50 por ciento. Esto es totalmente opcional, es solo para que puedas experimentar más adelante con escalas de tu obra cuando estemos haciendo la maqueta. A veces siento que es mucho
más agradable tener todo preparado antes de empezar con una maqueta que no tenga que volver a Illustrator una y
otra vez para hacer ediciones y nuevos archivos JPEG. A continuación, abra la herramienta de exportación de activos en el panel de herramientas derecho o si no lo ve ahí vaya a Ventana y haga clic en “Exportación de activos”. En el menú, selecciona “Configuración de formato” para realizar los ajustes antes de exportar. Aquí, utilizo JPEG 100, elijo el arte basal, optimizado y anti-alias optimizado. Si estás haciendo patrones y alguna vez tuviste un problema con las líneas blancas en tus patrones, esta es una de las soluciones que se utilizan para eliminar las líneas blancas para guardar archivos como arte optimice. Te mostraré lo que quiero decir. Si solo copias el patrón de Illustrator y lo pegas en Photoshop, como lo hacemos aquí, a menudo obtendrás estas líneas blancas. Sé que tiene algo que ver con los anti-alias, pero no sé exactamente por qué existen. Pero lo que sí sé es que pueden ser realmente molestos y van a imprimir, si guardas un JPEG con líneas blancas y lo envías a una impresora. Lo que debes hacer para eliminar las líneas blancas es lo mismo a JPEG que el arte optimizado. Se puede ver que cuando coloco mi JPEG en Photoshop, lugar de simplemente copiar el patrón de Illustrator, las líneas blancas se han ido. Aunque guarde esto, para colocarlo en una maqueta, verán que no hay más líneas blancas en la almohada. Volvamos a Illustrator y guardemos nuestros archivos como JPEG optimizados para arte. En primer lugar, arrastre ambos cuadrados a la herramienta de exportación de activos. Puedes cambiar el nombre de tus archivos a tal vez pequeños y grandes. A continuación, seleccione ambos. Asegúrate de que tienes el formato JPEG 100 elegido y utilizo escala uno y sufijo menos 100. Al realizar su configuración, haga clic en “Exportar” y elija dónde desea guardar el archivo. Ahora, tienes dos JPEG con tu ilustración en dos escalas diferentes con las que puedes experimentar en esta clase. Si quieres usar mi obra de arte, he adjuntado tres formas de color diferentes de mi patrón de rayas simples y todas tienen dos escalas diferentes. su mayoría usaré las de gran escala en esta clase, pero también he adjuntado una escala más pequeña, que
puedas experimentar por ti mismo y ver qué prefieres. Ahora tienes todo listo para unirte a mí y hacer las maquetas a mi lado mientras observas la clase.
6. Disposición simple: Si tienes todo listo, ya sea hecho JPEG de tu propia obra de arte o descargó mi obra de arte de esta clase, entonces estamos listos para ir. Empezaremos con lo básico en esta lección. Cómo crear una maqueta a partir de una foto, con solo una colocación simple y unos sencillos retoques para que se vea realista. Empecemos con la foto de la habitación, donde colocaremos nuestra obra de arte en la ropa de cama. Abre la foto en Photoshop. El primero que vamos a hacer es quitar el pequeño candado de la capa con sólo hacer click una vez sobre ella. A continuación, seleccionaremos el área de la foto donde colocaremos nuestra obra de arte. Empezaremos con una almohada aquí. Existen varias formas de hacer esto. Estoy usando la Herramienta Lazo Magnético. Simplemente lo encuentro tan rápido y fácil de usar. Solo estoy dando click una vez y empezaremos al final de la almohada, solo moviéndonos por los bordes para hacer de toda la almohada una selección. No importa si es una selección perfecta alrededor de los bordes porque podemos arreglarlo más adelante. Ve a seleccionar, guardar selección, y luego puedes escribir almohada. Normalmente guardo mis selecciones porque puede ser tan frustrante volver atrás y hacerlo una y otra vez si lo pierdes. Podrían haber adivinado que aprendí esto de la manera difícil. A continuación, colocaremos nuestro patrón encima de la almohada. Para ello, normalmente solo arrastro en mi archivo JPEG de la carpeta a Photoshop. Voy a usar el marrón grande para esto. Cambiar el tamaño para que cubra la almohada. Aquí lo único que importa es que cubra toda la almohada. A lo mejor algo como esto. Después pulsa “Enter” para colocar tu obra de arte. Entonces haremos un objeto inteligente de nuestra obra de arte. El motivo por el que hacemos esto, es para que podamos reutilizar la maqueta una y otra vez. Te lo mostraré más tarde. Por ahora, vaya al menú en el panel de capas. Asegúrate de tener tus objetos seleccionados y haz clic en convertir a objeto inteligente. En realidad no puedes ver que pasa algo, pero solo tienes que confiar en mí en este. Cuando hiciste una capa de objeto inteligente, elige la selección que guardaste, ve a seleccionar, carga selección y elige almohada, y haz clic en “Ok”. Ahora tenemos la selección en nuestra capa de objetos. Estamos realmente cerca de colocar nuestro patrón en la almohada. Haga clic en el rectángulo pequeño con el círculo en el panel de capas para agregar una máscara de capa. Supongo que se puede decir que esto corta la selección de su obra de arte. Como puedes ver, se ve un poco plano y nada mezclado en una foto. Asegúrate de tener seleccionada la máscara de capa y ve al modo de fusión y cambia de normal a multiplicar. Ahora, eso ya se ve bastante bien, ¿no? Tenemos algunos detalles más que arreglar antes de que se vea genial sin embargo. Si miras los bordes, puedes ver que podrían no ser perfectos. El patrón podría estar cayendo o tal vez no cubre toda la almohada. Para solucionarlo, asegúrate de tener seleccionada
tu máscara de capa y luego usa la herramienta de pincel. Seleccione el tamaño y la dureza. Yo uso dureza 100 por ciento y tamaño 43 píxeles aquí. Elige el negro como color de primer plano si quieres borrar la obra de arte. Por lo que voy a quitar esto que está fuera del borde de la almohada. Aquí se puede ver que la obra de arte falta en la almohada. Después podrás elegir el blanco como color
de primer plano y añadir ilustraciones en la máscara de capa con la herramienta pincel, y el blanco seleccionado. Voy por todos los bordes de la almohada para ver donde necesito rellenar o quitar mi patrón de la máscara de capa. Estoy usando la herramienta pincel, estoy dibujando en una máscara de capa con negro para quitar el patrón y blanco para agregar el patrón. Al fijar los bordes de la almohada,
seleccione el objeto en lugar de la máscara de capa en el panel de capas y vaya a filtrar, desenfocar y desenfocar gaussiano. Haga clic en los pequeños libros de vista previa. No sé si lo ves claramente aquí en mi pantalla, pero deberías verlo en la tuya. Eso se agrega un poco de desenfoque a la obra de arte. Dale una oportunidad y ve cuánto desenfoque te gustaría agregar. Lo que buscamos aquí, es hacer que el patrón se vea realista en la foto. Utilizo 0.4 pixels y basta con hacer clic en “Ok”. Agregamos un poco de desenfoque gaussiano. El último paso, es desdibujar los bordes, solo un poquito para que se vea aún más realista. Elija la herramienta de desenfoque en el panel de herramientas izquierdo. Entonces me aseguro de tener mi máscara de capa seleccionada en el panel de capas. Estoy bajando un poco el tamaño y la dureza del pincel, antes de hacer clic y arrastrar alrededor de los bordes de la almohada. Yo solo quiero desenfocarme un poco aquí alrededor los bordes porque como puedes ver en la foto, la almohada en realidad está un poco borrosa. Lo que queremos hacer, es emparejar y mezclar en nuestra obra de arte con la foto original. Cuando borrosas los bordes y estás contento con ello, realidad
terminas de hacer tu primera maqueta a partir de una foto. Este es el básico,
una simple colocación de tu obra de arte y unos pequeños ajustes para que se vea realista. Echemos un vistazo rápido a cómo pones otro patrón en esta maqueta. Es por ello que dimos el primer paso en la lección. Se creó una capa de objetos inteligentes de tu obra de arte. Toca dos veces tu capa de objetos inteligentes con tu obra de arte. Aquí tienes tu obra de arte. El grandioso es que puedes pegar otro patrón aquí y guardarlo y se mostrará directamente en la maqueta, incluyendo todos los ajustes que hiciste antes. Estoy usando el patrón de raya azul aquí. Arrastrar en el JPEG a Photoshop, golpear comando como para guardar, y luego volver a nuestro archivo maqueta para ver que la almohada ahora está cubierta en el nuevo patrón. Qué increíble, ¿no es eso? También puedes volver al smart o declave y probar diferentes escalas del patrón, para ver cómo eso cambiaría el overlook en tu maqueta. Lo último que tienes que hacer, es guardar esto como un archivo PSD. De esa forma, solo puedes abrir tu archivo y las capas estarán ahí. Se puede reutilizar la maqueta una y otra vez con nuevos patrones, colocándolos en la capa de objetos inteligentes. Ahí lo tienes. Acabas de hacer una simple maqueta de colocación que puedes usar una y otra vez para mostrar tu obra de arte.
7. Perspectiva y textura: En algunas fotos que encuentres, quiero hacer una maqueta de. El objeto podría tener una perspectiva, lo que significa que si colocas tu obra simplemente plana en una foto, se verá poco realista. En esta clase, te guiaré por unos pasos que se mezclarán en tu obra sobre un objeto en perspectiva. Al final de esta lección, también
añadiremos otra técnica para hacer que tu patrón se mezcla aún más en la foto, y esta técnica se llama desplazar Filtro. Pero lo primero, primero, abramos nuestra maqueta de dormitorio, y esta vez añadiremos nuestra obra de arte en la portada. Realmente no recuerdo cómo se llama esta parte de la ropa de cama, pero la llamo tapadera en esta lección. El tapón tiene un poco de perspectiva, se
puede ver que se inclina hacia la habitación. El primero que haremos es organizar un poco el archivo, cambiar el nombre de la capa maqueta de almohada a Almohada, y nombrar la capa de fondo a solo Fondo. Para empezar, haremos los mismos primeros pasos que hicimos en la almohada. Selecciona la tapa con la herramienta de lazo magnético, y al igual
que la última vez, no necesita ser una selección perfecta. Podemos ir y arreglar los bordes más adelante. Simplemente arrastra alrededor y selecciona la portada, y cuando hayas terminado, ve a “Seleccionar”, guarda la selección y luego nombra Portada. siguiente paso es colocar su archivo JPEG con su obra de arte. Para agregar tu archivo JPEG, arrastra el archivo, y colocaré una
vez más el patrón de rayas grandes marrones y lo colocaré sobre la portada. Se puede apagar el símbolo del ojo en las capas de almohada para que podamos ver
claramente dónde estamos colocando nuestro patrón en la funda. Ahora, haz de esta capa una capa de objetos inteligentes y luego cambia el nombre de la capa a Cubierta. Bueno, es momento de colocar este patrón en perspectiva para que coincida con la portada. Ir a edición y warp de perspectiva. Haga clic y arrastre sobre el área que desee realizar en perspectiva. Estoy arrastrando por encima de mi patrón aquí. Una vez que hayas elegido el área ve a la parte superior, a panel y elige “Warp”. Aquí te dejamos un pequeño truco para cambiar el modo de mezcla de capas para multiplicar para
que puedas ver tanto el patrón como la portada cuando realices los cambios en la perspectiva. Lo que hacemos ahora es arrastrar los pasadores, las esquinas de la plaza, para manipular la perspectiva de nuestra obra de arte. Simplemente me estoy moviendo por las esquinas hasta obtener un resultado final que creo que se verá bien. A lo mejor algo como esto. Cuando termine, selecciono la herramienta de movimiento y haga clic en “Aplicar”. siguiente paso es elegir tu selección, ir a “Seleccionar”, “Cargar selección” y elegir Portada. Una vez que tengas tu selección, puedes hacer una máscara de capa en el panel de capas. Ahora tienes tu patrón en perspectiva en la portada. Creo que esto es tan increíble. Para comparar, hice una capa aquí sin la perspectiva. Como puedes ver, la diferencia es enorme como
lo realista que se ve esta maqueta si colocas el patrón en perspectiva o si simplemente lo colocas plano. Simplemente voy a tirar la capa de muestra, y sigamos con algunos ajustes para que se vea aún más realista. Ahora podemos hacer lo mismo que hicimos con la almohada, podemos ir por encima de los bordes seleccionando la máscara de capa y usar la herramienta de pincel, dibujar con negro para quitar el patrón y con blanco para agregar el patrón en la máscara de capa. Cuando estés contento con los bordes, ve a “Filtrar”, “Desenfocar” y “Desenfocar gaussiano” para añadir el desenfoque general a la cubierta. Después elige la herramienta de desenfoque y pasa por encima de los bordes de la cubierta. Lo último que haremos para que este look sea aún más realista es agregar una nueva técnica, el filtro desplazar. El filtro desplazar hará que el patrón se mueva con la textura y los pliegues de la cubierta de una manera más realista. Simplemente sigue y verás en el resultado final, a lo que me refiero. El primero que tenemos que hacer es hacer una foto en blanco y negro del archivo original. Abre el JPEG original en Photoshop y haz clic en el “Panel de ajuste” sobre saturación de tonalidad y arrastra hacia abajo la saturación para que la foto se convierta en blanco y negro. Entonces guarda la foto como un archivo PSD, y la nombraré desplazar. Entonces lo que haremos es colocar este filtro de desplazamiento. Primero asegúrate de tener seleccionada tu capa de objetos inteligentes. Después ve a “Filtrar”, “Distorsionar”, y “Desplazar”. Elige “Tile”, y “Wrap around”, en la configuración, y luego pulsa “Okay”. Después eliges tu foto en blanco y negro y abre. Si acercamos aquí ahora, puede ver que el patrón se ha movido alrededor de los pliegues de
la portada y tiene supongo que se puede decir adaptado a la textura en la portada. Ahora puedes hacer lo mismo con la capa de almohada. Seleccione la capa de objetos inteligentes, vaya a “Filtrar”, “Distorsionar” y “Desplazar”. Elige “Wrap around” y “Tile” y tu imagen en blanco y negro. Ahora ya terminamos con esto, un poco más avanzado maqueta. Has colocado tu obra en perspectiva, y también has aprendido a hacer un filtro de desplazamiento, lo
que hace que el patrón se mueva alrededor de la textura y los pliegues y los movimientos del objeto en una foto. Guarda el archivo como un archivo PSD para que puedas
usarlo una y otra vez con nuevos patrones y ilustraciones. Una vez terminadas, me uní en la siguiente lección, donde nos sumergimos en qué hacer si encuentras una gran foto pero el objeto en el que quieres colocar tu obra es otro color que el negro o el blanco.
8. Cambiar el color de un objeto: En ocasiones encuentras una gran foto, pero el color del objeto en el que quieres colocar tu obra no es ligero. Esta foto del bebé es un gran ejemplo. Es así como nos veremos si trataras de colocar tu obra de arte en el atuendo del bebé sin cambiar los colores. Básicamente, no tan bueno. Para poder utilizar esta foto, es necesario
cambiar el color del objeto antes de hacer una maqueta de él. En esta lección, te mostraré cómo hacer eso, así
como cómo ajustar la obra para que parezca que se mueve con atuendo, en lugar de ser solo una obra de arte plana colocada en una foto. Ya verás a qué me refiero más adelante en esta lección. Abre esa foto del bebé y empecemos con cambiar el color del objeto. Empezaremos de la misma manera que las lecciones anteriores. Selecciona la Herramienta Lazo Magnético, y haz una selección alrededor del mono. No sé si esto realmente se llama mono, pero solo llamémoslo así en esta clase. Estoy usando la Herramienta Lazo Magnético, hago clic una vez y luego arrastro a lo largo de los bordes. Si cometo un error, siempre
puedo presionar una vez la tecla de atrás para retroceder un punto en mi selección. Aquí cometí un pequeño error. Simplemente voy a elegir el add a selección en la barra de herramientas superior y seguir moviéndome alrededor del mono con la Herramienta Lazo Magnético y añadir a la selección para elegir todo el mono en mi selección. Cuando hiciste toda la selección, guardas yendo a seleccionar, guardar selección, y nombrarla a mono. Después vamos al menú del panel Capas y duplicamos la capa por si acaso si cometes algún error, que aún tengas el archivo original al que referirte. Simplemente renombraré las capas a originales y de fondo. siguiente paso es cargar tu selección y hacer clic en crear nueva capa de sensación o ajuste en la parte inferior del panel Capas. Desafortunadamente, esto no se puede ver en mi pantalla, pero hago click en mapa de gradiente aquí. Haga clic en el color para editar el gradiente, y elija un gradiente de negro a blanco. Puedes experimentar con cuánto blanco y negro quieres un gradiente. Básicamente entre más blanco elijas, más blanco a objeto obtendrá. Entonces diré que se quiere tener tanto
blanco como pueda sin perder todas las sombras, que es lo que representa el negro. Cuando estés contento con el resultado, haz clic en Ok, y como puedes ver, todo en tu selección está incluido en la máscara de degradado. Probablemente aún quieras tener los patrones marrones aquí como está en la imagen original. Por lo tanto, selecciona la herramienta de pincel y un pincel de menor tamaño y negro como color de primer plano. Después dibuja con ellos, pincel herramienta en los patrones para eliminarlos de la máscara y selección. Ahora hemos cambiado el color del objeto y podemos seguir colocando nuestra obra de arte. Esta vez, creo que voy a probar rayas pequeñas marrones. Por lo que arrastro en el JPEG en Photoshop, lo
redimensiono para que quepa el mono y le pego entrar para colocarlo. Cambio el nombre de la capa a mono, y luego la convierto en una capa de objetos inteligentes, en el menú del panel Capas. Cargar la selección y hacer una máscara de capa para cortar la selección de la obra, cambiar el modo de fusión para multiplicar. Ahora puedo ver que no estoy súper contento con el gradiente. Por lo que vuelvo al mapa de gradiente y elijo un color gris en lugar del negro, que hará que todo el mono sea un poco más ligero. En realidad no me gustan las rayas pequeñas de esta maqueta,
así que solo hago doble clic en mi capa de objeto inteligente y coloco en su lugar la gran raya marrón. Golpea el comando S para guardar, y luego vuelvo a editar un poco más la maqueta. Vamos a repasar los detalles. En primer lugar, arregle los bordes. Mis bordes en realidad se ven bien aquí. Entonces no necesito arreglarlos. Pero si lo haces, asegúrate de tener seleccionada la máscara de capa, ve a la herramienta de pincel y usa el color negro para quitar una obra de arte, y el blanco para agregar la obra a la máscara, tal y como hicimos en las lecciones anteriores. Lo que voy a hacer aquí es seleccionar la herramienta de desenfoque y desenfocar eso solo un poco. Simplemente me estoy moviendo por encima de mis bordes para hacerlos un poco más borrosas. Después selecciono la capa de objeto inteligente, y voy a filtrar el desenfoque y el desenfoque gaussiano para agregar un poco de desenfoque general. Mi configuración son 0.3. píxeles aquí. Entonces creo que quiero escalar un poco el patrón. Hago doble clic en la capa de objetos inteligentes y escalo el patrón y presiono Comando S para guardar. Lo siguiente que haremos es tratar de agregar un poco de textura a la obra de arte, como parece, la tela de la foto original tiene un poco de textura. Nuestro objetivo con maquetas es siempre hacer que la obra se funde en la medida de lo posible en la foto original. Ir a filtro, filtrar galería, elegir textura y texturizador seleccionar Lona, y uso 52 por ciento de escalado y relieve uno. Golpe, está bien. Echemos un vistazo. Ahora eso se ve bastante bien, ¿no? Lo último que haremos es quizá más importante para que la maqueta se vea lo más realista posible. Si miras el mono y tu obra de arte,
puedes ver que nuestra obra luce plana encima de ese mono, y realmente nos gustaría que las ilustraciones se ajustaran a los movimientos de la tela. Para ello, desvincula la capa de objeto inteligente y la máscara de capa haciendo clic en el pequeño símbolo de cadena. A continuación, seleccione la capa de objetos inteligentes y vaya a editar, transformar y Warp. Ahora arrastra en los puntos y en los mangos e intenta que el patrón se mueva en ajuste con el movimiento en la tela. Realmente puedes experimentar aquí y moverte y ver qué se ve bien y no. Cuando estés contento con los resultados, puedes hacer clic en el mover a, para guardar los cambios. Echemos un vistazo a la diferencia sin y con el trabajo. trata de cambios realmente detallados, pero hace mucha diferencia en el resultado final en cuanto a lo realista que se verá la maqueta. Entonces ese fue el último detalle a arreglar en esta maqueta, y ya terminamos con ella. Hemos cambiado el color del objeto usando mapa de gradiente. Hemos agregado tomas debido a la obra de arte, y utilizamos la herramienta de urdimbre para hacer que el patrón se mueva en ajuste con el movimiento en la tela. Ahora todos estos pasos podrían parecer técnicos y complicados al principio, y podría tomar un poco de práctica para conseguir un rato. Pero te prometí que cuando hayas hecho esto un par de veces, será mucho más fácil, y básicamente, son solo unos pasos los que
necesitas aprender a hacer que una maqueta se vea así de realista. Si estás terminado y contento con el resultado, vamos a pasar a la siguiente lección donde practicaremos en editar la foto original solo un poquito, y hablemos un poco más sobre cómo los colores de la foto y la obra de arte afecta el desvío de tu maqueta.
9. Editar la foto y combinar los colores: En esta lección, haremos algunas ediciones menores en la foto original, y también hablaremos un poco más sobre cómo los colores una foto y tu obra afectan el resultado final. Abramos la foto con la tabla de surf y empecemos con la edición. En esta foto, tal vez quieras quitar el texto de un tablero, ya que podría parecer un poco poco poco realista cuando coloques la obra encima del texto. Esto se puede editar con muchas herramientas diferentes en Photoshop. Usaré mi nueva herramienta favorita para esto, que es la Herramienta Pincel Sanatorio Spot” y solo hago clic y arrastro sobre el texto y lo veo desaparecer mágicamente. ¿ Qué tan increíble es eso? La mayoría de las veces la herramienta de pincel de sanación puntual funciona perfectamente para mis necesidades de edición de spots y detalles en fotos. A lo mejor quiero quitar esta cosita negra en la parte trasera de la pizarra también. Cuando termine, guardaré esto como un archivo JPEG y
nombraré el número dos y lo guardaré con resolución grande y arte optimizado. A continuación, abre el nuevo archivo JPEG, y éste es el que vamos a empezar a hacer nuestra maqueta. Básicamente hacemos las ediciones a la foto original, y luego guardamos esto como un nuevo archivo y abrimos el nuevo archivo para empezar a hacer la maqueta. Empecemos con hacer una selección de la tabla de surf. Elige la “Herramienta de lazo magnético”, y haz una selección de la parte posterior del tablero. Aquí utilizo la herramienta agregar a selección y quitar de selección en la barra de herramientas superior con esa herramienta láser para hacer la selección perfecta alrededor de los bordes. Cuando termine con la parte posterior de la pizarra, elijo agregar a la opción de selección y agregar el frente del tablero a la misma selección. Cuando tengas tanto el frente como el reverso del tablero en tu selección, guarda la selección. Ve a “Seleccionar”, “Guardar Selección” y estoy nombrando mi selección a tabla de surf. Si miras de cerca, verás que la tabla de surf es un poco amarilla, así que cambiaré el color de la misma solo un poquito y reduciré la saturación para hacerla más blanca. Por lo que hago clic en “Hue, Saturación” en el panel de ajuste y derribo completamente la saturación, lo que básicamente hará que el tablero sea blanco y negro. A veces funciona simplemente para derribar la saturación del objeto y a veces necesitas hacer un mapa de gradiente como lo hicimos en la lección anterior. Creo que por regla general, se
puede tener eso, más blanco sea el objeto desde el principio, más probable es que solo se necesite cambiar la saturación en lugar de usar un mapa degradado. Para mí, solo pienso que el ajuste de saturación es mucho más rápido y más fácil, así que si funciona en la imagen, prefiero ese. A continuación, vamos a fusionar estas capas, así que ve al “Menú del panel Capas” y “Combinar capas”, y esta fue la última edición que realizamos a la foto original. Colocemos nuestra obra de arte, probaré el azul grande para esto. Arrastrando el JPEG y creo que voy a rotar el mío ya que parece más probable que el patrón se imprima en esa dirección en esta tabla de surf y simplemente se verá mucho mejor. Escala para que se ajuste a la tabla, presiona “Enter” para colocar y luego capa “Convertir a objeto
inteligente” y cambia el nombre de la capa a tabla de surf. Después cargaremos nuestra selección, haremos una máscara de capa y elegiremos “Multiplicar” como modo de mezcla. Vamos a añadir un poco de desenfoque gaussiano, ve a “Filtrar”, “Desenfoque gaussiano” y mis ajustes son de 0.5 píxeles, pulsa “OK”. Entonces vamos a desenfocar un poco los bordes con la herramienta de desenfoque, igual que hicimos en las lecciones anteriores. Elige la herramienta de desenfoque y experimenta un poco con los ajustes y haz clic y arrastra alrededor de los bordes para que se mezclen más en esta foto. Algo de lo que no hemos hablado tanto en las lecciones anteriores, es cómo los colores de la foto en combinación con los colores de tu obra, afecta lo bueno y realista que se verá una maqueta. Básicamente, quieres emparejar los colores de la foto con tu obra de arte. Aquí se puede ver eso, se ve bien con este patrón azul, pero creo que esta maqueta se vería aún mejor con un patrón que tiene colores más cálidos. Entonces probemos el patrón marrón y veamos si puedes ver algún cambio. Para mí, creo que este patrón se ve mucho mejor en esta foto, ya que la foto en sí le tiene un resplandor cálido. Experimenta un poco con esto en diferentes maquetas y echa un vistazo a lo diferente que se ven las ilustraciones en diferentes maquetas basadas
en los colores de la foto original y los colores de tu obra de arte. Yo diría que la maqueta se verá más realista si intentas
combinar los colores de la obra con los colores de la foto. Para hacer el siguiente paso, guardaremos este archivo como archivo PSD y luego abriremos el JPEG editado, el que nombramos número dos. Lo usaremos para desplazar nuevamente el filtro como
lo hicimos en la maqueta de perspectiva en la lección anterior, así que baja la saturación de la foto para hacerla blanco y
negro y luego la guardo como archivo PSD. A continuación, asegúrate de tener seleccionada la capa de objetos inteligentes, ve a “Filtrar”, “Distorsionar” y “Desplazar”, toca en mosaico y envuelve y pulsa “Aceptar”, y elige tu archivo PSD en blanco y negro. Como puedes ver, la obra se movió un poco y adaptó a los movimientos y textura de la tabla de surf, lo
que hará que se vea un poco más realista. Siento que esta tabla de surf se verá mejor con un patrón a gran escala, así que toque dos veces la capa de objetos inteligentes y escale el patrón. Golpea “Command S”, y luego vuelve a la maqueta. A continuación, ajustaremos un poco el patrón para que se ajuste mejor a la forma del tablero, así que desvincula las capas, asegúrate de tener seleccionada la capa de objetos inteligentes y ve a “Editar”, “Transformar”, y “Warp”. Arrastre en los puntos y las asas para hacer que el patrón se mueva y se ajuste un poco mejor al tablero. Con esto, normalmente solo experimento para ver qué se vería bien en una foto, tal vez algo como esto se vería bastante guay. Echemos un vistazo a la diferencia antes y después de la herramienta warp. Esa es una gran diferencia, ¿no? Creo que esto se ve realmente genial. Ahí lo tienes, la maqueta de tabla de surf está terminada. Hemos utilizado la herramienta de pincel de curación puntual, la herramienta de desenfoque, desenfoque
gaussiano, el filtro y la herramienta de urdimbre. Sumérgete en la siguiente lección donde
hablaremos de qué hacer si tu obra tiene un color de fondo oscuro.
10. Material gráfico con fondo oscuro: Si tienes un patrón o una obra de arte con un color de fondo oscuro, no
se verá bien si lo colocas sobre un objeto blanco. Entonces para esto, necesitamos encontrar una foto donde el objeto sea negro, como en esta foto. Empecemos por hacer una selección alrededor de la parte superior con la Herramienta Láser Magnético tal como hicimos en las lecciones anteriores. No olvides guardar tu selección. Ve a seleccionar “Guardar selección” y nombra a Top, luego coloca la obra de arte. Usaré el patrón negro aquí. Arrastre en el JPEG y cargue la selección. Haz una máscara de capa y luego llegaremos
a lo primero que es diferente a las lecciones anteriores. Por lo que podemos elegir el modo de fusión Multiplicar aquí ya que la obra de arte no las mostrará. Por lo que en lugar de Multiplicar, vamos a elegir Exclusión. Entonces elegiré la herramienta de pincel y arreglaré los bordes y dibujaré con color negro para quitar, y blanco para agregar mi patrón en la máscara de capa. Para que este aspecto sea lo más real posible, necesitamos ser realmente detallados con la herramienta de pincel alrededor de las manos y los dedos aquí. siguiente paso es agregar un poco de desenfoque gaussiano. Añadiré 0.5 pixels desenfoque aquí. Después hacemos una versión en blanco y negro de la foto original tal como hicimos en las lecciones anteriores y añadiremos un filtro Desplazar. Después desdibujaré los bordes con la herramienta de desenfoque y trabajaré realmente detallado alrededor de las manos y los dedos y probaré diferentes ajustes con la herramienta de desenfoque para ver qué hace que esta parte se vea lo más realista posible. También usaré la herramienta de pincel y la máscara de capa y dibujaré con negro y cambiaré el modo de mezcla a
Multiplicar, para tratar de agregar un poco de sombra donde la tela se encuentre con la mano en el lado izquierdo de la foto. Trabajemos un poco el patrón para que
parezca que se ajusta a los movimientos de la tela. Estoy experimentando aquí y arrastrando los puntos y mangos para ver qué podría quedar bien. Creo que en realidad voy a quitar el filtro Desplazar en este ya que se siente que
no hace tan grande de una diferencia y el tipo [inaudible] me da el resultado que busco. El último que probaré es agregar un poco de sombra en la esquina izquierda ya que se siente como que el área alrededor de esa mano se ve un poco poco poco realista. Por lo que usaré la herramienta Gradiente y añadiré un gradiente radial suave que sean de color gris a transparente. Cambiaré el modo de fusión a Multiplicar y arrastraré hacia abajo la opacidad. Sí, me gustan los resultados, así que mantendré esa pequeña sombra en mi maqueta. Ahora esta maqueta está terminada y eso es en realidad. Hicimos todas las maquetas diferentes en esta clase. Entonces si me seguiste, gran trabajo. Si lo encuentras realmente técnico y duro, dale un poco de tiempo y prueba las diferentes técnicas un par de veces. Una vez que hayas practicado un poco y te sientas cómodo haciendo tus propias maquetas con todas estas técnicas, básicamente
puedes hacer una maqueta de cualquier foto que encuentres que tenga las condiciones básicas adecuadas. Entonces vayamos a la siguiente lección que es una pequeña lección extra donde hablo de maquetas ya hechas y dónde encontrar las grandes.
11. Maquetas prediseñadas: Ahora ya sabes hacer tus propias maquetas. Si quieres seguir explorando maquetas por tu cuenta y echar un vistazo a maquetas ya hechas. Tengo algunos consejos que te harán más fácil saber por dónde empezar. Creo que en general, la parte más difícil de los maquetas es encontrar a los grandes. Como mencioné antes, pasé una enorme cantidad de tiempo buscando buenos maquetas en diferentes lugares, lo que me ha llevado a reducirlo a unos pocos productores que sé con seguridad entrega de alta calidad. A veces sigo Google para mockups gratis por diversión pero ya he construido una gran biblioteca para usar. He dedicado el tiempo necesario para poder usar tanto listos como hacer maquetas de alta calidad. Mi sitio favorito absoluto para comprar mock ups son Creative Market, es tan fácil de usar y encontrar grandes allí. Los productores a los que compro la mayoría de mis maquetas son Creatsy y Field Office Studio. Ambos tienen maquetas de muy alta calidad de las que no te decepcionarán. También uso los sitios Pixeden, Pixelbuddha y Mockup World. Todos estos sitios tienen tanto de forma gratuita como de pago por maquetas. Algunos de los mejores gratis que tengo son de estos tres sitios. También podrías echar un vistazo a Dribbble, Behance y GraphicBurger, donde también puedes encontrar algunas bonitas. maquetas listas suelen ser muy fáciles y rápidas de usar. Si utilizas los de alta calidad,
los archivos maquetas que descargues en realidad se parecerán mucho a los que hemos creado en esta clase. Habrá una o varias capas de objetos inteligentes donde pegarás en tu obra de arte. En ocasiones incluso se puede cambiar el color del fondo o los detalles del objeto. La parte más difícil de todas es encontrar a los grandes, sobre todo a los que son libres.
12. ¡Gracias!: Se acabó la clase y se aprende apenas todo lo que sé sobre hacer maquetas. Espero que hayas disfrutado viendo la clase tanto como disfruté haciéndola. Realmente me encantaron las maquetas y creo que es una gran manera de exhibir la obra de arte. Muchas gracias por tomar esta clase. Si tienes alguna pregunta, por favor pregúntalos en la página de la comunidad y asegúrate de compartir tu proyecto de clase.
Maja Faber, Surface Pattern Designer
