Start networking and exchanging professional insights

Register now or log in to join your professional community.

Follow

From where can we get the detailed tutorial for slicing a PSD and converting it in to HTML+CSS template?

user-image
Question added by sahed sheraf , Senior software engineer , Booket Events
Date Posted: 2016/12/29
Ghulam Mustafa
by Ghulam Mustafa , Graphic designer , LiveAdmins

Converting PSD to HTML is a long way and practicing consistently. Slicing of a PSD to get all images and icons can be done in photoshope (slice tool) and then generate the HTML in Dreamweaver or any other software. You can learn more from the tutorials in the youtube. here is the link

 

https://www.youtube.com/watch?v=YH0z2gy_9DU

zafer agha alkalaa
by zafer agha alkalaa , مصمم جرافيك , freepik

There are many educational courses that help you to export the design files from PSD to CSS HTML on Youtube and this is one of the videos that help you in this matter

 

https://www.youtube.com/watch?v=_BM59afMRDU

Ali Haider
by Ali Haider , Graphic & Web Designer (Executive) , Wemyt

I think you have to use Export kit plugin in adobe photoshop.

For further detail visit http://www.exportkit.com.

Baraa Abdelsalam
by Baraa Abdelsalam , Principal Frontend Engineer & Iteration Manager , IBM

If you learn the basics of HTML structuring and CSS styling, you have to keep practicing on some fake designs, there would be nothing better than practicing. Every developer has his own method in slicing, the page can be structured in HTML in many ways and forms.

More Questions Like This