{"id":2298,"date":"2010-01-23T16:15:10","date_gmt":"2010-01-23T16:15:10","guid":{"rendered":"http:\/\/eagrapho.com\/?p=2298"},"modified":"2010-01-23T14:01:37","modified_gmt":"2010-01-23T14:01:37","slug":"30-web-design-related-photoshop-tips-tutorial-screencasts","status":"publish","type":"post","link":"https:\/\/eagrapho.com\/?p=2298","title":{"rendered":"30 Web-Design Related Photoshop Tips, Tutorial Screencasts"},"content":{"rendered":"

Oh, this is a bit different collection I hope, because I couldn\u2019t find really similar articles like this one. I did very big\u00a0research through youtube, delicious, good-tutorials, vimeo, google and\u00a0many more websites to find interesting Photoshop, little coding and tips video tutorials. What\u2019s great with video tutorials? \u2013 you can see every mouse click and in the same time you hear author\u2019s voice explaining things to you verbaly. In my opinion\u00a0this is\u00a0the fastest and the\u00a0best way how to learn new techniques. <\/span><\/p>\n

Actually I got this article\u00a0idea, when I accidentaly found great video tutorial on Deviantart which by the way is the first video in this list as well. It is Photoshop tutorial, where author explains several of his great techniques while creating designs \u2013 what font to choose, how to think about spacing, wirefrime, colors, blending options and a lot more hidden tips.<\/p>\n

<\/a><\/p>\n

1.\u00a0Website design walkthrough<\/a> from\u00a0Derek Toigo<\/a><\/h2>\n

This video\u00a0will walk you through\u00a0Derek Toigo\u00a0design process of a simple website template. He will explain and unreveal many hidden tips and techniques in his daily designing process.<\/p>\n

<\/embed><\/object><\/p>\n

<\/a><\/p>\n

<\/a>
\n
\n<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

2.\u00a0Letterpress text tutorial<\/a> from\u00a0che mcpherson<\/a><\/h2>\n

<\/span><\/p>\n

<\/span><\/p>\n

In this tutorial\u00a0you will learn how to create the trendy letterpress or emboss text affect thats flooding the web design scene at the moment.<\/p>\n

<\/embed><\/object><\/p>\n

3.\u00a0How to slice a Photoshop image into a website<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

4.\u00a0Fancy Frames Photoshop Tutorial<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

5.\u00a03D Web Design Effect in Photoshop<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

6.\u00a0Web 2.0 Footer in Photoshop<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

7.\u00a0Vista Inspired Menu in Photoshop<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

8.\u00a0Create a Watercolor-Themed Website Design with Photoshop<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

9.\u00a0How to Make a Highly-Textured Site Layout in Photoshop<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

10.\u00a0Web Text Box and HTML: Photoshop Tutorial<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

11.\u00a0Photoshop Tutorial Text Mirror Effect<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

12.\u00a0Web Design Tutorial \u2013 Apple Navigation in Photoshop<\/a><\/h2>\n

<\/embed><\/object><\/a><\/p>\n

13.\u00a0Spark Beam Photoshop Video Tutorial<\/a><\/h2>\n

This video tutorial will show you step by step how to create this really stunning spark beam effect which can be commonly seen in cell phone ads for example.<\/p>\n

<\/embed><\/object><\/p>\n

14.\u00a0Creating a Website: From Start to Finish Part 1<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

15.\u00a0iPhone icon design tutorial<\/a> from SoftFacade<\/a><\/h2>\n

In this tutorial you will create iPhone application icon for address book in Adobe Illustrator with some Photoshop touches.<\/p>\n

<\/embed><\/object><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

16.\u00a0jQuery slider tutorial<\/a> from\u00a0Dimics DM<\/a><\/h2>\n

<\/a><\/embed><\/object><\/span><\/p>\n

<\/span><\/a> <\/span><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

17.\u00a0WordPress theme tutorial Part 1 (PS)<\/a> from\u00a0Dimics DM<\/a><\/h2>\n

The first part of an WordPress theme tutorial. This video will cover the Photoshop\/design part of the WordPress theme.<\/p>\n

<\/embed><\/object><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

<\/a><\/p>\n

18.\u00a0Frames and Peels in Photoshop<\/a> from\u00a0Navdeep<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

19.\u00a0Style Techniques of Mantrastic by Mantrastic<\/a><\/h2>\n

Mantrastic is a great artist on Deviantart, you should view his photomanipulation works and you will understand what I mean and why you definitely should download and see this great video tutorial straight away!<\/a><\/p>\n

20.\u00a0Photoshop \u2013 Learn how to create an Apple iPod Shuffle <\/a>from kakkuk<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

21.\u00a0Web Development \u2013 Tutorial 1 \u2013 Basic Layout<\/a> from\u00a0Michael Daley<\/a><\/h2>\n

Basic Layout is now uploaded and ready to view and runs for around 36mins. This tutorial covers basic CSS\/XHTML to get a simple design from Photoshop into a web page. This tutorial is aimed at beginners who are just starting out with CSS\/XHTML and need a few tips on how to do simple layout.<\/p>\n

<\/embed><\/object><\/p>\n

22.\u00a0J Taylor Design ~ Web Design<\/a> from\u00a0J Taylor<\/a><\/h2>\n

A little video on a typical outline working with a client on their website.<\/p>\n

<\/embed><\/object><\/p>\n

23.\u00a0K-DESIGN Windows Blue \u2013 Your Choice Tutorial<\/a> from<\/p>\n

Mo4itajs<\/a><\/h2>\n

<\/embed><\/object><\/p>\n

24.\u00a0Photoshop Tutorial 1<\/a> from\u00a0Alistair Rossini<\/a><\/h2>\n

Interesting Photoshop web design tutorial, explaining how to create simple but good looking layout.<\/p>\n

<\/embed><\/object><\/p>\n

25.\u00a0How To: Gradient, Gloss, Shadow & Reflection Effects<\/a> from\u00a0Ryan<\/a><\/h2>\n

A Photoshop tutorial showing how to achieve a great effects you can use in your designs everywhere.<\/p>\n

<\/embed><\/object><\/p>\n

26.\u00a0Web 2.0 Gloss Orb<\/a> from\u00a0Navdeep<\/a><\/h2>\n

This tutorial will walk you trough the creation of a Web 2.0 style gloss orb with lights and shadows in Photoshop.<\/p>\n

<\/embed><\/object><\/p>\n

27.\u00a0Web 2.0 Menu Bar<\/a> from\u00a0Navdeep<\/a><\/h2>\n

In this video you will see how to design a Web 2.0 Style Menu Bar with lights and Shadows using Photoshop.<\/p>\n

<\/embed><\/object><\/p>\n

28.\u00a0Web Design Tutorial Part One<\/a> from\u00a0andrew<\/a><\/h2>\n

This video covers the basics of web design, mainly composition design, and the process that I go through to create mockups. The video covers basic wireframing, grids, psd structure and general design techniques. This video is for people who are new to web design, and the techniques used are basic, more advance design tutorials in the future.<\/p>\n

<\/embed><\/object><\/p>\n

29.\u00a0Web Design Tutorial Part 2<\/a> from\u00a0andrew<\/a><\/h2>\n

Part 2 of my webdesign tutorial, covers building out the rest of the site, this video is intended for beginners only.<\/p>\n

<\/embed><\/object><\/p>\n

30.\u00a0Integrating Lightbox 2.0 in to your web design projects<\/a> from\u00a0Psmeg<\/a><\/h2>\n

This 10 minute standalone video demonstrates how easy it is to install and use the popular Lightbox 2.0 javascript effect in your web design projects.<\/p>\n

The tutorial takes you step-by-step through the whole process, from downloading to integration to testing.<\/p>\n

<\/embed><\/object><\/p>\n

If you know more of this type tutorials with unique webdesign techniques, please share! It was really hard to find something good out there from keywords, so I believe I should more listen to recommendations.<\/p>\n","protected":false},"excerpt":{"rendered":"

Oh, this is a bit different collection I hope, because I couldn\u2019t find really similar articles like this one. I did very big\u00a0research through youtube, delicious, good-tutorials, vimeo, google and\u00a0many more websites to find interesting Photoshop, little coding and tips video tutorials. What\u2019s great with video tutorials? \u2013 you can see every mouse click and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,64,77,92,70],"tags":[17,278,67,277,192,71,145,33,16],"class_list":["post-2298","post","type-post","status-publish","format-standard","hentry","category-blog","category-graphic-design-blog","category-inspiration-blog","category-tutorials-blog","category-web-design-blog","tag-design","tag-methods","tag-photoshop","tag-screencast","tag-tips","tag-tutorials","tag-useful","tag-video","tag-web"],"_links":{"self":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/2298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2298"}],"version-history":[{"count":1,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/2298\/revisions"}],"predecessor-version":[{"id":2299,"href":"https:\/\/eagrapho.com\/index.php?rest_route=\/wp\/v2\/posts\/2298\/revisions\/2299"}],"wp:attachment":[{"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eagrapho.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}