Convert PSD to HTML using Slice Tool in Photoshop (Part 1)

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2024

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

  • @sarahjeanwett253
    @sarahjeanwett253 2 ปีที่แล้ว +23

    Been doing graphic design for a decade, but I've never tried to convert over to HTML. So glad to be finally getting into this skillset, great tutorial. Thank you!

    • @JongYoonKim
      @JongYoonKim  9 หลายเดือนก่อน

      Sorry for delay. I'm glad to hear my video is helpful. You may like this video, too. th-cam.com/video/jPscJcikfeo/w-d-xo.html

  • @junamtiaroiu098
    @junamtiaroiu098 2 หลายเดือนก่อน +1

    Look here prof. Kim, you are the man, i have wanting to do this for so long and just did not understand it. Saw many other videos and i just didn't get it...and with your video i have sped up my creativity and workflow by 10x. Seriously, many thanks!!! 감사합니다, 건강하세요

  • @sk8r1968
    @sk8r1968 3 ปีที่แล้ว +15

    Super clear and helpful. Needed a refresher on slicing and dicing. Looking forward to part 2!

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

      Thank you so much. And I appreciate your comments.

  • @TrapisteEric
    @TrapisteEric 9 หลายเดือนก่อน

    So clear! So much talent as a teacher AND a web designer / coder. Very good! 큰 감사를 표합니다

    • @JongYoonKim
      @JongYoonKim  9 หลายเดือนก่อน

      My pleasure and thank you for your effort using Korean. You may like this video as well. th-cam.com/video/jPscJcikfeo/w-d-xo.html

  • @nadin3amanda
    @nadin3amanda 3 ปีที่แล้ว +5

    Thank you for making this! I have an exam later and I am watching your tutorials lol

    • @JongYoonKim
      @JongYoonKim  2 ปีที่แล้ว +1

      Sorry delayed reply. Hope you got good grade.

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

    Thank you so much. This video really helped me when I was about to give up. I'm glad i found this video

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

      My pleasure. So glad to hear that my video helps you.

  • @Apauline
    @Apauline 2 ปีที่แล้ว +8

    This was very helpful. I just had to be patient and carefully follow each step. Now on to part 2. Thank you @Jong-Yoon Kim for making this video.

    • @JongYoonKim
      @JongYoonKim  2 ปีที่แล้ว +1

      Thanks for your compliment. I'll keep uploading. Stay tuned.

    • @tejajami6729
      @tejajami6729 ปีที่แล้ว

      @@JongYoonKim where is the photoshop link

    • @JongYoonKim
      @JongYoonKim  ปีที่แล้ว

      @@tejajami6729 The link is in description.

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

    🔥🔥HTML Complete Course One Video In Hindi - th-cam.com/video/kXmeT3FbUFg/w-d-xo.html ♥
    HTML & CSS Playlist In Hindi - th-cam.com/video/KiT84vegmow/w-d-xo.html
    🔥HTML And CSS Tutorial In Punjabi: th-cam.com/play/PLh7Hn1SqkFrzyDPKGYJAyf-IX5rKhafYz.html

  • @josemarin1706
    @josemarin1706 7 หลายเดือนก่อน

    Thank you for these tutorials. Question, how do you make this responsive?

  • @whichhazel5938
    @whichhazel5938 2 ปีที่แล้ว +3

    Thanks God I found this video tutorial, it's very helpful. Thank you

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

      My pleasure. Great to hear that. Thanks

  • @Joey-Jett
    @Joey-Jett 3 ปีที่แล้ว +3

    This is a very well done tutorial, thanks!
    By any chance, do you live in Maine? I was surprised to see Acadia National Park as your choice, I live right around there.

    • @JongYoonKim
      @JongYoonKim  3 ปีที่แล้ว +4

      Thanks for your compliments. I live in New Hampshire, my neighbor! I haven't visited Acadia National Park, but love to. That's why I chose Acadia National Park as a sample. When I visit someday, we may sit together and have a bowl of clam chowder.^^

  • @maitreyi6180
    @maitreyi6180 5 หลายเดือนก่อน

    💕Loved your intro n video as well💕

    • @JongYoonKim
      @JongYoonKim  5 หลายเดือนก่อน

      Thank you~! You made my day.

  • @gideoncephas5803
    @gideoncephas5803 2 ปีที่แล้ว +3

    thank you ,had no idea now i know something.👍👍

  • @gilangfajarnugroho1005
    @gilangfajarnugroho1005 2 ปีที่แล้ว +1

    thank you sir for brought this into internet...

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

    I'd be curious to see the html file, because sometimes PS just has bare minimum boilerplate, and then just put the image on the page. Nothing is actually coded at all, if you want to mess around with things.

    • @justinwilkerson7914
      @justinwilkerson7914 ปีที่แล้ว

      ❤😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😅😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊😊

  • @seenuz1
    @seenuz1 2 ปีที่แล้ว +1

    Really Awesome logics for psd to html 👍👌

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

    Very nice, you refreshed my memory.

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

      Haha~ old school~! Thanks.

  • @sayisanthosh
    @sayisanthosh 4 หลายเดือนก่อน

    amazing tutorial

  • @rajeevyash4745
    @rajeevyash4745 3 ปีที่แล้ว +3

    Love from india

  • @jorgeaugustodelgado5130
    @jorgeaugustodelgado5130 2 ปีที่แล้ว +3

    Very helpful tips, nice job!

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

    I have a question when I try to save for the web it tells me: "the system cannot find the path specified" any help? thank you!!! Love the video very help full!!

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

      Hmmm...I suggest you to double check your site definition. It is under site menu and choose manage site. Once you see your site name from the list, select the site and click on the pencil icon to edit. Let me know how it goes.

    • @ccphscompany8038
      @ccphscompany8038 ปีที่แล้ว

      @@JongYoonKim thank you !! I found the solution I apreciate it this really helped me to make web page design faster!! thanks again!!

  • @codehammer8125
    @codehammer8125 3 ปีที่แล้ว +1

    direct in to the boom ! nice!

  • @MACODJ
    @MACODJ 3 ปีที่แล้ว +2

    Really thank you so much! This video is perfect! Thanks!!

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

      My pleasure! Thanks. Stay tuned.

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

    Very helpful thank you!!!

  • @JavaScriptJolt
    @JavaScriptJolt 2 ปีที่แล้ว +1

    👌

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

    But how to GET the psd file on something different

  • @samridhamajumdar9769
    @samridhamajumdar9769 ปีที่แล้ว

    How to edit text but also want my background ?

  • @HarveyAVideo
    @HarveyAVideo 9 หลายเดือนก่อน

    did you ever release part 2? if not how to we make each slice clickable with a link?

    • @JongYoonKim
      @JongYoonKim  9 หลายเดือนก่อน

      th-cam.com/video/hCm4inZNOdA/w-d-xo.html

  • @xyckriz
    @xyckriz 3 ปีที่แล้ว +1

    nice tutorial. subscribed. (btw i increased the speed to 1.75 hehe)

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

      Thanks. Haha~I’ll try to speak little faster. That is my nature^^

  • @simplychyna2720
    @simplychyna2720 3 ปีที่แล้ว +1

    Did you create part 2 for this ?

    • @JongYoonKim
      @JongYoonKim  3 ปีที่แล้ว +1

      Yes, here you go. th-cam.com/video/hCm4inZNOdA/w-d-xo.html

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

    where is your other video ??? next video

  • @codehammer8125
    @codehammer8125 3 ปีที่แล้ว +4

    please mention your 2nd part on your description and pin comment

    • @JongYoonKim
      @JongYoonKim  3 ปีที่แล้ว +3

      Here you go. th-cam.com/video/hCm4inZNOdA/w-d-xo.html
      Thanks.

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

    please give me_ after PSD slicing html file !

  • @rdretrogames
    @rdretrogames 9 หลายเดือนก่อน

    sou Brasileiro e goste do vídeo mais não falo nada de inglês difícil de aprender

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

    jong yoon kim i love you so much

  • @moguljordan23
    @moguljordan23 9 หลายเดือนก่อน

    I'm in between with your brother lol!

  • @daakyemedia8571
    @daakyemedia8571 9 หลายเดือนก่อน

    how can you add JavaScript to it

    • @eddgodoy
      @eddgodoy 2 หลายเดือนก่อน

      Jajaja