Illustrated designs

Vlad S.D.

(Page 1 of 29)   
« Prev
  
1
  2  3  4  5  Next »

 Articles by this Author

The fluffy BMW effect

Make a new file with 732x524 parameters and 72 dpi. Take the car’s photo and place it in our file. Then paint the car’s body using.

The fluffy BMW effect in Photoshop CS

Choose the instrument (Highlight) and Opacity of 10% and begin picturing the fur with small strokes.

The fluffy BMW effect in Photoshop CS

Cut out now the places for headlights, logo and doors’ handles. Black out a little our background using an option by clicking the Ctrl + L buttons. .

The fluffy BMW effect in Photoshop CS

Keep picturing the fur but with a higher Opacity. Don’t forget about the fur’s direction It must lay down on the sides and on the air currents. Because of the car’s speed..

The fluffy BMW effect in Photoshop CS

Choose now the instrument (Highlight) and continue stroking the car. Use the following instrument to draw hair by the borders and the hair must come uncurled in the wind. The opacity is 80%. ..

The fluffy BMW effect in Photoshop CS

Alternate the strokes using instruments and . We’ll get a very real fur. Finish the picture by adding shadows on the new background, using instrument.

The fluffy BMW effect in Photoshop CS

The final result.

Create a simple logo for Consulting Company

1. Create a New Document 350x100px with White background.

2. Using Rectangle Tool (U) draw a rectangle with color #5A5B5C:

Rectangle Tool in Adobe Photoshop CS

3. Draw another rectangle with color #99A6A9:

Rectangle Tool in Adobe Photoshop CS

4. Again rectangle with color #99A6A9:

Rectangle Tool in Adobe Photoshop CS

5. Draw last rectangle with color #D66014:

Rectangle Tool in Adobe Photoshop CS

6. Now Rasterise all layers and apply for each layer:

Drop Shadow from Blending Options

Drop Shadow in Adobe Photoshop CS

Stroke from Blending Options

Stroke in Adobe Photoshop CS

Now we have something like this: 

Create a simple logo for Consulting Company in Adobe Photoshop CS

7. Now add your Consulting Company's name, I used font Helvetica with settings:

Type Options in Adobe Photoshop CS

Create a simple logo for Consulting Company in Adobe Photoshop CS

Now we're giving the final touches, adding the text for your Consulting Company's slogan with font:

Type Options in Adobe Photoshop CS

So we have a nice logo after simple 7 step:

Create a simple logo for Consulting Company in Adobe Photoshop CS

Good luck, and be sure to check out our other Photoshop Tutorials!

Create a logo for Internet Provider Company

1. Create a New Document 300x150px and Fill with color #E6D8D8.

2. Draw a circle, color #A9DA00 using Ellipse Tool (U) with settings:

Ellipse Tool in Adobe Photoshop CS

Results:

Create a logo for Internet Provider Company in Adobe Photoshop CS

3. Repeat Step 2 using color #8DB600 and settings for Ellipse Tool (U):

Ellipse Tool in Adobe Photoshop CS

Results:

Create a logo for Internet Provider Company in Adobe Photoshop CS

4. Repeat Step 3 using color #729300 and settings for Ellipse Tool (U):

Ellipse Tool in Adobe Photoshop CS

Results:

Create a logo for Internet Provider Company in Adobe Photoshop CS

5. Now using color #FFF799 type 'ISP' with Type Settings:

Type Settings in Adobe Photoshop CS

Apply Drop Shadow from Blending Options:

Drop Shadow in Adobe Photoshop CS

Go to Gradient Overlay from Blending Options:

Gradient Overlay in Adobe Photoshop CS

Set the gradient in Gradient Editor:

Gradient Editor in Adobe Photoshop CS

Results:

Create a logo for Internet Provider Company in Adobe Photoshop CS

6. Now type name of Internet Provider Comany Using Type Tool (T) with settings:

Type Settings in Adobe Photoshop CS

Apply Drop Shadow from Blending Options:

Drop Shadow in Adobe Photoshop CS

Go to Gradient Overlay from Blending Options:

Gradient Overlay in Adobe Photoshop CS

Set the gradient in Gradient Editor:

Gradient Editor in Adobe Photoshop CS

Results:

Create a logo for Internet Provider Company in Adobe Photoshop CS

7. Now we're giving the final touches, add slogan for your Internet Provider Comany:

Create a logo for Internet Provider Company in Adobe Photoshop CS

Good luck, and be sure to check out our other Photoshop Tutorials!

Create a nice logo for Construction Company

1. Create a New Document 450x200px and Fill the background with color #595959.

2. Type 'C' using font Paltino Lynotype with settings:

Type Options in Adobe Photoshop CS

Apply Stroke from Blending Options:

Stroke in Adobe Photoshop CS

Results:

Create a nice logo for Construction Company in Adobe Photoshop CS

3. Draw a rectangle with Rectangle Tool(U), color#595959 and apply Stroke from Blending Options:

Stroke in Adobe Photoshop CS

Results:

Create a nice logo for Construction Company in Adobe Photoshop CS

4. Now draw 2 dotted line like:

Dotted line in Adobe Photoshop CS

I drawing this line with Brush Tool(B), use this settings:

Brush Tool Adobe Photoshop CS

Create New Brush

Brush Tool in Adobe Photoshop CS

Now using this New Brush you cand draw a dotted line.

5. Draw one line and Rotate angle of 45 degrees, draw another line but Rotate angle of -45 degrees:

Create a nice logo for Construction Company in Adobe Photoshop CS

6. Third line we drow angle of 90 degrees:

Create a nice logo for Construction Company in Adobe Photoshop CS

7. Now we're giving the final touches, add text for Construction Company, I type 'CONSTRUCTION' with font:

Type Options in Adobe Photoshop CS

Apply Drop Shadow from Blending Options:

Drop Shadow in Adobe Photoshop CS

Add your slogan and we have a nice logo:

Create a nice logo for Construction Company in Adobe Photoshop CS

Good luck, and be sure to check out our other Photoshop Tutorials!

Rendering with Marker and Airmarker

Author: Wayne Westerman
URL: Car Design News

The following step by step guide explains the basic marker technique I use to illustrate exterior design ideas, 'colour-by-numbers' for grown-ups really!

Rendering with Marker and Airmarker in Adobe Photoshop

1: The Underlay
The line work can be either pencil or pen but should be dark enough to show through a piece of marker paper or vellum when placed underneath. The view chosen should clearly show the main design theme, in this instance the chrome strip running along the shoulder of the car.

Lighting and colours
Before starting the rendering try to visualise the finished sketch and decide upon the position of the light source. This will determine which surfaces are in shadow and where the highlights will fall.

Rendering with Marker and Airmarker in Adobe Photoshop

2: Marker
Secure the underlay in position and lightly trace the line work for the wheels and glass areas (DLO: daylight opening). Use either biro or pencil, but choose wisely, some brands of marker will pull the colour of the pencil and make biro lines bleed. So practice on a scrap of paper to ensure your mediums are compatible. Always apply the lightest colour first adding darker shades to create more depth (note: 2 or 3 shades of one colour can be achieved simply by going over the area with the same marker). For reflective surfaces such as glass allow the marker to dry before applying additional layers of colour. This will create more contrast, a characteristic of highly reflective materials. For non-reflective areas such as tyres it is better to keep the colour edge wet while applying darker shades creating a much softer tonal transition.

Rendering with Marker and Airmarker in Adobe Photoshop

3: Graduated tones - Airmarker/pastel
Air marker is a cheap, quick alternative to an airbrush. Colour is applied by spraying air across the tip of the marker, creating a targeted mist of ink. Shaved pastels give a similar effect. However, air marker is quicker, creates more intense colour and eliminates the hassle of trying to colour match pastel to the marker as the same marker can be used to apply both flat colour, as well as the graduated tones of the air marker. Place low-tack masking film over the entire drawing and with a scalpel carefully cut around the DLO and wheels. Although different colours will be applied to the two areas the distance between them is sufficient for them to be rendered simultaneously without any overspray from one area affecting the other.

Rendering with Marker and Airmarker in Adobe Photoshop

4: Here all of the masking film has been removed and the drawing can be assessed more clearly. If the graduated tone is not dark enough, re-position the mask and add more colour. Alternatively progress to the next step.

Rendering with Marker and Airmarker in Adobe Photoshop

5: Body colour - marker
The technique is identical to that used in stage 2. Remember, always lay down the lightest colour first and because the bodywork is glossy let the marker dry before adding darker tones to create more contrast. This will give the impression of reflections in the paintwork. To achieve a crisp edge it is better to apply the marker in quick strokes – too slow and you will get a wobbly line. Practice first holding the marker just above the paper; only applying the colour when you feel confident your hand is following the line on the underlay. Your confidence will grow with practice. Don't worry if the marker bleeds or the line is wobbly – use a similar colour pencil and a flexi-curve to tidy it up.

Rendering with Marker and Airmarker in Adobe Photoshop

6: Body colour airmarker (stage 1)
Similar to stage 3, place low-tack masking film over the entire sketch. This time using the scalpel to cut and remove the film covering the bodywork. The same markers from the previous stage are used with the air marker to apply smooth graduated tones.

Rendering with Marker and Airmarker in Adobe Photoshop

7: Body colour airmarker (stage 2)
Because the bodywork has more complex surfaces than the DLO it may be necessary to cut additional masks to define features such as the wheel arches, power-bulge on the bonnet and depression around the tailgate. With the masking film still in place, cut loose masks from paper and hold in position with your free hand. Working in this manner allows you to quickly lift and replace the paper masks to check your progress.

Rendering with Marker and Airmarker in Adobe Photoshop

8: Details and shutlines
Most of the hard work is done at this stage, but care is still needed, as you don't want to make mistakes and ruin all your hard work. The chrome strips running the length of the car and chrome air outlets on the bonnet could be masked and rendered using air marker; this would be quite time consuming and require too much effort for such a small area. The quickest way and just as effective for small details is soft colour pencil – here pale blue was used to simulate reflected sky and dark grey to define the edges

Rendering with Marker and Airmarker in Adobe Photoshop

9: Highlights
Highlights really bring sketches to life. But, before you go crazy with the paintbrush and white gouache think about the direction the light is coming from and try to be consistent with the shadows. However this is a sketch so there is some artistic licence. Choose where to place some major accents – dont highlight every edge on the car.

The final sketch
There are many ways to render cars and this is just one of the techniques used in the industry. A similar process can be used with computer packages such as PhotoShop and Corel Painter; the finished results will be slightly different but both techniques will sell the idea. In some instances it is better to present many quick pen sketches as used for the underlay to share your ideas before spending several hours on a full colour rendering. Rendering is after all just an advanced technique of colour by numbers, which most people can learn. The real skill is being able to sketch your ideas in the first place and this just comes down to practise!

Create a logo for VIP Club

1. Open New Document 200x200px and Fill with #193745.

Fill in Adobe Photoshop CS

2. Now we\'re begining to add your text, I use font Dodger Condensed, type VIP and Edit>Rotate the text angle of 45 degree:

Type Options in Adobe Photoshop CS

Go to Blending Options and set the Gradient Overlay

Gradient Overlay in Adobe Photoshop CS

Gradient Editor in Adobe Photoshop CS

you can download this gradient from here

Results:

Create a logo for VIP Club in Adobe Photoshop CS

3. Type \'Club\':

Type Options in Adobe Photoshop CS

Edit>Rotate the text angle of 45 degree, now duplicate the layer. In the bottom layer with text \'Club\' go to Blending Options and Apply Outer Glow:

Outer Glow in Adobe Photoshop CS

In duplicated layer go to Blending Options an apply Gradient Overlay:

Gradient Overlay in Adobe Photoshop CS



Gradient Editor in Adobe Photoshop CS



you can download this gradient from here

Results:

Create a logo for VIP Club in Adobe Photoshop CS

4. Now we\'re giving the final touches, add a 2 stars from Custom Shape Tool (U) and apply Outer Glow from step 3. My Final Results:

Create a logo for VIP Club in Adobe Photoshop CS

Good luck, and be sure to check out our other Photoshop Tutorials!

Create a nice logo for your Online Shop

1. Create a New Document 170x120px with transparent background.

2. Set Foreground Color to #262626 and draw rounded rectangle with Rounded Rectangle Tool(U) - Radius 10px:

Rounded Rectangle Tool in Adobe Photoshop CS

3. Go to Blending Options and apply:

Stroke

Stroke in Adobe Photoshop CS

Inner Shadow



Inner Shadow in Adobe Photoshop CS

Pattern Overlay



Pattern Overlay Tool in Adobe Photoshop CS

My Result:

Create a nice logo for your Online Shop in Adobe Photoshop CS

4. Add a text using Horizontal Type Tool(T) with color#E7D039, I use font Swiss 721 BT:

Horizontal Type Tool in Adobe Photoshop CS

Go to Blending Options and apply:

Outer Glow

Outer Glow in Adobe Photoshop CS

Gradient Overlay

Gradient Overlay in Adobe Photoshop CS

Gradient Overlay in Adobe Photoshop CS

My Results:

Create a nice logo for your Online Shop in Adobe Photoshop CS

5. Draw rectangle using Rectangle Tool with color #262626, go to Blending Options and apply Pattern Overlay:

Rectangle Tool in Adobe Photoshop CS



Pattern Overlay in Adobe Photoshop CS

6. Now add a text Online Shop with color #E7D039, I use font Swiss 721 BT:

Text Tool in Adobe Photoshop CS

Apply Outer Glow and Gradient Overlay from Blending Options, use same options from step 4:

Create a nice logo for your Online Shop in Adobe Photoshop CS

7. Draw a line with color #6D6D47 and add your text for slogan, I use font Verdana, color for font #8D7535 and Drop Shadow in Bending Options. My final results:

Create a nice logo for your Online Shop in Adobe Photoshop CS

Create a flyer for Toyota Challenge

1. Open your favorite image:

Open Image in Adobe Photoshop CS

2. Ctrl+J to duplicate the layer, set Mode Overlay for duplicated layer:

Mode Overlay in Adobe Photoshop CS

3. Go to Filter>Artistic>Cutout:

Cutout in Adobe Photoshop CS

Results:

Cutout in Adobe Photoshop CS

4. Add title text for flyer, I use font Bernard MT Condensed:

Type in Adobe Photoshop CS

Blending Options and add Stroke:

Stroke in Adobe Photoshop CS

add other important text for this flyer - location and event schedule:

Type in Adobe Photoshop CS

5. Now add nice stars on background, Select the brush tool (B), then click in the brushes window. If you can’t see the panel go window > Options to show it:

Brush tool in Adobe Photoshop CS

Now, create another layer, hold down the left button of your mouse and tracing 2-3 lines made of stars. Go to Blending Mode>Outer Glow:

Outer Glow in Adobe Photoshop CS

Now flyer it's ready:

Create a flyer for Toyota Challenge 2006 in Adobe Photoshop CS

Airplane turbine effect

1. Create New Document with size 400x400px.

2. Go to Gradient Tool, set colors black and white and tool's mode to Difference. Apply Gradient from top left corner to right bottom corner.

Gradient Tool in Adobe Photoshop CS

3. Apply Filter>Render>Difference Clouds and repeated 20-30 times.

Difference Clouds  in Adobe Photoshop CS

4. Duplicate the layer, do it again, need 2 copies of first layer:

Layer in Adobe Photoshop CS

5. Click on first duplicated layer and go to Filter>Distort>Wave:

Filter Wave in Adobe Photoshop CS

Press Randomise button for this Filter.

6. Repeat step 5 on second duplicated layer. Set mode for this layer to Lighten:

Layer to Lighten in Adobe Photoshop CS

7. Layer>Merge Visible.

8. Press Ctrl + U to open the Hue/Saturation menu:

Hue/Saturation in Adobe Photoshop CS

9. Duplicate the layer and go to Filter>Distort>Twirl and set it to 999%, apply to layer mode Lighten, now you can press Ctrl + Shift + E to Merge Visible:

Twirl in Adobe Photoshop CS

Results:

Results in Adobe Photoshop CS

10. Duplicate the layer and go to Filter>Pixelate>Color Halftone:

Color Halftone in Adobe Photoshop CS

Results:

Color Halftone in Adobe Photoshop CS

11. Apply Filter>Distort>Polor Coordinates:

Polor Coordinates in Adobe Photoshop CS



Polor Coordinates in Adobe Photoshop CS

12. Go to Filter>Blur>Radial Blur:

Radial Blur in Adobe Photoshop CS



Radial Blur in Adobe Photoshop CS

and set the layer mode to Lighten.

My Final Results:

Like airplane turbine effect in Adobe Photoshop CS

Good luck, and be sure to check out our other Photoshop Tutorials!

Create Nice Reptile Texture

1. Create New Document 200x200px with white background.

2. Set Foreground Color to #007A29, Background Color to #000000 and apply Filter>Render>Clouds:

Clouds in Adobe Photoshop CS

3. Switch Background Color to Foregroung and go to Filter>Texture>Stained Glass:

Stained Glass in Adobe Photoshop CS



Stained Glass in Adobe Photoshop CS

4. Going to Filter>Artistic>Plastic Warp:

Plastic Warp in Adobe Photoshop CS

5. Apply Image>Adjustments>Hue/Saturation:

Hue/Saturation in Adobe Photoshop CS

My Final Result:

Hue/Saturation in Adobe Photoshop CS

Good luck, and be sure to check out our other Photoshop Tutorials!

Subscribe via RSS



You Recently Viewed...

No popular authors found.
No popular articles found.