How to Create Your Own Product Mockup Box in Photoshop

Learn how to create your own realistic looking Product Mockup Box in Photoshop with this very easy tutorial This image was made to help readers create their very own product mockup. To create this, we’ll start by making the boxes. Next, we’ll add some designs to the box. Finally, we’ll finish it up with shadows… Continue reading How to Create Your Own Product Mockup Box in Photoshop

Using a Drag and Drop Builder? Get Your Free License

Posted · Category: Uncategorized Drag and drop website building tools have their pros and cons, as do most website building tools. If you are using drag and drop to build your websites, we have a little reward for you – a promise of something better. It’s called XPRS, it offers a new and innovative approach… Continue reading Using a Drag and Drop Builder? Get Your Free License

10 Amazing Photoshop Templates That Every Designer Should Own

What You’ll Be Creating Photoshop templates are a great way of transforming your images instantly into something more eye-catching and professional-looking. Creating a vintage-style collage? Using a vintage PS template will give your photos that authentic aged look. Looking to improve a set of so-so wedding photos? Using a soft focus template will make them… Continue reading 10 Amazing Photoshop Templates That Every Designer Should Own

Selecting Parent Elements with CSS and jQuery

There have been occasions where I’ve wished I was able to select a parent element with CSS–and I’m not alone on this matter. However, there isn’t such thing as a Parent Selector in CSS, so it simply isn’t possible for the time being. In this tutorial we will walk through a few cases where having a CSS… Continue reading Selecting Parent Elements with CSS and jQuery

Kick-Start WordPress Development With Twig: Timber Image, Menu, and User

By now you have read about the basic concepts of using Twig through Timber, while building a modular WordPress theme. We’ve also studied block nesting and multiple inheritance with Twig, based on the DRY principle. Today, we are going to explore how to display attachment images, WordPress menus, and users in a theme with Twig… Continue reading Kick-Start WordPress Development With Twig: Timber Image, Menu, and User

How to Create a Seder Plate for Passover in Adobe Illustrator

What You’ll Be Creating Whether or not you observe Passover, this is a great time to create and learn about the Seder plate and what it means during this Jewish holiday season. Celebrated this year from sunset on 22 April to 30 April (or nightfall of the 29th if you’re in Israel), Passover celebrates the… Continue reading How to Create a Seder Plate for Passover in Adobe Illustrator

How to Prepare a Cool 3D Card for Post-Print Effects

What You’ll Be Creating In this tutorial you’ll learn how to create a laser-cut pop up card, perfect for showcasing retail offers or adapting for events. We’ll break down into simple steps some of the essential techniques for preparing your artwork for post-print processes, including laser-cutting and accommodating for folds. Suitable for beginner-to-intermediate users of… Continue reading How to Prepare a Cool 3D Card for Post-Print Effects

Essential Design Trends, March 2016

One of the great things about looking at trends each month is catching a glimpse of what designers are experimenting with. In particular, you start to see a distinct crossover of elements that you might have missed at first glance. That exact thing happened with this month’s collection. Note all the yellow and gold tones. Even… Continue reading Essential Design Trends, March 2016

Multipurpose Selection of 20 Free & Premium HTML Templates

Ready-made HTML templates are a common choice of non-tech savvies who want to get their sites up and running promptly. You can avoid browser compatibility issues, problems with indexation by search engines, and coding mess. Just add your content, edit the design a little, and voila. Your web resource is ready to promote your business… Continue reading Multipurpose Selection of 20 Free & Premium HTML Templates

How to Work With WordPress Post Metadata

In the first post in this series, I gave an overview of all of the various types of metadata offered by WordPress, where it’s kept, and what we’re going to be covering throughout this series.  Further, I defined what metadata is; its role within WordPress, and how it’s relevant to us as developers. But the… Continue reading How to Work With WordPress Post Metadata

Editing Images in CSS: Combining Techniques

In last two tutorials of this series, we have discussed how filters and blend modes can completely change the appearance of images. In this tutorial, I will cover the basics of editing images by using both these properties together. The Basics of Layering Image Effects With CSS Any non-primitive image editing usually requires more than… Continue reading Editing Images in CSS: Combining Techniques

11 Amazing Effects Created Using CSS3 Box Shadows

With CSS3 Box Shadows, you can do a lot of things like building modals, making beautiful text effects, drawing a Viking shield and even more. Designers all over the world are playing around with CSS shadows and come up with exciting results. In this post, we are also presenting 11 amazing effects that you can… Continue reading 11 Amazing Effects Created Using CSS3 Box Shadows

iOS 9: Additions to SceneKit

Introduction SceneKit is a high-level 3D graphics API that has been available in OS X since version 10.8 (Mountain Lion) and was introduced on iOS with the release of iOS 8. In this tutorial, I show you the major improvements and new capabilities the framework has gained with the release of iOS 9 and OS… Continue reading iOS 9: Additions to SceneKit

A Beginner’s Guide to AJAX with jQuery

In the first article of this series, we covered the fundamentals of AJAX. In the second, we looked at a working example using vanilla JavaScript. In this tutorial, we’ll walk through a few of jQuery’s AJAX-related functions and methods. More specifically, we’ll take a closer look at the shorthand load method and the generic ajax… Continue reading A Beginner’s Guide to AJAX with jQuery

How to Create Mooncake and Dim Sum Icons for Chinese New Year

What You’ll Be Creating Celebrate Chinese New Year with mooncakes, steamed buns, and dumplings! In this tutorial we’ll illustrate dim sum food icons, perfect for use in a mobile game or other vector graphic needs. Start with circles and ellipses, and end with delicious food drawings.  You can also supplement your icon designs with vectors… Continue reading How to Create Mooncake and Dim Sum Icons for Chinese New Year

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

Photoshop Blend Modes for Photography

Learning how to work with blend modes in Photoshop can give you more creative options and control over tonality and texture. This course provides shortcuts and innovative uses for these Photoshop workhorses. Photographer and educator Chris Orwig shows how to composite images together, create vivid color and realistic grain, and tackle advanced projects that combine… Continue reading Photoshop Blend Modes for Photography

Creating an Accessible Breakout Game using Web Audio and SVG

As the co-author of Babylon.js, a WebGL gaming engine, I was always felt a little uneasy listening to folks discuss accessibility best practices at web conferences. The content created with Babylon.js is indeed completely inaccessible to blind people. Making the web accessible to everyone is very important. I’m more convinced than ever about that as I’m personally touched… Continue reading Creating an Accessible Breakout Game using Web Audio and SVG

Create Typography Using Simple Geometric Shapes in Photoshop

In this Photoshop tutorial, I will show you how to Create Typography Using Simple Geometric Shapes in Photoshop. This is a fun and simple tutorial, aim to get you familiar with the Shape Tool in Photoshop. Have an attempt! This is an intermediate degree difficulty guide plus some actions can be tricky. Note: The Photoshop guide is… Continue reading Create Typography Using Simple Geometric Shapes in Photoshop

100+ Logo PSD & Vector Mockup Templates

Elegant Logo Mockup Pack This fantastic logo mockup pack includes 6 different styles for your logo, 3 different front view backgrounds, 2 different perspective view backgrounds, and is fully layered for use in Photoshop. Mix Branding Logo Mockups A beautiful assortment of 14 branding logo mockups, handpicked from multiple logo mockup categories. This bundle gives… Continue reading 100+ Logo PSD & Vector Mockup Templates

How to Color in a Traditionally Inked Comic in Adobe Illustrator

Learn how to turn a traditionally inked comic page into a warmly lit night scene in vector. With live paint, global process colors, gradients and different layer transparency settings in Adobe Illustrator, we will turn our black and white artwork into a comic page brimming with color. 1. Prepare the Line Art Step 1 I have… Continue reading How to Color in a Traditionally Inked Comic in Adobe Illustrator

Using Color Theory to Improve Website Accessibility

There are tons of articles and guides about color theory and its importance for every web designer. Colors are really essential in design and may even influence people’s behavior in many cases. Thus, web designers usually check their website colors are suitable for the overall website style and that they create a good impression for… Continue reading Using Color Theory to Improve Website Accessibility