Añadir borde a ilustración en illustrator - Técnica editable

Crea el efecto de borde alrededor de cualquier gráfico en Illustrator sin duplicar objetos
📌Incluye archivo de ejemplo
CONTENIDO DEL VIDEO
0:58 Aplicar borde a objeto - Técnica tradicional
1:24 Aplicar borde con apariencias
2:01 Aplicar trazos a grupos
2:20 Efecto de desplazamiento
4:30 Técnica profesional
Archivo de ejemplo bit.ly/34Uac2x
CURSOS ILLUSTRATOR PROFEIVAN
Aprende más técnicas como estas en mis cursos básicos y avanzados de Illustrator:
Illustrator, fundamentos, trucos y técnicas bit.ly/2prskij
077 Técnicas super-secretas de Illustrator bit.ly/2MmRiME
¿NECESITAS AYUDA?
Creación de infografías, productividad en agencias con Illustrator
Consultorías en corrección de color en Photoshop
Cursos y talleres de retoque digital para personas y grupos
Creación de epubs y automatización en InDesign
[e-mail]
whatsapp [phone]
CURSOS INDESIGN PROFEIVAN
¿Te gusta cómo aprendes? Inscríbete en mis cursos de InDesign 2020:
Curso InDesign Básico (2 horas) bit.ly/304QcLZ
Curso InDesign Profesional (12 horas) bit.ly/36VpQgR
Diseño Editorial Avanzado con InDesign bit.ly/2Q4qcYQ
Adobe InDesign: Diseña y diagrama desde cero vbit.ly/2K7gqTY
GUÍA DE AUTOMATIZACIÓN EN INDESIGN
Adquiere el Manual GREP en InDesign, Guía práctica para diseñadores adobe.ly/3djHk95
CURSO PHOTOSHOP GRATIS PROFEIVAN
Aprende los fundamentos de las Máscaras de capa en Photoshop en mi curso GRATUITO “Fotomontajes con Photoshop” bit.ly/2EtJshg
SOFTWARE UTILIZADO PARA LA REALIZACIÓN DE ESTE VIDEO
Adobe Creative Cloud 2020 www.adobe.com
Camtasia Studio 2020 www.techsmith....
Música: www.youtube.co... Drive South London HiFi
Imagen: The Lazy Artist Gallery - Pexels
Ilustración: pikisuperstar - freepik
Tresspass Gunnar Olse

[@yatzuricuevasonofre3275]

Ni mi maestro me enseñó tan bien. Que hermoso trabajo y lo más importante muy bien explicado, yo me empiezo a formar como diseñadora gráfica y a penas descubrí esto. Gracias por el tutorial.

[@carlosneira5137]

muchas gracias llevaba horas quebrandome la cabeza tratando de externalizar el trazo y era ponerlo por debajo ,de verdad muchas gracias

[@nelsonff7743]

Que Belleza De Tutorial Al fin alguien que si explique mas claro que el agua exelente¡

[@VICTORAKIOCASTRO]

GRACIAS!!! Tiene todo lo que necesita un tutorial: explicito, al punto y sin perdida de tiempo!!! EXCELENTE!!!!!!

[@nojstudios]

.nn..n.nnn...n num! La yuyu7u7uuuuuuuuuuuuuuuuuuuuuuuu H Hñ

[@dari5825]

Dios, tu voz es tan relajante!! voy a suscribirme y activar la campanita!!! GRACIAS INFINITAS!!!!

[@Profeivan]

Gracias a ti!!

[@rosamaror8889]

Gracias, Ud. es muy claro, conciso, su información es preciosa. Muchísimas gracias!

[@Profeivan]

GRACIAS por el comentario Rosa. ¡Un abrazo!

[@glowskysong]

nunca me quedo a ver las intros, siempre las salteo pero ESTA ME QUEDE A VERLA PORQUE HABLA RE BIENN we

[@Lunatica017]

¡Muchas gracias por este tutorial! Me ha servido de maravilla.

[@Profeivan]

Excelente! Me alegra. Revisa esta otra técnica kzbin.info/www/bejne/gKeydnyclq2FpMk

[@richardruiz1983]

muchas gracias, hace mucho tiempo habia aprendido esta tecnica, pero ya se me habia olvidado jejejeje... muchas gracias

[@Profeivan]

Sí Richard. Son tantas cosas, que si no se practican, se olvidan. Saludos

[@PaleRider_316]

Bien explicado, muchísimas gracias, el título de profe está perfectamente elegido!!!

[@Edinator5]

Su contenido es una verdadera joya

[@Profeivan]

Gracias por tu comentario Eddie

[@kellyyallico3589]

Que belleza de tutorial! Muchas gracias Profe Ivan :)

[@racielinho]

Muchas gracias amigo, eres una máquina. Abrazo grande.

[@xpovirtual]

Excelente tutorial, solo la información necesaria y muy bien explicado.

[@mariacordero9047]

Nos has salvado! estamos agradecidos!!!!

[@emmanuelramirezperez4376]

Que grande que eres, muchas gracias.

[@Profeivan]

Gracias a ti Emmanuel!

[@zulmaportillo1096]

BUENÍSIMO, NO SÉ USAR ILUSTRADOR PERO PUDE HACERLO PASO A PASO. GRACIAS

[@victorhugosotomartinez8110]

Eres un crack, maravilloso material que compartes. Felicidades y sigue así. Like y suscripción...!!

[@Profeivan]

Gracias Victor!

[@VictorManuel-ut3uv]

Profe usted es el puto amo. Lo adorooooo

[@Profeivan]

Gracias Victor. Esta técnica es mucho mejor kzbin.info/www/bejne/gKeydnyclq2FpMk

[@miguelangelgutarramedina5336]

Buena profe, el mejor canal de AI de lejos

[@Profeivan]

Gracias. Saludos

[@santiagorodriguezsanchez486]

Muy bueno. Muchas gracias, que gran voz

[@nessiahp1629]

Excelente contenido, nueva seguidora👏🏻👏🏻👏🏻

[@arteamara2149]

muy buena explicacion, me ayudo mucho. Sdls!

[@Profeivan]

Me alegra mucho saber eso. Este otro video explica una técnica más avanzada kzbin.info/www/bejne/gKeydnyclq2FpMk

[@cafetoukalives]

me encantó tu explicación, ojala y fuera más fácil como en Photoshop. saludos.

[@Profeivan]

Tienes razón Jean, en Photoshop es super fácil

[@florenciacoria770]

que buen tutorial, tan biennnn explicado! Gracias

[@moeker8826]

Habla riquísimo 🙏😎

[@rockygonzalez6000]

Ojala todos los tutoriales fueran igual de didácticos! Excelente

[@GalileoMK]

Que buen video, me ayudo a mi tarea de la escuela.

[@isliheres157]

La mejor explicación, super super me encantó

[@GosmanEduardoGallego]

12 años esperando esta respuesta. sabia que existía porque en aftereffects es super sencillo.

[@Profeivan]

Gracias por tu comentario Gosman. ¿Sabías que se puede crear el mismo efecto pero con grupos y capas? kzbin.info/www/bejne/gKeydnyclq2FpMk

[@emilyjohanz]

profe. hablas muy genial pareces locutor!! gracias por el tutorial..

[@mauriciosegundog]

Que Maravilloso !!!!!!

[@Profeivan]

Sí Mauricio, es una técnica genial. Pero hay una técnica mejor kzbin.info/www/bejne/gKeydnyclq2FpMk

[@marianablanco8262]

porque puede ser que no tengo activa la opcion crear forma compuesta en el buscatrazos???

[@montgreil]

un crack el profe iVan

[@GraysonFG]

Muchas gracias por la ayuda

[@Profeivan]

Con gusto Joseph

[@sebastianuribeayala4778]

MIIIIIIL GRACIAS, super bien explicado.

[@oscarllanos3132]

Como siempre ivan muy didactico, felicidades para vos y los tuyos 👏🍾🥂

[@javierescobar5613]

Gracias por su enseñanza.

[@justdemiandjobros]

Muchas gracias ☺️

[@Profeivan]

Gracias a ti Natalia

[@TraderColombia]

Gracias, me apoyaste bastante.

[@Profeivan]

Excelente! Me alegra

[@carmensalinas4991]

lo amé 2000000/10

[@diamabeful]

eres un mago

[@elizabethspanos4698]

hola profe quiero consultarte xq quiero hacer de una imagen el borde blanco pero q al mismo borde blanco tenga uno mas fino en su bord. Espero me sepa entender y me pueda ayudar muchas gracias.

[@Profeivan]

Hola Elizabeth. En el panel Apariencia crea un nuevo trazo para el objeto. Luego aplica el efecto de Desplazamiento a este trazo.

[@elizabethspanos4698]

@@Profeivan profe puede ser cualquier imagen o tiene q ser creada en ilustrador?

[@Profeivan]

@@elizabethspanos4698 tiene que ser vectorial. A las imágenes de mapas de bits no se les pueden aplicar este tipo de efectos

[@warriors000]

MUCHAS GRACIAS PROFE :)

[@adilenecastaneda7251]

excelente tutorial gracias!

[@yuyismartinez6102]

muy bien explicado. gracias

[@Michonne625]

gracias me fue de mucha ayuda

[@angelsanchez4881]

gracias, me ha salvado jaja

[@mariayldaparrarenteria3354]

hola, bonito dia como hago que funcione el comando ALT en mi equipo, no me permite arrastrar y duplicar

[@Profeivan]

HOla María Ylda. Revisa la configuración de teclado y mouse de tu equipo.

[@SergioCraig]

Gracias profe!

[@dwricardo1980]

Hola, trato de enviar el contorno hacia atrás y no me funciona

[@gilbertlizano1606]

Profesor, Gilbert Lizano, desde Costa Rica. - Vi el video, pero yo necesito crear una linea negra tipo contorno para troquelar en plotter. Cómo puedo hacer. Podría djuplicar el contorno y crearle otro contorno y luego poniendo color blanco al primer contorno negro???

[@Profeivan]

Hola Gilbert. Si, la solución es crear un nuevo contorno en el Panel Apariencia y aplicarle el efecto de desplazamiento.

[@gilbertlizano1606]

@@Profeivan un millon

[@JuanMartinez-ik7fk]

¡FELIZ NAVIDAD, PROFE!

[@Profeivan]

Juan Martinez Gracias! Igualmente

[@milipascal9540]

Que tipo de imagen debe ser ?

[@israelmex4176]

excelente explicación

[@carlosanton7287]

Excelente Tutorial

[@petazrock3424]

hola excelente tutorial, mi consulta es, si yo tengo un dibujo en varias capas por separado (pero no las quiero agrupar para después si quiero editarlas) como puedo hacer una copia para hacer ese trazado compuesto, y el borde que quiero?

[@Profeivan]

Hola Petaz. Selecciona todos los objetos y copia. Luego crea una nueva capa y pega. Ten en cuenta que la opción Recordar capas esté desactivada en el panel Capas. Revisa el video sobre capas para darte una idea de cómo hacerlo

[@petazrock3424]

@@Profeivan muchas gracias!!

[@cangaceirodelmar4197]

Profe...Necesito sacar el contorno (borde) pero de una imagen con letras. Como hago para unir la imagen y las letras. Gracias

[@Profeivan]

Hola. Simplemente agrupa el texto y los objetos, y en el panel Apariencia añade un nuevo relleno. A este relleno aplícale el efecto Desplazamiento

[@GabriellaR29]

GRACIAS!!!

[@Profeivan]

Gracias por comentar Gabriela

[@nekurukayt23]

Hola, una pregunta, ¿cómo hiciste para que las gafas (que son circunferencias con x grosor) pase de ser un grosor a un trazado (en lugar de pasar por dentro el vector, que toda la gafa, el redondel, sea un vector)? ... ¿me expliqué bien? gracias de antemano ^^

[@Profeivan]

Hola Eva. Activa Objeto > Trazado < Contornear trazado. Revisa este video kzbin.info/www/bejne/l3yue36Om9unmJI

[@nekurukayt23]

@@Profeivan muchas gracias, al final lo conseguí, pero gracias por tomarte el tiempo ^^

[@zuter4006]

MUY UTIL, GRACIAS

[@canalretrotv2512]

¿Pór que cuando una vez he hecho todos los pasos, al agrupar todas las formas el efecto se pierde? Si corto y pego a otro archivo las formas también me quita el efecto del contorno... ¿Como puedo hacer para que al agrupar no pierda el efecto?

[@Profeivan]

Hola Jorge. El efecto se pierde porque Desplazamiento está aplicado a la capa. En este video kzbin.info/www/bejne/gKeydnyclq2FpMk muestro una técnica que conserva los objetos

[@canalretrotv2512]

@@Profeivan muchísimas gracias!

[@carloseduardolopezduarte7974]

excelente, gracias profe

[@FernandoCespedesOficial]

Muy bueno!

[@estebanmatamala4]

Hola! cuando abro una imagen no me deja crear forma compuesta y tampoco se ven los contornos azules cuando paso el cursor por encima como en el video...no se que hacer

[@Profeivan]

Hola Esteban. Estos comandos funcionan con vectores, no con imágenes.

[@lohismaraparicio3620]

@@Profeivan profe, y como es posible hacerlo con imagenes en png? Ej: un logo en png al que se desea hacer ese borde. Gracias, excelente canal.

[@kmibrlnd]

@@lohismaraparicio3620 ¿Encontraste la forma de hacerlo?

[@isxxkorp1285]

Hola. ¿Cómo hago para que una letra que he dibujado tenga contorno y sea hueca dejando ver la imagen de detras? Un saludo.

[@Profeivan]

Hola. ¡Fácil! En lugar de añadir un nuevo relleno como apariencia, añade un nuevo trazo como apariencia.

[@agosdominguez4114]

Gracias x tanto

[@becariobecario9424]

GRACIAS

[@fervaleras]

buenisimo

[@isxxkorp1285]

Hola hola. Tengo un problema. No consigo hacer hueco un diseño para una camiseta. Puedes echarme una mano?

[@isxxkorp1285]

Perdona. Ya te pregunte sobre ello y lo tengo resuelto. Bye

[@adrianvarga6120]

Tengo el personaje en 3 capas distintas, por lo que no puedo "crear forma compuesta"... En ese caso, ¿cómo puedo crear el contorno para esas 3 capas? Intenté varias cosas pero al final no pude...

[@Profeivan]

Hola Adrian. En ese caso tendrías que crear una copia de los objetos en las diferentes capas y aplicarle el efecto de desplazamiento

[@JorgeMasaya]

ok excelente feliz navidad

[@chicopoesia]

yo cuando le doy a crear forma compuesta no se me baja la opacidad de la forma

[@Profeivan]

Hola Gato. Revisa bien los grupos y el panel de Apariencia. Saludos.

[@MiguelBremont]

como se separa el vector del cotorno???

[@Profeivan]

Puedes expandir la apariencia, de este modo, todo queda editable.

[@lordnickelbottoms8576]

*¿funciona igual si en vez de un contorno necesito 2?*

[@estruendo8089]

Claro., creando una nueva capa y repitiendo el procedimiento.

[@timmyturner9728]

Primera vez en mi vida que tengo que poner el video en 1.5x para ir mas rapido jajajaja pero igual gracias

[@Profeivan]

Tienes razón Timmy. Ya he mejorado un poco el tema de la velocidad. Gracias por el comentario

[@estruendo8089]

Vine buscando cobre y encontré oro

[@juanpacheco4559]

saludos.. no me deja bajar el trazo ....ayuda...

[@Profeivan]

Hola Juan. Debes tener seleccionado el relleno al cual le aplicaste el efecto.

[@ingarchris]

Gracias :^)

[@Profeivan]

Gracias a ti por comentar. Revisa esta otra técnica kzbin.info/www/bejne/gKeydnyclq2FpMk

[@ingarchris]

@@Profeivan Muchas gracias :^)

[@themambafitness675]

Como puedo hacer que el borde se vea separado de la imagen

[@Profeivan]

Hola Giuseppe. En ese caso, tendrías que expandir la apariencia del trazado de contorno (el negro en mi ejemplo).

[@chicopoesia]

Eres un crack! Pero a mí no me sale

[@diegohiroshiysusvideos2909]

Lindos monitos para poner en mi slot machines xd

[@jenharu98]

Tengo una duda respecto a mis trazos, si alguien es tan amble de ayudarme por favor

[@cuentasoriginales667]

Super :^)

[@juniorp4543]

NO ME PERMITE CREAR FORMA COMPUESTA, NI TAMPOCO SE ME DESAGRUPA PORQUE SERA?

[@Profeivan]

Hola Junior. Abre el panel de Buscatrazos y revisa que el botón Expandir (que aparece cuando se hace una forma compuesta) esté activo. Revisa el archivo de ejemplo.

[@johnidfel4962]

Hay maestros que son para toda la vida kzbin.info/www/bejne/hZTKiYKtrd6padk gracias, aprendí con usted desde la escuela de artes y letras de Bogotá y aun continuó aprendiendo después de mucho tiempo de haberme graduado.

[@javieravalentina9149]

QUE LENTOOOOOOOO

[@Profeivan]

Siiiii, tiiiiieeeennesss razón. Ya arregle esa parte en los siguientes videos. Gracias por tu comentario!

[@stanleyramos1181]

en realidad solo tiene que dar en desplazamiento y no hacer todas la loqueras que hizo al principio 0:37

[@Profeivan]

Hola Stanley. Gracias por la observación, tienes razón; puede parecer una "loquera" (prefiero no llamarlo así) pero eso funciona si es un objeto simple, pero si es un grupo, el comando desplazamiento, desplaza cada uno de los objetos del grupo.

[@irinandeurcullo]

Y si tengo una imagen jpg, es igual?

[@Profeivan]

Hola Irina. Los archivos jpg NO tienen transparencia, por lo que no tendría sentido aplicar un borde. Si creas una máscara de recorte para la imagen, si puedes aplicar el efecto.

[@pimpiscorporeishon]

qué onda con el Mariano diseñador

[@h.miguelsalasnieto8400]

genial, solo te recomiendo acelerar tu video para que escuchar sea atractivo, buen tutorial pero muy lento

[@Profeivan]

Sí, tienes razón. Era una queja de muchos suscriptores. Lo he venido mejorando. Gracias. Te invito a que te suscribas a este canal. Mi compromiso es publicar contenido realmente útil

[@theflynn_]

Señor, lo siento, no pude con Ilustrator, lo había usado anteriormente, y ahora parece que nunca lo hubiese tocado en la vida, te deceocioné, lo siento.💔

[@Profeivan]

Práctica, ¡no es difícil!

[@montserratjuarez8299]

por qué no me salen las mismas opciones 🥺 😭

[@Profeivan]

Montserrat asegúrate de tener seleccionado el objeto cuando estés trabajando con el panel de Apariencia

[@KarlosMomoa]

no me dejo crear forma compuesta T_T

[@Profeivan]

La técnica funciona aún con grupos y máscaras de recorte. Es díficil saber qué puede estar sucediendo. Revisa este video, probablemente resuelvas tu duda kzbin.info/www/bejne/gKeydnyclq2FpMk

[@dwricardo1980]

ya se, en textos no se puede hacer

[@jessicajimenez382]

No me sale duplicar capa xD he fallado

[@Profeivan]

Hola Jessica. Para duplicar una capa, basta con arrastrar la capa a duplicar sobre el botón Nueva capa. Para duplicar uno o varios objetos de una capa en otra capa, das clic sobre el cuadrito de color del lado derecho de la capa, presionas Alt y arrastras a la capa donde deseas la copia.

[@olgabachar1389]

y cuando lo hago mas chico se deforma

[@Profeivan]

Hola Olga. Asegúrate de chequear la casilla Escalar trazos y efectos.

[@fabiancr7306]

Yo busco realizar ilustraciones sin borde 😅

[@Profeivan]

Hola Fabián. Gracias por tu comentario! Sí claro, de eso se trata; todos tenemos un estilo propio. Revisa este video que seguramente se adapte a tu estilo illustrativo kzbin.info/www/bejne/iWe7Y6SFf896e8U ¡Saludos!

[@kenmerino9204]

tuve un problemita

[@Cejusification]

muy buen tutorial pero demasiado lento por dios

[@Profeivan]

Si tienes razón. Estos primeros videos fueron bastante lentos. Pero eso ya lo he mejorado. Sugiero que dobles la velocidad de reproducción de video. Gracias por tu comentario