Seri Pembuatan Desain Web, Photoshop - HTML

Berikut ini tutorial seri pembuatan Desain Web, dimulai dari pembuatan desain web melalui Photoshop dan kemudian penerapannya ke HTML, yang sangat bermanfaat untuk kita pelajari.

Tutorial Seri Pembuatan Desain Web, Photoshop - HTML, tersebut:

"Dark and Sleek Web Layout" Series

"This is the first part of a two-part series that teaches you how to create a dark and sleek web design mockup in Photoshop and then you how to code it into a functional web page template."

Part 1: Create a Dark and Sleek Web Layout Using Photoshop
Part 2: How to Code a Dark and Sleek Web Design from Photoshop



------
lihat juga: Video tutorial konversi Photoshop ke HTML

Read More

Trend Konsep Desain Weblog Bergaya 3D

Konsep desain weblog bergaya 3D tengah ramai digunakan dan mungkin belakangan ini telah menjadi trend di tahun ini.

Dua contoh menarik untuk inspirasi konsep desain weblog 3D:

1. From The Couch



2. Gaya Design



lebih lengkap anda dapat melihat pada:

Gallery of 3D Elements in Web Design

Tutorial photoshop membuat desain layout web berbentuk 3D:

1. Create a clean PSD layout with a 3D look



2. Web design trend, 3D Ribbon

Konsep/Model 3D sederhana yang saya kembangkan di template blogger/blogspot:

jQuery in Blogger Template II
"jQuery in Blogger Template II - Lemon Fruit Taste. Free Blogger Template"

Read More

Beberapa jenis "Text Effects" yang menarik - Tutorial Photoshop

Ada beragam tutorial photoshop yang menarik untuk memberikan sentuhan efek pada text "Text Effects", baik itu sentuhan 3D, cahaya dan lain sebagainya.

Tutorial Photoshop "Text Effects" tersebut:

1. Web Design Trend Showcase: Letterpress Text Effect



2. How to Create a Realistic “Neon” Sign Text Effect



3. Great Gooey Photoshop Text Tutorial



4. Meat Text Effect in Photoshop



5. How to Create High Quality Metal 3D Text in Photoshop



6. How to Create a Copper Photoshop Text Effect



7. 6 Quick’n'Dirty Photoshop Text Effects From Scratch



8. Create a Spectacular Grass Text Effect in Photoshop



9. How To Create A Gold Text Effect In Photoshop



10. Shining Neon Text Effect in Photoshop



11. Text Effect Quickies: Bubble Text



12. Text Effect Quickie: Delicious Chocolate Text



13. Colorful Glowing Text Effect in Photoshop



14. Papercraft Text Effect

Read More

Tutorial Photoshop Membuat Menu Navigasi Bergaya

Ada beberapa tutorial photoshop yang dapat membantu kita membuat menu navigasi pada web kita lebih bergaya, berikut ini berapa tutorial photoshop tersebut:


High-Detailed Plastic Navigation Bar



Blue on Black Navigation Bar



Volkswagen Inspired Navigation



CSS Menu With Icons

Read More

Video Tutorial Dasar Photoshop yang kocak dari Donnie Hoyle

Berikut ini Video Tutorial Dasar Photoshop yang kocak dari Donnie Hoyle

"Donnie Hoyle pulls a digital end-around on a restraining order and vandalizes a Vanagon."

#1: Distort, Warp and Layer Effects




#3: Clone Stamp and Manual Cloning



#4: Paths and Masks

Read More

Tutorial Photoshop Membangun Desain Web - PSDTUT+

Berikut ini beberapa Tutorial Photoshop untuk Membangun Desain Web dari PSDTUT+ yang dapat kita jadikan panduan, contoh atau inspirasi untuk mengembangkan konsep desain web yang kita inginkan:

1. How to Create a Grunge Web Design in Photoshop

2. Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!



3. Create a Magic Night Themed Web Design from Scratch in Photoshop

Read More

Video Tutorial Konversi Photoshop ke HTML - NET TUTS+

Berikut ini video yang sangat menarik untuk dipelajari bagi kita yang ingin membuat sebuah website. Video ini membimbing kita bagaimana mengkonversi desain web yang telah kita buat di photoshop (PSD) yang kemudian kita terjemahkan ke HTML atau XHTML.

Jika anda tertarik, berikut ini Video tutorial konversi Photoshop ke HTML dari NET TUTS+.

How to Convert a PSD to XHTML

Part 1: Slicing the PSD and Creating the XHTML



Part 2: CSS



Part 3: Implementing a Bit of Javascript



video tutorial terkait cara membuat web desain dari NET TUTS + :
- Converting a Design From PSD to HTML
- Slice and Dice that PSD

lihat juga:
- Video tutorial membangun sebuah situs atau web
- Edit template Minima Blogger: Video Tutorial

Read More

Pilihan kombinasi warna

Terkadang kita kesulitan untuk melakukan kombinasi beberapa warna agar serasi dengan desain yang kita buat, begitu pula untuk perwainan warna yang akan kita gunakan untuk website atau blog kita.

Berikut ini alamat yang dapat membantu untuk melakukan kombinasi warna

1. Colourlovers



"COLOURlovers™ is a resource that monitors and influences color trends. COLOURlovers gives the people who use color - whether for ad campaigns, product design, or in architectural specification - a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews."

2. Adobe Kuler



"It’s a web-hosted application, providing free color themes that can be used by anybody, in any project you are working on"

dan jika anda ingin mempelajari Adobe Kuler dan bagaimana menggunakannya dengan Photoshop:

Using Adobe Kuler to Enhance Your Photoshop Color Workflow

Read More

Retouching - Video Tutorial Photoshop

Video Tutorial Photoshop ini membimbing kita untuk dapat memperbaiki atau "Retouching" beberapa bagian dari foto yang kita miliki, baik itu bagian wajah, mulut, mata dan sebagainya.

Berikut ini video tutorial photoshop yang sangat menarik:


Professional Portrait Retouching - Comparing Skin Softening Techniques from Bo Boswell on Vimeo.


Professional Photographic Retouching Tutorial (40Mins, Start-To-Finish) from Youssef Sarhan on Vimeo.


Professional Photo-Retouching Tutorial: Hair from Youssef Sarhan on Vimeo.


Portrait Retouching- Eyes from Sam Scholes on Vimeo.

Read More

Blog Tutorial Pengembangan Teknik Photoshop

Anda tertarik untuk mengembangkan teknik photoshop, berikut ini alamat yang menyajikan berbagai turorial photoshop, untuk memanipulasi photo atau image anda:

1. PSD TUTS+



2. Abduzeedo - Photoshop



3. Layer Smagazine



4. BestPhotoshopTutorials

"BestPhotoshopTutorials is an amazing resource for photoshop utilizers. On daily basis they will be published the best photoshop tutorials, freebies and inspirational articles. The goal of this blog is to choose only the most useful informations among hundreds of sources."



5. 10Steps.SG

"10Steps.SG is looking for creative individuals to contribute tutorials made with Adobe Photoshop."

Read More

Photoshop Action - Mempermudah Edit Image

Jika anda ingin mengedit image atau photo anda secara praktis, anda dapat gunakan fasilitas 'Action' dari photoshop. Fasilitas ini dapat anda peroleh pada:

1. Adobe - Photoshop Actions

2. Photoshop Actions-Deviations

3. The Ultimate Collection Of Useful Photoshop Actions

4. Free Adobe Photoshop Actions and Scripts to Download

Read More