Tag: image

Code a Dynamic Featured Image Gallery Layout using jQuery

The common image thumbnail carousel effect has gained traction among web developers. You can locate this technique on almost any major news company or online magazine, coupled with rotating featured images or banner designs. I feel that open source code has offered a much smoother choice for developers instead of being forced to write your… Continue reading Code a Dynamic Featured Image Gallery Layout using jQuery

Thumbnail Grid with Expanding Preview

If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It’s a really nice effect and it is very practical, making a search much easier. Today we want to show you how to create a similar effect on a… Continue reading Thumbnail Grid with Expanding Preview

10 Useful jQuery Plugins For 360 Degree Image Rotation

With the advent of jQuery the web/graphic designing industry was totally revolutionized. JQuery has made the task of designing extremely easy and handy, and allows you to do it quickly by using jQuery plugins. A huge amount of jQuery plugins are available out there, in various categories that allow you to achieve various different types… Continue reading 10 Useful jQuery Plugins For 360 Degree Image Rotation

How to Create This Mystical Scene and Add Makeup to a Girl in Photoshop

Preview of Final Results Tutorial Resources Model – Mariaamanda Stones – Compot-stock Mountains – Resurgere Mountains2 – Kuoma-stock Forest – Riktorsashen Sky – Frozenstarro Butterfly – Madetounique Hair – Trisste-brushes Step 1 – Open a New File Go to File – New (Ctrl+N). Then change the resolution of the new file to Width 2500 pixels… Continue reading How to Create This Mystical Scene and Add Makeup to a Girl in Photoshop

Turn Day into Night in Photoshop

Turn day into night! Use the power of Adjustment Layers and Blending Options to turn a bright daytime image, into a semi-realistic nighttime image. While these settings may not give you 100% perfect results, you can use the same techniques on your images with a bit of tweaking. Source Files The images that I’m using… Continue reading Turn Day into Night in Photoshop

Freebie: 10 Instagram Photoshop Actions

Instant Hipster Actions Preview These are the first Photoshop actions by SparkleStock and they make your photos look like it was shot with Instagram. This free download gives you access to 10 Photoshop actions. If you’re a SparkleStock member, you get access to all 19 of them! This Photoshop action set creates snapshots so that… Continue reading Freebie: 10 Instagram Photoshop Actions

How to Create a Cute Corn Illustration with Basic Shapes in Illustrator

In this tutorial we are going to draw a cute corn illustration, with the use of Pathfinder panel, basic shape tools and some Blends for the color palette, so lets get started. Step 1 First we start with by creating a New document (Cmnd + N), the size of the artboard would be 600 x… Continue reading How to Create a Cute Corn Illustration with Basic Shapes in Illustrator

10 Photoshop Tips: Extend Your Basic Knowledge of Photoshop

Photoshop is very often the tool of choice for photo retouching, but over time it has become a widely used tool in other professional fields such as illustration, conceptual art, graphic design, web design… Therefore, it is a multi-use program that can help a lot to develop our creative work. However, it is easy for… Continue reading 10 Photoshop Tips: Extend Your Basic Knowledge of Photoshop

How to Create Multiple Frames with One Image in Adobe InDesign

It is possible to create cool image effects not only in Photoshop and Illustrator but also in InDesign. In this tutorial we will learn how to place one image into several randomly placed frames. We will use Effects, Object Styles, special Paste features and learn some very useful techniques on the way. Let’s get started!

Photoshop Prowess: 4 Time-Saving Blend Mode Tricks

The old adage is true: time is money. Using inefficient design techniques makes for slow work, which in turn results in fewer clients, a lower hourly rate, and a portfolio with fewer impressive projects. Knowing time-saving tricks can have a subtle but enormously positive effect on your work and your career. There are always multiple… Continue reading Photoshop Prowess: 4 Time-Saving Blend Mode Tricks

The Blur Gallery in Photoshop CS6

In this tutorial, I explain the differences between the three new blurs in the Blur Gallery that have been added to Photoshop CS6; Field Blur, Iris Blur, Tilt-Shift. Plus, if you’re running Photoshop CS6 13.1, available to Creative Cloud members, you can now apply these blurs to Smart Objects! The New Blurs Field Blur works great… Continue reading The Blur Gallery in Photoshop CS6

Quick Tip: Erase Backgrounds Quickly With The Background Eraser Tool

Step 1: Chose an image to work with Open a photo that you want to extract a background from in Photoshop. In this tutorial I’m going to use a scene of two trees and a blue sky as background, but you can use the same techniques applied here to a variety of images and situations.… Continue reading Quick Tip: Erase Backgrounds Quickly With The Background Eraser Tool

24 Cool PHP Libraries You Should Know About

It is an exciting time to be a PHP developer. There are lots of useful libraries released every day, and with the help of Composer and Github, they are easy to discover and use. Here are 24 of the coolest that I’ve come across. Your favorite is not on the list? Share it in the… Continue reading 24 Cool PHP Libraries You Should Know About

Useful Tutorials For Creating Vector Graphic Using Free Software “Inkscape”

In this article, we are sharing with you some useful and detailed tutorials for creating vector graphics by using Inkscape. Although, Adobe Illustrator is there for creating amazing vector graphics but Inkscape is a free resource for creating vector graphics, and for this reason it is the best alternative to Adobe Illustrator. Using Inkscape is… Continue reading Useful Tutorials For Creating Vector Graphic Using Free Software “Inkscape”

Make a Web App with Instagram-like Filters

In this tutorial, we are going to make a simple web app that allows you to drag a photo from your computer into the browser window, and apply instagram-like filters on it. For this purpose we are going to use a number of JavaScript libraries and plugins: Caman.js – this is a powerful canvas manipulation… Continue reading Make a Web App with Instagram-like Filters

Tools and Tips on how to Optimize Images for the Web

The time a page takes to load is something every designer worries about, or at least is something that every designer should worry about. It doesn’t matter if the layout is nice and beautiful if it doesn’t function properly. Since images can be pretty heavy, this is certainly an issue to keep an eye on.… Continue reading Tools and Tips on how to Optimize Images for the Web

Quick Tip: Access the Hidden Photographic Toning Gradients in Photoshop CS6

The Photographic Toning Effects Photoshop CS6 comes loaded with 39 presets to simulate traditional darkroom toning and split-toning effects. Click on the image to download the high-res version you can print. Step 1 Open an image you want to split tone in Photoshop. For this tutorial, we’ll be using the image below as an example.… Continue reading Quick Tip: Access the Hidden Photographic Toning Gradients in Photoshop CS6

Web IDEs: the future of coding

Still using desktop code editors? Web integrated development environments (IDEs) are a new way to build your web projects directly in the browser, often saving development time and making collaboration easier. The humble browser used to just serve up simple HTML documents, but it’s often now your first stop for just about any task. Think… Continue reading Web IDEs: the future of coding

Create a Battlefield Scene Using Stock Photography in Photoshop

By combining the right photography in Photoshop you can create just about any scene that you want. In this tutorial, we will create a battlefield using several stock photographs. Let’s get started! Tutorial Assets Here are the stocks used to complete the image. Sky 1 Sky 2 Spikes Fire Fire 2 Smoke Soldier 1 Soldier… Continue reading Create a Battlefield Scene Using Stock Photography in Photoshop

25 Best Photoshop CS6 Tutorials

Quickly Select Skin Tones Color Splash Effect in Photoshop CS6 Quickly Change the Appearance Content Aware Move Tool Introducing the New Crop Tool Hunger Games Poster Composite Using Photoshop CS6 Use New Features in Photoshop CS6 to Create an Administrator Dashboard Interface Use the Content Aware Move Tool Create Tilt Shift Photography with the New… Continue reading 25 Best Photoshop CS6 Tutorials

UI Design Guidelines for Responsive Design

The web development community has come up with endless solutions, best practices, and tools for coding a responsive design with ease. While the vast majority of websites can be made responsive now, it’s time to push the envelope further. It’s easy to pay attention to great coding best practices, but sometimes the best design practices… Continue reading UI Design Guidelines for Responsive Design