Web Design Tutorial - Converting JPG logo to Vector

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025

ความคิดเห็น • 146

  • @bighathosting
    @bighathosting 12 ปีที่แล้ว

    There are a great number of us that appreciate you guys sharing your knowledge. Some of these ppl are such babies. "Please give me a video that will solve all of my personal project needs??" Geez. Anyway, thanks guys. Your video got me started and your English is just fine.

  • @ameliagwen1
    @ameliagwen1 13 ปีที่แล้ว

    native english speaker here, I found your pace just right; skipped several other tutorials for taking too long to make the same point

  • @jinchurikibiju1716
    @jinchurikibiju1716 12 ปีที่แล้ว

    Greetings from Oaxaca, MX. I speak English as a second language and I have no problem understanding you. So these people either have an intellectual problem or they hate your guts to give such comments about you. First of all, you are just trying to help----therefore they should at least be thankful.

  • @supergerble
    @supergerble 12 ปีที่แล้ว

    Hey guys just wanted to say that I found the speed of your narration awesome. Kept me awake and focused. Just for something different!

  • @Giniweene
    @Giniweene 13 ปีที่แล้ว

    Guys, you are a god sent ! Easily explained, will try it out as soon as possible. Explained calmly and understandable for the common idiot that decides to fool around with Photoshop and Illustrator. Thanks guys!

  • @TheMrDionisio
    @TheMrDionisio 13 ปีที่แล้ว

    Thank you very much, you saved me hours of work. I had created a logo in Photoshop and then found out I could not re-size it without losing quality. A designer friend told me the logo needed to be in vector format. I did not want to restart the whole project. Thank you for introducing me to live trace.

  • @katharinechapman3803
    @katharinechapman3803 5 ปีที่แล้ว +1

    Clearest demo I've seen - thanks!

  • @basoon27
    @basoon27 13 ปีที่แล้ว

    I didn't have any problem understanding you guys. Thanks very much for the tutorial! Really helpful since I just got the program today.

  • @hotcoldrex
    @hotcoldrex 13 ปีที่แล้ว

    Waauw this is brilliant, I didn't know you could do that! here I was always tracing my logo's with the pen tool.. yes, I'm a real beginner. You got a lot of comments on your speed of talking, I must say I really enjoy the speed of this video, I couldn't quite follow the introduction, but the speed at which the tutorial goes suits me very well... I hate watching tutorials that go sooo slooow that you're sitting around waiting for the next step for minutes THANKS! Will be back for more

  • @NhatNguyen-oz4kz
    @NhatNguyen-oz4kz 2 หลายเดือนก่อน

    You just saved my day 😊. Thank you very much

  • @JurgenBlitz
    @JurgenBlitz 7 ปีที่แล้ว +2

    This was exactly what I was looking for. Thanks guys!

  • @BlockTshirts
    @BlockTshirts 13 ปีที่แล้ว

    @crearegroup I also stumbled upon this while searching for converting vector files I run an ecommerce website and found the info within the video really useful. There's a lot you've packed into the video and although your speaking quite quickly I still thought it was clear. I've subscribed as I think the format that you are making your videos is great and it makes it that little bit more interesting. Just a different view point for you. Keep up the good work.

  • @Iquey
    @Iquey 14 ปีที่แล้ว +1

    YAYYY!!! Thanks for this tutorial. it will really help me complete my school project! And it was nice and easy to follow.

    • @void269
      @void269 4 ปีที่แล้ว

      omg 10 years did you completed your school project bro

  • @DameDiabolique
    @DameDiabolique 10 ปีที่แล้ว +8

    This is a great video. I could understand both of them pretty clearly. My only thing is Live Trace is not going to work for more complex logos like the Coca Cola. If you paid attention, you can tell that the logo lost a lot of definition and was distorted. You can adjust the settings in the Live Trace to make it look better but ultimately, for more complex logos, Illustrator's Live Trace tool is actually not very sophisticated. You should look into a program called Vector Magic. It is a whole lot better at getting the finer details right when live tracing work. When I did agency work, we had that program for those clients that didn't have a vector version of their logo available. Other than that, you can try to recreate it by hand.

  • @jamiecurtin1
    @jamiecurtin1 10 ปีที่แล้ว +1

    Thanks for the help lads, keep up the great work.

  • @sabsiez
    @sabsiez 8 ปีที่แล้ว

    i was stuck for several hours trying to select just the right parts of my logo. This video solved my problem in a few minutes. Now I'm just trying to figure out how to get a 300dpi version out. but at least im nearer to the end!

  • @NishaHaq
    @NishaHaq 8 ปีที่แล้ว

    Great video - solved so many problems in one go thank you!!

  • @AliciaBurrito
    @AliciaBurrito 15 ปีที่แล้ว

    Thanks, because I really do like your videos and tutorials, it makes my website so much better =)

  • @roymaster28
    @roymaster28 13 ปีที่แล้ว +1

    Thank you, thank you very much. This helped me out a lot!

  • @BobStrasselJr
    @BobStrasselJr 11 ปีที่แล้ว

    Nice tutorial guys! Thanks for sharing.

  • @cricketbio3
    @cricketbio3 8 ปีที่แล้ว

    nice,
    This was great. Solved my problem. Thank you so much!!!

    • @cricketbio3
      @cricketbio3 8 ปีที่แล้ว

      unable to ungroup, please help

  • @webcoredesign
    @webcoredesign 14 ปีที่แล้ว +2

    Great video!
    Live Trace doesn't produce the best of images but it's useful.

    • @void269
      @void269 4 ปีที่แล้ว

      10 years bro woah

  • @Creare
    @Creare  15 ปีที่แล้ว

    Thank's for the feedback sirlinkyalot, we'll slow it down in future!

  • @brandonhaws1835
    @brandonhaws1835 10 ปีที่แล้ว

    Excellent. Exactly what I needed

  • @EliseMicheals
    @EliseMicheals 8 ปีที่แล้ว

    Awesome, Thank you so much man, this was amazing!

  • @harounbouk8520
    @harounbouk8520 6 ปีที่แล้ว

    Very useful. Thank you!

  • @Jazfonz
    @Jazfonz 13 ปีที่แล้ว

    To avoid all the ungrouping you did to seperate your black from white, you can simply go into the Live Trace options and choose "Ignore White." Also, you can choose to use colour as well so for your Coca-Cola logo you could have selected "Use Colours" and "Ignore White" to create a vector outline of just the red logo.

  • @jamil9377
    @jamil9377 9 ปีที่แล้ว

    Thanks guys. saved me time and $$

  • @Samandkit
    @Samandkit 9 ปีที่แล้ว

    This was great. Solved my problem. Thank you!!!

  • @AnonymousAddiction
    @AnonymousAddiction 12 ปีที่แล้ว

    Cheers! fantastic vids you lot make, made something that could have been complicated into something incredibly easy to understand. As for the speed and accents I am seeing complaints on I have none, altho I lived in the UK for several yeas..so I suppose i'm not one to talk eh? lol

  • @pjerin8537
    @pjerin8537 9 ปีที่แล้ว

    Very Very Helpful!! Thanks

  • @sloppy_3000
    @sloppy_3000 13 ปีที่แล้ว +1

    Perfect tutorial ! Thanks so much :D

    • @void269
      @void269 4 ปีที่แล้ว

      omfg 9 years bro

  • @ameliesour
    @ameliesour 12 ปีที่แล้ว +1

    Thank you for this tut!

  • @MrTag1963
    @MrTag1963 13 ปีที่แล้ว

    will this version of Adobe Illustrator CS4 (Windows) Educational version work for doing what you are demonstrating in this video?

  • @SoundsLikeMaestro
    @SoundsLikeMaestro 13 ปีที่แล้ว

    @crearegroup I also think this video is at perfect speed for the level of content. A beginner would usually have no reason to create a vector illustration, so I don't really see what this "speed talk" is about :/ Great tut

  • @AliciaBurrito
    @AliciaBurrito 12 ปีที่แล้ว

    Alright cool, will look out for more of your videos ;D

  • @theglueify
    @theglueify 12 ปีที่แล้ว

    this is very long for doing it guys. you can just click on the " ignore white " option instead of ungrouping the paths 3 or 4 times. if you go on the outline view im pretty sure u had some more unwanted paths with your logo. :) cheers

  • @UniQAzWeAre
    @UniQAzWeAre 12 ปีที่แล้ว

    Hi guys,
    Thank you very much for taking the effort to make this tutorial. But for one or another reason I cannot get it done. I click on the JPG image and then live trace, but then the image 'disappears' and I see only the edge. Do you know what I might have done wrong/forgot? I have Adobe Illustrator CS5.
    Kind regards!

  • @brwanti
    @brwanti 12 ปีที่แล้ว

    Thanks a lo for this! However, is there a way to convert logos that are composed of different colors and shadings/gradients?

  • @Vectorizeimages
    @Vectorizeimages 9 ปีที่แล้ว

    Great tutorial

  • @andigomez1993
    @andigomez1993 7 ปีที่แล้ว +4

    What do you do when the image or logo you're trying to live trace doesn't live trace properly? What I mean by that is some parts of the logo/image are missing points, or it's not converted into a proper line. Do you guys go in with the pen tool and make the shapes and points you want? Or is there an easier way?

  • @Sodylin
    @Sodylin 12 ปีที่แล้ว

    Live Trace isn't always the best way to "vectorize" your logo. As you can see from the Coca-Cola logo vectoraization, curves can become jagged and the logo will look... well, a bit cheapened and trashy. Sometimes the best way to get a super high quality vector version of your logo is with the good 'ol pen tool.

  • @LizIsRating
    @LizIsRating 6 ปีที่แล้ว

    Thanks! Very helpful

  • @Gengar10000000000
    @Gengar10000000000 13 ปีที่แล้ว

    Good start, but I'm stuck at the point where you have to ungroup. I had imported my jpeg into illustrator. What happens if my jpeg file has a stroke? I wasn't able to extract it completely by ungrouping it. It made the text look funny because of the stroke. Can you guys help? Thanks.

  • @anainesrodrigues
    @anainesrodrigues 12 ปีที่แล้ว

    if I can't understand i put pause and look for the key button or rewind... so yes... i agree with you..

  • @un_amor_perfecto8926
    @un_amor_perfecto8926 4 ปีที่แล้ว

    I don't know what I'm doing wrong. But, when I finish the image & I wanna add it to my Wix site it tells me the image is too large. Any suggests??

  • @rgaming8120
    @rgaming8120 6 ปีที่แล้ว

    Good Tutorial...

  • @ZenkaiNick
    @ZenkaiNick 13 ปีที่แล้ว

    this helps but I'm trying to convert a logo with multiple colours, it's not as simple as filling the logo with red like they did here...it doesn't really help me...I'm stuck with a black logo and no way to recolour it.

  • @Gengar10000000000
    @Gengar10000000000 13 ปีที่แล้ว

    What if I want to export an image or a picture? How can I fill the colors on that back?

  • @lucianyahya8867
    @lucianyahya8867 7 ปีที่แล้ว

    This worked for me. BUt when I want to change the color, it will be grey regardless what color I choose. Any advise?

  • @Creare
    @Creare  13 ปีที่แล้ว

    @dubiousfella Hey, thank you for taking the time to provide us with your feedback. Apologies that you were unable to clearly hear our narration in the video, we are aware that in some of our earlier videos, we speak far too quickly. This is something we've been working on - to slow down how quickly we talk in the videos. James.

  • @CristaBilciu
    @CristaBilciu 7 ปีที่แล้ว

    The guy on the right is incomprehensible!

  • @adampominski1
    @adampominski1 13 ปีที่แล้ว

    only problem is when you use live trace it completely distorts the image. a once crisp logo becomes awkward and jagged after the trace /:

  • @TheEditerEMH
    @TheEditerEMH 10 ปีที่แล้ว +2

    HI i need some help. I have pretty complex logo with alot of different colors and so on. im wondering how do i vectorize it so it can like be printed on a huge banner and such is there a special resolution i need or? and when i vectors do i keep all the colors on the logo? pleas reply someone

    • @BStellingwerf292
      @BStellingwerf292 10 ปีที่แล้ว +1

      This gave me cansur

    • @TheEditerEMH
      @TheEditerEMH 10 ปีที่แล้ว

      bart stellingwerf ahahah we are eeverywhere

    • @BStellingwerf292
      @BStellingwerf292 10 ปีที่แล้ว +1

      Can't handle all the cansur.

    • @wildeyestudios5
      @wildeyestudios5 10 ปีที่แล้ว

      I also had a complex logo with many colors and textures and I used an online image to vector converter, you have 2 free shots with that tool per email/IP adress, after those 2 conversions they ask you to pay, but it did a pretty good job if you only have to do it once. Just google image to vector and the first result is that website

    • @friendlyxpertisebusiness9560
      @friendlyxpertisebusiness9560 10 ปีที่แล้ว

      this man converts the raster logo to vector amazingly
      www.fiverr.com/s/6fq5ax

  • @mdziaulhaquerumon2423
    @mdziaulhaquerumon2423 10 ปีที่แล้ว

    really awesome.

  • @bimbolroco7135
    @bimbolroco7135 10 ปีที่แล้ว

    POWER!!!!...................Thank you!

  • @christinahernandez3944
    @christinahernandez3944 12 ปีที่แล้ว

    Awesome! Do y'all have a video on dealing with text/font in a logo and how to recreate as a vector? I know you did the Coke letters, but it seems it works so easily because the letters are part of one whole. What if the letters are separate and when you live trace into b/w, the letters/font change altogether? Meaning, the font looks really bad and wrong and not okay. Thanks! :)

  • @jvitasek
    @jvitasek 13 ปีที่แล้ว

    no problem with the speed.

  • @MarciJG777
    @MarciJG777 8 ปีที่แล้ว

    I'll try with my logos that i designed.. cool

  • @naer3513
    @naer3513 9 ปีที่แล้ว

    Hey i got a problem when i convert jpg colored logo to eps. The problem is following, Logo contains 2 colors Black and Blue plus background which is white, it contains 2 shapes and typography below. When i go path>trace bitmap>color> scans- on 3>update i got like blue outline around my logo and typography below it. The outline shouldn't appear since it dosen't exist. I've tried converting it so many times and i can't get rid of it. Anyone knows how to solve this problem ? PS i need reply realy fast. Thanks in advance.

  • @padamverma6805
    @padamverma6805 8 ปีที่แล้ว

    which software is used in this tutorial?

  • @amthunder1
    @amthunder1 7 ปีที่แล้ว

    Great info!!
    We are truly two countries divided by a common language! I had to turn the CC on to try and understand the guy on the right. Holy shit - Ha!
    BTW, what is the best and fastest way to give color only to a layer that has been converted into threshold?

  • @kura83janko
    @kura83janko 9 ปีที่แล้ว +1

    perfect!

    • @void269
      @void269 4 ปีที่แล้ว

      omg 5 years bro

  • @muhammadtayyib5386
    @muhammadtayyib5386 8 ปีที่แล้ว +1

    superb !! got my work done .but seriously i didnt got you GUYZ what you were saying try to improve your talking way .Thanks

    • @AlexHuntercreativememory
      @AlexHuntercreativememory 8 ปีที่แล้ว +1

      Muhammad Tayyib it's their accent, nothing they can do about it. Personally, I could understand everything.

  • @braddywarbucks
    @braddywarbucks 3 ปีที่แล้ว

    Bieber called, needs his hairstyle from 11 years ago back.

  • @trainmonrovia1912
    @trainmonrovia1912 8 ปีที่แล้ว

    Why do you have to click ungroup over and over?

  • @smileyguyz
    @smileyguyz 10 ปีที่แล้ว

    Is there a way without Illustrater?

  • @famuda6781
    @famuda6781 10 ปีที่แล้ว

    i can see your eyes reading the script!

  • @yassinejouadi3869
    @yassinejouadi3869 10 ปีที่แล้ว

    thank you

  • @DanFrederiksen
    @DanFrederiksen 13 ปีที่แล้ว

    the talking speed is not a problem at all.
    you may want to skip the 'we are gay' intro and outtro sequences though

  • @digitalnomaddude
    @digitalnomaddude 6 ปีที่แล้ว

    This was the most British thing I have ever seen

  • @anirudhanaik4493
    @anirudhanaik4493 8 ปีที่แล้ว

    I searched for jpeg to vector conversion tutorial because I wanted to make a vector of the same rebel alliance logo that they're using. What kind of sorcery is this, Google?

  • @Nim19821
    @Nim19821 14 ปีที่แล้ว

    Hmm...I've seen and tried a few videos now and none of them work. I'm using a colour logo with both text and an image. Only 2 colours are in the image but the quality when I live trace is terrible - worse than the original!

  • @NathanReevesnate808
    @NathanReevesnate808 10 ปีที่แล้ว +8

    the adderall twins!

  • @theinternetdigest_official
    @theinternetdigest_official 2 ปีที่แล้ว

    Look how well dressed they are

  • @anika6558
    @anika6558 6 ปีที่แล้ว

    where is live trace cc2018 version i use

  • @mani1993ify
    @mani1993ify 11 ปีที่แล้ว

    what about converting a white logo ..... i cant help me

  • @SejalPariyani
    @SejalPariyani 12 ปีที่แล้ว

    tnks a lot:)

  • @KravMagaBristol
    @KravMagaBristol 11 ปีที่แล้ว

    Thanks for the technical tips. However the news or sat interview thing does not work. The gentleman on the right (no glasses) is speaking so fast I thought the video had been speeded up. Again thanks for the tutorial.

  • @thelosingwinner1
    @thelosingwinner1 12 ปีที่แล้ว

    cool

  • @jharris1985
    @jharris1985 11 ปีที่แล้ว

    what if my background is black?

    • @bavington
      @bavington 11 ปีที่แล้ว

      Should still work OK - what results do you get when you try Live Trace?

    • @jharris1985
      @jharris1985 11 ปีที่แล้ว

      I have a white logo that i created in photoshop, I hid the background layer then uploaded it to AI and it won't show because what I designed is white and the background of AI is also white.

    • @bavington
      @bavington 11 ปีที่แล้ว

      J Harris I'd recommend making the logo black in Photoshop, then once you've converted it to vector in Illustrator, you'll be able to change it back to white very easily.

    • @sreekumarnair4324
      @sreekumarnair4324 9 ปีที่แล้ว

      J Harris

  • @thesidanger
    @thesidanger 13 ปีที่แล้ว

    @crearegroup I disagree, I hate it when people take forever to talk through simple things. I thought the pace of this tutorial was just right for the level of the content.

  • @jonb5150
    @jonb5150 13 ปีที่แล้ว

    what language are they speaking?

  • @calvers7
    @calvers7 13 ปีที่แล้ว

    4:53 is just hilarious if I didn't know better I'd swear I had it on fast forward!

  • @chungdha
    @chungdha 14 ปีที่แล้ว +2

    Never use use livetrace to do this its not perfect always trace it with the pen tool.

    • @chungdha
      @chungdha 4 ปีที่แล้ว

      @J H And you commented on a comment that is also from 9 years ago...

    • @monterrosasremodeling2339
      @monterrosasremodeling2339 4 ปีที่แล้ว

      This is comedy hahaha

  • @DE5NER
    @DE5NER 6 ปีที่แล้ว +1

    Dear all,
    I’ve been a Graphic Designer for 7 years working for various company’s, and from my experience this is not how you would re-create a logo from JPEG to Vector.
    Yes the live trace tool works but to a certain extent, the areas within the logo are not properly designed etc therefore that’s where the pen tool comes into effect.
    Now there was no mention of the pen tool to straighten the edges, I’ve been taught to re-create a logo to the best of your ability and by far this is a poor tutorial.
    You have settled just based on live trace

  • @GregWest-AlternateCloud
    @GregWest-AlternateCloud 11 ปีที่แล้ว +3

    I could not understand either of you during the intro, that mic needs replacing. Demo was fine.

    • @GregWest-AlternateCloud
      @GregWest-AlternateCloud 11 ปีที่แล้ว

      *****
      Thanks guys, just what the doctor ordered. I need to learn this and you guys explain it in a very easy to learn style!!
      Keep up the good work and thanks for checking the comments here, many people don't answer questions!!

  • @CaleK2S
    @CaleK2S 12 ปีที่แล้ว

    Why did you not stress the fact that you would have to correct the curves in that logo? Live Trace is not 100% accurate. I rather re-draw.

  • @AliciaBurrito
    @AliciaBurrito 15 ปีที่แล้ว

    Nice tutorial and all, but uh....try to speak 10%-20% slower..... It will make the listener want to listen, and not give up trying to listen....

  • @gruvie
    @gruvie 12 ปีที่แล้ว

    Somebody should teach those guys how to speak english that will be understood even outside of UK ;-) Maybe slow down to 1/8 of the speed would help?

  • @Lov3lyArtz
    @Lov3lyArtz 12 ปีที่แล้ว

    I am so irritated with you two right now. I was trying to cut out a simple, gothic styled "W" from my clients business card. I thought I found the best video to do it, as the font he used was one from VistaPrint and you can't just "find" their fonts that easily, so to save time, I decided to cut it out. Everything in this video worked, EXCEPT: ****You did NOT explain to go into tracing options and select "ignore white"**** I watched this video 5 or 6 times before getting fed up!

  • @ZenCartEasyHelp
    @ZenCartEasyHelp 13 ปีที่แล้ว

    Thanks for posting this! If you need help customizing your zen cart store check out our channel for our free Easy Help Zen Cart Video Tutorial library. If you have a specific question or video you would like to see, just leave a comment on our channel.

  • @zhiyanediting7863
    @zhiyanediting7863 3 ปีที่แล้ว

    This job eny online

  • @cglaxman48
    @cglaxman48 11 ปีที่แล้ว

    you might want better lighting, yoiur chroma keying on this vid is a little wonky

  • @kale6112
    @kale6112 10 ปีที่แล้ว

    yassssssss

  • @geicangelbaya5937
    @geicangelbaya5937 11 ปีที่แล้ว

    the guy who is at the right side looks like dingdong dantes :)

  • @void269
    @void269 4 ปีที่แล้ว

    im from the future

  • @MatthewMelnick
    @MatthewMelnick 6 ปีที่แล้ว

    can't understand one word these guys are saying in the intro

  • @barrytruong9066
    @barrytruong9066 11 ปีที่แล้ว

    Not really a good tutorial as live trace is broken.

  • @chriswoolf7565
    @chriswoolf7565 7 ปีที่แล้ว

    Holy Shit I thought it was the same person