Transcripciones
1. Introducción a la clase: Hola, y bienvenidos a mi
nueva clase de Skillshare, donde
te enseñaré a crear un marco Canva personalizado
dentro de Mi nombre es Michelle Marx, y soy una diseñadora
gráfica profesional e
ilustradora de patrones de superficie con casi 20 años de experiencia en la industria del diseño Usaré mis habilidades en
este tutorial para
enseñarte cómo
convertir rápidamente formas vectoriales en
Adobe Illustrator
en marcos de fotos que sean compatibles
para su uso con Canva Con esta habilidad, puedes convertir
cualquier forma vectorial que hayas creado en un marco de imagen completamente funcional
dentro de Canva Para esta clase, vas a necesitar dos piezas de software. Una es una suscripción
a Adobe Illustrator, y también necesitarás
una cuenta Canva Ahora bien, no importa
si tienes una cuenta Canva gratuita o profesional
porque puedes completar este proceso
con cualquiera También necesitarás un
conocimiento fundacional de cómo usar tanto Canva como Adobe Illustrator para que puedas
pasar por este proceso Si estás listo para crear
tus propios marcos Canva personalizados, entonces comencemos
2. Configura tu mesa de trabajo: El primer paso para este proceso
es comenzar en Illustrator. Entonces vamos a
crear nuestra mesa de trabajo, y si estás
siguiendo conmigo,
empecemos con solo
nombrar nuestro archivo, así que solo voy a
poner tal vez marcos de Canva Bien, del tamaño de tu mesa de trabajo, no
necesitas ser demasiado
quisquilloso en esta etapa Solo necesitamos una mesa de trabajo donde
podamos crear nuestras obras de arte. Entonces lo que voy a
hacer es que me gustaría
tener múltiples marcos
en una mesa En lugar de tener
múltiples mesas de trabajo. Y esto tendrá
sentido más adelante cuando los
importemos a Canva Básicamente, lo que voy a hacer es, sólo
voy a
ir con una A cuatro. Estoy en Australia,
así que usamos A four, pero si dices en EU,
podrías usar la carta estadounidense. Pero honestamente, cualquier tamaño
porque siempre puedes cambiar el tamaño de tus mesas
de trabajo desde dentro de Canva, y solo voy a
configurarlo en pantalla y RGB Bien, así que no seas demasiado quisquilloso en esta etapa
con estos ajustes porque realmente no tiene un gran impacto en el resultado final Así que tenemos nuestra
mesa de trabajo preparada ahí. Si quieres
hacer múltiples, entonces siempre podemos
crear nuevas mesas Puedes tener
tantos como quieras. Pero me parece que justo mientras
estamos aprendiendo, sigamos con
una mesa de trabajo para que sea mínima de carga y
descarga y ese tipo de cosas
3. Diseña tus elementos vectoriales: Bien. En esta lección, vamos a empezar a
crear las formas o
los elementos que
se convertirán en nuestros marcos de canva Ahora bien, la clave de
este proceso es que cada elemento con el que trabajas necesita ser un elemento vectorial, y realmente no
importa qué forma sea. Entonces el mundo es tu ostra en cuanto a lo que puedes crear. Voy a caminar por un
par de maneras diferentes. Te voy a mostrar
con formas básicas. Te voy a mostrar
con la herramienta pluma,
el pincel de blob, y
luego la herramienta tipo Entonces creémoslos por ahora. Puedes crear estos
junto conmigo. Empecemos con
nuestra herramienta de formas. Tenemos la herramienta cuadrada
o rectangular, la circular o elipse, y todas las diferentes herramientas de
forma En una instancia en la que
quizás quieras crear un marco, podría ser como si estuvieras
creando simulacros para tarjetas de visita o páginas
y ese tipo de cosas. Entonces, si vamos a crear una forma, esa es la forma
de una tarjeta de presentación. En Australia, nuestras dimensiones estándar de
tarjetas como el tamaño son de 9 centímetros
por 5.5 centímetros. Ahora bien, no significa
que tenga que crear una forma que sea del tamaño exacto. No tiene que ser de
9 centímetros por 5.5, pero la proporción tiene
que ser la misma. Lo que voy a
hacer es que voy a hacer 90 punto por 55 punto, y ahí es una forma diminuta. Pero la clave es que
mi proporción es correcta. No importa
si cambio el tamaño siempre y cuando
redimensione con proporciones
restringidas La otra clave es que
necesitamos asegurarnos de que no
haya trazos, así que sigamos adelante y
eliminemos el trazo, y queremos
asegurarnos de que
realmente podamos ver nuestro color de relleno. Déjame llevar mi panel de
colores. Es hacer un bonito poco verde azulado. Ahora bien, uno de los
retos en este punto, si estás creando formas
rectangulares es cuando las traemos a
Canva,
Canva va a
reconocerlas como un marco redimensionable Ahora bien, esto normalmente
no es lo que queremos. Entonces, para evitar eso y
evitar problemas más adelante, solo
voy a acercar el zoom, y solo voy a curvar
los bordes ligeramente. Al hacer eso solo se ajusta la forma lo suficiente para que CVA no la
reconozca como marco Si no te
importa
tener esos bordes afilados, entonces no necesitas preocuparte, o si no te importa tener
el marco redimensionable, lo único es que ya
hay un marco ahí dentro donde
puedes redimensionarlo Si estás buscando crear un simulacro de tarjeta de presentación como
este o un simulacro de página, digamos que estás buscando hacer como
un cuadro A cuatro. En Australia,
tenemos 210 por 297. Estas dimensiones, si bien
no será el tamaño completo, las dimensiones son correctas. Si necesitara crear
un marco de cuatro páginas A, así es como lo haría. Muy importante, ajustar
la esquina solo para que cambie la forma
lo suficiente para que Canva no la
reconozca como su propio marco Eso es usar la herramienta de formas. Ahora también podemos crear círculos. No obstante, ya hay formas de marco
circulares
dentro de Canvas, dudo que necesites usar eso. Aquí es donde se pone bastante divertido. Usemos la herramienta Pluma
para crear formas personalizadas. Usando las formas personalizadas. La herramienta pluma es lo que crea tu vector porque están hechos de curvas y esquinas
en lugar de píxeles. Sea cual sea el marco, cualquier
forma que quieras crear, puedes crearlo
desde el interior de Canva Tal vez juguemos un
poco con ambos. A lo mejor quiero tener una
esquina curva. A donde quiero ir. Tal vez eso. He usado una
combinación de mi herramienta de pluma y las formas para crear
un bonito marco de esquina. Si digamos que
tenías una imagen donde querías
trazar sobre ella usando tu herramienta de lápiz o
incluso tu herramienta de lápiz, puedes crear cualquiera de
esas formas usando eso. Otra herramienta que
quizás quieras usar es la herramienta de pincel blob
porque tal vez
solo nos gusta la idea de
tener un marco en forma de gota Lo cual es bastante genial.
Solo voy a asegurarme que estamos completamente llenos porque puedo ver algunos lugares
adicionales ahí. La clave es simplemente asegurarse de que el marco esté conformado
a su gusto. Ahí está la herramienta de brocha para manchas. Digamos que quieres
crear algún marco de letras. Voy a tomar la
herramienta tipo y sólo voy a
decir la letra M para Michel. No. Vamos S por compartir habilidades
porque nos estamos divirtiendo. Sólo voy a
aumentar el tamaño. Ahora, una cosa a la que quieres prestar atención con los marcos usar fuentes como marcos. Normalmente, cuando estamos usando
letras como marco, queremos que sean
bonitas y gruesas. Queremos elegir como
una buena fuente en negrita. Digamos, Monsat va
a tener uno bonito y grueso, ¿dónde tenemos perno
extra o negro Escojamos el negro.
Tenemos nuestra herramienta de cartas aquí, nuestro marco de cartas aquí. No obstante, queremos asegurarnos que no lo dejamos como tipo. Queremos crear contornos,
queremos expandirlo. Antes de convertirlos en sus
marcos, simplemente haga clic con el botón derecho, cree contornos u
objeto, expanda y. Ahora puedes ver cómo se
ha transformado
del tipo a una forma vectorial. Eso es muy importante
para este proceso. Como puedes ver,
hay muchas formas diferentes en las que puedes crear formas
para usar dentro del ámbar. Simplemente adelante y
diviértete con él y en realidad, incluso
voy a crear uno de mis favoritos usando
la herramienta Blobrush, que es una hoja de monstera. Bien. Voy a usar la herramienta
borrador solo para crear las hojas
en la monstera Esto es muy rudo, pero solo quiero mostrarles que él simplemente puede
disfrutar realmente de este proceso. Me divierto con el proceso. Así que tenemos nuestra
forma dibujada, tenemos nuestra carta, tenemos nuestra
tarjeta de presentación, marco de página, y en el orden allí. En la siguiente lección, te
voy a hablar un
poco sobre fronteras porque a veces
te gustaría
tener un borde alrededor de tu marco.
4. Trabajo con bordes: Todo bien. En esta
lección, quiero hablarles sobre tratar con las fronteras porque
tal vez desee crear un marco que tenga un
borde dentro de él. Entonces quiero guiarte a través del proceso
de lidiar con eso. Entonces digamos que queremos
tomar nuestra forma de letra, nuestro marco de letras, y queremos
agregar un borde negro a su alrededor. Entonces usando la herramienta ilustradores, solo agrega el trazo al
ancho que te gustaría Y lo voy a convertir en negro para que pueda
realmente verlo. Solo haz tus ajustes
a tu trazo. Si quieres las esquinas afiladas o quizás quieres
esquinas redondeadas al trazo. Simplemente aplica los ajustes
como te gustaría
ver porque en tu marco, donde puedes ver
el color verde azulado, ahí es donde estará el marco El negro seguirá siendo
un borde negro alrededor de tu marco si
tomamos los siguientes pasos. Después de haber aplicado
su trazo, queremos asegurarnos de que
expandimos queremos
asegurarnos de que expandimos el trazo para que no sea un trazo, es solo una extensión
como una forma separada. Lo que voy a hacer es
ir a objetar, expandir, luego solo voy a usar mi herramienta de constructor de
formas para conectar ambos trazos juntos. Lo voy a convertir así
en negro. Ahora lo que tengo aquí es que
tengo dos elementos separados
agrupados. Si los desagrupo para
mostrarte, desagrupa. Verás, tenemos la forma de S y luego tenemos el borde
negro alrededor de ella. Así es como
queremos enfrentarlo. Ahora bien, si yo si
los agrupo, va a eliminar uno de los elementos
en el siguiente paso, lo cual tendrá
sentido para ti entonces. Solo asegurémonos de
que queremos hacerlos ro. Queremos seleccionar el borde, y queremos asegurarnos de
que se envíe al fondo. Bien. Solo esas dos cosas
clave para recordar, asegúrate de expandir
el trazo para
que aparezca como una forma
en lugar de un trazo, y quieres
enviarlo a la parte posterior y asegurarte de que
esté desagrupado
5. Crea máscaras de recorte: Solo registrando a
través de nuestro proceso. Lo que hemos hecho hasta
ahora es que hemos creado un conjunto de formas
que vamos a convertir en marcos que
podemos usar desde el interior de Canva Entonces, básicamente, tenemos aquí solo
un conjunto de formas vectoriales, y nuestro siguiente paso es crear máscaras de
recorte para estas Aquí es donde básicamente
vamos a convertir cada uno
de estos elementos en el formato que Canva
reconocerá como marco Entonces lo que necesitamos para este paso es tener
nuestras formas listas, pero también necesitamos
colocar un archivo de imagen. No importa qué imagen uses porque
vamos a eliminarla de todas formas. Entonces básicamente, voy
a hacer clic en File Place, y solo voy a elegir solo una imagen que
pueda colocar aquí. Esto es sólo una
ficha de patente que tengo. Tiene que ser un PNG o un JPEG. Ten tu imagen aquí. Puedes usar una foto.
Incluso puedes simplemente hacer una toma de pantalla y
pegarla en Illustrator. Realmente no
importa siempre y cuando sea un archivo de imagen raster
que puedas usar. En este paso, lo
que tenemos que hacer es colocar la imagen para que cubra cada
forma individual que tenemos. Pero necesitamos enviarlo
a la parte posterior para que veas la forma
frente a tu archivo de imagen. ¿Bien? No va a funcionar. Si el archivo de imagen está
delante de la forma, debe estar detrás de él. En este paso,
queremos destacar. Queremos seleccionar tanto
la imagen como la forma. Haga clic derecho, haga máscara de recorte. Esto de aquí es esencialmente
bloquear
todo lo que está fuera de la forma a través de esta máscara de recorte Voy a repetir
ese proceso porque necesito un duplicado de mi imagen, y vamos a
repetir este proceso para todas y cada una de las formas
individuales. Voy a seleccionar ambos elementos, clic
derecho, hacer máscara de recorte Quiero repetir eso por
cada forma que tenga,
seleccionar, hacer máscara de recorte Seleccione hacer máscara de recorte. Lo hacemos para la monstera
hacer máscara de recorte. Cuando estás tratando con
el que tiene la frontera, tenemos que tener cuidado aquí. Si selecciono todo y
hago la máscara de recorte, notarás que ya sea la forma de
letra o el borde, depende de cuál
sea el
primero se va a eliminar Si sólo voy a dar un paso atrás, Si
destaco el borde, hacer la
máscara de recorte fuera de eso, entonces donde se puede
ver la imagen, eso es lo que convertimos en
el marco en Canva Eso no es lo que estoy buscando, puede ser lo
que estás buscando, pero no es lo
que estoy buscando. Me gustaría que la porción verde azulado de la S fuera lo que
crea el marco Lo seleccionaré, seleccionaré mi marco de imagen también y luego haré una máscara de recorte Se puede ver que tengo mi forma de marco con el borde
azul por separado. Bien. Entonces este paso es
la parte más vital de todo este proceso porque donde ha
creado la máscara de recorte, eso es lo que la va
a transformar en un marco una vez que
las importemos a Canva
6. Importa elementos a Canva: Entonces ahora tenemos nuestros elementos, y hemos preparado
la máscara de recorte Ahora nuestro siguiente paso es
exportarlos fuera de illustrator
e importarlos a ba. Entonces, hagamos primero unas
cuantas comprobaciones. Asegurémonos de que
tenemos máscaras de recorte en todo y asegurémonos que cualquier elemento que
tenga dos partes, digamos que tenemos nuestra forma de S o nuestro elemento
que tiene un borde alrededor de ellos, o tal vez tienes un elemento donde tiene
múltiples colores Digamos que has creado
un Has creado un marco cuadrado y lo has
picado por la mitad y quieres que una parte sea color y una parte que se enmarque. Así que asegurándose de que
estén agrupados para conseguir
que estén en su lugar, como si no fuera torpe ni
nada por el estilo, y solo asegúrate de que
estén desagrupados Queremos que estén separados. Y eso es solo un par de comprobaciones antes de que realmente
exportemos el archivo. Una vez que estés contento con ellos, sigamos adelante y
convertimos esto en un PDF, así que solo vamos a ir archivo, y vamos a guardarlo. Déjame traerlo. Sólo vamos a
guardarlo como archivo PDF. La configuración en sí, realmente no
importa cuáles sean
tus configuraciones siempre cuando la estés guardando como PDF. Así que de nuevo, la configuración,
realmente no importa. Puede ser pequeño como tamaño de
archivo o simplemente
podría ser lo
que tienes en pantalla. Realmente no importa. Así que vamos a guardar el PDF. Entonces podemos entrar
en Canva, y comenzarás
en el tablero Como mencioné anteriormente, no
importa si estás usando el Canva free
o el Canva pro Tampoco realmente
importa si estás usando say, a la hora de grabar, es julio. Canva sigue
lanzando la nueva interfaz. Lo que estás viendo podría
verse un poco diferente. Esta es mi
cuenta de entrenamiento y
creo que aún podría estar
en la vieja interfaz. Pero la mayoría de los botones y
la aplicación es la misma. No importa qué versión estés usando ya sea gratis,
pro, nueva, vieja, el
proceso es el mismo. Esencialmente, lo que
tenemos que hacer aquí es subir nuestro PDF a Canva Simplemente puedes seguir adelante y
hacer clic, cargar, Elegir archivos, y luego encontrar los
marcos de Canva que acabas de hacer, el que acabas de exportar
de Illustrator, y verás que aparecerá
aquí en tu diseño reciente Básicamente crea
una nueva mesa dentro de Canva para
que trabajes Adelante, ábrelo. Y viste el rápido destello de la imagen del marco distintivo de
Canva Básicamente, todos los elementos
que acabamos de crear en
Canva en Illustrator están apareciendo
ahora en Canva Nos queda un paso más por recorrer. Para cada uno, simplemente
haga clic en el elemento, haga clic con el botón
derecho y desactive la imagen, y luego simplemente elimine su imagen Hazlo por cada uno. Y ya puedes ver
que tienes marcos. Solo echando un
vistazo a nuestra forma de S, puedes ver que ambos
elementos están separados. Pero ahora puedes agruparlos para que puedas
moverlos al unísono Cada uno de estos
ahora está actuando como un marco completamente funcional
dentro de mva Si me encuentro con dos
elementos y
sólo voy a encontrar algo.
Vamos a ir al fen. Si tenemos fotos, podemos colocar videos en ellas,
pero simplemente haz clic y arrastra tus
fotos a cada fotograma, y podrás ver dónde hemos configurado la máscara de recorte es
donde existe el marco Para cada uno, podemos simplemente
seguir adelante. Después, mételo. Con nuestro color de fondo aquí, puedes cambiar el color
del fondo si lo deseas. Si lo seleccionamos,
elige el color, queremos un fondo rosa
o azul o degradado, es completamente funcional. Con estos marcos,
porque seguimos tratando seguimos
tratando con un vector. No importa donde
mencioné al principio, no
importa del tamaño siempre y cuando tus
dimensiones sean correctas. Podemos redimensionarlos y va a ser agradable, crujiente
y claro Así que realmente puedes
usarlos para lo que sea. Ahora bien, a partir de este punto, puede
haber algunas cosas
diferentes para las que quieras usar estas. Entonces podrías estar creando
estos para que un cliente los use. Y para transferir la propiedad
de estos a tu cliente, solo
separemos cada imagen Para transferirlos al cliente, desea crear
una plantilla como un enlace de plantilla donde pueda transferirla al cliente. Entonces de esa manera, tienes
una copia de los marcos, ellos tienen una copia del marco para que si alguna vez los pierden, puedas
transferirlo de nuevo a ellos. Quizás quieras
convertirlos en decir, quizás
quieras
convertirlos en un simulacro. Digamos que escritorio
de oficina, ¿verdad? Digamos que queremos
crear una maqueta, por ejemplo. Podemos copiar. Así que haz clic y copia el marco
y luego vuelve a pegarlo. Podemos cambiar el tamaño para dejar caer
el trozo de papel. Ahí tienes tu
maqueta, es posible que también
quieras agregar una
sombra paralela También puedes copiar y pegar. Si si quiero crear una plantilla
completamente diferente. Digamos que quiero crear
una plantilla de redes sociales. Voy a controlar C o
comando C para copiar esta. Y luego voy a
ir a un nuevo diseño, y voy a pegarlo. Bien tamaño personalizado. Solo hagamos una publicación en Instagram. Así que recuerda, todavía lo
tengo en mi portapapeles, así que voy a controlar V
o comando V para pegarlo, y tal vez solo quiero agregarle
ese hermoso borde Bien, vamos,
vamos lámina de oro. Vaya, me refiero al equivocado. Elementos. Lámina de golf. A lo mejor solo quiero agregarle
un poco de oro. Porque esa es una foto. Aquí vamos. Puedes utilizarlos. No solo estás limitado
a un diseño, puedes copiarlos y pegarlos
en otros diseños también. Otra cosa que podrías
estar haciendo es que podrías estar queriendo venderlos como marcos
personalizados en Etsy Tu siguiente paso es básicamente
solo tenerlos, tal vez poner algunos, como algunas
pequeñas etiquetas en esto. Esta es la tarjeta de presentación nueve por
5.5. Este es un
monstruo de fotograma completo , déjalo solo
para darles etiquetas, o quizás quieras
moverlos para que
tengas uno por página, o quizás quieras
cambiar el tamaño de la página Pero básicamente, los marcos están aquí para que hagas lo que
te gusta dentro de Canva Desafortunadamente, en este punto, no
puedes guardarlos en un
kit de marca ni nada por el estilo. No se pueden guardar los elementos para extraerlos de
la pestaña de elementos. No sé si eso va
a cambiar en el futuro, pero a la hora de grabar, no
es una opción
para nosotros en este momento.
7. Tu proyecto de clase: Realmente espero que hayas disfrutado
aprendiendo esta nueva habilidad. Y te digo qué, creo
que abre un montón de nuevas opciones desde dentro del lado de Canva cuando puedes
crear tus propios marcos Es genial para tal vez
quieras
venderlos como productos digitales o
crearlos para los clientes. Es tan hermoso si eres diseñador gráfico
o diseñador de marca,
y quieres traer tus
habilidades de Illustrator,
que es un y quieres traer tus
habilidades de Illustrator, software bastante
avanzado, y tus clientes
probablemente no lo estén usando, pero puedes usar tus habilidades desde dentro de
Illustrator y puedes traerlo a Canvas para que tus clientes también puedan trabajar
con él. Ahora bien, para tu proyecto para
esta clase,
realmente me encantaría ver
una captura de pantalla o una imagen de tu marco lado lado con el marco en uso. Entonces, lo que me encantaría
que hicieras es diseñar cualquiera de los marcos que hayas creado, crear un duplicado. Si tienes colores en ellos, quizás
cambiemos los colores. Entonces me encantaría
verte caer una imagen en él. Así que captura de pantalla eso porque estoy muy emocionada de
ver tus creaciones. Ahora bien, este proceso funciona
muy, muy bien. Pero ocasionalmente,
habrá algunos pequeños matices como crear formas de rectángulo
o cuadrado, y entonces Canva no lo
reconoce del todo correctamente Entonces, si encuentras algún
problema como ese, por favor házmelo saber porque
puedo ayudarte a resolverlos. Entonces avísame en los comentarios,
iniciaremos una discusión. Así que no olvides ir
a la sección de proyectos y subir tu proyecto para que
pueda ver tus
hermosas creaciones. Muchas gracias por
acompañarme en esta clase, y realmente espero que hayan disfrutado
aprendiendo algunas habilidades nuevas.
Michelle Marks, Surface Pattern Designer
