30 Stunning WebGL Examples and Demos in Action

Posted in 3D Effects, Inspiration, Showcase, Web Interfaces • Posted on

WebGL(Web Graphics Library) was released  on the Web early last year. Its ability to use HTML5 Canvas elements to generate graphics dynamically made it easy for web designers and developers to create smooth 2D and 3D effects. Here are some WebGL examples and demos you should look at.

WebGL is a branch of OpenGL based on OpenGL Embedded Systems (ES). It is a JavaScript API for drawing 2D and 3D graphics in a compatible web browser of an HTML5 canvas without the use of plugins.

This Javascript API is managed by the consortium of non-profit technology Khronos Group and work together with Mozilla Foundation. Since early 2009 they develop prototypes and deploy such technology.

30 Stunning WebGL Examples and Demos in Action Read More

Create a Coca-Cola Can Using Adobe Photoshop

Posted in 3D Effects, Photo Effects, Tutorials • Posted on 18 Comments

In this tutorial, I will teach you how to create a Coca-Cola can from scratch in Photoshop using shapes, brushes and layer styles. You are going to learn different techniques which you can apply to solve different problems in iconography, UI or web layouts. Photoshop is one of the most powerful programs out there and once you start learning your way around it, you’ll realize that what you can do with it is only limited by your imagination.
The best way to improve your skills is through discovery and experimentation. Don’t wait for a tutorial or article, grab an image and start trying to mimic its shapes, weight, light and shadows.

If you have any questions, use the comment section and I’ll get back to you. Let’s get started!

Create a Coca-Cola Can Using Adobe Photoshop Read More

40 Wonderful Gadget Design Tutorials for Photoshop

Posted in 3D Effects, Quick Tips, Tutorials • Posted on 6 Comments

Gadgets such as mp3 players, usb devices, iPhones, iPads, and other tablets and so on have now become an important part of our lives and these are also one of the most favorite subjects for the designing community. This is the reason why you see loads of gadgets being incorporated into web designs. This can be best achieved by using Adobe Photoshop; and there are heaps of Photoshop tutorials to help you improve your skills and techniques. We have compiled 40 gadget design tutorials that will help you create sensible gadget designs using Adobe Photoshop!

In this round up, we’ll showcase 40 of the most excellent gadget design tutorials from different sources. Look into these high quality tutorials and make learning experience more satisfying.

40 Wonderful Gadget Design Tutorials for Photoshop Read More

Create Amazing 3D Portfolio Dark Layout In Photoshop

Posted in 3D Effects, Tutorials, Web Interface • Posted on 8 Comments

Hello there everybody and welcome to another PSD web design tutorial here at 1stwebdesigner! In this tutorial you will learn how to create a 3D like design using  simple gradients and other effects how to achieve great layout without any big problems. Now I will guide you through this tutorial and I am sure you will learn a few tricks as well!

Create Amazing 3D Portfolio Dark Layout In Photoshop Read More

40+ Beautifully Fresh 3D Text Effect Photoshop Tutorials

Posted in 3D Effects, Text Effects, Tutorials • Posted on 9 Comments

Typography is defined as the art and technique of arranging type, type design, and modifying type glyph. In order for you to master this art, you should learn more techniques and methods to manipulate text to create stunning typography art. Using 3D effects makes text & typography more realistic and brings it to life.

In this article I compiled a list of 40+ 3D Text Effect Photoshop Tutorials for you to learn new 3D text effects.

40+ Beautifully Fresh 3D Text Effect Photoshop Tutorials Read More

Unique 3D Text – Xara 3D + Photoshop Tutorial

Posted in 3D Effects, Text Effects, Tutorials • Posted on 65 Comments

So hello again! It’s time for my first tutorial I’ve ever been made. I actually hope You will enjoy this one, and that will encourage me to do some more. We will use Xara 3D to get 3D text effect, then export text to Photoshop and add some style there.  If You haven’t got Xara 3D, You can download demo for free ( 15 days trial) and You can read my review about Xara and their pros and cons. And yeah, If You don’t want to download program I will give You *.psd file with text elements, so You can skip Xara part and get straight to Photoshop retouching part.

Unique 3D Text – Xara 3D + Photoshop Tutorial Read More

How to Create a Sleek Wii Controller

Posted in 3D Effects, Tutorials • Posted on 34 Comments

Today we will be creating one of the most beautiful and evolutionary product. The Wii is a video game system made by Nintendo that has a unique interface that forces players to get physically involved in the game playing action. For creating a Wii Controller in Photoshop, you just need to know the basics of Photoshop to get a great result.

How to Create a Sleek Wii Controller Read More

How to Create a Realistic and Sleek Wacom Bamboo [Highly Detailed]

Posted in 3D Effects, Tutorials • Posted on 10 Comments

In this tutorial, we will create a highly realistic and Sleek Wacom Bamboo. The process on creating this image is quite complicated but I’ll try to explain it as clear as I can. Each step will be accompanied with screenshots and sometimes I will add notes for better understanding.

How to Create a Realistic and Sleek Wacom Bamboo [Highly Detailed] Read More

Create A Stylish And Sleek Play-Station Portable Icon

Posted in 3D Effects, Tutorials • Posted on 18 Comments

In this Photoshop tutorial we’ll learn how to create a stylish and sleek-looking play station portable. This is very detailed, but advanced tutorial, so if you have basic knowledge and understanding about Photoshop you should be able to easily keep up and let me guide you through this PSP creation process. Each step is followed by screenshots to give you a better understanding. Note that you can always improve and add more details to such designs – it’s hard to understand at first when to stop and when less is more, but I am sure you will get those skills automatically after you’ve done several tutorials and some tweaking by yourself!

Create A Stylish And Sleek Play-Station Portable Icon Read More

3D Dreamy Scene On The Sky: Tutorial

Posted in 3D Effects, Tutorials • Posted on 17 Comments

Ok, it’s time for new tutorial. I wanted to create dreamy scene in the sky, learning different effects through all tutorial. We will use Adobe Photoshop, Illustrator and cloud stock image. Again we will use 3D effects to get the job done. And yes, if You can use, Xara 3D for this step – it will get a lot better results then using simple Illustrator’s Bevel&Extrude options. If You don’t know what Xara is , check out this review and tutorial using XARA 3D to get cool 3D effect. Let’s begin!

3D Dreamy Scene On The Sky: Tutorial Read More
54.167.10.244 - unknown - unknown - US