## Introduction ## Ever since the dawn of programming, we have had the luxury of variables, OOP, functions and other lovely tools within our languages. CSS is arguably the easiest language to ever pick up, with everyone having to learn it’s basics. However, it lacks any power, as we have to repeat stuff over and over, which makes it a night mere if you want to quickly make a few changes etc. LESS is a breakthrough in website design, as you can have the beauty of functions and variables – so if you wanted to change your entire colour scheme, …

Member Avatar
Member Avatar
+6 forum 1

In this tutorial I am going to be going over subsurface scattering, sometimes considered as the holy grail of 3D rendering, in blender cycles. **So what is SSS and why is it important?** 'Subsurface scattering (or SSS), also known as subsurface light transport (SSLT),[1] is a mechanism of light transport in which light penetrates the surface of a translucent object, is scattered by interacting with the material, and exits the surface at a different point. The light will generally penetrate the surface and be reflected a number of times at irregular angles inside the material, before passing back out of …

Member Avatar
Member Avatar
+3 forum 5

In this tutorial I will be showing you how to create the perfect studio lighting for your 3D models in blender3D. I am going to assume you know how to use the interface. **Introduction** Now in the past blender was well known for being crap at rendering and most professional users would look upon blender artists in disgust. Not now, with the additional of 'cycles' blender's very own unbiased render engine we can produce studio quality images. Read more to find out how. **Studio setup** ![a69a9e96b8d8fc1a197a672760bde206](/attachments/large/0/a69a9e96b8d8fc1a197a672760bde206.png "a69a9e96b8d8fc1a197a672760bde206") We are going to create the above studio setup.Open blender and add a …

Member Avatar
+4 forum 0

In this tutorial you will learn how to create a simple menu using Flash, while the menu items themselves will be imported from an XML file called menu.xml. 1. Start by creating a new flash document which can be called anything you like as long as the size is set to 550 x 80 px and the frame rate to 24fps in the property panel as shown below. If you can’t see this, click anywhere on the editing area and press CTRL+F3. [attach]3096[/attach] 2. Next, create a rounded rectangle sized 135 x 40.6px but of any radius, the one shown …

Member Avatar
Member Avatar
+0 forum 14

In this tutorial you will learn how to turn your images into something more like a real photograph by simply adding a white frame to them. What’s more, the tutorial is easy enough for those new to Photoshop to be able to create something impressive, and create it quickly. First things first though, in Photoshop click file>new to create a new image. This should have a transparent background and be 500*500px. [attach]2898[/attach] [LIST] [*]Select the rectangle tool (u) and drag out a rectangle on the canvas, it doesn’t matter at this point what color it is but do make sure …

Member Avatar
Member Avatar
+6 forum 7

This tutorial will teach you how to create a transparent navigation bar for your website, similar to the navigation at the Microsoft Vista [URL="http://www.windowsvista.com/"]website[/URL]. 1) Start by creating a new image in Photoshop with a height and width of 700*70px. 2) Filling the first layer with a dark background makes working on semitransparent layers much easier. After you have done this, create a new layer and grab the rounded rectangle tool. Set the radius to 60px and draw a rounded rectangle like this one: [attach]2919[/attach] 3) Go into this layer’s blending options (layer>layer style>blending options) and use the following settings: …

Member Avatar
Member Avatar
+4 forum 3

Although forms are one of the most boring elements of any website, styling them can be a dangerous business. All too often it is forgotten that the way a form looks will impact greatly upon what the user uses it for. Change the style too drastically and the user might not recognize it as a form at all. In this tutorial you will learn how to style the text field element just enough to make it look good but without ever detracting from the fact that it has to be easily recognizable as a text field from a form. You …

Member Avatar
Member Avatar
+2 forum 8

In this tutorial you will learn how to create a stylish looking content box for your website. Before you start, however, you will need to have two custom patterns which should each be from a 5*5px image that just has a pencil line drawn diagonally across it. You need to create one of these with the pencil line color #000000 and one with #1b9a1b. 1) In Photoshop create a new document, sized 900*900px, and with a transparent background. You are creating a box that is so big so that you can use it for any piece of content simply by …

Member Avatar
Member Avatar
+1 forum 1

This tutorial will explain how to code a perfectly cross-browser compatible, single-level drop-down menu for your website. The first thing you are going to need is a little bit of JavaScript courtesy of Suckerfish. This should be placed in a file called menu.js and saved in the same directory as your html page. [code=js] showMenu = function() { var subMenuItems = document.getElementById("topMenu").getElementsByTagName("li"); for (var i=0; i<subMenuItems.length; i++) { subMenuItems[i].onmouseover=function() { this.className+=" showMenu"; } subMenuItems[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" showMenu\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", showMenu); [/code] Now you will need a menu structure, in other words what is actually …

Member Avatar
Member Avatar
+0 forum 5

This tutorial will enable you to create a tabbed navigation bar to use on your website. 1) Open PhotoShop and create a new document with the size 670*70px. 2) Grab the rounded rectangle tool and draw a rectangle on the canvas, you will need to set the radius to 5px. 3) Next you need to add some color to this rectangle, so open the blending options for this layer by double clicking on the layer in the layer pallet. 4) You will need to add a gradient overlay by clicking on the check box and going into the gradient overlay …

Member Avatar
+0 forum 0

The End.