Architecture & Web Art

Posts Tagged ‘tutorial’

In this quick tutorial, you’re going to learn how to create cool SVG files that can be used in conjunction with VideoScribe, a software developed by Sparkol.

How To Create SVG Files Part I

First you will need a high quality image that you can work with. Either by tracing it, or by converting it into shapes and paths. To do that, you can use Illustrator or Inkscape. In this example we will use Illustrator, as it’s one of my favorite pieces of software ever developed by adobe.

To get your image, a royalty free one I mean, go to: http://office.microsoft.com/en-us/images/ . That’s where I’ve got my snowboarder from. I then import it into Illustrator, by dragging and dropping the image in.

Creating a glowing neon ring can be quite difficult but when the right process is carried out, you can really use these neon rings to your advantage when designing for a project. The process is quick, easy and once learnt, can be used time and time to again to help create a professional and futuristic look. The first thing you will need to do is add or select your image to Photoshop, note that the best neon effects are created with a dark background. I have selected this image. You will notice that the background is dark and her clothes are not overly bright, this is an ideal image to create neon rings. Also her body shape is definitive and this can be kept in mind when creating the rings.

One of our readers outlined a problem a lot of architects, and probably interior designers sometimes, when they have the image of an existing house their clients want to renovate or just want to add some small improvements, like a driveway texture, or a different color or material for the facade, and want to deliver a fast result.

This step-by-step tutorial will show you how to edit an image in Photoshop CS5 (earlier versions work just fine) so then your clients can see the improvements they want on their house, and so they can compare the proposed situation with the existing one, and decide on a solution.

1. First you want to open the image you want to edit. In this case was a one story house with vinyl sidings as our reader wanted to know how he can make the adjustments we talked about in the beginning.

Illustrator is one of my favorite software made by Adobe, and I use it a lot in my design projects, but one thing that seemed to make it undesirable, and totally annoying was the fact that you couldn’t or at least I couldn’t use the “skew” function as you would in Photoshop.

When you need to create a simple perspective text like the one in this tutorial you would, probably as me go to Photoshop, create your skewed text, and export it to illustrator. Well, those days are gone, since now there is a solution.

I made a video for you describing in detail how to create a perspective tool. I will also transcribe it so you can get around it more easily if me talking wasn’t clear enough, or you missed some steps.

This is a recent finding via Youtube, and we think you will love this training available for free, as well as the paid one. The video embeded here on the site is the first one they launched and it’s basically a tutorial for drawing a 3d lantern. But enough blabbering, this is what you can do with Sketchup, a awesome software from the good ol’ Google:

Enjoy, and if you think this was helpful, drop a line, don’t be just a passer-by.