Freebie Friday: More Tutorials
How to Create a To-Do List App Icon in Adobe Illustrator
Combine radial gradients, blends, a sense of lighting, and the tiniest bit of perspective for a simply built, but eye catching, icon. This tutorial uses Adobe Illustrator CC 2014, though many of the techniques are applicable to other versions of the program. In theGradientpanel, apply aRadial Gradient of tan (#e3c184) to slightly darker tan (#c9a068). How to Create a To-Do List App Icon in Adobe Illustrator
Create a Square-Like 3D Animated Menu Gallery with jQuery Square Menu
Tutorials Square has recently launched its new design featuring a clean and beautiful layout as you can expect from the startup, and what caught my attention was their new awesome navigational menu. Although the current menu on the Square website doesnt animate on Firefox, I decided to fix this for them and create a plugin that will let you add a similar looking menu to your website. With Square Menu, you will be able to add a similar menu to your website with only a little markup and a JS call. Create a Square-Like 3D Animated Menu Gallery with jQuery Square Menu
3D Rotating Navigation powered by CSS transformations
Designbeep Staff Designbeep is a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles and more. 3D Rotating Navigation powered by CSS transformations
How to Create a Brushed Metal Text Effect in Adobe Photoshop
What You’ll Be Creating This tutorial will guide you through creating a brushed metal text effect, using multiple layer styles and some textures. You’ll get to work a bit with the text itself, and also use a smart object to warp the styled text but keep it editable, so it can be modified pretty quickly without the need to go over the steps again. Creating the Background Step 1 Create a new 1000 x 600px document. How to Create a Brushed Metal Text Effect in Adobe Photoshop
Create a Responsive Web Design Template
Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis. body { background: #F9F9F9; color: #222; font-family: ‘Droid Serif’, serif; font-size: 16px; } Now we’ll style the #wrapper div, we’ll give it a fluid width of 90% for when we resize the browser window, and a max-width for when viewing the site on a desktop machine. In the middle section we have a 2 column layout, and remember, any widths have to have percentage values to stay fluid. Create a Responsive Web Design Template
Design a Crime Thriller Book Cover in Adobe InDesign – Tuts+ Design & Illustration Tutorial
In this tutorial you’ll learn how to design a book cover for the Crime/Thriller fiction genre and explore how you can create a genre-appropriate design using typefaces, tools and tips available to you in Adobe InDesign. Let’s get creating a cover Stephen King would be proud of! Design a Crime Thriller Book Cover in Adobe InDesign – Tuts+ Design & Illustration Tutorial
How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery
Tutorials Menus play an essential part on the web. I will also dive a little bit into jQuery to add animations to your menu. Its recommended to use a CSS reset for consistency. How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery
25 After Effects Tutorials for Animated UI and UX Design
The best tool for creating these animations would be After Effects a program by Adobe which offers a lot of powerful tools. If youve never used After Effects before dont sweat it! This software can be understood with just a bit of practice and repetition. 25 After Effects Tutorials for Animated UI and UX Design
The “Lazy” Way to Paint With Pixels in Adobe Photoshop – Tuts+ Design & Illustration Tutorial
In this tutorial I’ll show you the laziest way possible to create a believable semi-pixel art—maybe not the most perfect and clear, but one that will not restrict your artistic freedom with careful building. The “Lazy” Way to Paint With Pixels in Adobe Photoshop – Tuts+ Design & Illustration Tutorial
How to Create Buttons in Photoshop and Adobe Muse – Tuts+ Web Design Tutorial
In this tutorial I’ll show you how to create a button in Photoshop and use it, with all its various states, in an Adobe Muse project. Once we’ve designed and imported our Photoshop assets into Adobe Muse, we’ll look at what happens if we want to update the PSD further down the line. How to Create Buttons in Photoshop and Adobe Muse – Tuts+ Web Design Tutorial