One Stop Creative Café

Hyper-real tetra-pak in scene - part three

2012-01-18T22:30:00.000+02:00

The final composition, after the three tutorials.

Third in the new format tutorials for 2012!! And part three of a three part tutorial.

Using SketchUp to produce a realistic model of a tetra-pak, using Photo Match and then render in Illustrator and/or Photoshop to create a an effective way to combine 3-D objects in images and adverts (like the one above).

The video of this process can be found here! Be patient it is 149MBs. Will take some time to stream.

Hyper-real tetra-pak in scene - part two

2012-01-18T10:02:00.001+02:00

The end result of this tutorial!

View the tutorial here!

Third in the new format tutorials for 2012!! And part two of a three part tutorial.

The video of this process can be found here! Be patient it is 43MBs. Will take some time to stream.

Hyper-real tetra-pak in scene - part one

2012-01-17T22:10:00.000+02:00

The end result of this tutorial!

View the tutorial here!

Third in the new format tutorials for 2012!! And part one of a three part tutorial.

The video of this process can be found here! Be patient it is 113MBs. Will take some time to stream.

Using SketchUp to develop 3D objects for Illustrator/Photoshop - video tutorial

2012-01-17T12:04:00.000+02:00

The final output of this tutorial!!

View the tutorial here!

Second in the new format tutorials for 2012!! And a follow on from the previous tutorial.

Using SketchUp to produce an even more elaborate 3-D object, using Photo Match and then render in Illustrator and/or Photoshop to create a an effective way to combine 3-D objects in images and adverts (like the one above).

The video of this process can be found here! Be patient it is 92MBs. Will take some time to stream.

Using SketchUp to develop 3D text for Illustrator/Photoshop - video tutorial

2012-01-16T17:54:00.000+02:00

The outcome of todays tutorial!

View the tutorial here!

First in the new format tutorials for 2012!!

Using SketchUp to produce more elaborate 3-D text and then render in Illustrator and/or Photoshop to create a an effective way to combine 3-D text in images and adverts (like the one above).

The video of this process can be found here! Be patient it is 182MBs. Will take some time to stream.

Wash colour on line drawing - Video tutorial

2012-01-15T20:41:00.000+02:00

Using Photoshop to create a coloured sketches.

View the tutorial here!

Using Photoshop to create a an effective way to colourise your pencil sketches.

The video of this process can be found here! Be patient it is 27MBs. Will take some time to stream.

2012 Video tutorials

2012-01-15T15:06:00.000+02:00

Just to let all the followers know. This year will see some more tutorials, be it Photoshop, Illustrator, web or even some new tools I've discovered. The presentation will also improve a little to help understand the the tutorial as well. So, hope you will explore and enjoy upcoming tutorials. To serve the masses, I have decided to add them to YouTube on my channel, which can be found here!Stay tuned!!

Radial Burst - Video Tutorial

2012-01-14T18:23:00.001+02:00

Using Photoshop to create a radial burst in vector, to use in Illustrator.

View the tutorial here!

Using Photoshop to create a radial burst in vector effect that can be used in Illustrator.

The video of this process can be found here! Be patient it is 40MBs. Will take some time to stream.

Halftone effect in Illustrator - video tutorial

2012-01-14T14:52:00.000+02:00

Using Photoshop to create a halftone vector

View the tutorial here!

Using Photoshop to create a halftone vector effect that can be used in Illustrator.

The video of this process can be found here! Be patient it is 32MBs. Will take some time to stream.

Closing paths in Illustrator - simple to complex - video tutorial

2012-01-14T12:36:00.002+02:00

Techniques in relieving issues in illustrator.

View the tutorial here!

Four methods by which to close paths in Illustrator, using some free plugins and scripts.

The video of this process can be found here! Be patient it is 36MBs. Will take some time to stream.

Video Tutorial: Creating alternative rollovers in CSS

2011-05-09T09:53:00.000+03:00

View the tutorial here!

This is a brief look at an alternative way to get alternative rollover image techniques working in web design.

The video of this process can be found here! Be patient it is 60MBs. Will take some time to stream.

Tilt Shift in Photoshop

2011-05-07T20:52:00.002+03:00

View the tutorial here!!

The following video tutorial is aimed at showing how to do a quick Tilt Shift effect inside Photoshop. You can watch the video by clicking the image above or by clicking this link! Enjoy and have fun. Be patient, the video is 50MBs, so may take some time to stream.

Video Tutorial: Rounded corner alternative!

2011-05-07T14:01:00.000+03:00

This is a brief look at an alternative way to get rounded corners using CSS3 inside one div element.

The video of this process can be found here! Be patient it is 22MBs. Will take some time to stream.

Rounded Corners in CSS3

2011-05-06T10:21:00.000+03:00

This is a brief look at the development and styling differences in using rounded corners in CSS2 and CSS3.

The video of this brief introduction to rounded corners can be found here! Be patient it is 44MBs. Will take some time to stream.

DIV rollover technique in CSS3

2011-05-03T14:26:00.000+03:00

This tutorial looks at the method by which you can have an interactive DIV rollover with link, with some additional CSS3 coding to style the DIV in a more effective way. The tutorial also shows how to apply Google WebFonts to the design.

The video of this tutorial can be found here! Be patient it is 85MBs. Will take some time to stream.

The coding associated with the style of the div is as follows:

.menu_item a {
display:block;
color: white;
text-decoration: none;
width: 100px; height: 50px;
padding-top: 50px;
}

.menu_item a:hover {
color: white;
background-color: rgba(0,0,0,.5);
}

Video Tutorial: A-Z of HTML/CSS

2011-04-30T20:55:00.000+03:00

This is a brief look at some of the elements in the A-Z of HTML/CSS. Starting with "S through V".

The video of this section of "S through V" can be found here! Be patient it is 80MBs. Will take some time to stream.

Video Tutorial: A-Z of HTML/CSS

2011-04-27T19:16:00.000+03:00

This is a brief look at some of the elements in the A-Z of HTML/CSS. Starting with "K through Q".

The video of this section of "K through Q" can be found here! Be patient it is 124MBs. Will take some time to stream.

Video Tutorial: A-Z of HTML/CSS

2011-04-26T14:16:00.000+03:00

This is a brief look at some of the elements in the A-Z of HTML/CSS. Starting with "E through I".

The video of this section of "E through I" can be found here! Be patient it is 79MBs. Will take some time to stream.

Video Tutorial: Adding Google WebFonts to Web Page

2011-04-23T12:01:00.000+03:00

This is an additional video to explain the Google Webfonts approach to embedding fonts onto a webpage.

The video of the Google Webfonts can be found here! Be patient it is 38MBs. Will take some time to stream.

Video Tutorial: Adding Styles Fonts to Web Page

2011-04-22T22:35:00.001+03:00

This is a short video tutorial to show you how to code in styled fonts into a web page design.

The video of the font encoding can be found here! Be patient it is 58MBs. Will take some time to stream.
This is the font converter from ttf to eot, here!

@font-face {
font-family: [font identifier];
src: local('[font identifier]'), url('../fonts/[font name].ttf') format("truetype");

Video Tutorial: A-Z of HTML/CSS

2011-04-18T16:48:00.002+03:00

This is a brief look at some of the elements in the A-Z of HTML/CSS. Starting with "C & D".

The video of this section of "C & D" can be found here! Be patient it is 58MBs. Will take some time to stream.

Video Tutorial: A-Z of HTML/CSS

2011-04-17T20:54:00.000+03:00

This is a brief look at some of the elements in the A-Z of HTML/CSS. Starting with "B".

The video of this section of "B" can be found here! Be patient it is 68MBs. Will take some time to stream.

Video Tutorial: A-Z of HTML/CSS

2011-04-17T17:07:00.001+03:00

This is a brief look at some of the elements in the A-Z of HTML/CSS. Starting with "A".

The video of this introduction section of "A" can be found here! Be patient it is 15MBs. Will take some time to stream.

Video Tutorial: A-Z of HTML/CSS

2011-04-17T16:12:00.002+03:00

This is a brief look at some of the elements in the A-Z of HTML/CSS. Starting with "A".

The video of this introduction section of "A" can be found here! Be patient it is 67MBs. Will take some time to stream.

Seasons greetings!!

2010-12-17T18:43:00.001+02:00

Thanks for following the tutorials here. I wish you a great christmas. The message above was an alteration from a tutorial I found on the internet. No credit to me.

More tutorials during the Christmas break!!!

Web tutorial videos - part six (programming css syntax and structure)

2010-12-05T09:33:00.000+02:00

View the tutorial here!

This is the sixth video in the section of tutorials. This video discusses the programming of CSS. Its correct structure and usage as well as the simple syntax used to create it. More extended programming will appear in the next video.