How To Use Image Trace and Recolor Artwork - Module 10.1
ฝัง
- เผยแพร่เมื่อ 31 ธ.ค. 2024
- In this tutorial, I show how to add images to artwork by using the Image Trace functions in Adobe Illustrator CC, Revision 2015.
Original image of President Barack Obama designed by artist Shepard Fairey.
I show how to add an image from a file, explore some of the settings of the Image Trace function, and then show how to expand the image for use in artwork. Next, I show how to modify the new vector art by using the Recolor Artwork function, and review changing colors.
This is another lesson in my course "Fundamentals of Industrial Design Software" taught at University of Idaho in Idaho Falls. In the course we cover the basics of Adobe Illustrator CC, Revision 2015, for designers, artists, and illustrators in the various areas of industrial design. The objective of the course is to help beginners and those with little experience with Adobe Illustrator CC become more familiar with the tools and their use in order to improve their current work, and/or move into positions that demand more Illustrator expertise.
If you are interested in taking this course, please contact University of Idaho in Idaho Falls.
======================
Hi! I’m Ryan Haworth. I am a designer and teacher. I made this channel to share things that I have learned over the years in web design, graphics, motion, video, photography, and all sorts of other topics. If you like what you see, like the video, hit the subscribe button, and leave a comment telling me how this helped you.
Thanks for watching!
======================
Portfolio
www.ryandoeseve...
Facebook:
/ haworthryan
======================================================
Your lesson is great and it helped me a lot to do vector image and thanks,will follow your videos regularly
Wow at last a soft tutorial I can follow! you sir are a genius
this is an excellent tutorial! Hats off to you. You are a great teacher and in my opinion one of the best illustrator videos. Thank you
Your video is so helpful
But do you have tutorial tracing photo in phone???
Only in phone. Because I don't have computer or laptop
THANKS FOR THIS IV BEEN SEARCHING FO SOOO LONG
Hey man, very clean, interesting and professional. Good sNice tutorialt.
Great Video!! I was wondering what version of soft soft you recomnd for a beginner because I know there is a $99 bundle and a
thanks, it actually let me through so i could download it.
To complement the video needs 13.7 billion years
Printmaking artist and graphic designer Shepard Fairey did that design. I plan on being just like him by seeing how he does it.
Extremely important to credit the original artist your sourcing - Shepard Fairey
Yes, thank you. I'll add that in the description.
What would be the easiest way to fix up those rough edges so it's smoother? Any tips?
Use your old friend - hand.
found actually helpful for people started from scratch
help to get the basics and I'll jus move from there. Thank you!
Great tutorial! And thank you for transporting me back to a much better time in America, sigh...
I wish you would do a follow up to this video and show how to smooth out the paths and get to the finished image
I've taken that into consideration and am working on an update to this.
:D Awesome!
For some reason when I try to even make any adjustments to my image trace, it is like the trace is locked. I checked my layer and it doesn't seem to be but I can't isolate anything and it only keeps my image in a rectangular boundary. the direct select tool or pen tool doesn't change my image
After I use the trace, I press the Expand button. Then I usually make a copy of the artwork or file so I can easily get back to that point. The important thing with image trace is thst it creates a group of the artwork. So anything you wish to do to individual shapes within the traced artwork will need to be done within the group, either by isolation mode or direct selection. Let me know if any of that makes sense.
OMG THANKS SO SO MUCH THIS HELPED!!!
Amazing tutorial, great pace, easy to follow whilst trying things out simultaneously! :)
Congrats ! I started right before covid when the
Hey bro want to full tutorial on 1 each & every step by step
Bro, you're a great teacher and explainer! Thank you for tNice tutorials tutorial!
You are dope bro! Damn , thank you so much, subbed
I can't get to outline mode by clicking ctrl + y. And I can't draw with the pencil to even out lines. :/
Can I use it for logo I hate the pen tool
Thanks for this tutorial, very helpful. Do you have a video on using the smoothing tool(?) Used where you created the shape of his shoulder from his ear down. You used some kind of smoothing tool that deleted some of the anchor points? Or did you use "delete anchor points"?
Sure thing. Yes, after I moved some of the anchor points down, I went to the pencil tool. Double click the Pencil Tool in the toolbar (You may need to select it first from the Shaper Tool pull-out). In the Pencil Tool Options, be sure the box is checked next to "Option key toggles to Smooth Tool" (It may say "Alt key toggles to Smooth Tool" on a PC). Then you can use the Smooth tool by holding down option or alt. The Smooth Tool works by reducing the number of anchor points in a path, thus smoothing out the curve. I only did that here to reduce the number of anchor points. The Knife tool may have been a better option, but the Smooth Tool came to mind first. The Knife tool allows you to completely cut out areas rather than trying to reshape one point at a time. (see th-cam.com/video/7HY_PNna7OA/w-d-xo.html)
And I'll put the Smooth Tool near the top of my list of videos coming soon!
Thank you so much for replying so fast. You've been a tremendous help as I'm under a dead line. I've subscribed so I'll see all your videos. Thanks again.
This helped a lot thank you
you are the best dude
how do u do this in affinity designer?
14:10 what did you press on a keyboard ?? I have windows keyboard , not mac , THANKS !
On Mac I was pressing the "option" key while dragging the pencil tool across the path to smooth it out. On windows you would use the "alt" key, but be sure your pencil tool is set to switch to Smooth tool when pressing "alt".
+Ryan Haworth THANK YOU SO MUCH !!
Aleksandar Djuric Ctrl+Y
exactly what i was looking for, thank you so much
Put the speed on 2x
100%
It's just awesome
I've image traced a complicated drawing I've scanned in and some of the lines touch and so become the same shape so recolouring a particular area is not possible without recolouring all the shapes that were merged. I don't think I'd be able to do the pen tool in this instance, just wondering if there is a way to separate the lines so I can split up the shapes? Thanks x
Yeah, that's one of the issues with image trace. It doesn't always cleanly separate shapes that we humans perceive. Other than the pen tool, you might try copying the whole shape to a new layer and then use the Knife (on the pullout with the Scissors tool) to separate the shapes. Use it like drawing with the brush. It's super easy if you have a stylus. I'll make a video on it soon.
Thanks for getting back to me, I'm going to try that now
You're welcome. I made a quick video on the Knife tool here: th-cam.com/video/7HY_PNna7OA/w-d-xo.html
Yaaaay
Great tutorial dude! Still helpful in 2016 :D
I'm glad you enjoyed it. Thanks!
Chris-Anthony Pinnock This tutorial left more to be desired to be honest. It would've been nice if you explained this particular aesthetic in more detail, especially when it comes to 'simplifying' the vector down (which components should stay and which should go,) removing the photographic texture artifacts (in this case the tie,) and smoothing out the rough edges. You directly copy the colour palette from the source material without really making anything of it, whereas what you could have done is tried to explain the actual relationship between those colours and, essentially, why it works. It just means a lot of people watching this will end up learning in a 'parrot fashion' and merely attempt to click in the same places you click. Anyone can click the Image Trace button and select the eye dropper tool, it's going through all the design elements with a fine-tooth comb and exercising the techniques I've just mentioned that take skill, and are the ones worth teaching. It's a decent enough starting point, but when you place your progress side-by-side with the original it just looks a bit sloppy and half-finished.
THE PICTURE DISPAPEAR AFTER CLICING THESE BUTTONS, what is the problem ?
I'm not sure what would cause it to disappear. Is it converting the image to a blank white object? If so, you might need to adjust the settings for Image Trace. After you click Image Trace, BEFORE you click Expand, find the Image Trace Panel instead. There you can change the settings and see what each change does before you make it a vector artwork. Hope this helps.
Is there a way to delete the background on illustrator? Ex. Only Obama's face would be the picture and the background would be empty/negative(?) space. Thanks
Sure You could do a clipping mask to remove the background. Just use the pen tool to draw an outline path around his head. Move the outline path in front of the image. Select both the path and the image and hit command+7 (Ctrl+7 on a PC). Boom! Clipped out the background.
Ryan Haworth thanks I will try it
Thanks for the practical explanation and clear demonstration!
Is it possible to trace a sequence of 34 frames in the illustrator?
Do you mean like a "cell-shading" technique? Possible yes. But seriously time consuming.
Can anyone one tell how to download Adobe illustrator full version
Thanks so much
This truly helped me thnx
thanks for the information
Awesome bro! This helps a lot!
thank you very helpful!
Nice
Respect ♥
16:50... cigarettes bro, cigarettes... xD
Yeah...just go with it :P
Right now I'm squeaking... same reason. I thought I was the only one...
@@RyanHaworth you fucked up
thank you this was very helpful
Zac Bonetti you're welcome. I'm glad you liked it
yes it helped a lot with my tech class. I recommended it to all my friends
thanks for this tutorial
Very helpful! Thank you!
He had when he "pitched down the Nice tutorialgh hats at the end of the phrase. "
Thanks for the tutorial share... However, I think this is the longer way around it. A simple redraw over the original would be easier, and later drawing the shadows and tints in... Would take about 30 mins to an hour tops..
explaining the basics for .
I could fix tNice tutorials?
I was. needing to make a good Communist poster. This is a huge help!
Thank you soo much
If you watch it in 2x it feels like he's going at normal speed
Your KING... Leader Supreme.
norman is that you
Is that possible with Photoshop?
It is possible. It would just be a different process of selecting and creating areas of color. Or you could digitally paint it that way.
Ryan Haworth could you maybe do a tutorial for that way?
I'll look into it when I have some free time. Thanks for the suggestion.
Geraldo Credo damn idk dude ♂️
cool bro
can this photo be a vector?
To use the image trace function, you'd need a rasterized version of the photo. Using image trace turns the photo into a vector.
Thanks for asking!
oh thanks for that! this actually helped me alot thanks
thanks bro... :)
too slow
Really nice, but SO slow.
Ryan i need help
OK. Sure. How can I help?
You make it so freaking looooooong and complicated..
had 1k likes.
you lost me at the color dropper : (
out of all the images you chose to show a politician?
Obama's last name is Care
People saying you talk too slow etc are just impatient and childish.
U just need ur pc, ur pc keyboard and a mouse.
bye
thats 5 colors not 3 lol
"i am going to select the black in front"
ME: hes talking about obama as a whole or...?
I was referring to the black colored vector pieces of the artwork itself. I would never refer to a person in the way you're insinuating.=
hahahaha sa bro xD
Very slow your work
Can you do one of Trump? This guy gives me nightmares.
Of all the images you could have used and you picked Obama! Hitler could have worked too. I was about to subscribe to your channel, but I have no idea what you may show next.
It's interesting you bring that up. I didn't originally plan to use it, but thought I could get closer to the original HOPE poster while showing the technique. I'm sorry you don't like the image, I just like good art and teaching others how to use the tools in Illustrator. Interestingly enough this is my highest viewed video, so apparently some people like it. I'll do my best to keep politics out of the instruction I give, since this isn't a political channel. I hope my clarity in instruction will continue to earn me good subscribers like you.
Lol someone is a snowflake. It’s an art program tutorial, you baby
674 likes...amateurs
you talk too much. no one has enough time to listen to your extra words
You talk way to much, all the talking makes it seen more complex then it actually is
9:05 "I want to put out the n-word"
Terrible tutorial. I want to know how to smooth everything out and simplified like the original poster.
oh my god:(((( president obama, how do you dare to use a picture of this political person!!!
Your instructions are not brief,i'm dislike, sr bro.
get to the point already
If u don't have time to watch the video, you shouldnt use illustrator. You have 0 patience
the trainer isn't clear about what he is doing.
That is horrible
Sorry this was painful to listen to - skipped to 5 mins before you do anything urrghhhh
WHAT A JOKE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
you talked to much and sorry I really hate this. Thanks.