Freebie Friday: Tons of Tutorials, Guides and more
How to Create a Stylized Chinese Zodiac Icon Set in Adobe Illustrator – Tuts+ Design & Illustration Tutorial
How to Create a Stylized Chinese Zodiac Icon Set in Adobe Illustrator – Tuts+ Design & Illustration Tutorial In this tutorial you’ll learn how to draw animal characters from the ground up, trace over their contours, and add details in Adobe Illustrator CC 2014. Additionally, we’ll prepare them for printing, making sure there are only two objects per icon design, so that they’re ready to be compiled into a zodiac calendar with Grace Fussell. Mine measures800 px by600 px and has the color mode set toRGB.
Display & Shuffle Images in Several Ways with jQuery.Shuffle-Images.js
Display & Shuffle Images in Several Ways with jQuery.Shuffle-Images.js Tutorials Images are an important element in web design. The more images you have on your website, the merrier as its easier to get your message across and most viewers will prefer them to long text anyway. There are several ways to show multiple images at once without consuming any web real estate such as horizontal sliders, Flipping Gallery, etc. Today, Ive decided to experiment on this to find new ways for users to get all these images at once without using sliders or manually controlled buttons.
Create Modal Windows that can be Morphed from Anything with jQuery.Adaptive-Modal.js
Create Modal Windows that can be Morphed from Anything with jQuery.Adaptive-Modal.js Tutorials The concept of morphing an element into other types of elements has been around for a little while now but not much has been developed in terms of making it capable for real world situations. Today, I have decided to take this into my own hands and create a plugin that will let you morph links, blocks, inputs, containers or what have you, into a modal window from anywhere on your website. That plugin is called jQuery Adaptive Modal and I have released the plugin as an open source project for you guys to play around with.
Design a Victorian Halloween Poster in Adobe InDesign – Tuts+ Design & Illustration Tutorial
Design a Victorian Halloween Poster in Adobe InDesign – Tuts+ Design & Illustration Tutorial What You’ll Be Creating Halloween is fast approaching, and suitably gothic Victoriana designs are back in vogue. Celebrate your upcoming Halloween gathering with a vintage-style, steampunk-inspired poster. Here weve advertised a Victorian Seance event (spooky!), but you can edit the text to suit your own purposes. Youll need Adobe InDesign for this tutorial.
How To Display Form Fields Based On Selection With Or Without jQuery Cookie
How to Build a PHP-based RSS Feed Parser
How to Build a PHP-based RSS Feed Parser In this tutorial, we will take a look at how the PHP parser creates an array in which each element will contain the data found in the RSS feed items. However, I will go into more details when we start writing the PHP code. Instead, Ill focus on the PHP side.
Animated Dashboard Widget in CSS – ByPeople
Animated Dashboard Widget in CSS – ByPeople An impressive statistics widget for showing multiple pieces of data. It includes a top section with graphs, the value and the stock change. Right below there are labels for info such as date and city, the amount of shares traded and the variation of the stock shown in bars, side by side with the yearly change.
Create SVG with Photoshop – Web Design Blog
Create SVG with Photoshop – Web Design Blog Adobe Illustrator has always been the king of vector graphics. For as long as I can remember Ive always used Adobe Illustrator for creating anything related to vectors. Its where I make all my logos, as well as my SVG files for the web.
Using the New Linked Smart Objects in Photoshop CC 2014 – Tuts+ Design & Illustration Tutorial
Using the New Linked Smart Objects in Photoshop CC 2014 – Tuts+ Design & Illustration Tutorial Now, Adobe has upgraded Smart Objects in Photoshop CC 2014 so we can also link them to external files. In this tutorial, we will use new features from the latest Linked Smart Objects to design a flexible brochure. We will use Photoshop as our main tool and Illustrator to design its logo.
Choosing web fonts: 15 expert tips | Web design | Creative Bloq
Choosing web fonts: 15 expert tips | Web design | Creative Bloq Over the last few years, the possibilities for using type on the web have expanded enormously. In the bad old days of the web, designers were restricted to a few ‘web safe’ fonts, which meant everything looked pretty much the same, or using images to replace the type a clunky solution that caused problems for the reader and technical problems in the browser. Nowadays, though, you can access an astonishing array of professional typefaces for use on your sites, bringing the aesthetics of print design to the web.
Fashion Toning Using Photoshops Color Lookup Adjustment Layer Layers Magazine
Fashion Toning Using Photoshops Color Lookup Adjustment Layer Layers Magazine Step One: Open the photo you want to apply a Color Lookup effect to. This opens the Color Lookup options in the Properties panel (shown here). There are three different sets of effects, and you make your choice from any of the three pop-up menus (you can only apply one at a time, but you can add multiple adjustment layers if you really feel you need to stack two).
Design a Hardback Cover for a Young Adult Fiction Book in Adobe InDesign – Tuts+ Design & Illustration Tutorial
Design a Hardback Cover for a Young Adult Fiction Book in Adobe InDesign – Tuts+ Design & Illustration Tutorial What You’ll Be Creating Young Adult Fiction is an ever-growing sector of the publishing industry, and a popular genre for self-publishers. Grown-up novels for teens need cover designs that bridge the gap between childish and mature, while exploring themes of emotional angst, growing up, relationships, family and school. Design elements can be put together to convey the mood and message of the book, as well as to directly appeal to a potential reader. Here, well look at how handwritten typography, papery collage-inspired textures and strong color combinations can be combined to create an attractive cover design.
Create an Icon Font Using Illustrator & IcoMoon
Create an Icon Font Using Illustrator & IcoMoon photo: listentoreason An icon system can often become central design element in your web project. You can find many free or commercial icon sets on the web, and they are often included in major CSS frameworks (Bootstrap 3 Glyphicons is a perfect example). There are two widely-used methods to add a set of icons to your projects: Web font SVG Today Im going to cover web fonts.
Cutting Edge CSS3 Typography Techniques
Cutting Edge CSS3 Typography Techniques Last month I got a chance to experiment with CSS3 typography techniques and see how far I could mix and match these techniques to create a visually stunning piece of typography on the web. Today, Ill show you how you can use these CSS3 properties to spice up your typography or create stunning text effects in a way you dont think is possible. The problem with Firefox is that theres no properties that allow background-clip to work with text, so when viewing on other browsers, it will fall back to a normal color.
Add Depth to Flat UI with Flat Shadow.js
Add Depth to Flat UI with Flat Shadow.js Today, let me introduce to you a little jQuery plugin I created to do just that called, Flat Shadow. This plugin will automatically add a beautiful shadow effect to your HTML elements without you even opening Photoshop. The color option will allow you to assign a background color to all your elements at once.