Тёмный

Quick Paper Cutout Effect - Adobe Illustrator Tutorial 

Illi Tutorials
Подписаться 8 тыс.
Просмотров 258 тыс.
50% 1

This tutorial will teach you how to quickly make a paper cutout effect in illustrator. No fluff, just straight to the point. The design is simple, quick and easy to replicate. If you are using one color, simply place the darkest color at the center of your image. Then let the drop shadow effect do the rest.
In this tutorial you will learn how to use:
- Drop shadow effect
- Divide tool
- Layers tool
- Pencil tool
Colors are from the outside in #f0fffb, #96d4e2, #239bb7, #00849e and the center is #003e53.
To make this 3D layer effect even cooler, use a premade vector (a face, tree, mountain) as the outside shape. Then roughly draw the interior shapes one by one just be careful of the orders. The trickiest problem is getting the order of the layers correct
========================================================
Music is Happytoseeyou - Sarah, The Illstrumentalist
Music licensed under Creative Commons: By Attribution 3.0 License
creativecommons.org/licenses/b...
========================================================

Хобби

Опубликовано:

 

6 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 154   
@majorpaiyne2124
@majorpaiyne2124 3 года назад
For those having an issue with the parts hiding behind the white "Layer", make sure when you select all the lines, that you select the box you made also. THEN you use the "Divide" button.
@joshhuang4457
@joshhuang4457 2 года назад
Thanks for your kind reminder! It's truly helpful.
@trondnado
@trondnado 2 года назад
Do i need to group them before dividing ?`
@majorpaiyne2124
@majorpaiyne2124 2 года назад
@@trondnado No, no grouping necessary.
@deadboyjoe2509
@deadboyjoe2509 2 года назад
@@majorpaiyne2124 When i do it my shadow is not on the shapes but a bit more outside of the shape. How can I fix this?
@majorpaiyne2124
@majorpaiyne2124 2 года назад
@@deadboyjoe2509 And this is using "drop shadow" with the same settings as in this video?
@asherriyaal
@asherriyaal Год назад
This was so helpful! I love this effect in design and have been wanted to learn how to do it. This video was very clear and concise. Thank you for sharing this :)
@emmaatkinson7641
@emmaatkinson7641 2 года назад
This has been a huge help for a project I'm currently working on, trying to create a 'cutout' effect that will work flawlessly as a vector graphic. Thank you so much!
@IlliTutorials
@IlliTutorials 2 года назад
Glad it helped!
@SusanHealyVonAchen
@SusanHealyVonAchen 4 года назад
THANK YOU!!! I watched countless other tutorials before I found this one. Thank you for making it easy!!!
@IlliTutorials
@IlliTutorials 4 года назад
Awesome; I'm glad you enjoyed it!
@JonathanAyers
@JonathanAyers 3 года назад
Very cool! Always looking for tips for my own tutorials.
@skroutzaki
@skroutzaki 3 года назад
Thank you! It's the simplest way!
@RYUtvPIES
@RYUtvPIES 4 года назад
La mejor forma y la mas fácil!...Gracias!
@IlliTutorials
@IlliTutorials 4 года назад
De nada!
@dustypumpkin
@dustypumpkin 4 года назад
This is what i need! Thanks!
@IlliTutorials
@IlliTutorials 4 года назад
Happy to help!
@dreamscapeai7
@dreamscapeai7 4 года назад
Wow that looks really cool!!
@IlliTutorials
@IlliTutorials 4 года назад
Thanks!
@haninhaha
@haninhaha 4 года назад
Thank you, this is so interesting!
@IlliTutorials
@IlliTutorials 4 года назад
You're welcome, hope you enjoy our other tutorials on the paper cut out effect!
@alblimycompany3914
@alblimycompany3914 2 года назад
Thank you so much. this was really helpful.
@IlliTutorials
@IlliTutorials 2 года назад
You're very welcome!
@LakeLouiseR1210
@LakeLouiseR1210 3 года назад
Thank you so much! I love your tutorials.
@IlliTutorials
@IlliTutorials 3 года назад
You are so welcome!
@Red_Rebel
@Red_Rebel 4 года назад
Easy and simple!
@IlliTutorials
@IlliTutorials 4 года назад
You're very welcome!
@Seaskunk
@Seaskunk 3 года назад
So easy and looks cool. Great pace and understandable tutorial!
@IlliTutorials
@IlliTutorials 3 года назад
Thank you! Cheers!
@appurvpawar7092
@appurvpawar7092 3 года назад
Thank you so much Very easy that you explained
@IlliTutorials
@IlliTutorials 3 года назад
You are most welcome!
@nicaw4119
@nicaw4119 3 года назад
Thank you very much!
@IlliTutorials
@IlliTutorials 3 года назад
You're welcome!
@aliasgarparekh9002
@aliasgarparekh9002 2 года назад
If anyone has issue regarding the outer shape not being in proper effect try making the box object before all of the drawings and follow the steps it should work.
@junedeguzman
@junedeguzman 3 года назад
Very nice and clear tutorial. Thanks! It helps a lot in my digital design class, thanks you very much Illi
@IlliTutorials
@IlliTutorials Год назад
Happy to hear it helped!
@Designer4real
@Designer4real Год назад
thanks for the tutorial
@IlliTutorials
@IlliTutorials Год назад
You're welcome!
@mkerstingflynn8063
@mkerstingflynn8063 3 года назад
Great tutorial! I always wondered how to make these. Thanks so much.
@IlliTutorials
@IlliTutorials 3 года назад
Glad it was helpful!
@amlalomarr
@amlalomarr 3 года назад
Thank you 👍🏼
@IlliTutorials
@IlliTutorials 3 года назад
No problem 👍
@TheTiagonskim
@TheTiagonskim 3 года назад
Thank's from Brazil!!!
@IlliTutorials
@IlliTutorials 3 года назад
You're welcome!
@OrincyWhyteDesigns
@OrincyWhyteDesigns 3 года назад
And easier and faster way to do this!! So cool thank you
@IlliTutorials
@IlliTutorials Год назад
You're so welcome!
@zizijones3081
@zizijones3081 3 года назад
Thank you you have made the tutorial simple and easy to follow.
@IlliTutorials
@IlliTutorials 3 года назад
Glad it helped!
@naute8001
@naute8001 2 года назад
Thank u so much 🙂
@IlliTutorials
@IlliTutorials Год назад
You're very welcome!
@nellinajmalsisi
@nellinajmalsisi 7 месяцев назад
How do you send the drop shadow filter in the back and fix the shadows that are on the outer parts I didn't get it when u said it
@frisk7755
@frisk7755 2 года назад
Thanks!
@IlliTutorials
@IlliTutorials 2 года назад
Welcome!
@trondnado
@trondnado 2 года назад
Do i need to group them together before i use the divide ? cuz my blob goes behind everything
@evenevening2011
@evenevening2011 2 года назад
Thx for sharing :)
@IlliTutorials
@IlliTutorials Год назад
You're welcome!
@healwithquran5032
@healwithquran5032 3 года назад
Hey man when i do this on a text which has been cut by the knife tool it only gives me shadows on x and y. The layers should loook like that in the video which they're not . what can be the problem ?
@talhaahmed5575
@talhaahmed5575 2 года назад
thank you bro❤
@IlliTutorials
@IlliTutorials Год назад
You're welcome!
@user-ez8su9zb9l
@user-ez8su9zb9l 7 месяцев назад
Спасибо, поняла и без знания языка! Вам всего хорошего и успехов вашему каналу!!!
@giuliodigiusto7501
@giuliodigiusto7501 2 года назад
Don't understand the part where you say control I and invert the shadow can someone help?
@dripGoat23
@dripGoat23 3 года назад
thank you
@IlliTutorials
@IlliTutorials 3 года назад
You're welcome
@sagha_photo
@sagha_photo 3 года назад
woww
@luciavictoriacirstea7629
@luciavictoriacirstea7629 2 года назад
what do you do with the midle section, beacause i rly dont understand whatever you are saying you're doing from the keyboard :(
@abdallaaref3718
@abdallaaref3718 Год назад
you can use inner glow with black color to mimic the effect of inner shadow
@sandeepkumarsharma3191
@sandeepkumarsharma3191 Год назад
yeah ..But in that case we can't shift the direction of inner glow on x y axis ( like in drop shadow )
@IlliTutorials
@IlliTutorials Год назад
Exactly, you have more fine tuning with this method.
@necrocitus8965
@necrocitus8965 Год назад
how did you change a shadow?
@laurenmccormick5365
@laurenmccormick5365 2 года назад
I'm still not getting the shadows to go the right way. I can get to around 3:10 and then I do the re-ordering and it doesn't work like in the video.
@sellymurry8357
@sellymurry8357 2 года назад
is there on youtube a tutorial where I can find something like this, but explained?
@aipsdesigner
@aipsdesigner Год назад
How to create the same effect without drop shadow? Only vector element
@massimehrkhah607
@massimehrkhah607 Год назад
thanks
@IlliTutorials
@IlliTutorials Год назад
You're welcome!
@maschera2220
@maschera2220 Год назад
@GamerTalk8
@GamerTalk8 3 года назад
When I divide and ungroup it pairs 2 lines as a group. was making it into compound paths I had to divide like 3 times, and alos like most the last drop shadow is an issue. is the white a background a shape I don't understand how it reverts onto the last shape to be honest.
@IlliTutorials
@IlliTutorials 3 года назад
I don't entirely follow the question but the white background is indeed a shape. See the timestamp at 0:08.
@salomejananasvhili4374
@salomejananasvhili4374 2 года назад
Thank you for a great tutorial, but for some reason for me it does not make layers, it is just 1 single layer. Does someone know how to correct this? I divided the shapes and also ungrouped them
@RohitKumar-eq5xp
@RohitKumar-eq5xp 2 года назад
While using pencil, hold alt after starting to draw so the loop gets completed.
@luciavictoriacirstea7629
@luciavictoriacirstea7629 2 года назад
doesnt work, it makes the paths straight
@silje.on.youtube
@silje.on.youtube 4 года назад
Edit: I think I figured it out! Hi! Thank you for this tutorial! I am trying to change the shadow to an inner shadow, but I don´t get what you are doing to achieve it. You hold ctrl (or cmd) to get the white cursor and then press b or e? For me nothing happens.. Is there any way you could help? :)
@FireTrap1994
@FireTrap1994 4 года назад
How did you do it? I can't figure out how to change it to an inner drop shadow.
@IlliTutorials
@IlliTutorials 4 года назад
At what time point in the video are you stuck?
@nataromualdo
@nataromualdo 4 года назад
@@IlliTutorials I also have the same question and the specific point is at 3:10 you say: Select this and .... I can't understand the command you execute to change a shadow to the internal one
@IlliTutorials
@IlliTutorials 4 года назад
@@nataromualdo Hey Nata, now I see whats up. I say control-B, it's paste in the back. However, now using Illustrator CC this doesn't work for me anymore. But it's easy to fix, right click on the smallest shape in the middle and arrange, send to back. That should do it.
@kirstyb.6037
@kirstyb.6037 3 года назад
I had to go to Pathfinder and Divide to make them into cutout shapes so that the smaller shapes would still be visible when sent back. This worked for the effect but I couldn't find a way to do it that didn't also leave a shadow on the white base
@jwqlb
@jwqlb 4 года назад
Thank you for this nice tut. I added another layer at the end and subtracted this with the pathfinder to get a transparent background. Unfortunately, the outer shadow is still visible. How do I get it away?
@bevandino
@bevandino 4 года назад
I think he forgot to tell that first you need to draw a rectangle with no stroke and no fill. You should select it together with the other paths and select "divide" and so on the other steps of the tutorial.
@IlliTutorials
@IlliTutorials 4 года назад
Do you mean the shadow off the artboard? If so, then draw a rectangle over the entire artboard when you're done, then select everything including this new rectangle and right click and make clipping mask.
@pablodrawsx7702
@pablodrawsx7702 3 года назад
I won’t let me fill in the layers with the color
@larsr3062
@larsr3062 3 года назад
everytime i try to send the middle object to the back, it just disapears behind, it doesnt create te depth effect. PLS HELP:)) any1
@bela812
@bela812 3 года назад
You probably forgot to divide all shapes..? That helps me
@ajg.9979
@ajg.9979 3 года назад
Great artwork! May I know what are the colors you used? Thank you very much!
@IlliTutorials
@IlliTutorials 3 года назад
Colors are from the outside in #f0fffb, #96d4e2, #239bb7, #00849e and the center is #003e53. This is now in the description.
@ajg.9979
@ajg.9979 3 года назад
@@IlliTutorials Thank you very much!
@FAJRIPAJAR
@FAJRIPAJAR 3 года назад
ijin save
@RudefoodArchive
@RudefoodArchive 3 года назад
Hi, thanks for the video, for some reason it is not quite working for me. When I try to send my upper layer to the back, it disappears. I made sure to divide the shapes. Not sure what else I'm doing wrong - have you got any tips? Thank you!
@IlliTutorials
@IlliTutorials 3 года назад
I may be releasing a simplified paper cutout tutorial that might help with that. I'd suggest looking through your layers and moving the layers around until you get the desired effect.
@eimanfaith5257
@eimanfaith5257 4 года назад
Thank you for this effective tutorial, can you please do paper cutout effect on text?
@IlliTutorials
@IlliTutorials 4 года назад
Thank you for the suggestion. It should be rather similar; I'll look into it!
@OrincyWhyteDesigns
@OrincyWhyteDesigns 3 года назад
Illi Tutorials did you ever do it? Curious
@erikdgroot
@erikdgroot 3 года назад
Thanks! However, if I reverse the order, the inside drawing will disappear behind the layer on top ... Any way of fixing this? Thanks!
@IlliTutorials
@IlliTutorials 3 года назад
You can always manually rearrange the layer to the correct position by dragging the layers.
@quantumvirtualassistants2276
@quantumvirtualassistants2276 4 года назад
hi! it's amazing, just can't understand how did you make it into inner shadow at 3:16?
@IlliTutorials
@IlliTutorials 4 года назад
Hey Noemi, sorry that I wasn't clear enough. Could you specify, exactly which inner shadow are you referring to? So after applying the dropshadow, I move the layer to the back with ctrl-B and reverse the order. I'm wondering, did you divide your shape (01:32)?
@IlliTutorials
@IlliTutorials 4 года назад
I think I see whats up. I say control-B, it's paste in the back. However, now using Illustrator CC this doesn't work for me anymore. But it's easy to fix, right click on the smallest shape in the middle and arrange, send to back. Try that, that should do it.
@quantumvirtualassistants2276
@quantumvirtualassistants2276 4 года назад
@@IlliTutorials thank you very much!!
@lillysalazar3221
@lillysalazar3221 4 года назад
When i do this, it is still showing an outer shadow. What am i doing wrong?
@IlliTutorials
@IlliTutorials 4 года назад
Do you mean a shadow on the lightest layer on top (onto/off your artboard)? If so, you can draw a rectangle over top of the cutout + light area and select everything, including the box and make clipping mask. Then you won't see the drop shadow off your artboard.
@how2doittutorials525
@how2doittutorials525 Год назад
At this 3:17 , what command did you use to send that centre shape to the back ?
@Azulamei
@Azulamei Год назад
uhuh i can't hear it as well
@sanhdiep3485
@sanhdiep3485 3 года назад
Hello, I'm stuck at 3:31 - I couldn't place the white layer on top of the Cyan layer. Please help :D
@majorpaiyne2124
@majorpaiyne2124 3 года назад
Start again, but when you choose the lines @ 1:33 , make sure you also choose the Box you created @ 0:08. It took me a few times to figure that out. Choose ALL the lines AND the box before you press "Divide".
@nestordeleonrodas7108
@nestordeleonrodas7108 3 года назад
dope
@IlliTutorials
@IlliTutorials Год назад
Rad
@bevandino
@bevandino 4 года назад
Nice tutorial and great job, as always! Is it possible to know the colors codes? Thank you so much in advance!
@IlliTutorials
@IlliTutorials 4 года назад
From the outside in #f0fffb, #96d4e2, #239bb7, #00849e and the center is #003e53. Enjoy!
@bevandino
@bevandino 4 года назад
@@IlliTutorials thank you so much! Find nice colors, sometimes, is the hardest part of the work!
@tareqghorbal6761
@tareqghorbal6761 3 года назад
nice
@IlliTutorials
@IlliTutorials 3 года назад
Thanks
@_Pixiara_
@_Pixiara_ 3 года назад
Could I fill it with an image instead of colours? Like fractals?
@IlliTutorials
@IlliTutorials 3 года назад
No reason why not but I'm not sure that it would give you a fractal-like appearance.
@_Pixiara_
@_Pixiara_ 3 года назад
Never know unless I try:)
@gwenlow370
@gwenlow370 3 года назад
i am stuck from here (3:18) how do u move it back ?
@IlliTutorials
@IlliTutorials 3 года назад
Open the layers and select the layer you want and drag it to where it needs to go. So in this case, we want the darkest layer to be at the bottom of the layers so we drag it until it's the lowest of the layers in the tab. Then we do the same for each layer.
@ankanpramanik9362
@ankanpramanik9362 4 года назад
what are you pressing to close the pencil outline shape ?
@IlliTutorials
@IlliTutorials 4 года назад
When you're using the pencil tool and you approach your initial point you'll see the icon change from a pencil with * to a pencil with °. If you let go of the pencil tool when the icon has changed, the shape will close. Otherwise you can either select the shape and press control/command J, which will join both end points with a straight line.
@ankanpramanik9362
@ankanpramanik9362 4 года назад
@@IlliTutorials thanks a ton, man!
@iraceruk
@iraceruk 4 года назад
@@IlliTutorials This doesn't work. My Pencil Tool cursor doesn't change when approaching the original point. If I let go of the mouse button or stylus, it just leaves a gap. Also, using CTRL/J creates a straight line when joining the two open points. Possibly a setting in the Pencil Tool options?
@IlliTutorials
@IlliTutorials 4 года назад
@@iraceruk Hi I Racer, if you double click to the pencil tool there is a setting called close paths when ends are within: XX pixels. Check that box. My setting is 15 pixels. That should do it for you!
@pablodrawsx7702
@pablodrawsx7702 3 года назад
I press control E it still stays the same
@IlliTutorials
@IlliTutorials 3 года назад
You have to press I, click on your box with a colour, then hold alt and click on the shape that you want to color.
@jessieli2251
@jessieli2251 3 года назад
Can procreate make the same effect?
@IlliTutorials
@IlliTutorials 3 года назад
Sorry, I'm not familiar with that app.
@patriciamoosbrugger7606
@patriciamoosbrugger7606 3 года назад
I feel so dumb. Do you have a written tutorial for this, too? Are you using a new later for each shape?
@IlliTutorials
@IlliTutorials 3 года назад
I don't have a written tutorial, but you can set the speed of the tutorial to 0.5x in the bottom right hand corner of the video. That might help.
@MforMovesets
@MforMovesets 3 года назад
Uhmm... Control B copies the layer... it would be helpful to have on-video text because I had to watch that part three times to even hear if you said Control B.
@DotyAudioswaps
@DotyAudioswaps 3 года назад
I dont get this part 3:15
@IlliTutorials
@IlliTutorials 3 года назад
You need to rearrange the shapes after you've divided them. You can do this simply by opening the layers and manually dragging them as I do at that timestamp.
@zoetrandoan7305
@zoetrandoan7305 3 года назад
@@IlliTutorials But if I move the top layer to the back, it's covered by the top layers. It does not show up like your tutorial
@abdullahawadh8085
@abdullahawadh8085 3 года назад
It didnt work Go trophy whats that?
@yashikamalik8634
@yashikamalik8634 Год назад
great tutorial but couldnt hear the main step. :///////// had to watch 5 other videos to get it :/
@mind_thegap5051
@mind_thegap5051 4 года назад
i changed the layer order and still looking like shiet
@mind_thegap5051
@mind_thegap5051 4 года назад
I did it again and I got it ✌️
@IlliTutorials
@IlliTutorials 4 года назад
Gj ;)
@user-ej1ok8ws7h
@user-ej1ok8ws7h 3 года назад
Когда не знаешь английский
@IlliTutorials
@IlliTutorials 3 года назад
Извините, hopefully RU-vid will auto-translate in the future!
@yash697
@yash697 2 года назад
design copied from Freepik
Далее
Пиратские котики
00:50
Просмотров 55 тыс.
Склеил девушку-курьера ❤️
01:00
6 Tools for Beautiful Backgrounds in Adobe Illustrator
7:41
GOOD vs BAD Character Design: Tips and Tricks!
20:21
Просмотров 4,8 млн
😱 Crear EFECTO PAPERCUT en ADOBE ILLUSTRATOR 2022
4:49
Best the best 2024❤️ Subscribe
0:14
Просмотров 5 млн