» 3d

A Collection of Page Transitions

tympanus.net — Tue, 07 May 2013 11:03:34 +0000

Today we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics.
Please note that this is just for showcasing some interesting effects a…

3D Bold Text Effect in Photoshop CS6

textuts.com — Tue, 07 May 2013 11:03:34 +0000

Learn how to create a bold bright-textured 3D Text Effect in Photoshop CS6. Check out the tutorial on planetphotoshop.com.

How to Create 3D Social Media Buttons with CSS3

webappers.com — Tue, 30 Apr 2013 12:02:27 +0000

Social media buttons are presented today on every website design. They are used to promote your business on social networks and get in return potential customers. There are plenty of free social media icons sets out there but in this tutorial show us how to Create 3D Social Media Buttons with CSS3. It’s free to use these buttons into your projects and create new ones.

8 Beautiful and Free Flat Icon Sets

webdesignledger.com — Tue, 23 Apr 2013 20:15:42 +0000

For the past few years in web design, we’ve noticed a trend in moving toward simplicity and minimalism. It seems that designers are realizing that you don’t have to over design something just because you can, or because you have the software to do it. It’s become more about the content and less about the design elements.
All of this means less 3D effects and less gradients, and more solid flat colors. So to help you incorporate this style in your projec…

Creative mixed-media composition in Adobe Photoshop CS5

adobetutorialz.com — Tue, 16 Apr 2013 13:20:07 +0000

This tutorial uses some basic layering and masking techniques, coupled with some 3D elements that we’ll montage together to create an …

How to Create a Detailed Depot Building Icon in Adobe Illustrator

vector.tutsplus.com — Wed, 10 Apr 2013 14:46:07 +0000

In the following steps you will learn how to create a detailed depot building illustration. For starters you will learn how to create a simple brick pattern using a bunch of simple rectangle. Next, we’ll use this little pattern to create a simple symbol. Using this new symbol along with a grey rectangle, the Rounded Corners effect and the 3D Extrude & Bevel effects we’ll create the main building shape. Once you got your building shape we’ll continue with the coloring and th…

Vintage 3D Text Effect in Photoshop CS6

textuts.com — Mon, 08 Apr 2013 20:02:18 +0000

Learn how to create a 3D beautiful vintage looking text effect.

Blender tutorials: 20 ways to create cool 3D effects

creativebloq.feedsportal.com — Thu, 04 Apr 2013 14:51:19 +0000

Take your 3D modelling skills to new levels with these step-by-step Blender tutorials, from creating a road race terrain to animating fire and water.

Create a Beautifully Designed 3D Starfish Icon

psd.tutsplus.com — Thu, 04 Apr 2013 10:41:26 +0000

With just about everyone using a smart phone, it is important for mobile apps to have beautifully designed icons to represent the brand. In this tutorial, we will show you how to create a beautiful 3D starfish icon using several applications including Photoshop, Cinema 4D, and ZBrush. In the process we will show you how to create 3D objects and then combine them with textures in Photoshop to create an amazing icon. Let’s get started!Tutorial AssetsTo complete the tutorial you will need the…

20+Adobe Illustrator Cs5 tutorials

web3mantra.com — Mon, 25 Mar 2013 20:32:28 +0000

A number of people are now using Photoshop and flash and hardly remember the usage, tricks and techniques and importance of Adobe Illustrator. However, if you are also one of those then today’s post is exactly the thing you need to check.
The tutorials added in this list are detailed and easy to use and understand. I can assure you this for the reason that I have used them too. They are step by step defined and clearly written. These 20+ Adobe Illustrator Cs5 Tutorials cover vast areas like 3D e…

How to Create a 3D Lego Text Effect in Adobe Illustrator

vector.tutsplus.com — Thu, 21 Mar 2013 09:43:33 +0000

In the following steps you will learn how to create a set of Lego pieces and how to easily turn them into a nice text effect. For starters you will only need two simple shapes and the 3D Extrude & Bevel effect. Once you organize the starting shapes we’ll continue with the highlights. First, for the shadow effect we’ll take full advantage of the Appearance panel. Next, we’ll use the Pathfinder options along with some basic blending techniques and effects. Finally, for the co…

How to Use Image-Based Lighting in Photoshop CS6 Extended

psd.tutsplus.com — Thu, 14 Mar 2013 17:11:00 +0000

In this tutorial, Steve Caplin will explain how to create convincing location effects using Photoshop’s 3D tools. In the process, he will show you how to set up specularity of textures, how to soften and position shadows, and how to use image-based lighting. Let’s get started!Tutorial AssetsThe following assets were used during the production of this tutorial.Aston Martin Model

Master Photoshop: 120 top tutorials

creativebloq.feedsportal.com — Sat, 09 Mar 2013 16:17:55 +0000

From graphic design and illustration to typography, 3D and beyond, these Photoshop tutorials will help you level up your skills and create amazing images.

HexaFlip: A Flexible 3D Cube Plugin

tympanus.net — Thu, 07 Mar 2013 17:36:19 +0000

Today I’d like to share my process for creating a flexible JavaScript UI plugin I’ve dubbed HexaFlip.
Lately I’ve taken to building simple experimental UI plugins that manipulate elements with a combination of JavaScript and modern CSS techniques (e.g. oriDomi and Maskew). As Codrops is known for featuring some progressive techniques in browser-based UI design, HexaFlip should fit in nicely.

How to Create a Semi-Transparent, 3D Text Effect in Adobe Illustrator

vector.tutsplus.com — Mon, 04 Mar 2013 20:50:56 +0000

In the following steps you will learn how to create a colorful, semi-transparent, three-dimensional text effect in Adobe Illustrator. We’ll start with some basic text and several Compound Paths and a built-in Calligraphic brush. Once we get our starting vector shapes we’ll add the three-dimensional look using the Extrude & Bevel effect. We’ll use some simple vector shape building techniques and masking tricks along with some basic effects and blending techniques to give ou…

Create Lathed 3D Objects in Photoshop CS6 Extended

psd.tutsplus.com — Fri, 22 Feb 2013 16:40:10 +0000

In this tutorial, we will show you how to created lathed 3D objects by revolving paths and and layers around a fixed axis; a process similar to what you may have seen done using Illustrator’s 3D tools. In this process, we will explain how to create a wine glass, a bottle, and a table top. Let’s get started!

Quick Tip: How to Create a Detailed Box in Adobe Illustrator

vector.tutsplus.com — Thu, 21 Feb 2013 20:25:59 +0000

For this Quick Tip I’m going to show you how to create a detailed cardboard box, including dividers, from scratch. We will use the power of gradients, pattern swatches and a bit 3D magic to make this box really come to life. So let’s get to it!Step 1Take your Rectangle Tool (M) and draw a rectangle 65 x 130 mm, use this rectangle as your base to create the flaps. When your flaps are done select your base-rectangle and while holding down Shift + Alt use one of the corner-handlers to …

Adobe Improves 3D Functionality in Photoshop CS6.1

psd.tutsplus.com — Wed, 06 Feb 2013 14:00:37 +0000

Adobe made some rather significant changes to its 3D features in Photoshop CS6. In CS6.1, they have made a handful of tweaks that you should be aware of. These new features include a way to generate bump map textures from flat artwork, using the Normals menu; smoother previewing of soft shadows; full-image ray tracing, replacing the earlier block-by-block approach; and always-on Image Based Lighting. Steve Caplin will explain.Note: Adobe updated the system requirements necessary to use the 3D fe…

Create a Photorealistic 3D Key in Photoshop

naldzgraphics.net — Wed, 06 Feb 2013 12:28:04 +0000

In this tutorial we’re going to create a photo-realistic key using the powerful capabilities of Photoshop’s 3D feature. If you have no previous experience with the 3D feature, I strongly…

Create a Valentine’s Day-Inspired 3D Text Effect Using Filter Forge and Photoshop

psd.tutsplus.com — Mon, 04 Feb 2013 18:30:10 +0000

Valentine’s Day is right around the corner. In this tutorial, we will combine Filter Forge and Photoshop to create a wood textured 3D text effect with a simple red glass heart. Let’s get started!Tutorial AssetsThe following assets were used during the production of this tutorial.