Tutorials
How to Get Free Content and Media Hosting at Screencast.com
Let’s say you’ve created a video or image you want to share, but you don’t want it saved to your computer. You want to save it in a safe place, where you can access it at any time. You want some storage options, and the ability to share it in multiple file formats… or keep it private. You want its original integrity to stay intact. And you want complete control.
You’re picky… but you have a right to be. Good thing Screencast.com was designed for content creators like you. At Screencast.com, you’ll get all of the above and more—plus it’s free.
What is Screencast.com?
Screencast.com is a free web service from TechSmith Co. that lets you upload, manage and share your content without changing a thing. From high-quality videos, to presentations, documents and images—Screencast.com gives your content the perfect home.
How does it work?
Step 1: Upload files
Logging into Screencast.com automatically takes you to the Library where you can upload your content. You can use any content creation tool to upload your videos and images to Screencast.com. But when you use TechSmith software—like a video recorded and edited with Camtasia Studio, or a quickly marked up image and video with Jing—you can directly upload to Screencast.com from within the application.
- Keep the original quality. What you upload is exactly what your viewers see. Content hosted on Screencast.com isn’t compressed or re-encoded into a “one-size-fits-all” format.
- Control the rights to your own content. Anything you upload to Screencast.com still belongs to you. So feel free to delete files you’ve uploaded and make room for something new.
Step 2: Store and protect
Create a folder in Screencast.com and save the videos and images you want to keep in one place. Simply store your content… or turn it into a portal for viewers to access.
- Decide who views your content. Make a folder public and visible to everyone. Hide it so only you can see it. Password protect it. Or make it so only authorized viewers can access your content.
- Access the stats on your content. At a glance, you can see how many times a specific file has been viewed and how much bandwidth each file is using.
Step 3: Share in multiple formats
Uploading is only part of it. Share your stuff outside of Screencast.com easily with a URL or send a link directly to your viewers. Screencast.com even gives you HTML embed code so you can post images and videos on your own website or blog.
- Share in high-quality. With options like Flash, WMV, QuickTime and others, Screencast.com is sure to give you the highest quality playback available.
- Share conveniently. Provide your audience with anything from a link to your content, to a MediaRoll widget, or to an RSS feed that they can subscribe to.
How do you get started?
Start off with a free Screencast.com account to instantly begin storing and sharing your content. With the free version, you’ll get 2GB of storage space and 2GB of monthly bandwidth at no cost. Or sign up for the Pro version of Screencast.com and get extra storage, bandwidth and customization options. With the Pro version, you’ll get 25GB of storage space and 200GB of monthly bandwidth for just $9.95 a month.
Whatever you do, your content will never be changed at Screencast.com. What you upload is exactly what you’ll see. So when you’re ready to share that video or image, or just save it for later, give Screencast.com a try. You’ll get your content, your way—every time.
Post content provided by Nikki Wickham at TechSmith Corporation.
How to Make a Killer Viral Photo Gallery
This post is by the online imagery experts at Shutterstock, a subscription stock photo agency.
You see photo galleries all over the web: The top 10 such-and-such photos, or 25 amazing this-or-that pictures. If you’re like us, you click on almost every one of them. Themed photo galleries on blogs work for a simple reason: Almost everyone appreciates great pictures and enjoys sharing them with friends. If you can dream up a good theme, write a good headline, and deliver a payoff of stunning visuals, you’ve got a viral hit on your hands.
The difficulty is getting the pictures legally and fairly. You could look for photos on Flickr or Google Images, but you face some time-consuming work: making sure you have permission to republish the pictures. Usually this means contacting every photographer or their agents individually. Some photographers will be delighted that you’re sharing their work, but others will be offended if you fail to give them a say in how the work is presented (or, of course, pay them for it). With rare exceptions (such as NASA images and very old photos), every photograph is copyrighted unless the rights holder says otherwise. You’ve probably read stories about web sites that have had to pull content offline after complaints or legal action from photographers. You don’t want to be in that position.
This tutorial will teach you how to use a stock image library to find images you can legally and safely use on a blog. Obviously, we’d love it if you get your images from Shutterstock (Spoiler alert: There’s a coupon at the end of the article) but we hope you find this information useful even if you don’t. This tutorial offers some basic guidelines for image searching and selection, and assumes you’re already familiar with the fundamentals of blogging and have access to Adobe Photoshop. Let’s get started on building a viral photo gallery for your blog.
1. Come up with an idea and a title.
Pictures of lightning? Underwater scenes? Ugly pets? Things with spots? Get creative, but keep in mind some ideas naturally lend themselves to great photographs. For this tutorial, we’re going to put together a gallery of pictures of impressive bridges. Your title should be short, catchy and as bold as possible without overpromising. Remember, this will be what people see in RSS feeds and social networking sites, so it should make it obvious that it’s a photo gallery. Audiences also respond well to titles that specify a number of images, so they know they’re not about to be overwhelmed with somebody’s collection of 1,000 vacation snapshots. For this exercise, let’s go with the title “Photo Gallery: The World’s 5 Most Beautiful Bridges.” (We might go with 10 or 20 pictures on a blog, but here we want to keep it short.)
2. Visit a stock library and start searching.
When you first start to search, you might be overwhelmed with your choices. If you type “bridge” into Shutterstock, you’ll get more than 65,000 results, including both illustrations and images. You can refine your search by limiting it to just photos and sorting the results by the most popular images. As you get a feel for what kinds of images are in the library, you might want to add more keywords, like “river” or “night” or “suspension.” If you see a picture you really like, you can display images similar to it by clicking on the similar images icon that appears below each thumbnail (on Shutterstock, it looks like two overlapping squares). You can also click on a photographer’s name to display more images by the same photographer, since there’s a chance they might have other images that fit your theme.
3. Build a lightbox and choose your favorite photos.
A lightbox is a folder you create on a stock site to keep track of images you might want to download. On Shutterstock, when you see an image you like, click on the icon that looks like a light bulb. Select “new lightbox” from the menu, give it a name, and start adding pictures to it. Go crazy – add everything you like.
Now, the editing process begins. Photo editing is a skill that improves with practice and some sort of an art background, but even if you’re new to it, you probably know more than you think. Do you see an image that makes you laugh, that reminds you of something you like, or that you would want to immediately share with a friend? Keep that one. Are there a couple of images that look really similar? Pick one and forget the rest. Edit tight. Don’t be afraid of passing up the wrong image, and go with your instincts. Remember, you want to give your visitors a surprise-and-delight moment, not bore them.
4. Download and resize your images.
OK, we’ve settled on the images we want. Now we visit each image page and download the size we need. This is a good time to check the usage terms for the site to make sure the usage we want is allowed. Shutterstock limits online usage to a maximum of 800 x 600 pixels. That restriction is in place to keep people from distributing print-quality images online, and it’s plenty big enough for most blogs. (This particular blog has a width of 540 pixels, so we’re in good shape.) For most of the images we’re about to download, the medium-size images will be the proper size, so we’ll download that size. (When in doubt, download a larger size than you need.)
Next, use Photoshop or another image editing program to make sure all your images are resized to the pixel width of your blog and saved as JPEG format.
5. Order your photos, write captions, and place them in your blog.
Like editing, sequencing is a skill that gets easier with practice. To start, you can’t go wrong if you arrange your photos in a way that tells a story, and write captions to match. Alternately, you can lead with your best photo, then alternate between traditional, conservative shots and unexpected, creative ones. Your captions should be short but contain enough information to answer any obvious questions a visitor will have when looking at the photo. (Such as: What is this, and why is it so great?) You should also credit the photographer and the source of the image. It’s useful to include a link to the source of the image as well.
When you’re happy with your images and captions, enter them into your blogging program, publish, and start spreading the word.
To show you what we came up with following these steps, here’s our mini list of bridges.
Photo Gallery: The World’s 5 Most Beautiful Bridges
The Brooklyn Bridge, New York, completed 1883.
© Richard Semik / Shutterstock
Millau Viaduct, France, the tallest vehicular bridge in the world, completed 2004.
Tower Bridge, London, completed 1894.
Ponte Vecchio, Florence, Italy, completed 1354.
Tsing Ma Bridge, Hong Kong, completed 1997.
There are plenty of other beautiful bridges out there, but you get the idea.
We hope this leaves you feeling inspired to give stock photography a try as a source of content for your blog. Be picky, be creative, be funny, and above all give your audience something they’ll genuinely enjoy. If you want to try Shutterstock, they have monthly subscription packages that let you download up to 25 images a day, plus “On Demand” plans if you need just a few images. They invite you to save 10% with coupon code SMASH10*.
For more tips on how to use Shutterstock images, visit our blog: blog.shutterstock.com.
*10% Discount on Standard Licenses Only
80+ Incredible Collection Of Inspirations, Tutorials And Resources For Designers To Discover The Best Of The Web In February
We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 80+ Incredible Collection Of Inspirations, Tutorials And Resources For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.
You are welcome to share if you know more best of the web in the month of February which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.
Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
33 New High Quality Adobe Illustrator Tutorials
Realistically Light and Render Interior Scenes using 3ds Max and Vray
88 Ultimate Round-Up of Photoshop Photo Manipulation Tutorials
How to Create a Dark and Mysterious TV-Head Scene
100+ Maya 3D Tutorials For Beginners, Intermediate and Advanced Users
How to Create a Stylish Media Player in Photoshop
A Round-Up of 50 Fresh Photoshop Tutorials and Techniques
70 Ultimate Cinema 4D Tutorials & Techniques
How To Create A Vintage Camera in Photoshop
Create a Cartoon Car Similar to Cars Movie
30 Best Written And Explained Logo Design Tutorials
Design an Underwater Omega Code Poster
How To Draw A Funny Cop Illustration From A Sketch
Make a Freezing Cold Snow-themed Abstract Piece
50 Useful Cartoon Character Design Tutorials
How To Design a 3D Glass Icon in Photoshop
Create a Realistic Space Landscape Photo Manipulation
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
50 Breathtakingly Beautiful CG Landscapes
The Creative Examples Of Colorful Splash Pages
25 Examples of Incredible Ideas and Designs
25 Beautiful Examples of “Coming Soon” Pages
40 Trendy and Extremely Colorful Websites
Logo Design Inspiration: 65+ Brilliant Fresh Designs
Email Newsletter Design: Guidelines And Examples
30 Visually Appealing Web Portfolio Designs
Showcase of Great Web App Interfaces
Showcase of City Tourism Website Designs
60+ Amazing Digital Photo Manipulation Art
55 Examples of Huge Typography in Web Design
30 Free and Fresh iPad Wallpapers
Design Trend Showcase: 30 Horizontal Websites
25+ Breathtaking examples of Natural sky Photography
60 Creative Flash Websites You Should Not Miss
82 CG Superheros, Villains, and Iconic Movie and Video Game Characters
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
13 Useful JavaScript Solutions for Charts and Graphs
15 jQuery Plugins for Better Web Page Element Layouts
35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects
24 Best Practices for AJAX Implementations
Animate Panning Slideshow with jQuery
Creative Button Animations with Sprites and JQuery
How to Use jQuery to Make Slick Page Transitions
10 Best jQuery Gallery(Slideshow) Techniques
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
20 CSS3 Tutorials and Techiques for Creating Buttons
The Most Common HTML and CSS Mistakes to Avoid
Design a Prettier Web Form with CSS 3
54 Awesome Tutorials To Satisfy The Appetite Of Any Web Developer
50 Awesome Animations made with CSS3
CSS Graphs And Charts: 11 Hand-picked Tutorials And Solutions
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
NEW Sets of Free High Quality Icons for Bloggers and Designers
45 Best Places You May Visit To Get Or Create Free 3D Models
100+ Vintage Textures and Photoshop Brushes to Decorate Your Design
60+ Latest High-Quality Free WordPress Themes
50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Mega Collection of The Best Free Social Media Icons for Bloggers and Designers
20 Must-Have Image Optimization Tools for Designers
40 Detailed and High Quality Mobile Phone .psd Source Files
30 Websites To Download Free Stock Photos
50 Free High Quality Professional Fonts for your new Web Design and Project
33 Free Blue Patterns to Download
60 Beautiful Premium Icons (Free)
35 Latest High-Quality Free Fonts for Professional Designers
158 Paper Textures For Kickstarting Your Backgrounds & Designs
Top 20 Free Fonts for Distinctive Headlines and Titles
20 Fresh Sets of Free Icons for Web Designers
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Ways to Make your Banners More Click-able
The AIDA Marketing Model in Web Design
The Classic Look VS The Wow Effect
Finding Inspiration in Uncommon Sources: 12 Places to Look
4 Tips to Help Promote Your Website Using Facebook Fan Pages
10 Great Tools to Create a Mobile Version of Your Site
The Three Golden Rules of Site Redesigns
How To Find Great Keyword Ideas For Your Articles
Design Envy : Make it Work For You!
Design Multilingual Website: A Beginner’s Guide
First Generation Of Google Buzz Tips, Tricks And Resources
Google Buzz is Google’s latest product for sharing updates, photos, videos, and more. Many people are saying that Google Buzz will start healthy competition in the micro-blogging industry where Facebook and Twitter was enjoying as leaders. Do not forget to follow us on Google Buzz to get updates with all the latest happening at Smashing Apps.
Google Buzz is a new way to publish your ideas to the world or just to your closest friends, and start conversations about the things you find interesting. It has an option to see thumbnails with each post, and browse full-screen photos from popular sites. Today, we are listing down few stuffs from the first generation of Google Buzz Tips, Tricks And Resources.
Let’s start with a video to find how Google Buzz works
Chrome Buzz
Buzz It For Firefox
Buzz It! will make a buzz status update via Gmail with the link and title of the webpage you are viewing. It will also shorten URLs with Bit.ly, allowing the user to monitor their link statistics.
Five Tips to Thrive on Google Buzz
With Google Buzz, users have found their inboxes converted instantaneously into a social hub. Google’s bold move has turned the web into a whirlwind of blog posts appraising or criticizing the service. Here are some of the ways you can maximize the use of Buzz if you want to give it a try.
4 Google Buzz Hacks for Users, Developers, and Haters
ReadWriteWeb came across a few tips and tricks worth sharing with you.
12 Undocumented Tricks for Google Buzz
AEXT proud to present you with 12 simple tricks to help give you a better Buzz.
Google Buzz API
Google Buzz Button Wordpress Plugin
Google didn’t release any official button yet but Clickonf5 has released a Wordpress plugin to add a button on a post/page. Once your visitor will click on this button, they will be taken to a page where they can add some note on your post’s link and title and share that on their Buzz. This way your post/page’s reach will increase by huge amount.
Google Buzz Icons
Unmatchedstyle released free set of 16, 32, 64 and 128 pixel versions, a photoshop file of all the icons and the buzz bee as an eps. You can use them however you want.
Google Buzz Social Icons for Bloggers and Designers
10 high resolution Google Buzz Icons of different Style and Sizes are included in this set.
Don’t Like Google Buzz Or If It’s Not For You? Then…
If you do not like Google Buzz or it’s really not for you so there is a way that you can keep it out of your Gmail inbox. You would need to go down on the inbox page and there is an option that say “turn off buzz ”
You are welcome to share more tips, tricks, hacks and any type of resources for Google Buzz that will be helpful and our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter , follow us on Google Buzz and do not forget to become our fan on facebook as well.
85+ Excellent Resources And Tutorials Especially For Designers To Discover The Best Of The Web In January
We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 85+ Excellent Resources And Tutorials Especially For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.
You are welcome to share if you know more best of the web in the month of January which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.
Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
40+ Photoshop Tutorials for Creating Gadget Designs
How to Create a Realistic Fountain Pen
How to Make a Professional Buddy Icon in Photoshop
Create a Stunning 3D Liquid Explosion Artwork
40 Imaginary Photoshop Tutorials & Techniques
35 Tutorials and Guides for Working With Wacom Tablets
Creating a Realistic Torn Photo Effect – Photoshop Tutorial
18 Outstanding Typography Photoshop Tutorials Of 2010
Design a Surreal Desert Scene in Photoshop
Mastering Photoshop: Unknown Tricks and Time-Savers
23 Professional Facial Photoshop Retouching Tutorials
35 Photoshop Tutorials for Creating Web Design Layouts
Easy Digital Painting Illustration in Photoshop
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
40+ Examples of Typography Inspired in Web Design
The Colorful Showcase Of Beautiful Typography
40 Beautiful Corporate Websites
62 Gorgeously Designed CG Characters
70 Fairly Creative Fresh Logo Designs for Design Inspiration
Showcase Of Modern Navigation Design Trends
45 Superb Examples of Warrior and Battle Art
30 Great Uses for 3D in Flash Websites
Amazing Grunge Artworks by Alex
50 Digital Fairy Tale Character Illustration Collections
Textures In Web Design: Examples And Best Practices
Beautiful Digital Art by Miriam Moshinsky
11 Most Popular Blog Design Styles (With Examples)
35+ Fantastic Robot Art Illustration
40 Inspiring Single Page Websites
50 Packaging Designs That Pack A Punch
20 Stunning Typographic Designs
25 Absolutely Magical Fantasy Traditional Art Drawings
Newsletter Design: 50+ Great Examples
30 Clever And Creative Packaging Designs for Inspiration
Super Cool Pictures of Insects
“The Page Can’t Be Found” Coolest Error 404 Pages In Web Design
60 Sites with Attractive Typographical Introductions
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
20 Fresh JavaScript Data Visualization Libraries
45 jQuery Navigation Plugins and Tutorials
30 Stylish jQuery Tooltip Plugins For Catchy Designs
25 Tutorials and Resources for Learning jQuery UI
Sexy Animated Tabs Using MooTools
30 Useful Tutorial for JavaScript Framework Navigation
90+ Useful jQuery Plugins for Designers and Developers
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
14 Helpful Cheat Sheets for Front-end Web Development
30 Cutting Edge Examples Of CSS Navigation
The New Hotness: Using CSS3 Visual Effects
How To Create Depth And Nice 3D Ribbons Only Using CSS3
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
The Ultimate Collection Of Colorful And Inspiring Vector Art
20 Fonts Ideal for Big and Powerful Headings
33 Absolutely Free E-Commerce Icon Sets
Massive Collection of Over 1,000 Floral Photoshop Brushes
10 Free Professional PSD Web Templates
70 Awesome Wooden Texture Packs from DeviantArt
4800 Mini Icons You Ever Need for your Apps
30+ Must Have Photoshop Actions For Photo Touch-Ups
40 Valuable Tools and Resources For Web Designers
100+ Seamless Patterns Great for Creating Website Backgrounds
A Roundup of 45 Industrial Free Fonts
35 High Quality Apple Inspired Icons
50 Fabulous Flash Web Design Tools and Software
30+ Useful Free Icon Sets in PSD Format
25 New High Quality Free Fonts
20 Abstract Effects Photoshop Brushes
10 Completely Free Wireframe and Mockup Applications
25 Fresh, Clean and Unique Wordpress Themes
18 Useful Wordpress Contact Form Plugins
35 Stunning Free Fonts To Enhance Your Designs
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
30+ Very Useful Color Tools For Designers
The Evolution of a Design Blog
A Basic Guide to Photoshop’s 3D Tools
55+ Most Wanted WordPress Tips, Tricks, and Hacks
20 Must Have WordPress CMS Plugins
10 Tips for Better Print Style Sheets
10 Essential Tips You Should Know
Getting Inspiration from Admiration
The Complete Guide to Getting the Most Out of Twitter
How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6
13 Useful WordPress SQL Queries You Wish You Knew Earlier
Useful Tools for Testing Cross Browser Compatibility
11 Amazing Free Web Applications To Make Your Lives Easier
70+ Promising Resources and Tutorials Especially For Designers To Discover The Best Of The Web In December
We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 70+ Promising Resources and Tutorials Especially For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.
You are welcome to share if you know more best of the web in the month of December which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.
Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
45+ Truly Stunning Digital Painting Tutorials
Create a Watercolor-Themed Website Design with Photoshop
How To Create a Sleek Audio Player Interface in Photoshop
65 Mold-Breaking 3ds Max Tutorials
Creating a Modern, Glossy Mouse Icon in Photoshop
40+ Excellent Adobe Illustrator Cartoon Tutorials
25 Photoshop Tutorials for Designing Portfolio Sites
How to Create a Curious Owl in Illustrator CS4
30+ Useful Logo Design Tutorials for Photoshop and Illustrator
22 Tutorials To Create Shiny Effect Using Photoshop
The 50 Best Photoshop Tutorials of 2009
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Visa Campaign does Amazing Arts on the Go
16 Popular Website Redesigns Of 2009
32 Superb Examples of Photo Manipulation
Stunning Mosaic Illustrations from Charis Tsevis
Data Tables In Modern Web Design
50 Beautiful Watercolor Paintings
25 Ultra-Creative Packaging Designs From DeviantArt
Changing Design Trends for Site Maps
Logo Design Inspiration: 70 Creative Fresh Designs
35 CSS-based Layouts that Look Awesome
25 Beautiful and Creative Artworks Featuring Year 2010
The Best of 2009 in Flash Web Design
Talented Landscapes and Scenery Artist Ksenia
50 Creative Examples of Illustrations in Web Design
Business Cards: Collection of Inspirational Designs
30+ Examples Of Tilt-Shift Photography And How To
Headers and Footers that Grab You Coming and Going
Go Bananas with 50+ Vector Illustrations that Monkey Around
30 Examples of Beautiful Portfolio Designs
28 Breathtaking Nature and Wildlife Photos
24 Typographic, Clean and Minimalist Motifs to Inspire
High Dynamic Range (HDR) Photography: Tutorials, Tips and Stunning Examples
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
15 Incredible Apple Webdesign Style Coding Tutorials
Solutions to 5 Common Ajax Problems
18 Latest jQuery Plugins for Your Next Project
20 Professional jQuery Image Gallery Plugins
7 jQuery Cheatsheets For Every Designer & Developer to Have
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles
Stronger, Better, Faster Design with CSS3
Fundamental CSS3 Resources for Designers
CSS Techniques I Wish I Knew When I Started Designing Websites
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
40 High Resolution Photoshop Brushes
25 Beautiful Free PSD Files to Download
50 Free Resources Of Hand Drawing Style Icons, Brushes, Textures and Fonts
Beautiful Fresh Free Fonts for Designers
30+ Free Online Multimedia (Photo, Audio, Video) Editors
50 Beautiful Free Icon Sets For Your Next Design
25 High Quality Abstract Photoshop Brush Sets to Touch Up Your Design
The Top 50 Web Development Icon Sets from 2009
10 Free Apps for Managing Your Fonts
Ultimate Resource List for Vector Graphics
30+ Free Adobe Illustrator Pattern Sets
30 Excellent Fresh Free Fonts For Your Designs
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
30 Powerhouse and Prospective Design Blogs
The 6 Most Common Posts on Design Blogs
7 Tools To Optimize The Speed of Your Website
30+ Portable Window apps for your USB drive
35 Adobe AIR Tutorials for Web Developers
How to Build a Shopping Cart using CodeIgniter and jQuery
22 Latest Exceptional WordPress Hacks
How to Find Anything Online: Become an Internet Research Expert
20 Excellent Facebook Scripts and Resources
The Role of College for Web Designers Comments Feed
Useful Suggestions To Secure And Speed Up Your WordPress Blog
25 Graph and Chart Solutions for Web Developers
How Many Ideas Do You Show Your Clients?
60+ Ultimate Resources Especially For Designers To Discover The Best Of The Web In November
We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 60+ Ultimate Resources Especially For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.
You are welcome to share if you know more best of the web in the month of November which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter and do not forget to become our fan on facebook as well.
You may be interested in these older posts
3D Portraits That Make You Say ‘Wow’
10 Stunning Photos That Look Like They are Photoshopped But Are Not
23 Awesome Photos That Look Like They’re Photoshopped But Are Not
21 Brilliant Photos That Look Like They’re Photoshopped But Are Not
60+ Incredible Tutorials And Resources Collections For Designers
50+ Creative Masterpieces Of Logo Designs Using Gradient Effects
21 Stunning Examples Of Creatively Done Stop Motion Animations
15 Most Useful & Free Collection Of Ready-To-Use Design Freebies
43 Really Useful Photoshop Tutorials For Excellent 3d Effects
17 Mind-Blowing Digital Painting Tutorials Of Beautiful Girls
31 Masterpieces Of Creative And Clever Advertising Concepts
21 Really Stunning Photoshopped Photos For Creative Inspiration
43 Of The Extremely Creative Wonders Of Macro Photography
27 Best Places You Should Visit To Get Incredible Web Design Inspiration!
21 Extremely Vibrant And Creative Advertisements With Animals
39 Masterpieces Of Creative Advertisements
17 Digital Image Illustration Which You Probably Never Seen Before!
15 Digital Photo Manipulation From Flickr To Get Inspiration
23 Awesome Photos That Look Like They’re Photoshopped But Are Not
Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Creating a Detailed Master Plan Rendering in 3dsmax and Photoshop
Create a Leather-Textured, Realistic Briefcase Icon
Make a Sketchy Wallpaper for this Christmas
Ultimate Round-Up Of 60 Excellent Gimp Tutorials
Create a Photorealistic Car Render using 3DS Max and Vray
35+ Photo Editing Tutorials for Photoshop
99 Brain Blasting Cinema 4D Tutorials
30+ Photoshop Tutorials for Creating Space and Planets
30+ Realistic Gadget Design Photoshop Tutorials
30 Photo Effect Photoshop Tutorials Every Designer Will Love
16 Great Photoshop Tutorials for Photographers
.
35 Incredible Digital Painting Tutorials
30 Artistic and Creative Photoshop Poster Tutorials
How to Make Beautiful Gradient Typography with Photoshop
GIMP Quick Tips: Abstract Background Effect
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Website Design: Beautiful Vintage and Retro Inspired Designs
3D Portraits That Make You Say ‘Wow’
40 Inspiring Panoramic Photographs
Beautiful Photoshop Illustrations By Artists Around The World
95 Fresh Examples Of Single Page Website Designs
32 Beautiful Text Art Creations
Lovely Cartoon Illustrations by Anne Patzke
The Mesmerizing Art of Jordan S. Dill
60 Bizarre Examples of Grunge Photography
50 Impressive Magazine and Newspaper Styled Web Designs
50+ Creative Sneakers Made with Quality Vector Craftsmanship
Street Fighter Characters: Beautiful Illustrations and Wallpapers
Inspirational Showcase Of Music-Related Logos
Excellent HTML Newsletter Templates – Best Of
20 (Probably) the Most Beautiful Fractal Artworks You will Ever See
Showcase of Excerpts in Blog Design
Google Doodles from Different Countries You Haven’t Seen
45 Inspiring Navigation Menus That You Must See
69 Sexy Portfolio Designs To Inspire You
Vector Artwork: 50+ Inspirational Creations
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
The Basics of Object-Oriented JavaScript
10 Awesome Techniques and Examples of Animation with jQuery
10 Useful jQuery Wordpress Plugins To Enhance Your Blog
Designing CSS Buttons: Techniques and Resources
Making an Interactive Picture with jQuery
20+ Easy to Use jQuery Text Effects and Animations
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Essential CSS/HTML Lists Styling Techniques
CSS Box Model: The Foundation For Improving Your CSS
CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
11 Free High Quality Dirty Wall Textures
Three Easiest Tools To Help You Create Stunning Slideshows
Top 20 Essential Firefox Add-ons for Web Designers
250 Christmas Icons to Decorate Your Blog
Free Fonts: Excellent List of Resources
The Big Collection Of Free Design Textures
28 Free Wordpress Photo Gallery Themes
A Collection of Useful Web Design Wireframing Resources
15 Best Places for Designers to Get Free Stock Photos Online
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
The Ultimate Toolbox for iPhone Development
Most Essential Free Softwares After Windows Installation
11 Smart Keyword Related Apps to Help You Simplify Your SEO Task
16 Intelligent Sites For Application Review
80+ High Quality And Useful Resources For Designers To Discover The Best Of The Web In October
We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 80+ High Quality And Useful Resources For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.
You are welcome to share if you know more best of the web in the month of October which our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.
Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
50+ High Quality Icon Design Tutorials (Part 2)
55 Terrific Cinema 4D Tutorials and Techniques
Create a Realistic Looking Nokia 5800 in 3ds Max
How to Create Roads and Rail Tracks on a Path
40 Adobe Illustrator Text Effect Tutorials
A Beginners Guide to Digital Textile Printing
Create a Transparent Text Effect with Fresh Grass Texture and Custom Brushset
75 PSD to HTML Resources for Web Designers
The Ultimate Round-Up of Print Design Tutorials
Design A Killer Fashion Model Poster
How to Create Smoky Brushes and Type In Illustrator CS4
50 Hot New Tutorials From Around The Web
45+ Adobe Illustrator Tutorials for Creating Cartoon Character Illustrations
Design a Minimal and Modern Portfolio Layout with Photoshop
How to Create an Icon in Illustrator
30 Advanced Photoshop Tutorials for Gamers
Blog Headers: 20 Great Examples and Best Practices
Build a Slick Rich User Interface in Photoshop
40 Quality Photoshop UI Design Tutorials
Artwork, Digital Photography and Inspiration
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
50 Awe-Inspiring Underwater Photos
21 Adorable Pieces Of Manga Art
100+ Clean, Simple and Minimalist Website Designs
15 Fabulous Examples of Origami Inspired logo Designs
39 Astonishing Examples of 3D Typography
35 Smart Logos With Second Thought To Make You look Twice
11 Amazing Photo Manipulated and Digital Art Wallpapers
A Showcase of 35 Beautiful Typographical Illustrations
40 Beautiful HDR Pictures You Would be Amazed
Trends in Pricing Page Design and Layout
14 Bold and Colorful Print Ads from Various Brands
44 Examples of Nature Inspired Website Designs
35 Creative Twitter User Profile Designs
Showcase Of Beautiful Textured Web Designs
23 Eco Friendly Sites that are Using WordPress
30 Superb Examples of Infographic Maps
Website Design Showcase Of 21 Popular Brands
30 Jaw Dropping 3D Character Creations
45 Inspiring Navigation Menus That You Must See
15 Inspirational Single-Page Websites
10 Unforgettable Interactive and Inspirational Business Cards
105 People Photo Manipulation Works You Will Really Marvel
40+ Beautiful Fish Inspired Logos
25 Absolutely Magnificant Landscape Photo Manipulation
Showcase of Social Networking Websites
15 Elegant Cartoon Wallpapers You Can Not Miss
40 Striking Examples of Graffiti Art
24 Awesome Single Page Portfolio Designs
80+ Photo Manipulations Art to Ignite Your Creativity
Javascript and Ajax
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
How to Build a Simple Content Slider jQuery Plugin
35 Fresh and Useful jQuery Plugins
Curtains Opening Animation with jQuery
xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Mastering CSS Coding: Getting Started
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools
Purely CSS – Faking Minimum Margins
Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
Most Useful Collection of Premium 3d models
1000+ High Quality Free Grunge Textures, Icons, Brushes and Fonts
45 Beautiful Dual-Screen Wallpapers
30 Stunning Fonts To Enhance Your Designs
Collection of 8 Free and Exceptional Icon Sets
80 Stunning Background Patterns For Your Websites
9 Open Source Microblogging Applications
500+ Free Download High Quality Photoshop PSD Files For Designers
24 High Quality Free And Stunning Symbol Fonts
50 Surprisingly Amazing Themes for Blogger
40 Amazing Photoshop Brush Directories and Collections
Miscellaneous Articles
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
20 Best Wordpress Typography Plugins To Enhance Readability
How to Properly Prepare a Guest Post in 5 Simple Steps
5 Highly Applicable, Yet Easily Overlooked Features in Photoshop
The History and Evolution of Social Media
20 Useful & Nicely Designed Web Applications
24 Useful Tutorials on Creating Photoshop Brushes
30+ Super Secret OS X Features and Shortcuts
15 Most Important Wordpress Plugins To Help You Fight Spam
Guide to a Successful Blog Post
8 Powerful Wordpress Plugins You Probably Don’t Use But Should
9 OpenSource URL shortening apps to make your own services
7 Key Principles That Make A Web Design Look Good
Windows Keyboard Shortcuts for Windows 7
20 Handy Photoshop Tips For a Faster Workflow
10 Useful WordPress Coding Techniques
The Most Freakiest Digital Art Collection For Halloween Season
This is a post where you can see scary digital arts, creepy wallpapers and creative advertisments for the Halloween Season. These are the wonder creations of designers who use their creativity with a different angle and approach to get the result that makes a difference for Halloween Day. So, you may say this post is an exclusive post for Halloween.
You are welcome if you want to share more digital art and inspiration for Halloween Season that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well. Click on the images to go from where the images has been taken.
This
is Halloween by the-black-rabbit
Haloween witch by lycoris-vampire
Advertisements
Burger King: Veg City, Halloween
Party City: HouseOfHalloweenies.com
Articles And Wallpapers
Photoshop tutorials – most shocking ever
55+ Amazing Halloween Wallpapers to Charm Up Your Desktop
19 Creative Halloween Advertisements
30+Halloween Photoshop Brush Sets And Vector Images
55 Terrific Cinema 4D Tutorials & Techniques
Cinema 4D is getting very popular day by day mainly due to the body paint functionality. It has artist friendly interface with a customizable work flow. Many films like Spiderman 3, Monster House, Chronicles of Narnia, Beowulf, Polar Express and Superman Returns also used Cinema 4D to present a long lasting effect. People also used Cinema 4D in motion graphics because of its excellent integration with compositing application pipelines. The most useful thing about Cinema 4D is its instinctive interface and sound work flow that lets an artist to jump in and be creative and dynamic swiftly. In this post we have gathered 55 excellent tutorials which we will greatly help you to create some beautiful 3D graphics.
You are welcome if you want to share more Cinema4d Tutorials and Techniques that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well. Click on the images to go from where the images has been taken.
This work is fully modeled and rendered in Cinema 4D. Artist have used BodyPaint and Photoshop for the textures.
How to Create Explosive Typographic Effects in Cinema 4D
In this tutorial artist will walk through the steps he used to create this illustration to bring alive the word “collide.”
Tutorial on how to make tentacles like this in the image using cinema 4D 
How to create a 3D type effect using Cinema 4d and Photoshop.
Creating a Ball Bearing using Arrays
In this tutorial you will learn how to create a ball bearing using an Array Object. You will also learn about the use of the Taper object, Fillet option and Bevel function.
In this tutorial you will learn how to create great looking Line Renders using extruding and deformers, line renders are amazing looking renders that are often used on wallpapers or photo manipulations.
Modeling a Car using Blueprints
In this massive tutorial you will learn how to model a car using blueprints, points and the bridge tool. Basic Cinema 4D knowledge is required for this tutorial!
Enable or disable multiple objects at with one click Increase viewport speed and animation playback.
Here’s the Zebra 3D modeling tutorial by Pupi for Cinema 4D. And the Great thing is, you can download his 3D model for FREE!
Learn the animation basics and looping in Cinema 4D.
In this tutorial you will learn how to create an explosive type effect!
In this tutorial you will learn How to create an animated dotted line stroke.
The “UV-Map Dirtmap Baker” Tutorial
Cinema 4D veteran Peter Hofmann aka peXel presents us with this handy tutorial covering the following topics: How to get a “clean” UV – Map, How to calculate a Dirt – Map, How to work with Baker.
In this tutorial we’re going to use Cinema 4d to create the 3d text like in the image above. Feel free to use the software of your choice, this is a technique that can be easily duplicated in other 3D apps.
In this tutorial we will learn how much powerful procedurals are, and also some basics regarding shading/lighting.
This tutorial will teach you to make a great sandglass, which you can use for plenty of purposes. You can find the finished model and other stuff from there.
Just a quick, easy dirty way to create a peanut can (or most types of cans with lids for that matter) in cinema 4D. Again its more about how easy the actual model and geometry is compared to the actual texturing.
This amazing 3d scene, entitled Daylight, was created by Carles Piles. Read how the scene was created in the tutorial below.
This tutorial will teach you how to make beautiful car tires step by step.
Texturing Objects and Lights in Cinema 4D
In this tutorial, artist will go though the steps in texturing objects in Cinema 4D. He also play with using textures to actually light the scene.
In this 3 tutorial series we’ll look at how to build a glass shatter effect, based on a recent project for Damages 2, using Illustrator, After Effects and Cinema 4D. This section includes capturing the template in After Effects, paths in Illustrator and setting up imported splines as polygons in Cinema 4D.
This tutorial will show you how to make awesome model of piano.
Create 3D objects in Cinema 4D from vector art
This is a video tutorial on taking vector art and importing it into Cinema 4D to create a 3D object that can be animated, textured, and manipulated in 3D space. In this tutorial, written by David from filmmakingcentral.com he shows you exactly how to do this.
In this tutorial you will learn how to create awesome matterial, that can be very useful for your upcoming tasks.
In this tutorial artist will show you how to create a basic textured disc shape and then drop it into an Array Object where you can create an epic looking UFO.
Although in this tutorial does not cover entire car, only the bonnet, fender and door, hope that you will learn lots of techniques in this tutorial.
In this tutorial you will learn how to make E Book Cover step by step.
A great step by step tutorial on Armor plates.
Nothing fancy, but it could help someone, somewhere, somehow, this tutorial iGrass Tutorial Cinema 4Ds written for Cinema 4D, but could easily be adapted for any other 3D app out there.
Tutorial made for Cinema 4d but can be applied to almost any 3d rendering program.
In this Cinema 4D tutorial, he get into lighting a scene with the Ambient Light and Area Light CS Tools.
Tutorial made for Cinema 4d but can be applied to almost any 3d rendering program.
This tutorial shows how to make a simple modern trash can or “abstract” form you can use in your scenery, it also serves as practice for extrude tools and getting familiar with them.
Cinema 4d Low Poly Gun Tutorial
Wanna make something like this in Cinema 4D R8 and Unwrap 3D? so this tutorial is best for this.
This week, artist will show you how to make your own geometry easily. Although almost every 3D application can perform the same task, he will use Maxon’s Cinema 4D.
A detaild and very comprehensive tutorial about Interior.
This tutorial will show you how to make beautiful grass.
A very useful Tutorial that how you can make a city buildings.
A detailed and step by step tutorial that will teach you lots of techniques.
In this tutorial Artist will examine a few different strategies for achieving a realistic skin shader in Cinema 4D. Skin has a particular quality that sets it apart from ordinary surfaces: it is luminously translucent.
A very detailed and step by step tutorial on how to create electric bulb.
Beautiful tutorial and its mixture of Cinema 4D and Poser.
Not for complete beginners as artist made it pretty quick, but those of you that know the basics should understand.
Mindblwoing tutorial and you will learn in this how to make a beautiful Lamp.
Great tutorial on Ipod Making.
Part 1 of 3 video tutorials for Cinema 4D showing how to model a Dvd Player.
Create this abstract with the easiest way!
Create an Amazing Liquid Apple Effect in RealFlow, Cinema 4D, and After Effects
Learn the animation basics and looping in Cinema 4D.
Model, Texture, and Render an Interior Scene With Cinema 4D and VRay
In this beginner/ intermediate level tutorial, you will learn how to create and render a realistic interior scene in Cinema 4D and Vray. In this tutorial you will focus on modeling the room and all of the furniture, and the second on materials, lights, rendering, and post production.
How to Export 3d Camera Data from Cinema 4D into After Effects
When it comes to motion graphics, exporting camera data from a 3D program to a 2D compositing program is one of the most important techniques you could know. In this tutorial, you will learn the basics behind getting Cinema 4D and After Effects to talk to one another, including using exporting tags, using the camera data in After Effects within 3D layers and effects, and how to set up and tweak your render for the best results.
Create Mac OSX Intro Video with C4D
In this tutorial Satya Meka will walk us through Cinema 4D and how to create the 3d text in this effect.
Making of Portrait of a Silent Man
In this tutorial Patrick Eischen is going to show you how he created his image “Portrait of a silent man” using Cinema 4D and ZBrush.
How to a rolling carpet and text effect in Cinema 4d.
Paper Crumple Tutorial in Cinema 4D
This tutorial shows you how to create an animation that makes a piece a paper crumple into a ball with no keyframes at all. It uses the cloth tag.
Making a glass and a wine bottle with C4D
This tutorial demonstrates ways to make a glass, its materials and the content inside the glass. Artist made the model in c4d r9, but It can be done with lower versions.
