Photoshop

Thursday, November 3, 2011 - 14:00

In this Psd Premium tutorial, author Wojciech Pijecki will combine several stock images to create an artistic, abstract portrait of a woman. This tutorial is available exclusively to Premium Members. If you are looking to take your photo manipulation and illustration skills to the next level then Log in or Join Now to get started!

Professional and Detailed Instructions Inside

Premium members can Log in and Download! Otherwise, Join Now! Below are some sample images from this tutorial.

Final Image Get Instant Access to Tuts+ Premium

Joining Tuts+ Premium will get you instant access to this tutorial as well as all the premium content in our archives. In addition, you’ll have access to all the source files for all of our free and premium content. You will also have free access to the premium content of all the other sites in the Tuts+ Network. If you’re already a premium member, Log in and download the tutorial. Otherwise, you can Join Today!


...
Thursday, November 3, 2011 - 16:30

Last week we celebrated the launch of PhotoDune, Envato’s new stock photography marketplace with a series of photo effect, photo manipulation, and photo montage tutorials. Now that Photo Effects Week has come to an end, we wanted to give you the opportunity to put your newly learned skills to the test with a Photo Manipulation Competition that is open to all Psdtuts+ readers.

Your task is to use at least one of the three images below to create a photo manipulation. You are free to combine these images with assets available on the web or in your personal collection. We will judge your entries based on their creativity, execution, and by how many of the below images that you use.

Up for Grabs

We will select 3 winners for this competition.

  • 1st Place will win $100 in PhotoDune Credits and a 1-year premium membership to Tuts+.
  • 2nd Place will win $75 in PhotoDune Credits.
  • 3rd Place will receive an Envato t-shirt.
PhotoDune Images

You can use the following images in your photo manipulation.

European Hamster courtesy Lifeonwhite

Woman Eating with Chopsticks courtesy Monkeybusiness

...

Friday, November 4, 2011 - 15:38

In this tutorial we will show you how to design a detailed user interface for an audio-themed web application. Let’s get started!

Tutorial Assets

The following assets were used during the prodction of this tutorial.

Step 1

Create a new file. Set Width to 1590 and Height to 838 and the resolution to 72 PPI.

Step 2

Make a new Group and name it Background. Inside that group create a new layer and using Rectangle Tool (U) make a white #ffffff vector shape to cover the whole
canvas and apply the Layer Style.

Step 3

Create a new Group and name it Body. Using Rounded Rectangle Tool (U) set the Radius to 5 px and draw a shape exactly like the one in the example, afterwards apply
the Layer Styles.

Step 4

Inside the Group Body create a new Group and name it Horizontal Devider. Using Rectangle Tool (U) set the fill color to #dfdfdf and make nine horizontal lines
just like the ones in the example.

Step 5

Make another Group inside the Body Group and name it Blue Devider. Using Pen Tool (P) draw to shapes like the ones in the example. Set the fill color to
#8dc5fc and apply the Layer Styles.

Step 6

Using Horizontal Type Tool (T) set the Font to Arial , Bold and the Font size to 17,63 px and type down the words “General” and “Maintenance” exactly like in the example
and apply the Layer Style.

Step 7

Usint Horizontal Type Tool (T) set the Font to Arial and the font size to 11 px, and write down the text in the example. Remember to change between Bold and Regular
on the subcategories. Set the fill color to #557590.

Step 8

Create a new Group and name it Dots. Using Elipse Tool (U) make three shapes like the ones in the...

Saturday, November 5, 2011 - 15:37

Today we bring you an interview with Hrvoje Beslic, a talented Croatian digital painter. Hrvoje’s work features some stunning character designs that are rich in detail and color. In our interview Hrvoje discusses how it was only natural to transition from drawing on paper to digitally painting, and also how he created one of his best works. Be sure to check out this great interview with an interesting artist.

Q Welcome to Psdtuts+, please introduce yourself. Could you tell us where you’re from and how you got started in the field?

Hello everyone. My Name is Hrvoje Beslic and I come from Croatia. I have graduated the school of civil engineering and art academy. I actually found out about digital painting and character design by accident when I stumbled upon some amazing art on Internet. I had no previous knowledge that people make these amazing concepts for movies, games, books and whatnot, and in school no one introduced us to it. But nonetheless I was just drawn to that type of art immediately and started basically relearning to draw.

Witchblade

Q From looking at your portfolio we see that it is mostly made up of paintings. What exactly draws you to that specific style instead of say photo-manipulation, or abstract design?

I love to draw and that’s what steered me to that style. I also love matte painting, I think its amazing but it requires a large database of photos which I do not have, and there are of course authorship right violations when using other peoples photos, so I stick to drawing it all myself. Also I never had a pc growing up, I only got my first pc few years back so most of the time I’ve spent drawing it was on paper and I think...

Monday, November 7, 2011 - 16:00

Today’s designers and photographers need to have a varied skill set that sets them apart from the pack. One common skill that both can use is portrait photography retouching. This tutorial will make you a more effective retoucher and help keep your portraits looking clean and realistic. Subtlety is – going too far will only make the results noticeable. The best comment you can get after presenting a final image is "I didn’t even notice you did that". Let’s get started!

Tutorial Assets

The following assets were used during the production of this tutorial.

Step 1

Step 1 does not involve using a tool at all. Before you start retouching an image, you should open and evaluate the image and come up with a mental roadmap of what need be done. I’ve illustrated the steps necessary to retouch this portrait below.

The areas to retouch are: 1. Age spots, skin blemishes and other skin issues; 2. Forehead wrinkles; 3. Laugh lines and deep wrinkles; 4. Bags under eyes and crows feet; 5. Thinning eyebrows; 6. Stained teeth

Step 2

First, we need to work non-destructively. Duplicate the layer in the Layers Panel, by either dragging the background layer to the New Layer icon at the bottom of the Layer Panel, or by using the keyboard shortcut Command/Ctrl + J to duplicate the Layer Via Copy. This will give us "Layer 1". Double click the layer name and rename "Retouched". This will be the layer we will do all our retouching on, leaving the Background untouched.

Step 3

The first tool we will be using is the Spot Healing Tool shown in the Tool Bar below or with the tool shortcut "J".

...

Tuesday, November 8, 2011 - 12:30

Do you design websites? Got five minutes? We want to hear from you! Take the 2011 Web Design survey hosted by Rockable Press and Webdesigntuts+ and get the chance to win the grand prize: an Apple iPad 2 and the entire library of Rockable Press e-books. What’s more, we’ll give every respondent a 50% off coupon for the up-coming book just for participating! Interested? Take the survey and read on for details.

Take the Survey

Last year, we polled 3,200 FreelanceSwitch readers on the hard truths of freelancing. The data from that survey eventually became the basis of Freelance Confidential, published by Rockable Press, which explored questions every freelancer asks: How much to charge? Where to find work? How are other freelancers working? This time around, we want to explore the state of the web design industry, but we can’t do it without your input. With a brand new survey for those who design websites, it’s your turn to have your say!

The Details

We’re working on a brand new book to give the inside scoop on the web design industry–but we need your help! We need the input of everyone who designs websites on common questions: How exactly do you work? Where do you find inspiration? What makes a good web designer?

To participate, simply take the 2011 survey on web design–open to anyone who creates websites. Whether you’re a full-time web designer working in industry, a...

Tuesday, November 8, 2011 - 15:00

We know how much you guys like to test your knowledge of Photoshop so today we are giving you an opportunity to do so with another quiz from Martin Perhiniak. Please take a moment to complete this 10-question quiz and see if you’re prepared to pass our test! Good luck!

Editor’s note: this quiz is for Photoshop CS5.


Tuesday, November 8, 2011 - 23:21

If you’ve ever wanted to learn how to build websites and web apps, HTML and CSS are the first skills you should learn. They are so fundamental that we believe everyone has the right to learn these skills for free.

We set ourselves the challenge of designing the most effective and enjoyable way to learn HTML and CSS in one month. The result is 30 Days to Learn HTML and CSS, a free Tuts+ Premium course. We’re really excited to share this with you today! (Plus, get a sneak peek at the new Tuts+ Premium.)

How it works

30 Days to Learn HTML and CSS is a thirty-day video course designed to be completed over one month. Veteran web developer and trainer Jeffrey Way will take you through a new topic each day, giving you the building blocks you need to eventually code an entire website based on a PSD design.

If you’ve ever wanted to learn HTML and CSS, but either didn’t have the time, didn’t know where to start, or didn’t quite ‘get it’, we’re pretty sure you’re going to love this free course. All you need to give us in return is 10 minutes a day to go through each video and build your knowledge.

Part of the new Tuts+ Premium

In the next few weeks we’ll be launching a complete reinvention of Tuts+ Premium, including a massive redesign and UX overhaul, member forums, a library of eBooks and in-depth courses teaching you skills from the inside out.

We’ve also drastically improved the way you access the content you know and love, with the ability to quickly filter content based on topic, difficulty, format, and estimated completion time.

30 Days to Learn HTML and CSS...

Wednesday, November 9, 2011 - 15:00

Photoshop is an excellent tool for manipulating photographs but it can also be used as a means to create stunning digital art. This tutorial is part of a 25-part video tutorial series demonstrating everything you will need to know to start producing digital art in Photoshop. Digital Art for Beginners, by Adobe Certified Expert and Instructor, Martin Perhiniak will begin by teaching you how to draw in Photoshop. At the conclusion of this series you will know all you need to produce your own concept art and matte paintings in Photoshop.

Today’s tutorial Part 15: How to Paint Clouds With Photoshop will explain how to paint a simple scene that features some friendly clouds on a blue sky using the Brush Tool, Mixer Brush Tool, and Dodge and Burn Tools. Let’s get started!


Wednesday, November 9, 2011 - 17:45

Last week we published a bumper series of photo effects tutorials, teaching you about amazing photo portrait retouching techniques, colour correcting photographs, how to create a photo montage, photo cut-outs, and much more… We’ve also announced a fantastic competition for you to show off the techniques that you’ve learned (you still have time to enter!). Read on to see a quick summary of the tutorials published over the course of the week!

Photo Effects Week Tutorials