WordPress for Designers: Day 12
It’s time to move on to Day 12 of “Wordpress for Designers!” We are very close to jumping in to our Wordpress coding, but before we do we need to slice out those images. Today, we will have an in depth look at using the slice tool with our .psd to pull out any images needed to complete our theme. Wordpress theme here we come!
Day 12: Slicing
Slicing Resources and Screencasts
- NETTUTS-Slice and Dice That PSD!
- Snook.ca-Slicing in Photoshop and Fireworks
- 12 Fantastic PSD to HTML Tutorials
Stay Tuned!
In the next series we are diving straight into our Wordpress theme and will begin coding the main frontpage and eventually the jQuery slider, stay with us!
- Subscribe to the Theme Forest RSS Feed.
34
Comments
- New Envato Community Blog - Envato Notes
- Holiday Giveaways, Freebies and More!
- New Featured Author of the Week: Imaginem
O shiz! First Comment!.
So now that I got that out of the way, just wanted to say thanks for getting this new post up so quick. It’s been very enlightening so far.
Nice work again and again
Thanks Drew, looking forward to 13
Wow thats a lot of work – slicing all those minute details. I really love tuts screencasts. Especially this wordpress series is really amazing. I am thinking of showing this to my clients so that they will appreciate how much hard work it is to design from scratch and make it functional with wordpress in the backend
Thanks Much Drew! Learned a couple cool things on this screencast but can’t wait until Day 13.
Will you be doing more of these type tuts with more PSD’s, etc.?
superb job Drew!!
You saved the arrow as arrow.jpg when you wanted to save it as a png.
Very nice so far. I can’t wait for day 13!
its a nice series, Drew, Keep rocking and Make stuff like these.
@Drew, its better than the Jeffs, Screen cast.
Worth the wait..this is awesome
Beautiful …
Minor thing. Why is this post under Site News and not Wordpress and Screencasts?
Excellent ! Thanks a lot … looking forward to more !
Thanks Drew, looking forward to Day 13
greate slicing, i learning about naming slices thanks, can’t wait for day 13
This is a great screen-cast, thanks a lot. I loved Jeff’s PSD to HTML conversation and this goes really well with it showing different ways of doing things.
The video did end abruptly for me? right at the point you sliced the contact box? not sure if that was just for me?
Thanks again, and I look forward to the next one.
COULD ANYONE PLEASE LET ME KNOW WHAT SOFTWARE IS NEEDED TO GROUP ICONS ON THE DOC FOR OSX? thanks
I’ve watched this episode and I want to see all the other. I searched for “WordPress for Designers: Day 1″ but with no luck.
Can you please post a link to the first tutorial from this series?
Thanks,
Adrian.
Looking forward for Day 13. Thanks Drew…
@Gavin
check out this YouTube video on how to put blank spaces in your dock.
http://www.youtube.com/watch?v=wQhJIvXHjN0
Hard to wait for more to come
When you get away from the psd again, can you go into detail about tweaking the archives? I really want to have my archives only show posts from specific categories but for the life of me, i haven’t found a way. You have the best tuts out there btw
Hey thanks TheSySide, that is a great link.
WordPress for Designers: Day 12
is in Site News! lol!
Anyway thanks for this wonderful post!
I learn a lot!
nice tutorial
thanks for the tips
Can’t wait for the next one….
Great work as always… When you sliced the plane shouldn’t you have saved it as a png rather than a jpg? Jpg files have no transparency so your plane will have a white background.
this is amazing dude!!!!!!!!!!!!!!!!!!!!!!!!!!!!
your job is incredible
I hope that you continue postings this type of things
greeting you from the south of the south Uruguay
Doug >>> Love the work you are doing! Coming from a total design background and getting into freelance work with WP is amazing. I have learned so much from your series and really hope that you continue these series on into other topics.
Thanks again,
Jacob
Drew,
Thank you, thank you, thank you! for doing this You explained so much. Once I get every thing up I will display to you what I learned. Thank you so very much once again!
William
This is NOT tagged in the screencasts – It doesn’t show up with the rest of the series! Please correct so this one shows up with all the other wordpress screencasts and doesn’t jump from day 11 to day 13!
I’m amazed at how detail-oriented this series has been. Great job, Drew!
I find the best way to learn the code is to look at it, then delete it, then re-type it, i just keep doing that until i can replicate the whole page.
It may seem repetitve but it works