Tag: shadow

Create An Emotional Photo Manipulation Of A Sad Angel In Photoshop

Rate this post Learn how to create a fantasy photo manipulation of a desperate angel in sorrow and bleak rainy scene with Photoshop. In this tutorial, you’ll learn how to create your winged angel with ordinary stock images, do some retouch and enchantment on the angel with shadows and lighting, then complete it with rain… Continue reading Create An Emotional Photo Manipulation Of A Sad Angel In Photoshop

How to Create a Greyscale Monochrome Vector Portrait in Adobe Illustrator

What You’ll Be Creating In today’s tutorial, I’m going to show you how to create a monochrome portrait from a photograph. Today’s subject is the inspiring Aydian Dowling, who has given us permission to use one of his photos for this tutorial.  If you’re not aware who Aydian Dowling is, let me introduce you to… Continue reading How to Create a Greyscale Monochrome Vector Portrait in Adobe Illustrator

Create a Sci-Fi Chamber Photo Manipulation in Photoshop

Create a Sci-Fi Chamber Photo Manipulation in Photoshop 5.00/5 (100.00%) 1 vote Learn how to create a sci-fi photo manipulation of a mysterious chamber with amazing light flares and great entrance with Photoshop. In this tutorial, you’ll learn how to contruct your own chamber with textures , place a model in front of the entrance… Continue reading Create a Sci-Fi Chamber Photo Manipulation in Photoshop

Philter – Control CSS Filters with HTML Attributes

Philter provides an easy way for almost anyone to post-process their content in the web. Using Philter is as easy as writing an attribute in HTML. Philter also supports hover effects. This nice effect of grayscale transition was created by Philter with one simple attribute. And some drop shadow, of course. Have you ever wanted… Continue reading Philter – Control CSS Filters with HTML Attributes

10 fresh examples of diffuse shadow UIs

It seems like some of web design trends aren’t going anywhere soon. We’ve seen Material Design initiation and evolution, advanced animations and microinteractions, vibrant color schemes, beautiful typography, great use of minimalism, new responsive design technique and tools and much more interesting stuff. We also noticed a new trend that is making its way through… Continue reading 10 fresh examples of diffuse shadow UIs

How to Create This Eerie Floating Island Photo Manipulation in Photoshop

In this tutorial we will create an eerie floating island photo manipulation by using your vast imagination and the mighty power of Photoshop. I will introduce you to  some simple editing techniques, smart objects and adjustment layers. Let’s begin! What you’ll be creating This is a classic floating island scene with a touch of funny… Continue reading How to Create This Eerie Floating Island Photo Manipulation in Photoshop

Create Dark Text Effect Inspired by “Middle Earth: Shadow of Mordor” Game in Photoshop

In this tutorial, I will show you the process of creating this dark text effect inspired by the action game “Middle Earth: Shadow of Mordor” in Photoshop. This is a beginner to intermediate level tutorial. Note: The Photoshop tutorial is done in Photoshop CC – therefore some screenshot may have slighting different layout as in the… Continue reading Create Dark Text Effect Inspired by “Middle Earth: Shadow of Mordor” Game in Photoshop

Animating Personal Skill Bars With CSS3 Keyframes

This design technique is commonly found on personal portfolios or design studio websites. Skill bars represent a level of knowledge related to certain tasks – web design, illustration, branding, character design, you name it! Adding some fancy animations to these skill bars will provide a quicker connection to the viewer.  In this tutorial I want… Continue reading Animating Personal Skill Bars With CSS3 Keyframes

Simplest Way to Create Cool CSS3 Animation Effects

CSS3 Animation are gaining tons of attention lately. Personally, I have started using it in some of my projects and I absolutely love how simple it is to create a smooth animation effect. One of the major advantages of CSS3 is – they’re hardware accelerated. It’s smoother and faster if compared with javascript generated animation.… Continue reading Simplest Way to Create Cool CSS3 Animation Effects

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

30 Must Have Hot New Fonts

If you are a designer, the fonts you use influence the opinions of your viewers. Choosing the right font for a project is essential. Sometimes you want a font that’s easy to read. Other times you want a font that’s more fun or fancy. However, it doesn’t matter whether you’re a designer or even into… Continue reading 30 Must Have Hot New Fonts

Free Long Shadow Flat Icons

Looking for long shadow style icons? Good, then you came to the right place! Flat design has been continuing virtually unchallenged for some time now, and it’s started to develop sub-styles. One of the most popular new trends is long shadow design, and you’d have to have been living under a rock not to have… Continue reading Free Long Shadow Flat Icons

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

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

Design a Roll-up Banner Stand in Photoshop

For many web and digital designs, the designer’s intent is to make the viewer feel like they’re visiting in person. Not every interested customer can physically visit your storefront, conference, event, or sale, so it’s important to invite them and accommodate them online. One way to achieve this is to allude to items they might… Continue reading Design a Roll-up Banner Stand in Photoshop

Long Shadow Flat Icon Set by Simon Rahm

Time for another freebie! We recently published a post about the emergence of a new trend called Long Shadow Design. As a follow up to that, this freebie contains a long shadow flat icon set as designed by one of our readers Simon Rahm. Simon, a 16-year old student from Austria, emailed us that he… Continue reading Long Shadow Flat Icon Set by Simon Rahm

Free 12 Flat SEO icons

Free 12 Flat SEO icons, this set of 12 flat SEO icons is perfect for adding a light-hearted and playful tone to sites. The flat aesthetic is set off beautifully by the modern color palette and the addition of the long shadow technique is a sophisticated touch. Playful and approachable, the icons are useful for… Continue reading Free 12 Flat SEO icons

Long Shadow in Flat Design: 50 Beautiful Examples

Long shadow a new trend after the flat design. The trend is impacting UI elements and icons the strongest, and designers also start using into other parts of website design and mobile user interface. Long shadow design has been mostly used in icons and logos. Shadows live within the element canvas and often extend outside an… Continue reading Long Shadow in Flat Design: 50 Beautiful Examples

Create your own world – part 2

Requirements: Photoshop CS6 Difficulty: Medium Time: max 1 hour   Outcome: Resources: Create your own world Part 1 PSD We will use our previous image to create a simple website template. Let’s begin: 1. Open a new document. I used 1600×950 2. Fill it with #FFECAA color using Paint Bucket Tool. ( G ) 3.… Continue reading Create your own world – part 2

A Useful Collection Of CSS3 Generators

I used to ignore CSS generators because I thought that there isn’t any use for them. This happened before CSS3 when I didn’t need a generator to create something, however with the gaining popularity that CSS3 had, I had to move towards it and start learning it to adapt to the new standards as most… Continue reading A Useful Collection Of CSS3 Generators

A Useful Tool For Finding Free and High Quality Resources

Time means money and deadlines are shorter than ever.  Therefore, any tool that has the function of reducing your workload should be regarded as a blessing. However, most of the gizmos that you will find online aren’t free and in most cases cost so much that aren’t even worth considering them as an option. So,… Continue reading A Useful Tool For Finding Free and High Quality Resources