Doc Tutz

Quick Tip: Lock Your SWF to a Specific Domain Name

2010-10-09T14:22:00.001-07:00

Download Source Files Do you want to keep your SWF exclusive to your site? In this Quick Tip, we’ll look at how to use a “site lock” to stop people downloading your SWF and embedding it on a different website. Final Result PreviewHere is the file running on an incorrect domain: We’ll build an animated display to be activated when the SWF is on the wrong domain, as in the above

Design and Build a Silverlight 4 Translator App

2010-10-09T14:20:00.000-07:00

Download Source Files Demo View It Online Yesterday, Carlos examined the Google AJAX API and Flash. Today, we’re going to look at creating a Silverlight Translator Application using the Microsoft Translator service. We’ll begin with interface design (in Photoshop) and move into implementation using Silverlight 4 (including its most recent features) as a web application framework.

Quick Tip: Flash CS5 Text Input and Text Area Components

2010-10-09T14:16:00.000-07:00

Download Source Files In this Quick Tip on Flash Professional CS5 tools we are going to look at the Text Area and and Text Input components. Final ResultLet’s take a quick look at what we’re working towards in this Quick Tip: Brief OverviewIn the demo you see five labels, four of them are just static labels describing what the components are for. The bottom left label shows how

How to Create a Safari Extension from Scratch

2010-10-09T14:02:00.000-07:00

Download Source Files Safari 5, the latest version of Apple’s web browser, introduces extensions. Safari extensions are small add-ons that you can use to expand Safari’s capabilities, built using simple HTML, CSS and JavaScript. In this tutorial, you will learn the basics of extension development by creating a simple extension using Safari 5′s Extension Builder. IntroductionIn this

Create A Realistic Loaf of Bread in Photoshop

2010-10-09T13:58:00.000-07:00

Final Product What You'll Be Creating A while back I saw a still life photo of a loaf of bread sitting on a table. That photo inspired me to attempt to recreate this still life photo using Photoshop. In today’s tutorial, I will demonstrate how to create a realistic looking loaf of bread in Photoshop. Let’s get started! Step 1Begin by creating a 1000 x 550 px document. Create a

Create a Handmade “Back to School” Style Postcard

2010-10-09T13:55:00.001-07:00

Final Product What You'll Be Creating In this tutorial you will learn some easy methods to create a realistic looking corkboard composition for a back to school sale postcard. We’ll go over how to create cool paper letters, add some cutouts, realistic shadows, and add bleeds for printing. Let’s get started! Tutorial AssetsThe following images were used during the production of

Quick Tip: How to Simulate X-Ray Photography in Photoshop

2010-10-09T13:50:00.000-07:00

Final Product What You'll Be Creating Download Source Files In today’s quick tip tutorial, I will show you how to simulate an x-ray image in Photoshop. Let’s get started! Step 1Take a banana and cut it in half with a very sharp blade and take a photo of it over a white piece of paper. With the pen tool (P) selected, go to the paths window and create a new path

Quick Tip: Use Photoshop to Turn Day Into Dusk

2010-08-02T08:07:00.000-07:00

Final Product What You'll Be CreatingTaking photos at night is not an easy task. Photos taken without adequate lighting often look dim or grainy; they typically don’t look the same as what we see with our own eyes. That is why it is sometimes easier to convert a daytime photo to night using Photoshop than it is to try to take the same photo in the evening hours. In today’s tutorial we will

Quick Tip: Create Sparkling, Animated Text in Photoshop

2010-08-02T08:04:00.001-07:00

Final Product What You'll Be CreatingIn today’s quick tip tutorial we will demonstrate how to create a sparkling text animation in Photoshop with just a few easy steps. Let’s get started!Step 1Open a new document. Select the Gradient Tool and fill the backgroundwith #911169 to #5b1569.Step 2Choose a font and type out a word or a phrase. I chose the word star and used the Bauhaus 93 font. Fill it

Quick Tip: Colorize a Comic Strip With Photoshop

2010-08-02T08:02:00.001-07:00

Final Product What You'll Be CreatingConverting a rough sketch into a polished piece of digital art might not be as hard as you think. In today’s quick tip tutorial we will demonstrate how to import a sketch into Photoshop and color it! Let’s get started!Step 1The first step is to sketch out your idea. You can sketch your idea to paper or you can draw directly in Photoshop.Step 2Once you have

Create a Medieval Fantasy Castle Gate in Photoshop

2010-08-02T07:57:00.000-07:00

Final Product What You'll Be CreatingPhotoshop’s wide variety of tools enable you to perform complex photo manipulations with relative ease. Today, we will demonstrate how to combine Photoshop’s tools with photo manipulation techniques to create a medieval fantasy castle gate. Let’s get started!Resources UsedThe following resources were used during the production of this tutorial. Each item is

Draw an LCD Television in Photoshop

2010-07-30T06:55:00.000-07:00

Final Product What You'll Be CreatingIn today’s tutorial, we will create an LCD TV from scratch using simple shapes and layer styles. We will also learn how to create a seamless pattern to create the speakers and also how to create some nice indicator lights. Let’s get started! Step 1: Create the ScreenStart by creating a new file, size 2600×1700 px. In Photoshop, it’s easier to start with a big

Create a Dark and Rainy Crime Scene in Photoshop

2010-07-30T06:48:00.000-07:00

Final Product What You'll Be CreatingWe can all imagine what a dark and rainy crime scene looks like. We have all scene them in television and movies. Today, we will learn how to use different tools and techniques to create a scene of our own in Photoshop. Resources UsedYou can download the following textures from the links below. Just sign up for free to download the image.Brick Aircon Window

How to Design a Dramatic Winged Dragon with Photoshop

2010-07-14T03:46:00.000-07:00

Final Image Preview Step 1I’ve always liked dragons, this time I’ve got the chance to create a dragon using a few real life pictures and mock-up the creature into a realistic landscape. First of all, find your pictures. The scene isn’t a problem, you can use any picture, I’m using this, which is a nice ruined castle to put my dragon on it. We’ll see forward how to pick the right pictures to

Create a Magical Flaming Heart Illustration in Photoshop

2010-07-14T03:35:00.000-07:00

Final Product What You'll Be Creating The Warp feature in Photoshop can be a powerful tool if you know how to use it correctly. In today’s tutorial we will demonstrate how to combine a few stock images to create a magical flaming heart illustration. Let’s get started! Resources UsedConcrete Texture Fire Aladdin’s Lamp Step 1Create a new document 1920 x 1080. Download the

Create a Shiny Earth with Photoshop 3D Layers

2010-07-13T01:53:00.000-07:00

Final Image Preview Take a look at the image we’ll be creating. In this tutorial I’ll show you how to create a shiny planet icon using the 3D features of Photoshop CS4 Extended. This will cover basic information about 3D layers and texture maps. Let’s get started! Step 1Create a new document which is 1000 pixels wide and 500 pixels high at a resolution of 300 pixels/inch, with a name of "

How to Create 3D Text Blocks in Photoshop

2010-07-13T01:49:00.000-07:00

Final Image PreviewTake a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below. In this tutorial, I’ll show you how to create a 3D Blocks text effect. You need to have Adobe Photoshop CS4 Extended to practice this tutorial. This will

How to Create Cityscape Concept Art

2010-07-13T01:44:00.000-07:00

Final Image PreviewTake a look at the image we’ll be creating. In this tutorial, I will teach you how to easily create a successful piece of cityscape concept art. We’ll be using a very basic 3D scene as a foundation for the piece, then taking it into Photoshop for some creative photo manipulation of reference photos, basic painting and adjustments. Let’s create this urban scene! Tutorial

A Basic Guide to Photoshop’s 3D Tools

2010-07-13T01:40:00.000-07:00

From opening a 3D file to rotating, scaling and moving it, working with meshes, creating textures or even materials, adding lights, and more, this tutorial covers most of the secrets of the useful feature 3D Tools of Photoshop CS4 Extended. If you have it, why don’t you try? I can assure you that you will discover a brand new world

Making Cinema 4d Abstracts

2010-07-12T08:47:00.000-07:00

Hello everyone, this is my tutoria, and I hope you like it Making Simple Abstract Shapes in Cinema 4D 1. Open Cinema 4D. (duh) 2. Create a platonic (Objects > Primative > Platonic) 3. Press 'c' to make the platonic editable. 4. Goto Structure > Edit Surface > Matrix Extrude, and use these settings: Everything defualt, except Z: 175. 5. Select all (Ctrl+A) and repeat Step 4, but use

Create a Barcode Sticker in Photoshop

2010-07-12T08:42:00.000-07:00

Final Product What You'll Be Creating In today’s quick tip tutorial you will learn how to create a barcode sticker and a paperboard background texture. Let’s get started! Step 1First, we will set up our brush preset for the barcode. Create a new document with a width of 1 px and a height of 100 px. Now pick the paint bucket tool and fill the document with black. Go to Edit >

Remove a Person From a Photo With Photoshop CS5’s Content Aware Feature

2010-07-12T08:40:00.001-07:00

Final Product What You'll Be Creating There are several ways to smooth skin in Photoshop. All to often, however, skin can appear too smooth, fake, and synthetic. Today I will demonstrate a straightforward technique to help you smooth skin fairly quickly while preserving the texture of the pores. Let’s get started! Final Image PreviewTake a look at the final image that we will

Design a Multimedia Website Layout in Photoshop

2010-07-12T07:45:00.000-07:00

Final Product What You'll Be Creating First impressions do count! Stunning our viewers with a visually compelling portfolio is one of the most important things that a designer can do to court a new client. Today we will demonstrate how to use photos, brushes, and textures, and 3D objects to design a creative multimedia website layout in Photoshop. Let’s get started!

Create A Wooden House Icon in Photoshop

2010-07-12T07:37:00.001-07:00

Final Product What You'll Be Creating You might be surprised what you can do with Photoshop’s drawing tools, a few textures, and a basic understanding of light and shadow. In today’s tutorial we will demonstrate how to create a wooden house icon in Photoshop by applying textures to basic shapes. ResourcesThe following resources were used during the production of this tutorial