Tag: image

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

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

Create a slide-out footer with this neat z-index trick

In this short tutorial, we are going to create an interesting slide-out footer with a bit of CSS. Grab the zip from the download button above, open it in your favorite code editor and read on! The Idea The effect we are after, is to give the impression that the page lifts up to reveal… Continue reading Create a slide-out footer with this neat z-index trick

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

Building a Circular Navigation with CSS Transforms

VIEW DEMO DOWNLOAD SOURCE In this tutorial I’m going to show you how to create circular navigations using CSS transforms. I’m going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique. Like I… Continue reading Building a Circular Navigation with CSS Transforms

Ornamental Nature – Websites featuring Handwritten Fonts

Hand drawn typography is no longer associated with doodles in average school workbook; it has firmly entrenched in print, graphic and web designs. Among all variety of adorned fonts that give opportunity not only represent content in the best light, but also play as a decorative tool – it is definitely undisputed leader. Unlike most of… Continue reading Ornamental Nature – Websites featuring Handwritten Fonts

How To Design a Responsive Site Correctly

Businesses must decide whether to build a native mobile apps or a responsive site for their digital presences. Should you invest in separate iOS and Android development or simply design a site that works across all devices? If you opt to build out a responsive site, here are some best practices to make your design seamless on… Continue reading How To Design a Responsive Site Correctly

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

14 Fantastic Free Tools for Design Collaboration

For designers, collaborating and sharing design concepts can be frustrating. The process is often initiated over email, while we wait for feedback and sort through comments and revision notes. However, there’s a wealth of excellent collaboration tools to make it easier to get feedback and approve artwork in a timely, professional manner. For freelancers or… Continue reading 14 Fantastic Free Tools for Design Collaboration

Applying Categories, Tags and Custom Taxonomies to Media Attachments

Have you ever been frustrated by the fact that WordPress doesn’t let you assign categories or tags to your images or uploaded media?  Imagine how useful it could be: you could create dynamic galleries of images from specific places or of specific types (landscapes, abstracts etc.), or you could create listings pages for sites with… Continue reading Applying Categories, Tags and Custom Taxonomies to Media Attachments

Create a Mysterious Scene with Planets

Preview of Final Results Tutorial Resources Stars – greenaleydis-stock Cosmos Package – resurgere-stock Field – f3rd4-stock People Brush – fiftyfivepixels Trees Silhouettes – kuschelirmel-stock Trees Silhouettes 2 – winerla-stock Bushes – redheadstock Step 1: Creating a new Photoshop file Let’s start off by creating a new Photoshop file. Create a new file with the following… Continue reading Create a Mysterious Scene with Planets

Creativity Fine-Tuning: Best of Flickr Group – Vol. 81

Welcome to the 81st volume of “Creativity Fine-Tuning: Best of PSD Vault Flickr Group”, which is a showcase I run regularly here on psdvault.com featuring some fantastic, highly-creative design works in the PSD Vault Flickr Group. Hope you enjoy those works as much as I did and find them inspirational! Meanwhile, if you have some cool… Continue reading Creativity Fine-Tuning: Best of Flickr Group – Vol. 81

Create a Simple jQuery Image Lightbox Gallery

When building your own WordPress theme, there are a number of items to consider. One such page element is a dynamic image gallery, either using a lightbox or some type of sliding panel. Both of these user interfaces mesh nicely into the content of an article. Since they can both work on typical websites it… Continue reading Create a Simple jQuery Image Lightbox Gallery

Build a Mini Image Gallery Slideshow using Galleria

After searching through countless blog posts I have been looking for a really great image gallery slideshow. Something that could be added into WordPress and made as an easy publishing solution. This lead me onto Galleria which is a beautiful open source responsive image slideshow using jQuery. In this tutorial I want to demonstrate how… Continue reading Build a Mini Image Gallery Slideshow using Galleria

Create Facial Photo Manipulation Surrounded by Electrified Orbs in Photoshop

In this tutorial, I will show you the process of creating this Create Facial Photo Manipulation Surrounded by Electrified Orbs in Photoshop. I will show some interesting methods to rendering the electrified orbs by utilizing lightning textures and various Photoshop tools. We will go through manipulation techniques such as clipping mask, layer mask, layer blending… Continue reading Create Facial Photo Manipulation Surrounded by Electrified Orbs in Photoshop

Top 20 Photoshop Alternatives for Creating Multimedia Content

Adobe Photoshop has been one of the most widely used tools for creating banners, logos, website templates and other forms of graphics. However, anyone who has used Photoshop knows that it’s an advanced software that a normal user cannot use very easily.   This is why we have created this list of 20 extremely user… Continue reading Top 20 Photoshop Alternatives for Creating Multimedia Content

10+ Mobile Friendly Responsive jQuery Slider Plugins

One of the hottest trends in the web design space, started by the popularity of mobile devices, is design of websites with responsive layouts. Indeed, if you are planning to build a website, it is an advantage, if not a must, that you go for a template design for your web page that can conveniently be viewed by mobile internet users whose number is increasing by leaps and bounds.

New Features of Adobe Muse CC

Adobe Muse CC software allows designers to create professional websites for desktop and mobile devices without writing code. Using Adobe Muse CC you can plan, design, and publish HTML pages according to the latest web standards using familiar Adobe tools the same as in Illustrator or InDesign. You will be able to work quickly with… Continue reading New Features of Adobe Muse CC

Email Templates For Web Designers And Developers (PDF, ODT, TXT)

You know how it goes: you are facing a difficult situation with a client, and you aren’t quite sure how to respond to it to navigate the conversation into a meaningful direction. This is where email templates can come in handy. This article features email templates for communicating with clients, superiors, teammates and the like.… Continue reading Email Templates For Web Designers And Developers (PDF, ODT, TXT)

Create An Animated CSS Box Menu

In this tutorial were going to play with CSS transitions to create a new style navigation menu. The effect we are aiming for is having a number of navigation boxes, and when the mouse hovers over a box this will grow and shrink the other boxes. We can even add an icon to animate into… Continue reading Create An Animated CSS Box Menu