julianna kunstler

Cyber Animal

© JuliannaKunstler.com

WI State Standards:

  • AA Cr10h
    Investigate: Engage in critical thinking, problem solving, and research through elements and principles of art and design studio practices and processes.
    (aesthetics / problem solving)
  • AA Cr12h
    Make: Create works of art that introduce students to media, care of tools, and basic craftsmanship skills.
    (skills)
  • AA Pr10h
    Develop meaning: Create s body of work incorporating personal, historical, and contemporary art to communicate one or morepoints of view.
    (aesthetics / communication)

Learning objectives

  • creative project: planning and executing
  • manipulating images
  • editing tools
  • communicating ideas and concepts

Turn a live animal into a cyber robot creature. Part animal, part mechanical.

It’s up to you now to see what you can come up with.

Here is what you do:

  • You are to take any animal (no humans) and give it some machine-like parts.
  • The background of the image can be original or your own.
  • More details and parts you have – more interesting it will look.

examples

cyber

Find a picture of an animal. Make sure it’s a good quality!!!.

Save it as a .psd file.

helpful tips:

carbon texture skin

Start with creating a displacement map.

You will create a carbon texture and use the Displace filter to “wrap” it around the body. You will also create a displacement map file of the body shape so the Displace filter will use it for that wrapping effect.

You will have to experiment with the filter settings for a perfect fit for your particular animal.

parrotcarbon texture

Select the animal body or a part that you want to apply the texture to. Make sure to subtract the eyes and nose from the selection…

selectionselection

save selection

Save the selection:

Select > Save Selection

new document

Copy > Paste

This will paste the selection onto a new layer

paste selection

Remove all colors

Image > Adjustments > Desaturate

desaturate

Increase contrast:

Image > Adjustments > Levels

displacement map

To make it work as a displacement map, we need to simplify the image, remove all details, and make tonal transitions smoother.

So we need to get rid of the texture.

blur

Apply Gaussian Blur filter

File > Save

load selection

Your selection now looks like a smeared painting…

smudge tool

Use Smudge tool at 75% strength blend your lights and darks.….

burn selection

Try imagining where is the light source and where the shadows will fall.

Use Burn tool to emphasize the shadows if the selection is not contrasted enough.

select

Select the finished shape.

Try to get as close to it as possible.

Edit > Cut

Leave the empty layer in place – you are going to use it for the carbon texture.

select

Create a new PS file

Choose Clipboard settings for the dimensions.

select

Edit > Paste

select

Layers > Flatten Image

Save as .psd file

Close it.

photoshop files

You should have 2 files.

carbon fiber texture

carbon fiber texture

We are to create the carbon fiber texture using the displacement map.

To create a new texture – start with a new document. Copy the settings from the image.

carbon fiber texture

Step 1.

Using Rectangular Marquee tool:

Select the first 2 pixels (selection lines will snap to the pixel grid).

carbon fiber texture

Step 2.

Fill it in with the color: B7B7B7

Move the selection as shown and fill it in with the same color.

carbon fiber texturecarbon fiber texture

The next 2 sets of pixels are filled in with color: 131313

carbon fiber texture carbon fiber texture

carbon fiber texture

Continue filling in the pixel sets.

There are two of each color.

carbon fiber texture

Now that is done we can define the pattern.

Go to Edit > Define pattern.

Name as you wish.

You can save it and close now.

carbon fiber texture

Step 3.

Back to your main file. Stay on the empty layer.

Make a rectangular selection slightly larger than the body of the animal.

carbon fiber texture

Edit > Fill

Choose Pattern.

Browse to the custom pattern that you have created.

carbon fiber texture

Apply the Displace filter

Filter > Distort > Displace

carbon fiber texture

You will have to experiment with the settings.

Then click OK

Choose displacement map.psd file.

Click OK

carbon fiber texture

Your carbon fiber texture should have distorted slightly and reveal your animal part contours (its very subtle).

carbon fiber texture

Change the opacity and resize the carbon layer to match the animal body.

Restore the opacity back to 100%

carbon fiber texture

Remove the background around the body shape

Load the selection onto the carbon texture layer.

Select > Load selection

Select > Inverse

Delete or Edit > Clear

carbon fiber texture

Deselect

Drag the displacement map image onto the main file.

Position it carefully.

Load selection

Select > Inverse

Delete or Edit > Clear

Deselect

carbon fiber texture

Experiment with the top layer blending modes to add depth to the carbon layer.

I used “Overlay” in this image. You can also try “Multiply” mode.

carbon fiber texture

Save.

shut lines, pins & screws

shut lines, pins, and screws

All robots have to be taken apart, right? If they are to be repaired and all. The lines in-between the different panels are called shut lines.

To create them we need to use the path tool.

Work path will appear in Paths palette. You can save it by double-clicking and renaming it.

shut lines, pins, and screws

shut lines, pins, and screws

Before applying stroke to the path – set the Brush tool options.

You can use my settings to adjust them to your image.

Hardness 100%

Size – depends on your image size.

shut lines, pins, and screws

Create a new layer for the wires.

shut lines, pins, and screws

Choose a color.

Then apply stroke to the path.

shut lines, pins, and screws

You can deselect the path now.

To apply 3-D effect – use Layer Style.

Layer > Layer Style > Bevel & Emboss

Choose Pillow Emboss and experiment with settings.

shut lines, pins, and screws

shut lines, pins, and screws

Move an image that you want to use for the pins.

Save a copy of it as a backup.

Resize the image to fit your plan.

shut lines, pins, and screws

Apply Pillow Emboss Layer style to the pin.

shut lines, pins, and screws

If the initial image of the pin does not fit your color scheme – you can adjust the color or color saturation:

Image > Adjustment > Hue/Saturation

shut lines, pins, and screws

This is what my Layers palette looks like now.

shut lines, pins, and screws

Duplicate the pin by choosing Move tool.

Hold Alt (Option) key and drag.

Continue duplicating the pins.

Each pin will be on its own layer. Layer style will be also duplicated.

shut lines, pins, and screws

Continue further.

You can distort certain pins as the surface curves.

You can also change layer opacity or values (levels) in the areas that are in a shade.

shut lines, pins, and screws

shut lines, pins, and screws

Merge all pin layers together:

Shift-select the layers in the palette, right-click, Merge Layers.

Continue adding parts

Add Drop shadow Layer style to the parts when needed.

cyber body parts

modifying selections

When you quick-select a part – the selection edge will most likely need some modifying.

You can reduce or expand the selection edge to get rid of background leftovers:

Select > Modify > Expand or Contract

cyber body parts

You will see how the selection edge moved.

cyber body parts

You can also smooth the selection edge to get rid of pixelated edge:

Select > Modify > Smooth

cyber body parts

cyber body parts

Do not forget that you can use Warp or Distort commands to reshape the selection:

Edit > Transform > Warp

cyber body parts

A good idea is to use Groups (folders) in your Layers palette.

cyber body parts

cyber body parts

wiring

cyber body parts

There are few ways to add wires to the project.

Option 1 – for smooth curves – use paths with Pen tool, then apply a stroke.

Option 2 – use Brush tool with hard edges to draw the lines freehand.

Now – the fun part:

Apply Layer styles:

Bevel & Emboss (Inner Bevel)

Drop Shadow ( change Distance setting to move the shadow away from the wire)

cyber body parts

You can draw multiple wires on the same layer – they all will have the same 3-D effect.

cyber body parts

Continue to have fun!

cyber animal example
cyber animal examplecyber animal examplecyber animal example

Copyright © 2008–2026 Julianna Kunstler