Your Favourite Photoshop Tutorials in One Place
- Photoshop is recommended for this tutorial -
With rich beautiful works in web design, illustration and icon design, designer Vet Orso from Russian Federation shows his drawing process for FORNEX with the help of photoshop.
When he completes the draft, each parts needed on the paper, he has a general idea in his mind. Then he starts his work with photoshop. Drawing the sketch for FORNEX, coloring and dealing with details are main steps. Since it is not difficult, with careful observation and patience, the result is one brilliant piece of work comes into being. It does have some kind of similarity with the original poster!
Webydo offers a code-free, fully integrated website design solution for professional web designers. However, what does it take for a designer to start creating sites for their clients? First, after a year, Webydo has become known and widely praised by the creative professional community for their intuitive design studio, feature rich options and ability to continuously develop and add new features for their designers. The best part about all of this is that there is absolutely no code involved.
Innovation is piped in through the air vents at Webydo because what the designers are able to accomplish in a year has taken other similar platforms twice the amount of time. The latest and most exciting feature update is Webydo’s code-free, Parallax Scrolling Animator. Presently only offered in closed-beta, Webydo is granting access to the first 3,000 designers who sign up. Keep in mind that this is a hot feature and picking up a lot of attention and invites are running out quick, so grab yours before this unique opportunity closes.
Webydo’s mission is to put designers in the driver’s seat of every project or task. Good news for designers is that by adding the ability to create a Parallax Scrolling website with their pixel-perfect animator, they can work independently to create and manage websites for their clients that will meet today’s hottest web design trends. We have seen some big names recently switch over to parallax scrolling such as Puma and Sony. In addition, designers can work on a site to site basis or upgrade their work load by signing up for the team or agency packages. This allows designers to have more control over their client’s websites and growing their design agency.
You can place Webydo in the center of your business so that you have the option to do more in less time. It’s not going to be the run of the mill website creator. Getting starting is more intuitive for the experienced designer thanks to the familiar layout that is akin to that of Photoshop or InDesign. Shortening the learning curve and getting designers creating sites either right from a blank canvas or to take inspiration from one of the readymade designs or layout options.
There are some incredible features within this B2B cloud-based design suit. You will be able to create a great looking website from start to finish without using code. You can also bill your clients within the dashboard. When your clients enter the CMS aspect to make any changes to content, they see your logo thanks to the white labeling option, allowing you to not only brand the dashboard but also help clients to see exactly where they are.
The community is really what makes Webydo so unique. The “Participate” page is where designers can propose features and let the community vote. Within a few weeks, the Parallax Scrolling Animator will also be live, which is one of the hottest trends hitting web design right now. In case you’re not sure of what this is, it allows depth, movement, and animation to be added when a user scrolls down the length of a web page. Providing an almost 3D affect, that started picking up popularity in video games and then taking off in 2013 by the web design community.
Webydo’s closed-beta invites are again available for the first 8,000 designers who sign up and they will have the opportunity to be some of the first to experience the freedom of Parallax Scrolling Animation with Webydo.
This article is presented by Webydo’s professional community of designers.
Ukrainian artist Denis Gonchar shows the process of dealing with lion image with Adobe Illustrator. The tutorial shows how does a colorful dimensional lion head appear on the warm sand yellow background. The way is to add color onto the original lion head and deal with details time and time again.
A lion-head profile with light background is a must. The next step is to darken the lion’s mane, presenting dimensions, then proceed to add decorative colors to present the artist style of the lion and finally be sure to the deal with the bright color and dark color around the lion head carefully to show light and shadows reflected by the lion head, which is also for dimensional purpose.
Sometimes, you may find it difficult to look for some of the highest quality photoshop tutorials using search engines. As most of time, almost all tutorials would label themselves to be good, high quality or even the best photoshop tutorial you can find. When searching through all these tutorials, your time is wasted.
In order to save your time, Photoshop Lady come up with Top 20 User Interface Design in Photoshop. These are selected from our Photoshop users and readers.
Happy New Year! Photoshop Lady Group would like to say thank you very much to everyone who has been supporting Photoshop Lady in the past and we do hope our contents can inspire and help you with your artwork creation. Some published great tutorials from 2014 have been selected in this article and hope you guys like them. Enjoy!
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.
Thanks to climate change and a general shift towards eco-living, natural fonts are in high demand right now. We’ve scoured the web to find the best fonts with a natural theme available anywhere, for you to use in your own work. Some are conventional, others are wildly imaginative, but all should serve as a great source of inspiration when creating designs of a natural persuasion. Leaves, logs, trees, beaches, flowers, stones, stars, bugs and even human hair- you’ll find it all, and much more, below.
This ‘submarine’ font is perfect for use in any aquatic design. Complete with little fishies, it’s reminiscent of fish tanks and sea-life centres.
2. Tree Like
Bowed and warped, Tree Like has a really unique look and ties in perfectly with epic high fantasy. Think: Lord of the Rings.
I love this font! Quirky, peculiar and idiosyncratic, it would be perfect for promotion of a really cool, indie band.
4. Apple Tree
Apple Tree manages to look organic, despite its modern, some-might-say futuristic design. It would look great in work based around futuristic methods of sustainability and carbon conservation.
5. Beach Type
Beach Type is a chilled-out, laid-back kind of font. It’s the font you’d expect to appear on a beach bar on some exotic island.
6. Wood 2
Wood 2 has a classic, handmade feel. Characters seem to have been nailed together from bits of old timber. It’s perfect for work with an organic theme.
7. Flowers Cube
Flowers Cube is an embellished version of a classic, angular font. It has a real vintage feel to it.
8. Natural Log
Natural Log’s spindly, hand-drawn aesthetic makes it perfect for designs aimed at children.
9. Flower 3
Simplicity at its best, Flower 3 looks as though it was written with a blade of grass dipped in ink. It’s utterly charming. Perfect in work centred around agriculture and the countryside.
10. Seaweed Fire
Seaweed Fire is spiky, compact and rather dismal, but fantastic all the same. It should be used in anything to do with horror.
11. Charcoal First
Unruly and irregular, with some letters bigger than others, Charcoal First has a definite graffiti-like, urban quality. It looks like it’s been written quickly, possibly on a wall somewhere!
12. Wild Wood
Rooted to the ground and covered in thin shoots, Wild Wood looks like something from a modern fairytale. It has a certain Tim Burtonesque, gothic quality to it.
13. Stone Cold
Grungy and weathered, Stone Cold is abstract, but still easy to read. This font certainly looks better when it’s bigger.
14. Beyond Sky
Beyond Sky is a very feminine, dreamy font. It’s gorgeous and would ideally suit being used in the beauty industry.
15. Wood Sticks
The cartoon-like Wood Sticks font has a cheerful, light-hearted appearance. It would look great on the menu of a vegan cafe.
16. Night Sky
Night Sky is such a fun font, surrounded by stars and crescent moons. Why not use it in a children’s book or on a website aimed at kids?
17. Bingo Star
Stars are tightly clustered together to form the letters of this highly original, delightful font. If you’re looking for a font that’s unique, this is the one for you.
Sleek, slick, cool and highly professional, Earth is a font fit for the ‘space age’. It’s perfect for use on promotional flyers for club nights or modern, dance music events.
19. Galaxy 1
Similar to the Earth font, Galaxy has a real vintage quality. Like the font used in Star Wars, it looks like it has come straight from the 70s, which is great for use in vintage designs.
20. Alpha Woman Hair
You can’t help but laugh when you look at this font. Cheesy and pretty ridiculous, its letters are formed from various hairstyles. Not to be taken seriously, however, it could be used to great effect in a tongue-in-cheek design.
21. Moon Star
Moon Star looks like something from a 60s TV show like Bewitched or The Jetsons. It’s really magical and would fit well with 60s/70s-like vintage designs.
22. Little Insect
So cute, Little Insect is another hand-drawn font ideal for children or companies with a soft, caring image.
23. Animal Caps
Each Animal Caps letter looks like an antique object. While it won’t fit with much modern graphic design, it’s so imaginative; I just had to include it in this list.
24. Sea Dreams
Sea Dreams looks like it’s suffered from a degree of coastal erosion itself. Soft and calming, why not use it on the front cover of a suitable novel.
25. JF Jungle Rock
Chunky characters, shrouded in plants and bugs, JF Jungle Rock looks like something out of a classic, tropical arcade game. It’s certainly got a hint of caveman about it.
Tom Walker is a blogger and designer working with an online supplier of MFC cartridges, inks and various other print materials to the creative industry. He often writes about innovative advertising and design on the CreativeCloud.
Monster usually appears on cartoon films and seldom show up in real pictures. To your children, it would be great idea to draw a monster on their real pictures. In this tutorial, it will show you techniques to draw a 3D monster on a real picture in an easy way.
First, we are going to start with the eyes, using the Elliptical Marquee Tool (M), make a circular selection, hold the Shift key pressed while drag the circle to keep it proportional. With the Paint Bucket Tool (G), fill the selection with white color, next, apply a Bevel and Emboss Layer Style with the following settings.
Now, create a new Layer over the previous one, for the iris, use the Elliptical Marquee Tool (M) and place it in the middle of the eye, next, using the Paint Bucket Tool (G) fill it with light blue color. Apply a Gradient Overlay Layer Style with the following settings.
Make Ctrl + Left Click on the Iris Layer, to select the iris shape, now go to Edit > Stroke and make a 2 pixels blue stroke around it on a new Layer “Iris Stroke”, the blue color we used before will work. To add depth on the iris, create a new Layer “Iris Bright”, and using the Gradient Tool, make a white gradient as shown.
For the iris texture we are going to create a custom brush. With the Brush Tool (B), on a new Layer, draw a form more or less as shown, next, Ctrl+ Left Click on that Layer, to select its content, then go to Edit > Create Brush, now, we have our custom brush on the Brush Presets menu. Go to the Brush Presets palette (F5), and on the Brush tab, adjust settings as shown. Create a new Layer, “Iris Texture”,set its Blending Mode to Soft Light and 100% Opacity, and with the Ellipse Tool (U) make a circle, smaller than the iris size, now stroke the Path with the custom brush selected, then, you will get a radial iris texture.
On a new Layer “Retina”, let’s make the retina, use the Elliptical Marquee Tool (M) to create a circular selection, next, fill it with black color. Create a new Layer “Retina Bright”, set its Blending Mode to Mormal and 100% Opacity, with the same selection process we used before, make a white stroke around it. To fade off the upper-right area, create a Layer Mask and make a gradient as shown.
To finish with the eye, create a new Layer “Eye Bright”, and with the Brush Tool, and a Soften Round Brush selected, paint a white stroke on the upper-right area, next, pick the Smudge Tool and dissolve its edges. Once all the eye’s Layers are completed, merge them together to get only one.
Now, let’s get started with the body. Using the Pen Tool (P), create a Path to define the body’s shape, once you are happy with it, create a new Layer “Body”, and Fill Path with pink color. Next, duplicate the eye’s Layer three times and place them on the desired place, resize each one to get a better result, you can also organize all in a folder to keep them organized.
To adjust and refine the shape go to Filters > Liquify, using the Forward Warp Tool (W), make the necessary corrections, as the upper eyebrow.
On the “Body” Layer, apply a Bevel and Emboss Layer Style with the following settings to get the body’s volume.
For the mouth, create a new layer “Mouth”, set its Blending Mode to Normal and 75% Opacity, pick the Brush Tool (B) with a Round Brush selected, and paint the mouth with black color, next apply a Bevel and Emboss Layer Style with the following settings. To create the back legs, use the Rectangle Marquee Tool (M) to select the legs and Copy and Paste it on a new Layer, next go to Edit > Transform > Flip Horizontal, finally adjust the Layer Opacity to 80%, so they appear more distant.
Create a new Layer ” General Shadow”, set its Blending Mode to Overlay and 100 Opacity, next, select the body’s shape ( Ctrl + Left Clcik) and go to Selection > Transform Selection > Contract, and apply a 6px transformation. With the Gradient Tool (G), make a black to transparent gradient, from bottom to up-right as shown. Create a Layer Mask to hide the undesired gradient’s areas.
Create a new Layer, “Main Light”, set its Blending Mode to Mormal and 100% Opacity, then repeat same body’s selection as the previous step, but now subtracting the eyes shapes, like this, once the selection is active, press Ctrl + Alt + Left Click, on each eye Layer. Go to Selection > Transform Selection > Contract, and apply a 12px transformation. On the new “Main Light” Layer, use the Gradient Tool (G) to apply a white to transparent gradient from upper-right downwards as shown. Again, use a Layer Mask to hide the undesired gradient areas.
Create a new Layer “Eyes Shadows” underneath the eyes folder, set its Blending Mode to Soft Light, and 75% Opacity. Make a selection of all the eyes, use de Selection Tool (M) to relocate it a bit left-downwards and fill it with black color. Finally use the Blur Tool to blur the edges a bit.
Now, let’s make the eye’s reflections, create a new Layer ” Eyes Reflections” set its Blending Mode to Softlight and 100% Opacity. Usind the Elliptical Marquee Tool (M) make the following selections, next, with the Paint Bucket Tool (G), fill them with black color.
Next, to highlight a bit the eyes, create a new Layer “Eyes Strokes” set its Blending Mode to Overlay and leave Opacity to 100%. To select the eyes contours, make Ctrl + Left Click, holding the Shift key pressed, over each eye layer, next, go to Edit > Stroke and make a 2 pixels stroke, with black Color, and Outside selected. With the Blur Tool, blur them a bit.
Create a new Layer “Brights”, set its Blending Mode to Normal and 100% Opacity, and with a Soft Round Brush, paint the eyebrows lights, following with the Smudge and Blur Tools to mix them with the body’s surface.
Following with the lights, let’s create three layers, first one “Brights 2”, set is Blending Mode to Soft Light and 35% Opacity. With the Elliptical Marquee Tool (M), make an small elliptical selection, and with the Paint Bucket Tool (G), fill it with white color. Next, with the Blur Tool, blur it a bit. On the next layer “Brights 3”, set its Blending Mode to Soft Light and 30% Opacity, and repeat same operation as on the previous layer, but this time with a bigger elliptical selection, and placed where shown. Finally, the third one, “Internal Shadow” set its Blending Mode to Soft Light and 35% Opacity, but this time filled with black color and placed where shown. Notice that, the last two layers have Layers Masks, I did that for hide some portions of the shapes.
To finish with the lights, create a new Layer “Highlights”, and with a Soft Round Brush, paint some strokes and dots to enhance areas where light has more relevance. Use the Blur and Smudge Tools to blend the strokes with the surface.
Now let’s create a spotted texture on our character. Select the Hard Round Brush on the Brush Palette, now, on the brush settings (F5) , set it as shown. With it, the brush stroke will be as irregular dots, that will give us the desired result. Create a New Layer “Spotted” set its Blending Mode to Soft Light and 49% Opacity, pick white color and paint some dots where shown.
The character is finished, it’s time to start with the background. Organize all previous layers under the same Group Folder, duplicate the resultant folder and Merge Group, so now we have the whole character on a single layer. Open the background image and place it under the character layer as shown (or as you prefer), now go to the Channels Tab and create a new one (Alpha 1 by default), pick the Gradient Tool (G), and with white color make a gradient from top to down that covers 3/4 of the channel, and aN small one from bottom to up, on the channel’s lower part. Select again the RGB Channel and come back to the Layers Tab. Select the background layer and go to Filters > Blur > Lens Blur, select the Alpha 1 channel on the Depth Map Source selector, and apply the following settings. Now we have our background image with a depth of field blur, that gives scale and depth to our image.
To create the character’s reflection, duplicate the character’s layer, set its Blending Mode to Normal and 39% Opacity. Now go to Edit > Transform > Flip Vertical and place it just below of the character as shown. Next, go to Filters > Blur > Gaussian Blur, and apply a 2 pixels radius blur. Finally, create a Layer Mask, and with the Gradient Tool (G) hide the head and midbody of the character.
For the shadows that the character casts, create two layers, first one, is for the shadow placed just below it, “Surface Shadow 1”. Set its Blending Mode to Multiply and 29% Opacity, with the Elliptical Marquee Tool (M) make an elliptical selection and, with the Paint Bucket Tool (G), fill it with black color, next, go to Filters > Blur > Gaussian Blur and blur it at taste. The second one, shadow that He projects on the surface, “Surface Shadow 2”. Set its Blending Mode to Soft Light and 100% Opacity, repeat same technique as before with the Elliptical Marquee Tool (M) and black color. Part of the shadow that is further from the character is weaker, so, to achieve that effect, apply a Layer Mask and with the Gradient Tool (G), and low Opacity set, fade that area.
Following with the character’s integration, using the Blur Tool, blur the further legs to add some depth.
The light, normally illuminates the contour of the objects, to achieve it on our character, create a new layer “Rim Light”, set its Blending Mode to Normal and 100% Opacity. Make Ctrl + Click on the character’s layer to create its selection, now go to Edit > Stroke, and make a 2 pixels white external stroke, with the Blur Tool, blur it a bit. Apply a Layer Mask and hide the areas where light doesn’t reach the character. That contour must be also on the surface’s reflection, so Copy and Paste the previous layer, go to Edit > Transform > Flip Vertical and fit it on the reflection, then set its Opacity to 43%
Light bounces and incides again on the objects, to achieve that effect create a new layer “Bounced Light 1”, set its Blending Mode to Color and 40% Opacity. Witht the Color Picker, select the surface’s color, and picking the Gradient Tool (G), set with low Opacity, make a gradient on the body from left to right. For the lower part, create another layer, “Bounced Light 2”, set its Blending Mode to Normal and 25% Opacity and make a new gradient over it. to avoid staining the background with the gradients, select the body’s shape before making them.
To create more balance on the shadows, create a new Layer “Shadows Correction”, set its Blending Mode to Soft Light and 50% Opacity, then, picking the Gradient Tool (G), and black color, make a gradient from lower left side to upper right.
Now we have the character completely integrated on the background, so, duplicate and merge the previous layers to get the final image. To add some vignetting on the image, go to Filters > Lens Correction, and on the Custom tab you will find its settings, a quantity of -15 will be ok.
Finally, I like to add some noise to my images, create a new Layer, set its Blending Mode to Multiply and 100% Opacity. With the Paint Bucket Tool, fill it with white color, and go to Filters > Noise > Add Noise, a quantity of 5% will be enough.
Here we have our buddy caught by surprise while was taking a walk by the kitchen looking for some tasty things…