Category: Tutorials

You learn something everyday if you pay attention

Foundation for Beginners: Custom Forms and Switches

Following on from our look at buttons in Zurb’s Foundation, let’s now take a look at custom forms and switches. During this tutorial we’re going to work on an exercise; a contact form which you can add to your projects or just play around with. Once we’ve built that, we’ll move onto other form elements.

Adobe Illustrator for beginners: 10 top tips

Adobe Illustrator is a vector drawing tool, meaning you can create artwork that can be scaled infinitely without any loss of quality. It’s a fantastic tool for logo design, creating complex vector artwork and playing with illustrated typography design. But coming from Photoshop you may not be savvy with Illustrator and its unique ways: so we’re here to help.

From using Bézier points and curves to strokes and fills and adding a more natural look to your vector artwork, read on for some Illustrator secrets for those new to the application.

Our Complete Walkthrough of What’s New in Photoshop CC

The new version of Photoshop is finally here! Adobe Photoshop CC (Creative Cloud) is now available for download for Creative Cloud Subscribers. The new version includes several new features including Camera Shake Reduction, Camera RAW improvements, Image Upsampling, Properties Panel Improvements, Behance Integration, Sync Settings, and many more useful features. In this article, Martin Perhiniak… Continue reading Our Complete Walkthrough of What’s New in Photoshop CC

How to Work More Efficiently With MiniBridge

Sooner or later, you are bound to have a lot of design files stored on your computer. Managing these files is an essential task that you will have to perform, otherwise, you will have trouble finding your files at a later date. While the Finder and Windows Explorer are great for managing your files, they… Continue reading How to Work More Efficiently With MiniBridge

Create Your Own Custom Landscapes in Photoshop

Preview of Final Results Tutorial Resources Landscape 1 – B-r-a-c-i-a-t-a Landscape 2 – B-r-a-c-i-a-t-a Mountains – Public Domain Pictures Step 1 Open the image ‘Landscape 1′. Step 2 Open the image ‘Lanscape 2′ and place it above the ‘Landscape 1′ like you see below. Step 3 Place your mouse on the ‘Landscape 2′ image and… Continue reading Create Your Own Custom Landscapes in Photoshop

20 Useful CSS Snippets Which Can Help You A Lot

CSS is extremely used when it comes to web development because it helps creating a lot of things with ease. Using CSS means that you will not only be able to create a great web site but it also means that you can optimize it very well. If you combine it with HTML5 and jQuery… Continue reading 20 Useful CSS Snippets Which Can Help You A Lot

Quick Tip: Create a Seamless Coffee Bean Pattern in Illustrator

In the following steps you will learn how to create a simple coffee bean pattern in Adobe Illustrator. You will start by learning how to create a simple art brush. Next, using some basic tools and effects along with the Round Any Corner script you will learn how to create the starting coffee bean shape,… Continue reading Quick Tip: Create a Seamless Coffee Bean Pattern in Illustrator

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

Quick Tip: How to Create an Indoor Panorama

In this quick tip tutorial, we will show you how to use Photoshop’s automated features to combine several photos to create a seamless panoramic photo of a room. In the process, we will show you how to use several Photoshop tools including Auto-Align, Auto-Blend Layers, Geometric Distortion Correction, as well as Adaptive Wide Angle. Let’s… Continue reading Quick Tip: How to Create an Indoor Panorama

Photoshop Matte Painting in Easy Steps

Preview of Final Results Tutorial Resources Clouds – aussiegal7 Bridge – montvalentstock Castle – pixellyperfectstock Waterfall – bleu-claire-stock Ruins – pixellyperfectstock Ruins – nixie04 Ruins – sacmaluk Ruins – whynotastock River – cat-in-the-stock Mountains – castock City – knightfall-stock Model – liam-stock Step 1 – Size Open the background stock. The size of the stock… Continue reading Photoshop Matte Painting in Easy Steps

The Best Free Books, Videos, Tutorials and More for Learning jQuery

jQuery is undoubtedly the most popular JavaScript library on the web today. It is used by 70% of the top websites and is becoming a defacto standard in web development. If you are looking for a programming job, knowing the library is a big plus. Things have progressed as well in terms of the quality and availability… Continue reading The Best Free Books, Videos, Tutorials and More for Learning jQuery

Responsive Retina-Ready Menu

Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to… Continue reading Responsive Retina-Ready Menu