KnowTeBook - Webworkers Daily Milk » graphics

iPhone App for Designer: Proportions Calculator by Erik

Knowtebook — Mon, 01 Aug 2011 08:58:19 +0000

Erik, one of our readers developed an app to calculate different types of proportions. phiRatio does not only calculate golden proportions, it also calculates 4:3, 16:9 and 3:2 ratios that he founds very useful when doing layouts that display photos and videos.

How it works?

you input one of the sides of your rectangle and you can calculate the width Wth – short side – or length Lth – long side – getting the right proportion for your design. Use the integer function INT to round the calculation if required.

At the bottom of the calculator are the mode switchers where you can select the proportion you want to calculate:

4:3 Video and photography standard. Musical perfect fourth.
16:9 HD and widescreen standard.
3:2 Photography standard. Musical perfect fifth.

How can be used?

As a graphic designer you like to have some kind of logic or numeric coherence in the structures that you are working on, where the elements in the layout have relation between each other sharing a common proportion. Erik thinks this helps to create coherence, harmony and order in any design foundations. You can download the app at itunes.
Send in your suggestions for great time-saving apps to make life easier.

100+ Brilliant Free Go Green Eco Friendly Vector Graphics and Icons

Knowtebook — Mon, 13 Jun 2011 09:30:50 +0000

Marketers, designers and webdevelopers understand more and more that ‘going green’ is more than just a trend; it’s an essential business practice that consumers respond to. To be prepared for the needs of your customers we have collected some really amazing and free “go green” eco friendly vector files and icon sets for you. Enjoy!

Organic Label Vector Graphic

The vector file comes in .eps file format. You will need a vector editing program to open this file (such as Adobe Illustrator). You can choose between Free, Commercial or Extended licenses.

The Go Green! Icon Set (108 Icons)

In this Go Green! Web Icon Set, you will find 108 different icons you can use for your website, blog or your application. The set comes with eCommerce icons, social media, computer accessories, multimedia and a hell of a lot more! These icons are available in 64 x 64 px and in transparent .png formats for which you can easily change the hues to match your needs.

The Go Green! Web Icon Set is free to use for both your personal and commercial projects but may not be sold or redistributed.

Eco Friendly Vector Graphic

The vector file comes in .eps file format. You will need a vector editing program to open this file (such as Adobe Illustrator). You can choose between Free, Commercial or Extended licenses.

Eco tags Vector Graphic

The vector file comes in .eps file format. You will need a vector editing program to open this file (such as Adobe Illustrator). You can choose between Free, Commercial or Extended licenses.

IconTexto Green - Icon Set

Free icon pack for your Website or Application. 8 icons in formats PNG (256×256, 128×128, 48×48, 32×32, 16×16), ICO (256×256, 128×128, 48×48, 32×32, 16×16) and ICNS (256×256, 128×128, 48×48, 32×32, 16×16). These icons are released under CC License Attribution-Noncommercial 3.0.

Go Green Poster Vector Graphic

The vector file comes in .eps file format. You will need a vector editing program to open this file (such as Adobe Illustrator). You can choose between Free, Commercial or Extended licenses.

Eco Friendly Document Paper Icon

Part of the icon set “Paper Files” by Emre Ozcelik. License: Free also for commercial use

Green Eco Icon - Icon Set

Included in this set are the recycling icon, energy-efficient icons, CFL icons, light bulbs, vehicles and plants. Become friendly to our environment, while creating cleaner designs. These icons are perfect for any print material as well as web content. Vector designs allow you to easily modify the colors and expand graphics without loosing any quality. Quickly modify effects of these green icons to suit your needs. If you don’t like the glossy reflections or light drop shadow, easily remove them without loosing any quality. Change the colors of these icons to other shades of greens and create your own set of eco-friendly icons.

Join the community!

Go ahead and join the discussion! If you liked this post, why not subscribing to KnowTeBook.com or check out our Facebook or Twitter page?

Create and Share Reviews Using New Adobe CS Review

Knowtebook — Wed, 06 Oct 2010 10:52:53 +0000

Adobe® CS Review is an online service that makes it simple and fast to share your creative projects for review. CS Review lets you track comments in an online workflow and gives you the ability to take action on them directly within programs such as InDesign and Photoshop. It’s is ideal for allowing clients and peers to provide comments on your work online, reducing time spent managing and tracking reviews. Also, you can take action on feedback directly within your Creative Suite software.

How Does CS Review Work?

It’s as easy as following a few steps:

Start a review directly from Photoshop CS5, InDesign CS5, Illustrator CS5, or Premiere Pro CS5.
Invite clients and colleagues to review your projects online, eliminating the need for FTP servers, or printouts, or email miscommunications.
Comments from others are added in a simple web interface without needing any other software to view your projects.
View and respond to comments in real-time directly from within your Creative Suite software, making it easy to track and take action on feedback.

Let us know what you think.

350+ Free eCommerce Icons for Web Design Projects

Knowtebook — Thu, 20 May 2010 09:29:22 +0000

eCommerce got a big topic. Even in webdesign and web development. And now many companies make their websites with online stores and with greater customer services. For your ecommerce projects you will need icons so it is easier for customers to find the goods and to make sales, right? Here we will present you more than 350 icons out or 20 icon sets. Enjoy!

Coquette Icons

“Coquette” free icon set contains 50 high quality, free icons in these sizes: 16×16px, 32×32px, 48×48px, 64×64px and 128×128px and 32-bit transparency PNG file format.

License: Free for personal use. Commercial licenses start at $15.
File size: 79KB
Amount of icons: 50 icons

Weby Icons

The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software.

License: free
File size: 5 MB
Amount of icons: 100 icons

Icons Shopping Cart

A shopping cart icon for a Game Store.

License: licensed under a Creative Commons Attribution-Share Alike 3.0 License.
File size: 220 KB
Amount of icons: 1 icon

Basket

There are 2 icons in this set.

License: licensed under a Creative Commons Attribution-Share Alike 3.0 License.
File size: 1.6 MB
Amount of icons: 2 icons

Free E-Commerce Icons from IconShock

Free icon form IconShock and the icon pack includes an Adobe Illustrator file and a PNG file for each icon.

License: free
File size: 4 MB
Amount of icons: 5 icons

Css Globe Icon Set

CSS Globe offers an icon set that includes shopping cart icons.

License: free
File size: 224 KB
Amount of icons: 12 files

Credit Card Icon Set

A set of six icons for showing your visitors that you accept credit card payment.

License: Freeware Commercial usage
File size: 123 KB
Amount of icons: 6 Icons

Shopping Cart Icon

A fantastic shopping cart icon for any project.

License: free
File size: 26KB
Amount of icons: 1 icon

Free Glossy E-Commerce Icons

A popular set of free icons that was designed specifically for e-commerce sites.

License: free
File size: 187 KB
Amount of icons: 32 icons

Chalkwork Payments

A collection of payment icons for your needs.

License: free
File size: 3.5 MB
Amount of icons: 21 original icons and 105 variations

Credit Card web icons

5 useful credit card & PayPal icons.

License: free
File size: 38 KB
Amount of icons: 5 icons

Finance icon set

A full set of financial and e-commerce icons, including shopping carts, money icons, credit cards and charts.

License: free
File size: 1.5 MB
Amount of icons: 12 icons

Milky – A free stock vector iconset

A milky sweet icon pack.

License: free
File size: 2.42 MB
Amount of icons: 131 icons

Tango-styled Shopping Cart

This is set includes 1 icon for shopping chart.

License: licensed under a Creative Commons Attribution-Share Alike 3.0 License.
File size: 24 KB
Amount of icons: 1 icon

E-Commerce Icon Set

E-Commerce Icon Set inclides Products on Sale, New Porducts, Checkout, Secure Payment, Credit Cards, Delivery, Shopping Bag, Empty Shopping Bag, Shopping Cart, Empty Shopping Cart.

License: Free for Personal and Commercial Projects
File size: 417 KB
Amount of icons: 10 icons

Payment Icon Set

Payment Icon Set includes VISA Card, Master Card, American Express, Cirrus, PayPal, Cash Payment, Gold Coin, Gold Coin Stacks, Secure Payment, Shopping Cart.

License: Free for Personal and Commercial Projects
File size: 339 KB
Amount of icons: 10 icons

Shopping cart Icon

Contains 1 icon shopping cart with six different sizes

License: Free
File size: 370 KB
Amount of icons: 6 icons

Money Icons Set

Money Icons Set contains 10 high quality icons as PNG, ICO and ICNS formats.

License: Attribution-Non-Commercial 3.0
File size: 546 KB
Amount of icons: 10 icons

Colourflow : Visa Dock Icons

Containt 4 high quality icon visa payment

License: Attribution-Non-Commercial 3.0
File size: 938 KB
Amount of icons: 4 icons

Free iPad Vector GUI Elements for Adobe Illustrator

Knowtebook — Thu, 22 Apr 2010 07:54:43 +0000

This set by iconshock contains almost all ipad UI elemments, including:

buttons
tabs
menus
keyboard
ballons
many more

They are very useful for designers and developers and include scalable and totally editable vector versions for Adobe Illustrator.

Go to download site

Icons: Free Social Media Icon Set With Bubbles

Knowtebook — Wed, 24 Feb 2010 20:14:50 +0000

Introducing the first of free icon packs by Ben Rama. There are a total of 36 icons with 16 different Social Media – Networking & Bookmarking sites.

Update: PART II

Hopefully with the feedback he can create a complete set with ALL the Social sites in the world, ever.

He intends to update this pack in the following few weeks with at least another 25 sites, so please let him know in the comments which ones you would like.

There are 4 different sizes : 512 x 512 512 x 512, 256 x 256
128 x 128, 64 x 64 – PNG

License/Usage : Free for personal and Commercial work , please use an attribution link back to ‘ http://digitalartempire.com/‘

Brilliant 3D Flash Image Slider For Websites

Knowtebook — Mon, 16 Nov 2009 20:00:25 +0000

CU3ER \kju:bər\, an image slider initially conceived to create 3D transitions between slides, turned out to be a convenient and multifunction solution that can be applied in a range of website building areas, from content slider to feature slider and image & banner rotator. Consider using it when you want to grab the user’s attention, and you’ll be delighted by the results!

Features

real 3D Transitions
flat & phong shading
horizontal or vertical cubing
transition direction - left, right, up, down
duration & delay
z-multiplier
cube color
automatic forward-backward transition direction manager
to override global settings for each transition …

Requirements

There are no special requirements for setting it up and running other than a limited knowledge of web authoring:

Flash Player 9+,
XML Basics,
SWFObject (embedding .swf files into web pages),
Applications for image editing (especially for creating & exporting slides).

License

You can use CU3ER free of charge for your personal and/or commercial projects. CU3ER may not be redistributed or resold to other companies or third parties. Specifically, CU3ER may not be redistributed as part of a content management system or online hosting solution. Neither the name of CU3ER nor the name of it contributor may be used to endorse or promote products derived from this software without specific prior written permission. Any credits or copyright notices must remain intact.

Styling Website Comments: Correct Markup and Free Examples

Knowtebook — Tue, 29 Sep 2009 13:14:14 +0000

One of the important and unavoidable features on every website are guest comments. You want your readers to get involved and post comments, it tells you how much they’re interested in the topic and are willing to have their say. The thing that will invite users to read and post comments on your website is taking the extra effort in styling comments properly and make them more readable.

Hop over to Alen’s post to read on

How To Create A Webdesign Company Layout in Photoshop

Knowtebook — Sun, 30 Aug 2009 14:28:22 +0000

In this article, Jean-Baptiste Jung shows you how to create a modern looking Photoshop design for your web design company. It includes a sliding portfolio and comment fields.

28 Free Twitter Background PSD Templates

Knowtebook — Sun, 26 Jul 2009 12:35:46 +0000

Designing for Twitter doesn’t seem to be very difficult, but when it get’s to the point when you notice different screen solutions for the very static twitter background, you will like to know how others started their Twitter template. Enjoy 28 Free Twitter Background PSD Templates.