Your Favourite Photoshop Tutorials in One Place
Create a Supernatural Light Ball
- Photoshop is recommended for this tutorial -
There are many icons on the internet. However, you may find very difficult to look for a high quality one. Sometimes, to enable your design to have better expression, speech icons are very useful.
This nice set of speech icons is deisgned by Vecteezy. It contains numbers of speech icons which can allow you to apply to different scenarios. More importantly, it is completely free for your use. You can download the icons enhance your web presence today. The iconset is in psd, ai and eps for your ease of use.
In this tutorial I will teach how create a realistic bottle illustration and some shadow and cut techniques.
Create a new file with 700px of width and 700px of height. Now use the pen tool (shortcut “p”) to draw one side of bottle. If you don’t know how use the pen tool take a look at this link of photoshop online help When you reach the desired result now use the Direct Selection Tool (shortcut “a”) to select all point of path, hold ALT and drag the path to duplicate. Now, still using Direct Selection (Shortcut “a”) select all point of the second side, right click and select “Free Transform Path“, go to menu “Edit/Tranform Path/Flip Horizontal“. Place the flipped path on the right place to create the bottle silhouette.
Now, we need to close the silhouette. First, using the pen tool(“p”) close the top of bottle. Go to the bottom o silhuette and do the same thing but with a little curve between points. Like above:
Go to the “Paths” tab and click on fill option button at bottom of panel. After this, make sure your path layer still there on paths tab, never erase or overwrite the layer of the bottle path. Now we have the bottle, but we need some color and realistic details, in most cases this can be done using some gradient and shadow effects. To apply Gradient without lost the initial shape we use the blending options.
Go back to the layers tab and right click on the bottle layer and select “Blending Options“. Check the Gradient Overlay, define Style to Linear and Angle to 0 and double click on the Gradient field to open the Gradient Editor. Create a new custom gradient using the color #878398,#9c96b3,#413e4d,#7c7792,#878398. Like below:
Create new layer and change name to reflection. Go to the paths tab, duplicate the bottle path(right click on the path layer) and resize the points of path to reach the first image above. Fill the path with white color. Back to the layer tab, apply a gradient overlay in blending options and set the Gradient Fill with some white and gray color and define the opacity field to 60% and close the Blending Options window. Now go to the blend mode of the reflection layer and set to Soft Light and change the opacity to something like 45%:
Go back to the blending options in the bottle layer and define inner shadow like below, and create a Stroke like below:
We need a label for wine glass. Create a new rectangle with Rectangle Tool, place the rectangle layer between reflection layer and bottle layer, rename it to “label”. Go to Blending Options again and apply a dropshadow with 41% opacity, distance 0 and size of 2. Now apply a Gradient Overlay with the settings like below:
Create some texts like the title and some description to fill the space, use old style fonts, for me Trajan Pro is a good one. Add some vector shapes with old flourishe style, the result will be something like this:
Create new path with the stopper shape, fill with brown collor(#988c6c). Go to Filer/Noise/, Add Noise and set the Amount value to 5. Now it’s to other gradient, add gradient overlay in blending options windows on this layer. Define Blend Mode of Gradient Overlay to Vivid Light and set angle to 0 and create a gradient #000000 to #957c34 and back to #000000. With this step we get a good stopper like below:
Now we jump to details. Create a new layer and a simple path to reproduce a ring on that layer, fill it. Create a dropshadow with Blending Options like below and add a Gradient Overlay. Use the colors to reproduce gold material (I use these #d1c04c,#eae2aa,#a48440,#645025,#3a2e14). Look step by step below:
More details. Create duplicate the stopper path and change her size to wrap the neck, fill it with black:
We almost finish. To create a coll background select #063e41 color and fill a background layer of document. Go to Filter/Render/Lighting Effects and select Omni Light Type.
Now we need a realistic shadow. Duplicate the bottle layer, remove all effects(right click on layer “Clear Effects“), go to Edit/Transform/Wrap menu or hold CTRL on the edge o shape and resize it to reach this result:
Go to Image/Adjustments/Hue Saturation menu or press CTRL+U on windows. Change the lightness to -100. Go to Filter/Blur/Gaussian Blur menu and set it to 8. Change the opacity of layer to 34%:
Add some flowers. Open this images on photoshop, go to Channels tab select the most contrasted channel, duplicate him, increase the constrast of duplicated channel layer in Image/Adjusments/Brightness/Contrast and Image/Adjusments/Curve, use Quick Selection Tool(“w”) to create a fast selection of areas outside the flower. Delete the duplicated channel, back to the RGB channel, right click on the selection and select inverse. Cut and paste the flower on the bottle document. Repeate the same step to cut other flower. Othe tip is increase the brightness of flower (Image/Adjustments/Curves) to made things more white. Define some dropshadow in Blending options for eache flower:
Use some vectors like this and change the blend mode of vector layer to Luminosity and opacity to 50%. We also add an reflection effect in the bottle(we can teach how create reflection in some other tutorial):
With this tutorial you learned how create a realistic bottle, shadows and how work with Blend Mode, Gradients. With some easy steps you can reach a good effect.
Final Image Preview
On this tutorial we will make a Poe and Pluton cartoon portrait, using custom brushes created by ourselves
Open a new document of 1800px high and 1200px wide. First, we will set up what will be the brush that we are going to use to draw the general lines, from the Brush Selector pick the brush no.30, Hard Round, and set its opacity to 75% and Flow to 35%.
Now, on the Brush Presets menu (F5), make the following settings, check the Shape Dynamics and Transfer boxes, and adjust Spacing to 1%. You can see the final shape of the Brush.
Create a new layer “Poe”, and leave its default setting. With the Brush we created, start drawing the face, neck and shoulders, adjust the size to get thicker strokes on the garb, and thinner strokes for the face, hair, and neck. Draw flowing strokes, without taking much care on the detail, afterwards use the Erase Tool to remove the unwanted parts of the strokes. Also use the Erase Tool to create the eye’s brights.
Next, on a new layer “Body & Pluton”, start drawing the Poe’s lower body and Pluton. On the picture you can see that the strokes just establish the main forms, using stains instead of precise lines. Again, use the Erase Tool to remove certain areas as Pluton’s eyes and Poe’s fingers.
We will add an extra layer “Lower Body”, where we will paint the area between Poe and Pluton. After, this will be useful for split the two elements and avoid to mix them together. Notice the erased area beside the Pluton’s head.
Now, let’s start to create our custom watercolor brush. Use a new layer to paint two brush strokes as shown, using the Soft Round Brush. Notice that they aren’t symmetrical, this will be better for the final result. Next, go to Edit > Define Brush, we can name it “watercolor”, now it is ready on the Brush List for being used.
Next, on the Brush Presets (F5), start setting the following adjustments, check the Shape Dynamics box, and adjust Spacing to 1%.
Check the Scattering box and adjust its settings as shown. The same with the Transfer option. You can see how the brush shape changes on the display.
Finally check the Dual Brush box and select the brush number 45 with the following settings. Now we have our watercolor brush ready for be used.
Pick the Smudge Tool, and with the watercolor brush, smudge the painted layers we created before. Adjust the Strength to get different results.
Create a new layer “Details” and with a Hard Round Brush paint the fine details as cat’s whiskers and some loose hairs. Next, with the Smudge Tool, and a Soft Round Brush selected, drag some portions of black to create more cat fur, with a small brush size selected.
Now, we will create another textured brush. Using the brush number 30 as a base, apply the following settings on the Space Dynamics and Scattering sliders.
Following with the Transfer and Dual Box adjustments.
Picking the Eraser Tool, and the brush we just create selected, erase some edges of Poe’s suit to imitate a dry brush watercolor effect.
Next, create a new layer “Pluton’s Eyes”, and on it draw the necessary brush strokes to draw the eye’s pupil, yes, remember that it only has one…and the eye’s shadows. With white color, paint the tusk and the eye’s brights.
For the Poe’s face shadows, select the brush number 30 and adjust it as shown.
For the Poe’s face shadows, create a new layer “Poe Face Shadows”, set its Blending Mode to Normal and 60% opacity. Start painting the shadows as cheeks, chin, eye sockets, etc. Overlap more than one brush stroke to achieve darker tones.
Let’s start with the background, create a new layer “Background Color”, just bellow of the layer we created before. On it, with the Gradient Tool, select a brownish tone and make a gradient from bottom to upper zone as shown.
Next, to start making the lights, create a new layer “Highlights”, with the brush we created on step 16, select white color, and start painting the lights, I chose a cenital light, so it impacts on the upper areas of volumes as shown.
To add some vignetting on the background, go to Filters > Lens Correction, and on the Custom tab you will find out the Vignette Amount slider, a quantity of -40 will be ok.
To create the paper texture, we will add a real paper image. Create a new layer “Paper Texture”, set its Blending Mode to Multiply and 30% Opacity. Next, Copy and Paste the paper image on that layer.
Next, we will add an spotlight just behind Poe. Create a new layer “Spotlight”, set its Blending Mode to Lighten and 50% Opacity. With the Elliptical Marquee Tool, create a circle, place it behind the Poe’s shoulders and fill it with withe color, next go to Filter > Blur > Gaussian Bluer, and blur its edges. To avoid that the white overlap to Poe, create a Layer Mask and hide the unwanted areas.
Continuing adding textures, create a new layer “Ink Stain”, set its Blending Mode to Lighten and 80% Opacity. On it, place one of the ink textures you will find on the assets as shown.
More textures…Create a new layer “Aged Texture”, set its Blending Mode to Soft Light, and 80% Opacity. On it place again one of the ink textures from the assets to give an aged finish to the image. Notice that all textures are placed bellow Poe & Pluton’s layers, to keep them clean on other plane.
Now the image is almost finished, create a new Group and put in it all the layers. Next save the document as .JPG, open it, and place this file on top.
With the Dodge Tool, light up a bit some areas to create more contrast. The watercolor brush will be a good choice to do that.
Again, let’s add some more vignetting, go to Filters > Lens Correction, and adjust the Amount slider to -30.
Finally, to add some noise to the image, create a new layer “Noise”, set its Blending Mode to Multiply, and fill it (Shift + F5) with white color. Next, go to Filters > Noise > Add Noise, a quantity between 8 and 10 will work.
And this is the final result
In today’s tutorial we will be showing you how to make use of simple elements and colors in Photoshop to get an essentially beautiful outcome. People always over complicate things, that’s why we will be having a simple approach towards this large piece. We will be teaching you in a step by step manner and hopefully you can learn something new from this tutorial. Let’s get to it.
The first thing you have to do is decide what stock image you are going to use and what your output size for the large piece is going to be. Are you going to print it in a A3 size or are you going to only use it on the web. In our case we will be making a large enough image to use on the web and in print if necessary. Go ahead and open up Photoshop and then create a new document by going to File>New (CTRL+N) then create a document with the settings below.
Now that you have a blank document in front of you it’s time to create your color base for the design. Go to Layer>New Fill Layer>Gradient this will bring up a gradient fill box. Now double click the gradient to setup a new gradient and set the gradient from #3c6c94 to #c0ecf8 (See below) Once you have created your gradient hit OK>OK and then you will see a nice smooth, good looking gradient as your base.
Time to make use of the first downloaded texture, it’s called DSC_0042 I am not aware who the author of the texture is due to having the texture for quite some time now. Open up the texture and drag it into your canvas. Set the layer’s blending mode to Overlay and erase parts of the layer you don’t want. Now create a new layer Layer>New>Layer (SHIFT+CTRL+N) and use a big soft brush with the color #6b6b6b and brush over your entire canvas, then set the blending mode to Overlay. Lastly go to Layer>New Adjustment Layer>Gradient Map use the default gradient map, which is Black to White and then set the blending mode to Multiply and the Opacity to 76% This is what you should have below.
Now it’s time to bring in our stock photograph, I have chosen to use one from iStock Photo. Open up your model picture in Photoshop and start to remove the background from around your model if you don’t know how to do it, follow This Tutorial from Media Militia. Now that you have removed the background from the models picture you can drag your model into your canvas and you should have something like this below.
Now that you have your model in the canvas, it’s time to start working on the effects. Create a new layer and take a big black soft brush and then brush at the bottom of your canvas, just to add a darker feel at the bottom. You should have something like this below.
In this step we will start adding lighting to the model. Create a new layer and fill it with black #000000. Now set the blending mode to Linear Dodge and select your brush tool with a soft brush of about 960px big. Now start using different colors to blend your model and lighten up the canvas. I used the following colors: Blue #005d7f | Pink #570033 & #970059 | Green #617c01 | Red #810007 I mixed those colors together and then finally used a hard small brush with White #FFFFFF to create the dots that you see on the chart below. The image you see below is the layer with colors without the blending mode.
Here you can see what the outcome is after the blending mode is set to Linear Dodge.
You can see the piece is coming together now. In this step we will be repeating the exact same thing we did in Step 6 just with a bit different colors. Create a new layer and fill it with black #000000 now set the blending mode to Linear Dodge and grab your brush tool with a soft brush sized 700px now choose the colors that you want to use to light up the canvas. I used Pink #450627 & #32041b | Green #1a1900 you are free to use any colors that you desire though. See color placement below.
Now add in another soft pink in the top left hand corner just to balance the color in the piece.
Now make sure both your layers are set to linear dodge. You should have something like below.
Now it’s time to add in some elements. In this case we will be adding in some butterflies, stars and cogs. I have made these elements available for download as a package Elements Pack Now you can import these elements into your canvas and then place them around how you would like them to be placed. I added in the cogs first and set some of their blending modes to overlay just to give a variety of depth.
Now I added in the stars and placed them around as I wanted, depending on the image you use, you can position them to flow with your design.
Next I added in the butterflies, I made some of them bigger than the others to also portrait depth in the piece. This is what I have so far below.
In this step we will be adding some image adjustments. Go to Layer>New Adjustment Layer>Brightness/Contrast. Leave the brightness at 0 and make the contrast -20 now press OK to accept the changes. Now go back to Layer>New Adjustment Layer>Curves Use the RGB Channel and just curve your line out a tiny bit to darken the middle of the piece a bit. You should have something like this below.
Now it’s time to make use of some brushes. Navigate down your layers palette and create a new layer just underneath your model layer. Now grab your brush tool and make use of Abstract Glow Brushes by Ro-stock now choose your brush from the pack and brush underneath the model layer to give it a mystical feeling. I made use of 2 different brushes in this case to make things flow well. I have something like this below.
In our final step we will be sharpening the image. Firstly create a new layer by going to Layer>New>Layer and then go to Image>Apply Image. Now that you have a applied image go to Filter>Other>High Pass now use a radius of 10px and hit OK. Now set your blending mode to Overlay and your opacity down to 42% and you are done.
Here we got the best inspirations and design resources around the world. Some of the most inspiring images selected by our writers and readers. Take a look at the links we have selected for your inspiration and to keep you updated about what’s going on out there. If you want to participate and share your graphic design inspiration, please feel free to let us know. You can also check out Webdesigner News for more great content from around the web that can be interest to web designers.
Giza Pro Typeface
4K Magazine PSD Mockup
Boris Khalvadjian – Branding
60 Days of Logos
55+ Elements UI Kit
Illustrator Vs Photoshop
Want more? No problem! Keep track of top design news from around the web with Webdesigner News.
We are talking about Smaug, the arrogant, greedy, malicious, cruel, dangerously sharp minded, massive and powerful dragon from the Hobbit.This digital art was designed by Brazilian digital artist and graphic designer André Luiz de Castro, who used ZBrush and Photoshop and took around 35 hours to finish.
Smaug is a fictional dragon and the last great Fire-drakes of Middle-earth in J. R. R. Tolkien’s 1937 novel The Hobbit. Smaug rose to prominence by laying waste to the town of Dale and capturing the Dwarf-kingdom of the Lonely Mountain (Erebor) with all of its treasure. These events occurred some 150 years before the events of The Hobbit, and Smaug was already centuries old at the time. In the book, the dragon is sometimes called Smaug the Golden or Smaug the Magnificent.
As a designer, sometimes it’s difficult to get started on a new project. Maybe You will need to scour the web for inspiration, or doodle on a notepad to hopefully get some ideas. That’s when you need to look through collections of freebies.
Fortunately, enhancing your web design doesn’t have to cost a small fortune or take a lot of time. Here are 10 Awesome Freebies for Designers that can help enhance your web presence today.
1) Vector Icons
200 vector icons are fantastic for use on all manner of sites. With subjects ranging from science to entertaining, the vast scope of the icons means that you’re bound to find something useful.
This vector icon pack includes 200 vector shapes, meaning you can scale them up as much as you like and they’ll stay sharp. Each file includes AI, EPS, PSD and JPG files. They’re good for use on both personal and professional projects.
2) CORP responsive WordPress theme
CORP is a clean and versatile theme that’s absolutely packed with features. The simple grid layout provides an ideal frame to hang your content on, it’s ideal for corporations that need an online presence in a hurry, or as a starting point for any business whose brand image projects organization.
The theme was tested up to WordPress 3.5.1; it features the drag and drop GT3 Page Builder; it’s fully responsive and retina ready; it’s coded with SEO and best practices in mind; Google webfonts are supported; different header layouts are available; custom menus, backgrounds, modules, shortcodes and widgets are all included; there’s a premium slider plugin; complete documentation; and much, much more…
3) Flat Rounded Social Icons
Flat design is all the rage, and trend-conscious clients are beginning to ask for redesigns to meet the current fad for all things flat. Here is a set of free almost-flat social icons which is designed to embrace flat design without surrendering to it completely, the set is a great way to iron out your current design.
4) Flowing Borders & Ribbons
Here is a set of 46 hand-drawn frame and ribbon vectors. Scribbled onto a page and then digitized, the liberated borders look like they were drawn in the heyday of UPA cartoons; I half expect to see Mr. Magoo, or Gerald McBoing Boing, come wandering across the page.
Add a light watercolor wash and combine them with a heavily scrolling script typeface and they’d make a lovely, and personal feeling, addition to any wedding stationery.
5) Colorful Grunge Textures
This set of 25 Colorful Grunge Textures is perfect for use as overlay textures on your photos. The pack contains 25 .jpg textures at 5000 by 5000px saved at 300ppi. The textures are compatible with all photo editors that support layers (Photoshop, Photoshop Elements, GIMP, Pixelmator etc.), both PC and Mac.
6) Modus Versus PSD Template
Modus Versus is a free multi-purpose PSD template, designed on the 1170 grid system. Excellent for use with responsive frameworks like the popular Twitter Bootstrap, it could form the basis of a good corporate site. It would be an ideal choice for a marketing or professional services company, or you could pick it apart and use elements of it in other projects.
7) Flat UI Kit
Flat design is more of a rejection of 3D artifice than it is a style, which fits so perfectly into the contemporary landscape that it’s already hard to envisage a time when it wasn’t de rigueur. To help you take the leap into flat design WebDesignerDepot put together this great freebie: A free flat UI kit.
8) Bluetron icons
This is a set of 40 fantastic icons called Bluetron. They are available as PNG files (256 x 256px). You can use them for free for both personal and commercial purposes. The icons were designed by Waqas Ahmed who’s the founder and blogger of The Art Times and Lead Designer at Iconic Graphics.
9) Ultimate Social Icon Set
This is a social icon set which contains all the latest icons needed for you social needs! It includes a total of 75 icons, provided in three sizes: 16×16, 32×32 and 64×64. The file is free for personal and commercial use.
10) Exclusive Photoshop Patterns
This one is a Photoshop pattern file (.PAT) which contains 40 beautiful textures that you can apply to your designs. A detailed step by step instruction is provided inside the file to help you use them. You can use these as textures for your websites or any background.
Photoshop Lady is established in April 2008. We have been growing really fast within these six months. Photoshop Lady has been featured on many popular websites and blogs and has been received a lot of positive feedback.
Photoshop Lady aims to collect the best and free photoshop tutorials around the internet. Photoshop Lady is updated daily. User can add your favorite photoshop tutorials simply by clicking “Add to Favorite”, so that users can revisit them at any time.
Currently, there are over 10,000 RSS readers with over 200,000 unique visitors and over 800,000 page views / month. Our visitors consist mainly of professional designers from all over the globe with the majority located in the US. You can find more details about each ads zones below or via BuySellAds.
Small Banner Ads
The banners are located at the Top of the Blog. The banner ad will appear on every single page of the blog. The banner size is 160x100px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 0 / 4 ads spots are available. The cost of Top Small Banner Ads is $280/month.
Leaderboard Banner Ads
The banners are located After the 1st/2nd Blog Post. The banner ad will appear on every single page of the blog. The banner size is 728x90px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 0 / 1 ads spots are available. The cost of Top Small Banner Ads is $380/month.
Skyscraper Banner Ads
The banners are located at the Left Side of the Blog. The banner size is 200x400px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 1/1 ads spot available. The cost of Sidebar Large Banner Ads is $350/month
If you are interested, please feel free to make a puchase via BuySellAds.