In the fifth part of Martin Perhiniak’s mini series on Photoshop’s retouching tools, we will talk about the content aware features of Photoshop. Let’s get started!
In the last episode of this series we showed you how to create several 3D objects in Photoshop. In this tutorial, we will show you how to add texture to those objects to create a realistic 3D wine glass, bottle, and table top; each with a varying degree of transparency, refraction, and reflection. Let’s get started!
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!
The human face is the one of the most drawn, painted and photographed part of the human body. Most aspiring artists start with working on recreating the human face in their drawings and try to capture emotions. Vector art on the other hand has been a staple art style and has been becoming one of the favorites of artists today.
That is why today we here at You the Designer are providing you, our dear readers some of the most amazing vector portrait tutorials both old and new that we have found all over the Internet to fill your noggins of knowledge and inspiration. Let’s get crackin’ shall we?
1. How to Create a Self Portrait in a Geometric Style
A simple and yet fun exercise that will turn your portrait into a Picasso-inspired piece that you can do in a few hours using Adobe Illustrator.
2. Texture Effects for Vector Portraits
Instead of making a regular portrait why not turn your portrait in to a sort of map. This amazing tutorial also teaches you how to put textures in you work.
3. How to Create a Zodiac-Themed Portrait in Adobe Illustrator CS5
Big fan of Zodiac signs? Try turning yourself into one! This tutorial is great for those who have learned the tricks and quirks of the pen tool.
4. Layer up Vectors for unique Effects
If you think you are savvy enough maybe you should try and add some twist to your portrait by using a dripping effect.
5. Vector Portraits
Danielle Caballero shows us how to turn ordinary photos into amazing illustrations by using Adobe Photoshop.
What do you guys think? Share your thoughts below at the comments section and if you have tried using any of these awesome tutorials do share to us what you guys have done! Looking for the perfect print template? We’ve got them here and its free! Just hit the jump here. Check us out in Facebook, Twitter, Pinterest and Google+. Lastly don’t forget to subscribe to get the latest in everything design and awesome!
Read more posts by Patrick Jude Ilagan
Photoshop is often used to create graphics and layouts for web designs. In this tutorial, we will explain how to create a pricing table for a hosting company using a combination of vector shapes and layer styles. Let’s get started!
The following assets were used during the production of this tutorial.
Step 1: Preparation
Let’s start by making a new file (Command/Ctrl + N) with size 800 pixels × 600 pixels.
Add Adjustment Layer Solid Color to be used as background. Select #f7f8eb for its color.
Grab free pixel pattern from PSDfreemium. Double click Adjustment Layer to add Pattern Overlay using this pattern.
Add new layer and fill it with black. Click Filter > Noise > Add Noise.
From Layers panel, set its blend mode to Screen.
Step 6: Base
We’ll start by drawing the base. Draw a rounded rectangle shape with radius of 10 px. Set its fill to very light blue with no Stroke.
Double click the layer to add Layer Style. Apply Stroke and Inner Shadow using following settings.
Step 8: Title Bar
Duplicate the shape and change its color. Add rectangle shape on its lower part and set its mode to Subtract. Now, we have a title bar.
Add Stroke, Inner Glow, and Gradient Overlay using following settings.
Below you can see result of the Layer Style onto the title bar.
Add table title. Add letterpress effect onto the text by applying Drop Shadow.
Step 11: Price Info
Add bigger text for its price. Use medium gray as its color. Apply Inner Shadow and Drop Shadow to add Emboss effect.
Below you can see difference before and after adding Layer Styles.
Add another detail inside the price info, such as currency sign and its billing information.
Step 13: Item Lists
Duplicate table base and set its color to #f0f0f0. Add circle and rectangle on top. Set their mode to Subtract.
Add Layer Styles Stroke, Inner Glow, and Gradient Overlay.
Add new layer on top of the shape. Paint white on its top side. Hit Command/Ctrl + Alt + G to convert the layer to Clipping Mask. Make new layer underneath the shape and then paint black for its shadow.
Here’s the result in 100% view.
Add features list items using Type tool.
Add 1 px line shape between each list item. Use black for its color.
Make sure the lines are still selected. Click More Options and then change Stroke option to dotted line.
Add layer mask onto the lines layer and the paint its left and right edges with black.
Step 20: Button
Draw rounded rectangle shape with color #a7bed5.
Add Layer Styles Stroke, Inner Glow, and Gradient Overlay.
Duplicate the button and place it behind the original. Move it a few pixels down.
Use same Layer Styles but this time increase the Gradient Overlay Opacity to make it darker.
We also add Drop Shadow to add soft shadow around the button.
This is the button appearance.
Add text. Apply white Drop Shadow to add letterpress effect onto the text.
Step 25: Duplication
Select all pricing table layers and hit Command/Ctrl + G to put them in a group layer. Alt-drag the group layer to duplicate it. Make three tables.
Off course, we don’t want it to be identical. So, change its text.
Step 27: Featured Plan
We want to feature one of the pricing plan by differentiating it. Pull second pricing table up. Make sure to keep the title bar aligned.
We also want to make sure the list items are all aligned. Select the text and its line underneath it, rearrange its position. Make sure to leave some more room because we want to add more list items.
Rearrange button position to match the table size.
Modify the base shape to make it taller.
Add more list items.
Place second pricing table and pull right side of the first pricing table.
Below, you can see the result before and after editing the shape.
We want to lift the featured plan and make it seems taller by adding shadow. First, Command/Ctrl-click the featured base to make a selection based on its shape.
Make new layer and fill selection with black. Soften it by adding Gaussian Blur.
Reduce its layer Opacity.
Make new layer and draw a black soft line using brush tool.
Hit Command/Ctrl + T and then click Warp button. Select Arch for its mode.
Rotate the warped line and place it behind the featured plan.
Reduce its Opacity.
Add another shadow on its other side.
Command/Ctrl-click both regular tables. Place the shadows layers into a group layer. Click Add Layer Mask to add layer mask onto the group layer.
To add mode contrast onto the featured plan, we also want to edit its color. Change title base color to orange. To match its color, we also need to modify its Layer Styles option.
Edit title bar text color to white and its Drop Shadow to black.