Web Template design In Photoshop step by step || UI Design Tutorial || EP-17

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ก.พ. 2018
  • In this video, we will learn how to Design a website template in Photoshop step by step so please watch the full tutorial
    Download The Project File (please use valid email ID so I will allow the access for download)
    Recent Videos---▼
    How to cut Image in Photoshop (Pen Tool)
    • Photoshop Tutorial Cla...
    How to cut Image in Photoshop (Lasso Tool)
    • Photoshop Tutorial Cla...
    How to Write edit Text in Photoshop
    • Photoshop Tutorial Cla...
    _
    Stay connected for more useful tutorial __
    ======================
    Wordpress Full Series
    goo.gl/Tj5kvM
    UI Design Tutorials
    goo.gl/P41Ugo
    HTML CSS Series
    y2u.be/8XHoSs2diZI
    ======================
    Stay connected for more useful tutorial __
    ==========
    Ending Music
    JPB - High [NCS Release] • JPB - High | Trap | NC...
    / anis-jay
    / jayprodbeatz
    / gtaanis
    Music promoted by Audio Library • Video
    ==========
    About Me▼
    Hello, I am Ravikant Jha. I am a Visual Content Designer Having 6+ years of experience.
    ___
    Follow on Social ♥♥♥♥♥♥
    / codeanddesignindia
    / codeanddesignin
    / code_and_design_india
    Follow Me ++++++▼
    / ravikantjhavfx
    / vfxravi
    www.linkedin.com/in/ravikant-...

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

  • @CodeAndDesign
    @CodeAndDesign  6 ปีที่แล้ว +42

    *Please Like, Comment, share and Subscribe*

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

    I am watching this playlist after four years. Thank you for the information.

  • @shrinathnair7037
    @shrinathnair7037 4 ปีที่แล้ว +5

    Hi ! Beautiful Tutorial, you have explained each option with short cuts.Great Work

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

    This is a good video because I didn't even know people were using PS to model their sites. Nice tip. Also easy to follow if you already know some Photoshop basics.

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

    Truly a guide.....I have been progressing quite great with your tutorial....thanks a lot ❤️👍🏻....keep making this kind of videos👍🏻

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

    Bohot Badhiya. Loved the tutorial. Thank a lot !!

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

    Bhai Bohat mast video bnaya hai. aur boring to bilkul nahi hai ap esay hi bol rahay thay. Khuda aap ko hamesha khush rakhay . Thanks Bhai .

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

    Nice description for the layout. thank you

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

    Thank you so much. It was amazing. Now please teach us how to connect this web template to the website(coding). Please Please

  • @mrnomantech
    @mrnomantech 5 ปีที่แล้ว +6

    What a great tutorial!
    Sir, you are really a fabulous instructor and teacher. I love your heart touching explaining style.

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

    You are doing a great job! I enjoyed your whole videos and I have learnt today something from you. How to make PSD even m not making PSD because m a frontend developer making website through HTML5 & CSS3 but I am generous to learn bootstrap can you make it video on that one !!

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

    Hi 2018 Code and Design, I'm from 2023... Great tutorial. Appreciate

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

    Very nice sir g behtreen style hai me khud designer hun per video se kafi chezyn sekhne ko mile thanks

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

    yar you are the best, aaj kal youtube main itni helpful content nai milri
    Bohot shukria bhai

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

    You are doing amazing :)
    Thank you for the help ;)

  • @bhanuprasadsharma376
    @bhanuprasadsharma376 5 ปีที่แล้ว +4

    Sir,
    please do a video on coding for this web tamplate design so that we can learn both web template design and coding. i hope you will do it soon.

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

    really helpful for beginner, Thanks for making this

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

    Very nice tutorial to make web templates in photoshop...very nice explanation..please make more videos in UI design and development...hope to see more videos...thankyou.

  • @md.aminulislam699
    @md.aminulislam699 4 ปีที่แล้ว +2

    Brother, no problem about big video, I have learnt many thing from your video. Thnx. Bro will be Reserved instead of received in case of copy right :)

  • @ajaykumar-yd2wy
    @ajaykumar-yd2wy 4 ปีที่แล้ว +5

    Nice Video !
    Please convert it into html coading.
    Than we learn more..

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

    Love from Bangladesh. Thanks Bro. It will helps me very much

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

    thanku so much sir aapne bhut achha explain kia hai

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

    Bahut bahut sukriya bhai . Sach me tumhare is video se bahut nayi asan techniques janne ko mili jese alt+backspace se bhi hum kar sakte hai color fill pata tha lekin bhul jata tha😋 ...
    Aur yaar ye fill aur opacity ka difference acche se samjo yar kuch samaj nahi aaya!
    Hope u answer it👍

  • @PankajKumar-pt4qm
    @PankajKumar-pt4qm 5 ปีที่แล้ว +1

    Code and design 👏🏻. good explain i like your video

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

    Very well explained....👍👍 Briing more and more such tutorials

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

    Greetings.!!
    I showed the first video.. I really like it...
    And short cut please mention krna... Like... Example layer p double click krne se.. And canvas p click krne se kya open hota h....that's it....

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

    you are awesome bro just awesome design

  • @MrAkhan-bo7yp
    @MrAkhan-bo7yp 5 ปีที่แล้ว

    Clean and clear cut tutorial.. Perfect I subscribed your channel..😇

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

    thank you very much... mene ap ka pura videos dekha phir khut ka ak design banaya... thnak u so so much, for this video... pls app age vi, ase videos late rehna...

    • @CodeAndDesign
      @CodeAndDesign  5 ปีที่แล้ว

      You are most welcome and sure I will make more videos for subscribe like you

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

    Very nice sir. I think you provide the best website template design. Thanks. I am looking for your the next EP-18

  • @neeleshgaur8424
    @neeleshgaur8424 5 ปีที่แล้ว

    No long video, it's so useful an effective

  • @snigdharoy1938
    @snigdharoy1938 7 หลายเดือนก่อน +1

    Great Tutorial 😊 THANK YOU

  • @jazbhinder6838
    @jazbhinder6838 5 ปีที่แล้ว

    Thanks to make this video, Awesome and very helpful.....

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

    Interest itna nh tha video dekh kr barhgya thanks ❤

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

    Awesome Tutorial.
    Thank you so much Sir !!

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

    Kya mast explain krte hai sir..
    Aur ab ham ishe krenge Grrroup...Thanku great job🙂

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

    Kya video thi sir maja hi aa gya bilkul bhot badhiya samjhaya apne or maine subscribe or like dono kar diya 🔥🔥🔥👌🏻👌🏻

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

    Thanku so much sir boht achha smjhaya

  • @mumpys02
    @mumpys02 5 ปีที่แล้ว +4

    A BIG THANKYOUUUUUUU

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

    Extremely Good and Perfect video it may sounds great if audio used 320kbps 😊Rest all perfect steps for beginner to professional level provided.

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

    Ek dam mast super

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

    Very nice explanation. Thanku so much for making this video

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

    Tq so much.... Good explanation...new subscriber

  • @tallat.jutt.560
    @tallat.jutt.560 4 ปีที่แล้ว

    sir so leve up yor teaching point
    you briefly explain every point easyily

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

    Both both acha seekhaya hay aap nay

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

    so nice . going on

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

    Very useful for freshers...Thank you

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

    Thanks you so much bhai and the way of explanation very good and this vedio is very helpful to me🙂

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

    very nice and time giving worth class will really help thankx..

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

    nice very good explanation i really appriciate your hardwork 👌🙌

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

    Bhout acha banaya bhai ji👍❤
    But bhout lamba process tha short me nhi h kya web tamplate bana ne ka?

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

    Veryyyyy good you help me a lot really tnx❤️🥰🥰👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻

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

      I have a lot of templates contact me on Instagram sanghvi_nemi

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

    very nice keep it up
    very useful for me

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

    Hi Code and Design after creating the header with the buttons such as "Contact Us" Or "reviews" how do you link those to go to another page and on what platform? Is there a web tool that you can click between a certain area to have that go to the desired page?

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

    GREAT WORK

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

    Thanks for making Awesome video for us

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

    👍Great work, sir 1 question hai apse ?
    PSD mai website ka mockup with bootstrap grid to banana aa chuka hai lekin page ka design ka idea app kaise lagate ho jaise page mai about, our services, our team section hota hai then PSD mai is section bnate time design kaise rkhenge uska idea app kaise lete ho

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

    very interesting. best wishes.

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

    how you record the screen? please tell me the screen recorder

  • @ajayrajnayak3815
    @ajayrajnayak3815 5 ปีที่แล้ว

    Thank you very much sir .It will help me to make Web template. Please explain us how to convert it into html..

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

    Good video worth to watch 👌

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

    Bhai mockup kese generate Kiya apne Jo thumbnail mein hein fully website long mockup

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

    hi very helpful video . can you please explain what is next step after this design
    how can make working buttons and upload on wordpress

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

    and thank u so much for guiding us

  • @Vi-xn9ro
    @Vi-xn9ro 2 ปีที่แล้ว

    tnqq sir
    sir puri bna li bas thoda change kiya hai.....
    bas ek question tha aap drag krke select kese kr rhe rhe ................................ ye smj ni aaya

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

    awesome bro ...

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

    I Watched this,great!!..even I don't know hindi😊👍

  • @dreamcraft01
    @dreamcraft01 5 ปีที่แล้ว

    Thanks for making this video...

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

    Awsome

  • @sayedsirajulhaq716
    @sayedsirajulhaq716 5 ปีที่แล้ว

    very useful video, watchable

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

    Sir next video bnaty wqt keys display bhi on kr lijye ga ..

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

    Yes yes your right I 100% understand your worrds🙂🙂

  • @Riderzgaming
    @Riderzgaming 5 ปีที่แล้ว

    amazing video. thanks

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

    very nice yar i m understand very well

  • @Cloud-pc4pd
    @Cloud-pc4pd 4 ปีที่แล้ว

    Namaste...thank you for sharing your knowledge. Could you please share the LINK software version you are using.

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

    Bahut acha👍

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

    Love ❤ you BROTHER 💕 😊😊😊 this video very helpful for me ❤❤❤❤❤❤

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

    Do you have tutorial on how to do slicing in this template. Please tell .

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

    thanks for making this video

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

    Supper video sir.. Really

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

    Thanks very helpful this video

  • @bishnoipunjab992
    @bishnoipunjab992 5 ปีที่แล้ว +4

    I want this psd files please help me bro..

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

    Sir. Tutorialpoint website kon sa template use karta hai.
    Please reply me

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

    kamal bro

  • @dharmendrakumar-be3sk
    @dharmendrakumar-be3sk 4 ปีที่แล้ว +1

    Si ye jo aap desain jo kia hai use net par kaese dalte hai

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

    Love you sir u r super hero

  • @RakeshMNTICS-pi6dp
    @RakeshMNTICS-pi6dp ปีที่แล้ว +1

    Thank you bro

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

    Great tutorial dear but i can make this same page in corel so pls tell me how to export editable psd with text from corel Draw ( pls tell me text editable psd )

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

    Thank you so much

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

    nice video sir..

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

    Thankyou very useful

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

    amazing and helpful video

  • @shobhad.wawhal3527
    @shobhad.wawhal3527 3 ปีที่แล้ว

    Sir template kaise banate canva Jaise where u can just edit...

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

    thanks brother i made one

  • @moinkhan-sr8kr
    @moinkhan-sr8kr 5 ปีที่แล้ว +1

    great sir

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

    Sir apny ruler kesy set kiya kis key sy yeah bata dein

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

    thank you so much

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

    salam sir...hope u are doing good..could u plz give us assignment task or give us a template so that we do practice of this template??

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

    Thank u.Very nice.I am happy..

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

      You are welcome please subscribe!

  • @Anonymous-xv2xk
    @Anonymous-xv2xk 5 ปีที่แล้ว +1

    Sir, thank you for taking the time to make this what seems to be a great design, but could you please also just take a few seconds to add the name of the language you’re speaking to the title? That would save so many lives!