Photoshop 3D

3D Donut

okgrafix — Sun, 27 Jan 2008 18:27:49 +0000

3D Donut. 15 min project

This project is very simple and intended for those, who just started play Photoshop’s "do re mi fa sol la si…"

1. Using Pen Tool draw 2 circles similar to those below

2. Use Transform command and switch to Warp weird Tool to create uneven shape for the future donut

3. Two following images illustrate power of Layer Styles

4. To create donut topping crumbs, I set Brush to the specified settings, where Brush tip is single 4px dot(please note that crumbles are dark – it is just to make it visible. In real they should be set to light beige color)

5. This picture shows Layers I made. Purpose of Roll 2 and Roll 3 Layers made to adjust highlights and shadows of the donut.

3D Chocolate

okgrafix — Tue, 07 Aug 2007 15:21:39 +0000

3D Chocolate. 30 min project

Today is a day of confession. I am an chocolate addict. I eat 2 bars a day on a regular basis. Probably can do more.Most definitely. Just never ‘ve been brave enough buy more… Once I was in Paris and stuck in amazement at a door of a little belgium choco store(somewhere in Saint-Germain, somewhere at a corner of Rue Cuvier & Rue Jussieu. It was just like a golden bonbon dream… But well my digital chocolate lesson not actually about chocolate itself, but rather I invented how to create metallic foil effect in Photoshop. At least, I have never saw this effect made by somebody else… So, here you are… eat my choco!

1. First of all, for the taste of chocolate, I created just one piece with help of same old Layer Styles. And when I was satisfied with it I just multiplied to get 4 by 7 bar.

2. And now main purpose of this project – realistic metal foil. For years I was so foolish to despise Gradient Modes other, than regular Linear and maybe Radial… How unforgivingly stupid I was!!! I got to repeat…. STUPID!

Anyway, I made square selection and started to fill it with… Diamond gradient in a Difference mode. After 6-8 chaotic draggs I applied Filter -> Stylize – Emboss with following parameters: Angle=130°, Height=2px, Amount=250% to have some crumpled paper effect.

3. In following steps I saved "crumpled paper" sample as Custom Brush shape. Named it "Foil". I changed my Custom Brush setting the way to make it as crazy as possible: highest Size and Angle Jitters, large amount of Scattering parameters.

4. Then I started to draw with Paint Brush in… of course, Difference mode. You can play it as long, as you want – it is addiction, it is just like caleidoscope… Wow! For the great fun, change your "Foil" Brush Size and Opacity. On a top of my "Foil" Layer I made colored Layer, with applied Cloud Filter to it, where Fore/Background colors are blue/gold. I setting Blend Mode of this Layer to Overlay to see underlying "Foil" Layer.

5. In the final steps added paper wrapper to my choco bar. I transformed my objects to make them look dimensional, added some texts, drop shadows, glows, etc.

Bon Appetitte!

3D Cactus

okgrafix — Mon, 06 Aug 2007 15:25:36 +0000

3D Cactus. 1 hour project. In memory of my beloved Red Caca.

There was King Cacatos I and Queen Cacacia. Once Queen Cacacia gave a birth to little cactusie. Happy parents gave newborn princess name Red Caca(read: kaka, has nothing in common with a product of digestion though), because she was blushing anyone looked at her. She was so tender and gentle and had absolutely no stings at all. They lived in a small "Claypot" castle, small, but cosy.

Once, officer of Royal Air Force, lieutenant of Fly Squadron Di Mosca flying high in the sky, noticed young princess. And, certainly fell in love with her, right from a first glance. And she also deeply loved brave officer. They started to date. And with each date their love grew high.

Okay, let’s make story short… Once our lover Fly was send for a mission and never got back. Nobody knew what happened to daredevil. Princess Caca shedded her tears days and night, days and nights, untill she died. She knew wet kills cactuses… but even though, she would never stop.

See the little hole on the left. That’s was my Red Caca place…

1. Let’s start this lesson designing small ball-like cactus. To better understand this object structure I decided to dissect it with horizontal planes. And what I got is the 13 corners star. Using Polygon Tool(shortcut "U"), I created star with 13 sides, with sides indented by 10%.

2. Well… but it is just top projection. In order to make my cactus in a perspective view, I had to make some adjustments to star shape. I selected Bottom part of the star and scaled it down, same thing I did to Top part, but scaled a bit more, comparing to Bottom part, accordingly to the Perspective Law. In the last step of transformation, holding Ctrl/Cmnd + Alt/Opt Key, I drag handles of the Transform Tool apart. I named resulted Level "Cactus Base".

3. I duplicated "Cactus Base" Layer and renamed it to "Level 01" Layer. Moved it up and transformed it down a bit, regarding Y axis. Why? Because each upper level "dissection" or"slice" should be seen less a bit in a real world of perspective. Just a bit. Also please take note to Line in grey on a left. It is cactus Side projection and all following "dissections" should be made accordingly to this projection: wider or narrower.

4. on the corresponding picture you can see all "dissections" of cactus. Don’t forget to place each "slice" onto separate Layer. It will help you in the future.

5. And now simple, but in my view damn boring part of this project. Using Pen Tool, I created Two Paths(one for lightened, another for shadowed parts of cactus divisions), connecting corresponding points of each star level. I made New Layer called "Divisions", put "Light" Path to selction and filled selection in light-green color. Same thing I did to "Shadow" Path: also put it to selection and filled it in dark-color on the same "Divisions" Layer. Keep in mind, you don’t have to have zillions Paths for each division, these "Light" and "Shadow" Paths can be easily reusable. It is up to you…

6. Something like this you should get by the end of process of loading Paths to selection and filling them in appropriate colors.

7. Here, I applied Layer Style to my Cactus. You can see its setting on the picture below.

8. Now you will understand why I insisted to keep all horizontal "dissections" in separate Layers. Being at completed "Cactus Body" Layer, click on any "dissection" Layer holding Ctrl/Cmns key and it will load "disseceted" star shape selection. Now you free to add some more 3d taste to this object, darkening or lightening it(you can feather selection a bit, in a case of necessity).

9. Here you see how I made cactus stings.

10. I placed those stings over "Cactus Body" Layer. Multiplied and moved them in a proper positions, accordingly to cactus 3d shape.Some manual painting and tweaking was applied to complete the task.

11. Here’s shown design process of a tallest cactus. I created Pathfor one of this cactus "tentacle" and stroked Path, clicking on "Stroke Path with Brush" icon in the Path Palette. I checked "Simulate Pressure" check box in the dialog box, as shown. I devided resulted shape in half and transformed bottom part, flipping it vertically. I repeated this process 12 more times, creating 26 "tentacles" in total.

12. Another tweakings, burning and dodging, little cactus’s pimple-like stings were made hand drawn with tiny Custom Brush shape. The rest of image, i.e. pot, fround texture are so common things, I bet many of you knows how to do it probably better, than I. So, I didn’t want to wast neither mine nore your precious time, describing such obvious things…

3D Tennis

okgrafix — Mon, 06 Aug 2007 00:47:32 +0000

3D Tennis. 1 hour project

First tennis rule I learnt was: hold racquet by its handle just like you’d hold a little bird. Not too tight, not to loose. Do not choke it and don’t let it go. Same thing about Wacom Pen…

Another most important lesson I got, was: if you got first decision, follow it immediately. For example: you decided strike hard, but in a fraction of second another "smart" idea coming to your head. What about deep top-spin? Balance between two completely different decisions will cause you send your winning ball right to the net. Thanks God, we have Photoshop and always can "undo" wrong decision.

My favorite tennis player of all times is Mr. Boris Becker. My favorite photoshopper of all time is Mr. Russel Brown. What about you?

1. Let start with ball. Though I could start drawing selection and filled in needed color. I thought to make Ellipse Shape Tool(Toolbox shortcut V) in a Path Mode. Holding Ctrl/Cmnd +Shift(to constraing its verticals and horizontals) I drew a perfect circle. Later you will understand why I used U-Tool. And saved Path, giving name "Ball". Pourquoi pas?

2. I loaded my "Ball" Path to selection and only now filled it in mustard color(#b89300)

3. Using Rounded Rectangle Tool I draw some kind of a capsule shape, also in Path Mode. Seconds later I was ready modify path. I added two points to Path one for its top part and another to a bottom. Then I moved both points inside a bit. And then I tweak a bit "Slice" Path, making illusion of a perspective. And then I stroked this path with Brush.

4. As you see on a corresponding picture I applied Layer Style to stroked line on a "Slice" Layer. And brought "Slice" Layer right on a top of a "Ball" Layer

5. In this step I applied Layer Style to my ball.

6. And now – Photoshop3D Hair Replacement Office and Barber Shop side-by-side!

Remember in step #1 I promised explain why I made "Ball" Path. This Path will be a base for ball’s fur. I prepered custom Brush Shape(see it in the "marching ants" selection?). The small one. For better view I zoomed it in to show it should be a bit fuzzy, though you are free to use your own shape. It can be not just a straight line but maybe a bit curly.

7. First I saved this New Brush Shape shape and then stroked "Ball" path with my Custom "Ball Fur 01" Brush. Keep in mind, that Custom Brush Shape: Dynamic -> Angle Jitter should be set to Direction in its options. Only then hair will grow in the right direction.

8. I duplicated "Ball" Path and transformed it using Ctrl/Cmnd + Shift + T shortcut making this circular path a bit smaller, than its parental path. And as in a step 7, I stroked this new path with same Custom "Ball Fur 01" Brush.

9. I repeated step 8 as many times, as I reached center of a ball..

10. Here’s completed result of my "hairy" tennis ball. Some tweakings, some shadows, some blur and text on ball’s face.

11. Let’s talk about racquet. And one more time, remember my "Ball" path? Ain’t a smart one I was? I duplicated it and renamed to "Head". Using Edit -> Transform Path -> Warp, I’ve got "head" shape I considered right. Then I stroke "Head" path on a New "Head" Layer. I made new "Neck" paths and also stroked them on a separate "Neck" Layer.

12. In this step I added 3d feeling, appling Layer Style to both "Head" and "Neck" Layers. Also I created vertical and horizontal strings. You know what, I wasn’t lazy to count them to make it as close as possible to my original "Prince" racquet-bird.

13. Other details, leather handle wrap, simbols, highlights and racquet is done. Though, it is in a front projection and still looks flat.

14. I merged all Racquet Layers in one "Racquet Top" Layer, except "Strings". Then I duplicated "Racquet" Layer and renamed it to "Racquet Bot " Layer and placed all my layers in following position:

a) "Racquet Top" Layer
b) "Strings" Layer
c) "Racquet Bot" Layer

I darkened, burnt" "Racquet Bot" Layer and broght it closer to "Racquet Top" to make illusion of two rims of racquet head. Some final tweaks and voila! Silence,

mesdames et messieurs… Game is over!

3D Octopus

okgrafix — Thu, 02 Aug 2007 16:44:34 +0000

3D Octopus. 1 hour project

When I was little boy, I liked spent my time in front of a small TV screen, breathlessly watching Jacques-Yves Cousteau ocean travels on his famous Calypso ships.Maybe old "souvenirs" caused me to depict magical dweller of ocean deep – Mr. Octopus… Despite this image looks pretty complexed – it is very simple in real!

1. I think it is always important to make quick sketch of the future image, especially when you make live creatures.

2. For each pair of Octopus’s legs I made one Path and save on separate Path Layer.

3. In this step I clicked on Stroke Path with Brush icon, holding Alt/Option key to call Stroke Path dialog box. In this box I checked Simulate Pressure box to achieve necessary effect. Keep in mind, Brush size is equal to thicker part of Octopus’s legs.

4. As you see on a corresponding picture I applied Layer Styel to Colorize and Bevel Octopus’s legs.

5. Here I applied described in steps 2 to 4 actions to each pair of legs. I created Octopus’s body(large Bevel in its Layer Style)and forehead.

6. I created couple Custom Brushes, first for Octopus sensors – suction cups and second for its skin. Please refer to shown here outlined in squares samples.

7. To make sea bottom I applied Filters -> Render -> Clouds. To see underlaying Layer I set blending mode of "Sea Buttom" Layer to Multiply.

8. I filled the topmost Layer in dark green and then applied Filter -> Render – Lighting Effects. Some bubbles were made to finalize scene. You can find description of this effect in one of the first "Coca-Cola" project…. See? I didn’t lied to you – it was very-very simple. O’revoir! for now…

3D Hourglass

okgrafix — Sun, 29 Jul 2007 17:43:44 +0000

3D Hourglass. 45 min project

What thing we value more than anything? Time. What thing we waste? Time. This simple subject caused me get thoughtful(what’s not happening to me very often) and I decided dedicated my time depicting a time holder…

1. As always, Path with Path Tool. Filled it in black. Duplicated shape and using Edit -> Free Transform(Ctrl/Cmnd + T) -> Flipped Horizontal. Then I combined left and right sides of Glass part of HG.

2. Similar actions were taken to create top Column sample. After I created top part of this object I duplicated layer and Flipped Vertical, using same Free Transform Ball shaped object was creted on the Tween Layer. I grouped((Ctrl/Cmnd + G) all three layers together in one Folder called "Column Left"

3. In the next phase I created wooden texture. Many of you probably heard about this technique, though I will remind – repeating is the mother of learning. I made 1 pixel selection with Rectangular Selection Tool and filled it in grey. Then I applied Add Noise Filter( Amount=400, Gaussian, Monochromatic). After it I used again my best Photoshop assistant – Free Transform Tool to stretch texture.

4. As you see from the corresponding picture Image -> Adjustment -> Hue/Saturation((Ctrl/Cmnd + U) was applied to my texture. I made a New Layer n a top of a textured Layer and filled it in light-brown color. Adjusting Layer Opacity I got necessery color for my Wood texture. Then I merged these two Layers.

5. Here I’ve tried to make texture uneven, trying approach more natural effect. Edit – Transform – Warp was taken first and then FIlters -> Liquify(Ctrl/Cmnd + Shift + X)

6. I prefer create objects on separate Layers – what would be always easy to edit them in a case I change my mind. In a case of those lttle Ball shaes(they made from Ball shape, 2 shapes for holder and Drop Shadow), I goupped them in one Ball Shape folder and then made two more versions of this folder. I applied Layer Style to make them 3d look and texture to all of my objects, perspectively distorted them when needed.

7. I made 2 more versions of "Column Left" group, naming them "Column Right" and "Column Hind". Last one will be behind Glass part of my HG. And again, Layer Style and then wooden texture was applied to all of HG columns.

8. Custom Brush shape was created to make some kind of dust and scratches to add some realism to wooden parts of HG.

9. Since I decided to make some kind of mystical feelings. I switch my background color to grey and Glass part to White. I added Layer Mask to Glass Layer and loaded Glass Shape selection onto Layer Mask Then I Contracted selection and Featherd it from Select -> Modify -> Contract and Select -> Modify -> Feather(Ctrl/Cmnd + Alt/Opt +D), with values seen on a picture and filled selection in black.

10. Finally, I spend another 10 minutes to create Sand parts of my HG. I added highlights, drop shadows and reflections to make it more natural.

3D Nest

okgrafix — Tue, 01 May 2007 22:56:46 +0000

3D Nest. 15 min project

Friend of mine told me funny story about english pointer who instead of carry his hunting duties, converted himself to a guard of a nest of a wild duck. I couldn’t keep myself to illustrate that tale…

1. Don’t ask me why I decided to create perfect circular selection right in the middle of my document, using guides. Maybe because I am a perfectionist… Dunno…

2. Then I made kind of a sloppy working Path from my perfect selection and name it "Nest Path" as you see from the picture..

3. This step is highly important in a term of creation of a straw nest. My Custom Brush Tip Shape looks like a thin line(swatch 121). Even though it is angled, you can make it straight.. Use settings from the image below.

4. In this step I defined colors for Custom Brush Color Dynamics. Maybe I made colors bit too bright, so you can correct it for your project, if you wish.

5. I clicked on a "Stroke Path with Brush" button in the Path Palette to receive desirable result.

6. I stroke again and couple times more. To make it looks 3 dimensional for the final stroke I clicked on "Stroke Path with Brush" button, holding Alt/Option Keyboard Key. It opened "Stroke Brush" dialog box, where I checked "Simulate Pressure"

7. My next proceedure was make insides of a nest. As you probably figured out I used same Custom Brush.

8. Burn and Dodge Tools are great helpers to create illusion of a 3d object and and couldn’t avoid chance to use them to make effects of light and shadow of a nest.

9. All I got to do it was create eggs. With Elliptical Marquee Tool I made oval selection and using Warp Tool distorted my selection to the needed shape. I filled selection in pastel beige color and applied shown Layer Style to it. Some Drop Shadow and voila! Eggs are in the nest. Should I tell how I made a portrait of english pointer? Guess…

3D Fishtank

okgrafix — Sat, 14 Apr 2007 17:52:15 +0000

3D Fishtank. 3 hours project

Once superintendant of the building I live, got to the sea and caught Goldfish. The little one started to ask bastard let her go. She promiced to fulfil any three wishes, that come to his head. He thought for a while and then exclaimed:

- I wish to have lips much larger, than I have!

In a turn of a second his lips were really huge… Super was out of his excitment. He flapped his lips over and over again. And Goldfish reminded him to think the second wish.

- I wish to have my nose twice larger!

Super touched his nose and was about to jump of a pleasure feeling trunk-size thing.

And Goldfish demanded for a third and the last wish. This time super thought a lot and finally got a final decision:

- I wish my ears were thrice larger!

And in a blink of an eye his ears became a size of a two parachutes. My super was so damn happy when he looked in his pocket mirror. He became really happy, as he never was. And Goldfish asked my super a question right before to leave:

- Listen, sucker! All people ask for business luck, good health, for money after all… what about you, why couldn’t you ask the same?

- Could I? – mumbled surprized super.

I got to ask my Goldfish about something different, I will need to think a bit…

1. There’s nothing exciting about creation of a simple black dot. I say it suppose to be large, really big! That’s how I started build a home for my little fishie.

2. From the supplied picture you can see how spherical aquarium was designed. Also, I created three more shapes: topmost will serve as tank opening, middle will be water surface and last, half-spherical one, will be a water.

3. Here’s how same objects look like after I applied complicated Layer Styles to all of them

4. You can see detailed information of each effect applied to aquarium parts to make them look "glassy"’

5. In this step I added 3-legged stand, which wire parts was made by stroking Path and leaf-like holders are Emboss-effected things.

6. My Goldfish skin texture was made of design of small black’n'white gradational circles. I named it "okg – Fish Scale 07" and you can use this pattern for your own projects – click with right mouse buttton on corresponding picture and chose Copy. Open Photoshop and Paste in New Document. Select cells as shown on the provided image and go to Edit -> Define Pattern. If I were you, I’d honor someone who created this pattern and name after him…

7. I added some objects (each was made on its own Layers) and applied various Layer Styles. In most cases it was Bevel and Emboss. After all it is #1 effect to create 3d effects. For example: stomach was made of the edge blurred ellipse with applied Bevel and Emboss Layer Style as well.

8. Interesting thing was done in a case to create Goldfish tail and fins texture. First I created New Layer and filled in white. Than I evenly devided it by half with Rectangular Marquee Selection Tool and fill in black I deselected all(Control+D). And applied Wind Filter 4 or 5 times… heck, maybe more. Then I changed Layer mode to Multiply to see though the white are and copied this Layer two times. Original was for tail, one of duplicated for top fin and second for lower fins. And set all of the textured Layers as a Clipping Mask to fins and tail Layers.

9. Next step was case of a fun. I assembled all my Gold Fishie parts together to get(you have to accept my statement) quite a nice result.

10. As always, the rest of things were matter of time and technique. Tell you the truth, I was awfully bored making those tiny things… But give me some credit – I finally finished this project.

11. I pasted assembled Gold fish to a her new home and set its Layer to Overlay mode. I am still thinking about my three wishes. What about ya?

3D Bike

okgrafix — Thu, 05 Apr 2007 23:59:23 +0000

3D Bike. 3 hours project

I want to ride my bicycle
I want to ride my bike
I want to ride my bicycle
I want to ride my bike

That’s how Freddy and his guys started their famous song. That’s what I sang yesterday afternoon riding my "Queen of the Road". Yes, it is Her Majesty. After all, I am this bike master and have all rights to name it anyway I want…

1. Silhoette of the frame of my bike was made with Rounded Rectangle Tool pieces on Alpha Channel. To make these pieces connections rounded I applied Gaussian Blur first and "Thresholded" then.

2. Bike wheels where made by bunch of the variously stroked circles. Layer Styles where applied to tire circle, small amount of Bevel/Emboss, you know… Wheels spokes were done by using not well known trick. Maybe just a few designers know that you shouldn’t go to Adobe Illustrator to use its “Step and Repeat” command. Because it is right here, in Photoshop! In this particular case I created Spoke #1 with Line Tool(U) and selected my spoke. Then I needed to Free Transform it(Control/Command+T). I moved center of rotation from center of spoke right to the center of my wheel. Then… I wasn’t best math student in the school, though I could easily figured out the angle rotation. With 16 wheel spokes altogether, I had 8 spokes on one side of the wheel, so my angle is 360/8=40°. So all I had to do, it was type my angle value in the Free Transform Tool Properties Palette. And now hocus-pocus. Holding three main keys(Control/Command + Shift + Alt/Option), I started my “Finger Dance”(this sentence is copyrighted by me… use it only with reference to Photoshop3d.com or me, Felix d’Obrin)… So, Control/Command + Shift + Alt/Option… and of course T. Again and again. Result of my “Finger Dance” is seen in the picture below. Last, I duplicated spokes Layer and rotated it 20° CW(or CCW).

3. To all of my shapes I applied Layer Styles. See its detailed settings from images below :

4. Similar technique I mentioned in the paragraph 2, I use creating star. The difference was, instead of using Properties Palette I did it manually, with Info Palette… just for fun.

5. Star itself was made with Poligon Tool(U) and setting shown in the picture.

6. Chain needed a bit of my attention. First I made link piece and defined it as a Brush. In the following step I made chain Path. To properly set links on my path I used Shape Dynamics in the Brush Palette. All options and controls set to "0" and "Off", except Adgle Jitter – its control should indicate "Direction". Only then we will receive willing result.

7. Unexpectedly, problem with frame texture was solved quite easily: Satin option of Layer Style Palette gave me want I wanted.

8. As always, the rest of things were matter of time and technique. Tell you the truth, I was awfully bored making those tiny things… But give me some credit – I finally finished this project.

3D Grape Cluster

okgrafix — Thu, 29 Mar 2007 23:57:52 +0000

3D Grape Cluster. 20 min project

In this pretty simple tutorial I will show you how to create dimensional grape cluster in no time.

1. As always we start from absolutely artless shape. In this particular case I used Rounded Rectangle Tool of a Radius=66. Then I duplicated it to a New Layer.

2. This step is most important in a terms of creation a single grape. That’s why I made three different snapshots to show you Layer Style settings. First I applied Inner Glow gradient.

3. To make realistically looking spotlight I checked Texture under Bevel and Emboss and used Photoshop default texture, called "Bubbles". I moved Scale and Depth sliders back and force ’till I found perfect spot I needed.

4. Gradient Overlay gave me a chance to set a gradient color to my grape. I saved created Style and gave my baby name "Grapie"

5. I made a Custom Brush from a shape I created in step 1. Then New Layer and applied "Grapie" Style to it.

6. All I got to do it was to paint, using my Custom Brush. After 8-10 dabs I created a New Layer under and merged stylized Layer with empty Layer, which gave me Layer, uneffected by any style. I repeated this sequence 10 times, keeping all created eleven Layers visible in order artistically manage position of all little greenish ellipses. I added limb, water drops and a drop shadow to complete this, as I said earlier very simple lesson.