Design Images for Website

How To : Save files for the web in Illustrator CS3

Are your website's graphic too small for viewing? Or too big to load? This video shows you how to preview file formats and settings in order to effectively save an Illustrator image for the web. Save files for the web in Illustrator CS3. Click through to watch this video on ad ...more

How To : Create a web page using Photoshop

In this video tutorial you will learn to create a website page using Adobe Photoshop. Learn to use the slice and slice select tools to break an website image layout into different pieces. This allows faster loading of your web pages. Create a web page using Photoshop. Click th ...more

The Tabletop Demonstrator : A PVC Filmmaking Contraption

This video shows how to make a camera setup for filming what you're doing on a table. It's a great video even if you don't intend to make one, but if you're trying to teach someone how to do something, this is an awesome setup. Either way, it's entertaining to watch. The creat ...more

A Kit-of-No-Parts : "Crafting" Electronics at MIT

I recently came across this amazing MIT media lab site, Kit-of-No-Parts. Though not directly related to the content Cory has been posting, it is an interesting "craft" approach to technology/science. The site was created as documentation of a student's thesis work in the High- ...more

How To : Give Credit for Images

Ah, a perfect combination of two things that I love: well-designed flowcharts and proper image crediting! The internet may seem like a free-for-all, but posting uncredited images can land you in a legal scuffle (not to mention that it's bad manners). Most of my article images ...more

News : Chinese New Year Celebration

One of my favorite sites to go to for inspiration is The Party Dress, featuring the Well-Heeled Hostess. She is so talented and creative I always look forward to perusing her latest project postings. In one of her recent party features, she shared this fabulous Chinese New Yea ...more

News : Your Perfect Snowflake Soulmate

No two snowflakes are alike. The same goes for people. But a snowflake can easily compliment one's own individual charm, although finding your perfect soulmate snowflake is quite a challenge. Or... it was. TBWA\London has designed a way to pair you with the most compatible sn ...more

HowTo : Grow Your Own Snowflakes

CalTech's Kenneth Libbrecht reveals the sublime beauty of snow crystals when photographed with a specially designed snowflake photomicroscope. The physicist is author of the Field Guide to Snowflakes and The Secret Life of a Snowflake, and recently posted an instructional guid ...more

How To : Make a Call of Duty Black Ops emblem on your PC

Video game controllers are designed for just that: playing video games. When you try to use them for other things it seldom works well, and making custom Call of Duty Black Ops emblems is no exception. Fortunately, this video is here to teach you about a free web app you can u ...more

How To : Make video clips into animated gifs

In this video, we learn how to make video clips into animated gifts. First, open Windows Movie maker and import a video file. Now, shorten the video to four seconds or less and save it. Now, go to the website gif ninja. Once on this site, you will see a section that says "tool ...more

HowTo : Make Magical Bokeh Photographs

Hongkiat has compiled a collection of beautiful examples of "Bokeh" photography (1, 2): "The word ‘Bokeh’ derives from the Japanese for ‘blur’ or ‘haze’, and in photography describes the effect found in out-of-focus regions of images. Different lens designs, aperture shapes a ...more

How To : Change your logo image in Joomla (1.5)

In this tutorial, we learn how to change your logo image in Joomla (1.5). First, clear out the cache on your web browser and load your logo onto Joomla. Now, open up the CSS file of your logo, and you will be able to see the template information listed. Change the font size or ...more

How To : Make a multi-layered embossed floral gift card

This video tutorial is in the Arts & Crafts category where you will learn how to make a multi-layered embossed floral gift card. Take a piece of 11 x 8 1/2 inch Stampin' Up card stock and fold it in half. Next you punch out layers of colored paper of rose red, very vanilla, re ...more

How To : Create a jQuery image slider with buttons

The image slider is a very popular feature for websites, allowing users to look through lots of images in an intuitive way that doesn't have the slowness of a slideshow or a thumbnail gallery. This video will show you how to create one using jQuery, the popular and easy-to-use ...more

How To : Make 3D materials and textures in Blender

Designing 3D graphics is one of the most challenging and lucrative fields of computer design. This video for beginning 3D graphics artists features a tutorial on how to make materials and textures in Blender, one popular 3D modeling software suite. Making this pair of pants wi ...more

How To : Make flashing pictures for your profile avatar

In this how-to video, you will learn how to create flashy pictures and animated gifs for your profile pictures. This is useful if you want to put an animation as your facebook or myspace default photo. First, find and open the image you want to use. It should open in MSpaint. ...more

How To : See high quality pictures of your house on the Web

In this how-to video, you will learn how to see high quality pictures of your own house. First, go to your web browser and click on Maps and Directions in the directory on the MSN website. Next, click on locations and type the address of your house or whatever place you want t ...more

How To : Install fonts onto your computer for Photoshop

Do you feel like you will go crazy if you see another website written in Comic Sans? You are not alone. In this tutorial, learn how to download free fonts online and install them on your computer for use in Photoshop. By using new fonts, you can guarantee that your graphics wi ...more

How To : Paint a guitar body using spray paint

In this video Teddy Zane shows you how to paint a guitar with spray paint. It begins by painting the whole guitar with one color of flat paint, and then creating a panel where you want the picture, out of tape. Next lay your picture on top of the tape and use a scalpel or razo ...more

How To : Make a GIF animation without Photoshop

In this video you will learn how to make a GIF animation without Photoshop. This is by using a windows operating system program and its from a website which is provided. Go to your search engine then type in download. Then click on CNET, then type in Photobie and download the ...more

How To : Emboss on metal to make a metal craft embelishment

Terri Sproul shows how to use a really cool technique to make an embellishment for a card. You first need to find a roll of aluminum that is self adhesive. Work on the back of the aluminum, the side with the adhesive. Use a stamp to lay out your design on the back, by stamping ...more

How To : Make an image map without additional software

This video is a quick lesson on how to make an image map for free without the software. You use image mapping if you are creating a website or you are a partner with http://youtube.com. From your PC or Mac you go to http://www.image-maps.com and that is where most of the free ...more

How To : Design a candle centerpiece for your table at home

In this video, The Flowergod demonstrates designing a candle centerpiece for a table at home. The video includes a time-lapse (6 times speed) demonstration of Flowergod actually creating a centerpiece, and lighting the candle afterwards. In this way, you can see how quickly (T ...more

How To : Create a navigation bar in Photoshop

In this video tutorial, viewers will learn how to create a navigation bar, using Adobe Photoshop. Adobe Photoshop is a graphics editing program. Viewers will learn how to use multiple layers, layer effects, gradient options and drawing tools. Viewers will be able to customize ...more

How To : Change your profile background on YouTube

In this video from Tiffany0x we learn how to change your profile background on youtube. First she goes to google, then clicks on images and type in whatever image you're looking for for your background. Then copy the image's link in your browser. Then go to youtube. Click My A ...more

How To : Make a Polaroid image in Photoshop CS3

CreativeIceDesigns shows you how to make a "Polaroid"-style image on Photoshop CS3. Open a new 400 x 500 pixel image, and create a new layer, and drag underneath the original background layer. On the original "Layer 0" (the top-most layer), take the marquee tool and cut out (d ...more

How To : Create a cartoon cloud in Photoshop

In this video tutorial, viewers learn how to create a cartoon cloud using Adobe Photoshop. Adobe Photoshop is a graphics editing program. In this video, viewers will learn how to use multiple layers, layer options, how to create a lighting effect and use of gradient options. T ...more

How To : Design visual elements in CSS

Have you seen extravagant graphics on web pages or in the GUI (Graphical User Interface) of a commercially published program? Do you wish you could create graphics comparable to published works? Now you can! This tutorial will take you step by step in creating visual elements ...more

How To : Make an image your YouTube profile background

This video shows you how to give your YouTube account a background image. Basically what you do is take any image that you would like to have as your background and upload it to a image uploader of your choice. Once the image is hosted it should show a url link to the file, co ...more

How To : Create a growing vines flourish in Flash

Create your own animation in Flash with this easy to follow, step by step guide to make a vine grow right before your eyes. He shows you first a simple, less complicated way of doing a basic animation. While it may not look as nice as the later demo, it gives you a good starti ...more

How To : Import different shapes into Xara3D

This video shows how to make simple 2D shapes into 3D. The video starts out making three different 2D shapes, and copy and pasting them into the Xera 3D program. The shapes can then be moved so that they are on top of one another, and different colors. When finished one of the ...more

How To : Change the color of a car in Photoshop

Creative Ice Design describes how to change the color of a car in photoshop. The tutorial shows an easy and quick method to change the color. * Open the image of the car in photoshop. * Then go to the menu image/adjustments/replace color. A pop-up window click opens. * Click ...more

How To : Learn vegetable vocabulary in Arabic

Learn Arabic words using the Learn Arabic with Pictures series from ArabicPod101.com. Beautiful images clearly show Arabic vocabulary divided into units by topic. Each word is introduced in English and Arabic. It's a great way to study new vocabulary words that will build up y ...more

How To : Origami an eagle plane

Fold a paper-plane designed by Joost Langeveld. Origami! Fun pastime & skilled craft. Watch this origami how to video to learn how to fold this eagle plane. With origami, practice makes perfect. So practice those origami folds and you will have a beautiful plane. On my website ...more

How To : Import and export images in Adobe Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough ...more

How To : Use smart guides and tooltips in Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough ...more

How To : Create HTML clickthroughs in Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough ...more

How To : Create interactive prototypes in Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough ...more

How To : Create CSS/XHTML layouts in Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough ...more

How To : Import files into Adobe Fireworks CS4

Adobe Fireworks CS4 software is used to rapidly prototype websites and application interfaces and to create and optimize images for the web more quickly and accurately. It is ideal for web designers, web developers, and visual designers. Simply having the software isn't enough ...more

How To : Use CoffeeCup Web Form Builder 7.5

If you want to submit information to a user, you build a website; if you want to receive information from that user, you use a web form. As such, it's crucial that your web forms be well designed. One easy way to design web forms is with CoffeeCup's Web Form Builder. CoffeeCu ...more

How To : Photoshop animated fire

Photoshop is a great computer software program designed to help people manipulate images and text. Learn a few easy steps for creating animated fire from a Photoshop expert in this free video series. Part 1 of 8 - How to Photoshop animated fire. Photoshop animated fire - Part ...more

How To : Photoshop bling text

Photoshop is a great computer software program designed to help people manipulate images and text. Learn a few easy steps for creating bling text from a Photoshop expert in this free computer software video series. Part 1 of 7 - How to Photoshop bling text. Photoshop bling tex ...more

How To : Photoshop clown pictures

Photoshop is a great computer software program designed to help people manipulate images and text. Learn how to create a clown picture from an ordinary photo from a Photoshop expert in this free video series. Part 1 of 7 - How to Photoshop clown pictures. Photoshop clown pictu ...more

How To : Photoshop frost text

Photoshop is a great computer software program designed to help people manipulate images and text. Learn a few easy steps for creating frost text from a Photoshop expert in this free video series. Part 1 of 7 - How to Photoshop frost text. Photoshop frost text - Part 2 of 7. C ...more

How To : Photoshop liquid text

Photoshop is a great computer software program designed to help people manipulate images and text. Learn a few easy steps for creating liquid text from a Photoshop expert in this free video series. Part 1 of 7 - How to Photoshop liquid text. Photoshop liquid text - Part 2 of 7 ...more

How To : Photoshop realistic fire text

Photoshop is a great computer software program designed to help people manipulate images and text. Learn a few easy steps for creating realistic fire text from a Photoshop expert in this free video series. Part 1 of 5 - How to Photoshop realistic fire text. Photoshop realistic ...more

How To : Photoshop blood text

Photoshop is a great computer software program designed to help people manipulate images and text. Learn a few easy steps for creating blood text from a Photoshop expert in this free video series. Part 1 of 6 - How to Photoshop blood text. Photoshop blood text - Part 2 of 6. C ...more

How To : Photoshop glass text

Photoshop is a great computer software program designed to help people manipulate images and text. Learn a few easy steps for creating glass text from a Photoshop expert in this free video series. Part 1 of 5 - How to Photoshop glass text. Photoshop glass text - Part 2 of 5. C ...more

How To : Use the Firefox Firebug extension for web design

Firebug is an essential Firefox extension for web designers and developers. You are able to quickly target any element on a page to see the markup, the CSS, the layout, and the DOM in an instant. Not only can you see all of this juicy information, you can edit and see the resu ...more

How To : Hack websites with SQL injection and WebGoat

SQL injection is a common web application attack that focuses on the database backend. WebGoat is a deliberately insecure J2EE web application maintained by OWASP designed to teach web application security lessons. I plan to use WebGoat for a few future videos. This first WebG ...more

How To : Hack websites with SQL injection

For Infinity Exists Full Disclosure's first Website Hacking episode, we demonstrate how to exploit a security vulnerability occurring in a website's database to extract password hashes. Sql (Structured Query Language) is a computer language designed for the retrieval and manag ...more

  • Hot
  • Latest