background preloader

PS: Tutorials

Facebook Twitter

Web Archives. 25 Creative Menus And Navigation Tutorials of Photoshop. Navigation menus are the most essential part of a blog or website.

25 Creative Menus And Navigation Tutorials of Photoshop

If made with impressive design and implemented at the right place on your web document, they can not only make the interface of a web document user friendly but also adds a better quality to its design. Basically they consist of links to various pages and categories within the website, however its website owner’s wish that which elements he/she wants to add in it. For example, you can add Facebook and twitter profile link, RSS profile link etc to your website menu also. Making a very easy to use, understandable and mesmerizing navigation menu is a designer’s priority while making a custom website design. If you are going to make a website for commercial or personal use, and need a highly influential design, then we can help you in choosing the right one. All designs given below are hand picked and really graceful. Blue on Black Navigation Bar An eye-catching navigation bar for technical blogs.

Advertisement Interface Orbs. 40 Quality Photoshop UI Design Tutorials. 6 Quick’n’Dirty Photoshop Text Effects From Scratch. Photoshop is great for embellishing display text with little effects.

6 Quick’n’Dirty Photoshop Text Effects From Scratch

When you add layer styles into the equation, you have the added benefit of the styles being easily transferable. In this tutorial I'll show you how to make six different effects using just layer styles. So really this is like six tutorials in one! All six of these effects use just layer styles. If you are a Plus member, you can simply download the ZIP pack of six PSDs for this tutorial and copy and paste the styles. Quick Gold Text There are a lot of ways to make "gold" text. The font we're using here is Trajan—a very elegant typeface that suits gold text. First the top layer, which is made with the usual suspects—a bevel, a gradient overlay, and so on. This is the layer that gives the depth to our letters. There are a lot of ways to make "gold" text. 3D Metallic Text This effect is actually just a variation on the gold text. To try something slightly different, I also applied a text warp.

DoubleType HyperColor Thin Metal. Practical Photoshop Magazine. Make a Simple and Modern Web UI Button in Photoshop. This beginner-level web/user interface design tutorial will walk you through the creation of a popular style of buttons that can be used in a variety of situations, such as in call-to-actions, common user tasks such as submitting a web form, and buying products from your e-store.

Make a Simple and Modern Web UI Button in Photoshop

In addition to the creation of the graphic in Photoshop, we will go over the HTML and CSS needed in order to make the design fully functional. Preview View Demo Step 1: Create the Photoshop Document Our button will be exactly 170px wide and 50px tall, but we’ll make a bigger canvas (600x600px) so that we have some breathing room while we work (then we can just crop our work before saving it). Step 2: Create the Base Shape. Free Photoshop Tutorials ++60 « JinSpiration. How To Create Detailed Gothic Linework Typography How To Create Detailed Gothic Linework Typography Tron Legacy Tutorial.

Free Photoshop Tutorials ++60 « JinSpiration

TRAINING. 100 Best Photoshop Tutorials of All Time. Photoshop tutorials are one of the most popular subjects on the web, as the digital art community continues to grow and new designers bring their unique skills.

100 Best Photoshop Tutorials of All Time

However, quality Photoshop tutorials that teach you a useful effect, have a quality finished result and are well explained are harder to find, and with the large number of tutorial sites available, it can be hard to sort the quality from the mundane. In this massive roundup, we’ve collected the top 100 best Photoshop tutorials that have ever been created, that yield professional results, teach you a useful effect, are well explained, and will have you designing like a pro in no time.

These tutorials are collected from niche tutorial sites around the web, and range in age from creation in 2008 to a few tutorials that were created just last week. So, if you think you’ve seen all there is to see from Photoshop, guess again and check out this post. If you liked this post, check out our other design tutorial roundups:

30 Photoshop Tutorials That Will Rock Your Work. 100 Free Photoshop Actions. Photoshop actions can be extremely useful timesavers when you find yourself performing the same steps over and over on an image.

100 Free Photoshop Actions

They're also an excellent way for photographers to quickly and easily pass on their favorite techniques to others. Today we'll be looking at how you can make your own, and showcasing 100 fantastic free Photoshop actions to use straight away! In recent years, DeviantArt has become a huge storehouse for photographers to upload and share Photoshop actions. We sorted through thousands and thousands of these to bring you 100 of our favorite sets, some containing as many as forty or fifty actions in a single download. For beginners, we'll start off with a brief explanation of how to create and install Photoshop actions and then move onto our huge list of actions that are free for you to download and use.

Recording an action in Photoshop is incredibly simple. This should pop open a new window containing various options for the action.