In this tutorial, I will show you the process of creating this “Mechanical Man” digital art in Photoshop. We will use a number of photo manipulation techniques to merge several objects into one piece, and apply image adjustments to fine-tune each of the objects to achieve the desired effect. This is an immediate level tutorial… Continue reading The Creation of “Mechanical Man” Photo Manipulation in Photoshop
Tag: effect
Artistic Photo Manipulation with Cracked Face Effect in Photoshop
In this Photoshop tutorial, I will show you the process of creating this Artistic Photo Manipulation with Cracked Face Effect in Photoshop. We will practice a number of layer masking techniques and image adjustment tricks along the way, as well as applying some interesting filter effect to our image. This is an intermediate level tutorial so… Continue reading Artistic Photo Manipulation with Cracked Face Effect in Photoshop
Animated Border Menus
View demo Download source The other day I saw a really nice concept of a menu on the UI8 site. CreativeDash implemented that gorgeous concept and I instantly had some ideas for more effects involving border transitions but also with the desktop in mind. So today I want to show you how to create something… Continue reading Animated Border Menus
Create a “Lomographic” Photography Effect in Photoshop
The “Lomography” photo effect is a popular contrarian photographic style characterized by oversaturated colors, distortions, unexpected prismatic effects, and several other qualities that are usually avoided or corrected by traditional photographers. Those who enjoy and seek these unusual effects appreciate lomography’s stylized surrealism. The effect is inspired by photographs taken from an inexpensive Russian camera… Continue reading Create a “Lomographic” Photography Effect in Photoshop
Rawr! How to Draw an Anatomically Correct Dragon
Dragon anatomy is a problematic topic, mainly due to the fact that they’re mythical creatures. However I can show you how to design a believable body for this mythical creature based on basic anatomy theory. In this tutorial you’ll learn about dragon skeleton, muscles and movement. If you want your dragons to look real, this… Continue reading Rawr! How to Draw an Anatomically Correct Dragon
Create Fresh Fruit 3D Text Effect in Photoshop
In this Photoshop tutorial, I will show you the process of creating fresh fruit 3D text effect in Photoshop. You will learn a few trick to render a nice and unique 3D text effect and apply various fruits around it. We will use a number filter to add some extra effect for our text. This… Continue reading Create Fresh Fruit 3D Text Effect in Photoshop
How To Create an Ornate Compass Rose in Illustrator
I recently shared some tips with a subscriber about how to create a nautical star design in Illustrator, which then prompted me to research traditional nautical star and compass rose layouts and construct an ornate design of my own. The process makes use of lots of simple but really useful techniques in Illustrator to build… Continue reading How To Create an Ornate Compass Rose in Illustrator
Impressive Parallax Javascript Plugin That Supports Gyroscrope
Parallax effect is one of the coolest animation in web design industry. Its sibling – Parallax scrolling has been quite a famous web layout since last year! We found this pretty cool Javascript plugin that bring parallax effect to a new level. Parallax.js reacts to the orientation of your smart device, offsetting layers depending… Continue reading Impressive Parallax Javascript Plugin That Supports Gyroscrope
Breathtaking Photography: Shooting in the Golden Hour
The golden hour is the time of day, usually in the early morning or evening, when the light creates a very special effect in photography. During the golden hour (sometimes also called the magic hour), the light is soft, with a reddish hue, which brings warmth and depth to a photo. At the same time,… Continue reading Breathtaking Photography: Shooting in the Golden Hour
Create Pure CSS 3D Model With Tridiv
We all know about WebGL, it’s an open standard browser implementation of OpenGL, and you can create 3D games, effect with Javascript. Now, we have a new way to create 3D graphic – by using CSS. I found this very impressive tool called Tridiv, a web-based editor for creating 3D shapes in CSS. If you… Continue reading Create Pure CSS 3D Model With Tridiv
Code a Single-Page Sliding Website Layout With Fixed Navigation
When constructing a simple webpage, it can often make sense to fit the content into a single layout rather than multiple pages. These single-page websites are beneficial when you have a small project or portfolio which needs some online presence. If you split up content into neat sections, then visitors might use a small sliding… Continue reading Code a Single-Page Sliding Website Layout With Fixed Navigation
Create a Shaded, Stylized Text Effect in Photoshop
Typography and text effects are critical in today’s graphic and commercial design. Viewers are becoming more and more overwhelmed with daily information, and as a result they can inadvertently be conditioned to “filter out” messaging that isn’t truly distinctive. Stylized typography is an effective way to regain the attention and appeal that can otherwise be… Continue reading Create a Shaded, Stylized Text Effect in Photoshop
20 Useful and High Quality Web Design Tutorials and Resources
Web designers and developers must know various important components to develop a beautiful website. All tricks and tools can not able to learn within few days. It requires long practice and hard work. To help those guys I today going to present 20 Useful and High Quality Web Design Tutorials and Resources. How to… Continue reading 20 Useful and High Quality Web Design Tutorials and Resources
25+ must-have Photoshop actions for your toolkit
No matter your area of expertise, chances are you’ve worked with photographs. Web and print designers alike are no strangers to the magnificence that can be captured in photos. It’s what we build our designs on top of and with, whether they’re the focus or just a background piece. And as the time passes and… Continue reading 25+ must-have Photoshop actions for your toolkit
The Creation Process of “Urbanized” Photo Manipulation in Photoshop
In this tutorial, I will show you the process of creating this “Urbanized” photo manipulation in Photoshop. The concept behind this work is that human is increasing living in a confined urban space and being consumed by the endless expansion of the cities. I used 3 elements in this manipulation to represent the theme “Urbanized”:… Continue reading The Creation Process of “Urbanized” Photo Manipulation in Photoshop
How To Create Stylish Pictogram Inspired Illustrations
Illustrating with basic linework not only results in some really cool artwork, it also makes the job a lot easier! Instead of painstakingly drawing every detail, simplifying the object into its basic form and using just a single stroke weight produces a stylised pictogram effect. In this tutorial I’ll take you through the process of… Continue reading How To Create Stylish Pictogram Inspired Illustrations
Freebie: 7 Abstract Photoshop Actions
Plexiglass Photoshop Actions Preview Plexiglass is a set of Photoshop actions that adds abstract overlays to your photos. They’re great for posters, covers, or even as backgrounds for images. What’s cool about these actions is that you can resize or crop your image and the effects will update itself to fit your new image dimension.… Continue reading Freebie: 7 Abstract Photoshop Actions
How To Make a Letterpress Texture Effect in Photoshop
I’ve received a few questions recently about how I create the letterpress style texturing that appears on pretty much every retro/vintage design I make. Today’s tutorial will show you a quick and easy way to give your logos and typography that ink stamp style effect that originated from the old letterpress style printing technique. … Continue reading How To Make a Letterpress Texture Effect in Photoshop
Create Unique Floating Rock Typography in Photoshop
In this tutorial, I will show you the process of Creating this Unique Floating Rock Typography in Photoshop. You will learn a number of brush tricks, image adjustment tips and practice your selection techniques. This is an intermediate level tutorial so some steps can be tricky, but why not have a try! Note: The Photoshop… Continue reading Create Unique Floating Rock Typography in Photoshop
10 Advanced Photoshop Tutorials for Lighting Effects
There is an open area in Photoshop to experiment with some amazing effects. You can play with any image in Photoshop creating some Lighting Effects which can be used in your upcoming print or web design. This article provides some Advanced Photoshop Tutorials for Lighting Effects. Advanced Glow Effects Show me the light –… Continue reading 10 Advanced Photoshop Tutorials for Lighting Effects
Add Depth to Flat UI with Flat Shadow.js
A while ago, I stumbled upon a post called Flat design casts a long shadow by the fine folks at Web Designer Depot and I was amazed by how adding a simple shadow could create such a beautiful depth of design to the flat UI elements. What if we bring this effect to the web? Today, let… Continue reading Add Depth to Flat UI with Flat Shadow.js
CSS3 Menu Tutorial : Cool Bouncing Effects
In this tutorial I will show you how to create CSS3 menu with bouncing effect. In thisCSS3 menu tutorial we will use keyframes to apply bouncing effect on menu. With thekeyframes rule, you can create animation. During animation you can change the style as much as you want. As you know how important is menu navigation on… Continue reading CSS3 Menu Tutorial : Cool Bouncing Effects
CSS 3D Image Flip Gallery With Dynamic Shadows
My recent book Pro CSS3 Animation walked the reader through a simple version of a 3D flip image gallery. After publication, I wanted to take it further: thus, this article. The UI challenge addressed here is the same focused on in many of my other CSS 3Dworks, such as the Origami UI: we live in a world of increasingly diversified… Continue reading CSS 3D Image Flip Gallery With Dynamic Shadows
Tutorial: How To Build Input Fields with Tag-Style Item Blocks
Many newer social media communities and web applications are pushing the boundaries of interface design. Form inputs have changed a lot over just the past 4-5 years. One such feature is the tag select input field, where users can enter tags which appear as block items within the field itself. For this tutorial I want… Continue reading Tutorial: How To Build Input Fields with Tag-Style Item Blocks