Tag: Quick

Create a Quick, Sticky Menu

  During this quick tutorial we’re going to implement a sticky menu with CSS, toggling its visibility with jQuery. It’s the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings. Step 1: Setting up the Page Let’s start out by making a basic HTML page. We’ll… Continue reading Create a Quick, Sticky Menu

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

Quick Tip: Creating a Bazinga! Text Treatment in Adobe Illustrator

With this tutorial I’ll show you how to create a Bazinga text effect made famous by Sheldon from the sitcom The Big Bang Theory in Adobe Illustrator. We’ll be using some techniques to add multiple effects to a single shape, also duplicating and copying objects quickly, as well as creating a pattern and even rotating… Continue reading Quick Tip: Creating a Bazinga! Text Treatment in Adobe Illustrator

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

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

Quick Prototyping: Collection of Free HTML/CSS/JS UI Kits

The main idea of HTML/CSS/JS UI kits is to offer you a range of production-ready web elements with a consistent style, so that you quickly kick-start any new web project. Typically standard UI packs will include buttons of different sizes and types, form field elements, navigation & pagination systems, tabs, alerts and tags. But some,… Continue reading Quick Prototyping: Collection of Free HTML/CSS/JS UI Kits

Quick Tip: Retroize Your Photos in Seconds

Preview of Final Results Step 1 For this tutorial, we’ll be using Color Lookup adjustment layers which is only available in Photoshop CS6. Color Lookup layers are used to simulate color profiles used in film and Photoshop includes . Start by opening any photo into Photoshop. Step 2 Because this photo effect will be created… Continue reading Quick Tip: Retroize Your Photos in Seconds

Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop

In this tutorial, we will explain how to create a metallic text effect using layer styles in Photoshop. Let’s get started! Tutorial Assets The following assets were used during the production of this tutorial. Strasua Font Black Pattern Step 1 First of all install the .pat file named black_pattern_by_fluctuemos-d5mermc.pat. You have to double click the… Continue reading Quick Tip: How to Create a Metallic Text Effect Using Layer Styles in Photoshop

Quick Tip: Creating an App Walkthrough in After Effects

It’s often interesting to turn your attention to a new skill or toolset and see what it offers your current workflow. Today, we’ll do just that by presenting our web projects with… Adobe After Effects. This is a beginner tutorial aimed towards app and web developers. This screencast was originally published on Aetuts+. Go and… Continue reading Quick Tip: Creating an App Walkthrough in After Effects