Glossy buttons are the preferred type of button to use on websites for links. If you're here, chances are you're wondering how to make them yourself. You've come to the right place. This video will teach you how to quickly and easily create glossy buttons for your website usin ...more
In this video one learns to make a quake live button in Photoshop which is useful for anyone who owns Photoshop and creates websites. The video is easy to follow and show a step by step method for creating a quake live button by creating multiple layers, using the free sizing ...more
If you ever wondered how to create a buy now button for your website this video shows how to do it using Photoshop. To do this open Photoshop and start with a new file. First draw a rectangle which will be now modified into the buy now button. Set the radius of the rectangle t ...more
This video describes how to create an easy glossy button in Photoshop. This is done by "simpleretouch.com" website. First select the "Ellipse Tool" from the Photoshop tool bar and then drag it on the layer; it will give the ellipse shape in the layer. Select the "Blending opti ...more
In this Tasktutorial video, learn how to create a button for a website using Illustrator software. To begin, create a rectangle with the rectangle tool and then make the outline gray with a stroke of 3 points. Fill this box with a gradient and change the angle to 90 degrees. A ...more
Let's learn how to create a website button in Illustrator! First draw a rectangle with rounded corners. Then create some text named 'click here'. Resize the bar according to the text. Again take rectangle tool and create two of them diagonally and place them one below the othe ...more
If you want to create a button for a website using Illustrator, you can watch this video. First draw a 20-pixel rectangle. Now use a stroke and fill the inside with a nice gradient. You can use white and ash color to make a glossy button. Now, type inside the button using the ...more
In this software tutorial you will learn how to make a simple website using Photoshop. You may think it's too difficult to create your own site and that you need to use a template, but this tutorial will change all that! See how easy it is to design your own web page without a ...more
In this Photoshop tutorial the instructor shows how to create a dollar sign button in Photoshop. Open Photoshop and select the ellipse tool and make a around shape. Now open the layer select the layer tool. Now open the gradient editor and make a gradient as shown in the video ...more
tasktutorial shows you how to create a limited offer button, using Photoshop with this high resolution and informative video. You can learn how to create these buttons, using step-by-step instructions. You never have to leave the comfort of your home, and it's free to learn. T ...more
This is a beginner tutorial on how to create a simple Easy Button. Check out this Photoshop tutorial from Tjdyo on making this iconic toy in PS CS4. Making this involves lots of layers, masks and shading.
This task tutorial explains how to use Photoshop to create a YouTube subscribe button. First, select the rectangle tool and draw a bar. Select color options and deselect the color overlay. Then, go to gradient. Using the dropper tool, select the first and second color. Open la ...more
Perfect for your web 2.0 designs or site, or even another type of interface, this shiny button will add some depth and style to your design. See how to make one in Photoshop in this tutorial.
Make your buttons stand out when building webpages -make them shiny! This Photoshop tutorial shows you how.
How to create a glossy button using Photoshop.
While sliding doors is far from a new concept and will be obsoleted once we see wider support for multiple backgrounds (CSS3), it is still a good one for your bag-of-tricks. The theory is that if we have an extra hook in our markup, we can apply two overlapping background imag ...more
Want to embed a Buy Now Paypal button on your website? Let this video be your guide. It's easy and this clip presents a complete, step-by-step overview of the process. For more information, including detailed instructions, and to get started selling goods and services on your ...more
In this video tutorial, viewers learn how to create a button or banner for a website in Adobe Illustrator. Adobe Illustrator is a vector graphics editor. These buttons or banners can be used on personal websites or website channels, such as YouTube. Users are able to customize ...more
So, you've got your website set up, but there's something missing. Oh right- you need a PayPayl payment button so that people can easily buy your product. Watch this video to learn how to make your custom own PayPal payment button and put it on your wesbite.
Templates are more customizable than you may think. So if you purchased a website template and need to change the images used - check out this Photoshop tutorial. Change images in a website template with Photoshop. Click through to watch this video on template-help.com
In this tutorial, you'll learn how to use Adobe Photoshop create a simple header bar for insertion at the top of a div in a webpage layout. Whether you're new to Adobe's popular raster graphics editing software or a seasoned professional just looking to better acquaint yoursel ...more
Want to create a header logo for your website in Photoshop? This lesson will show you how. Meet the Adobe Photoshop pen tool! Whether you're new to Adobe's popular image editing software or simply looking to pick up a few new tips and tricks, you're sure to benefit from this f ...more
Watch this video series to learn how to start the conversion process of an Adobe Photoshop mockup of a website, into a real live CSS based website. You'll see how to convert a Photoshop mockup to an HTML/CSS website and work with the header/menu section of the Internet site. ...more
This video tutorial is in the Software category which will show you how to create a website in Dreamweaver and Photoshop. Open Dreamweaver and make sure you have the view on table mode. In the table mode, draw layout table and draw layout cells tools are alive. To define a new ...more
This tutorial takes a screencap of a popular website, and then shows you how you can use the tracing tool and use some of the principles of web design to create an effective layout for your own website using Adobe Photoshop.
Add an extra level of functionality and user interactivity by adding sound to your menu buttons on your Flash-based website! This tutorial shows you how to create these sound files, and then incorporate them into your dynamic Flash-based menu by using the ActionScript code.
Add an extra level of security to your website by creating your own dynamic 'Buy It Now' button for PayPal-using visitors to your website. Coding this button is very easy, and you can even animate it to draw more attention to your webstore.
A toggle button can let visitors to your website hide or reveal content (such as a product description or explanation attached to an image). This tutorial shows you how to make your own content toggle buttons for your Flash-based website.
A bunch of magazine "pros" make big time Photoshop mistakes. Hongkiat posts 52 pretty terrible ones, my favorites featured below. What's their excuse? Veronica Kay's missing leg.. The three handed woman.. Creepy. She's not alone.. Mandy Moore gets scalped.. Brad and Angeli ...more
Whether you're a web developer or a blogger trying to get your name out there in the vast world of fashion design, creating an aesthetically pleasing website is indispensible these days - sort of like making your virtual resume. While fabricating a nice site may seem time-cons ...more
Melvin from QZPStudios takes you on a quick tutorial in which he creates an embedded text effect in Photoshop. This could be a useful trick for website designers who want to create banners containing text which have a shadow effect. 1. Create a new photoshop document and unlo ...more
In this series of easy-to-follow diy videos, our Flash expert explains the intricacies of importing Photoshop layers of text and graphics, as well as import entire files into the Flash program. Once imported, these files can be turned into buttons for your interface, images an ...more
Back in the eighties, I used to hate television commercials, but I eventually got used to them. Had to, in order to enjoy my favorite shows. Then, the increasing number of billboard ads annoyed me in the nineties. They followed me everywhere I went—no escape—persuading me to b ...more
As a web developer, I often read articles about hackers (from the lowly to the knowledgeable) infiltrating websites via the dreaded 'SQL Injection' method and completely taking control, changing, gaining access, or destroying the owner's data. As a fellow web developer, I'm su ...more
Gas prices across the United States have skyrocketed, with today's national average for regular unleaded gas at $3.51 a gallon, with California leading the pack at $3.90 a gallon. AAA reports that last week's national average was just $3.37. That's a $0.14 increase in just one ...more
Google recently rewrote their search algorithm to make "low-quality sites" disappear from your front page results, putting the emphasis on better, more relevant answers with original content and in-depth information. And now Google has added a new feature to their search syste ...more
This video breaks down a composite that makes up a website and shows you how to take the layers and images and layout you created in Photoshop, and transfer them to Flash. Within Flash, you can go through each layer and determine how you want it to be saved. Tanya Staples does ...more
Using a simple trace trick, you can easily look up the IP address and its location for any website. This method uses a command line command to first find the IP address of a given website, and then uses a free online tool to get that IP's location. Don't Miss: Tips & Tricks f ...more
The Android App Market is flooded with tons of new mobile applications each day. But there can't be that many developers out there familiar with the Android OS, so where are all of these apps coming from? People like you. People like me. All of which don't have the slightest ...more
Looking for a guide on how to create icons for your website? With the Adobe Photoshop, it's easy. Whether you're new to Adobe's popular image editing software or simply looking to pick up a few new tips and tricks, you're sure to benefit from this free video tutorial from Tutv ...more
Photoshop is great software for manipulating images, and Dreamweaver is great software for making websites. Do you want to combine their powers to create an even more awesome website? This video will show you how to move designs from Photoshop into Dreamweaver properly, enabli ...more
If you already know how to make Photoshop slices and bring them into Dreamweaver for use on your website, there's really only one more thing you need to know to utilize these slices properly on your website: how to insert HTML content over the sliced images to make your websit ...more
Almost every website on the web has buttons that enable users to interact with it. They are easy to make, but making them interesting and reactive to user's activities is more of a challenge. This video demonstrates how to create animated rollover buttons in Adobe Flash CS4 qu ...more
Create links and change elements with AS3 in Flash CS3 Use buttons to change the appearance of a button, navigate to a different place in a time line and link to a website. Use action script 3.0. Publish settings. Need to apply actions. Create an event listener. Attach to a b ...more
Instead of using Photoshop, why not give Apple's Aperture a try? Aperture is designed more for post-production work for professional photographers, letting you cull through shoots, enhance images, manage massive libraries, and deliver stunning photos. Watch this video tutoria ...more
When creating an aesthetically pleasing image, sometimes more is more. Blending images together and blurring the edges is a great method for creating desktops featuring multiple photos of hottie Sam Worthington, or simply for creating a pretty website background. Whatever you ...more
Flash and Actionscript can be used together to create damn near any sort of animation or website feature that you could want. This video will teach you how to do just one thing: generate a random frame using Flash CS4 and Actionscript 3. This is handy if you want to create a b ...more
Learn how to create glowing text in Photoshop with this awesome video! 1. Write any text using text button T on the selected image as a background. Write a suitable text and place it somewhere. 2.Select the text and make it Bold. 3. right click and set Opacity and Fill options ...more
This software tutorial takes a look at how to design an icon set in both Photoshop and Illustrator. An icon set is a set of icons that you can integrate into a number of different projects, like a website or a company letterhead, logo and identity set up. Having an icon set re ...more
Now, instead of leaving Post-It notes on a monitor screen, you can create virtual Post-It notes in Adobe Photoshop! This is a quick tutorial for the intermediate to advanced user of Photoshop, showing you how to create a square, yellow graphic that looks strikingly like the Po ...more
Sure, there are a lot of videos out there that will teach you how to make burning letters or icy letters in Photoshop. But how many will teach you this? This video will show you how to make letters in Photoshop that look like glass, forming a window to the background behind th ...more
Bastion is an indie game available via the XBLA or on the PC. If you're trying to earn first prize in the Slinger Range proving ground challenge for dueling pistols, you may be having a hard time. It's fairly difficult, but by spamming the mouse button and shooting fast, you s ...more
Photoshop is the photo-editing software of choice for just about everyone these days. It is very complex; but you're in luck! We have many videos here on site dealing with how to use Photoshop's many functions. This video will teach you how to display a picture inside of text ...more
Learn how to create a drop shadow that runs along your site, and, if your site expands, expands with it! Start in Photoshop to create a nice little drop shadow graphic and then head to Dreamweaver for some fun with CSS and divs. Looking for an easy way to create 3D shapes? Hav ...more
Follow along with this tutorial and learn how to create an IFrame on your website using Dreamweaver. For more Adobe software tutorials from Layers Magazine, search Layers Magazine on WonderHowTo. WonderHowTo indexes all Layers Magazine tutorials for Illustrator, InDesign, Pho ...more
This video is a how to guide on how someone can add multiple colored sections to a photograph. It goes step by step to guide viewers on how to accomplish the color effects. Although the video is only 5 minutes long it provides a great wealth of information. However the speaker ...more
The Motorola Droid is the reigning king of the Android family, but it's getting a little old and you're probably looking for a way to improve your phone's performance if you own one. Why not root the dang thing and install a custom ROM on it so it'll at least be organized the ...more
Radford University demonstrates how to upload pictures, embed videos and then publish them in Blogger. Log into blogger and go to your dashboard page. Click edit posts or create a new post. In the blog editor choose edit image from the toolbar. You can now add an image from a ...more
Google's sociable equivalent to the Facebook Like button is finally here, and it works very similar to your favorite social network's recommendation system, except it shows up directly in Google search results. Whenever your Google friend gives a website or webpage the +1, you ...more
This video shows you how use a composite created in Photoshop to create a website design in Dreamweaver. You learn how to optimize images and copy and paste them between Dreamweaver and Photoshop. This isn't the only way to create a website, but it's a great start! Check out t ...more