Innholdsfortegnelse for No. 146 i Advanced Photoshop

Challenge entries The best entries and overall challenge winner 1 JJ Jordan Bruegel Cake This picture was influenced by Pieter Bruegel, a man with a great sense of humour. The iPad, cupcake and main subject have all been created in a painted style. 2 Rory Henderson In Light All four images were used for this picture. Blend modes were experimented with, and there’s a light painted finish to the overall composition. 3 Patrizia Burra Blow I cut the cupcake image out and placed the girl behind. I added some plumes to create an unusual atmosphere around her. I added some layers in a Soft Light and Multiply mode. 4 Jack Struss Feet In The Water I used only the four images supplied for this. I distorted perspectives of all the…

Essentials Time taken 12 hours The artist James Gilleard “I’m an illustrator and animator based in London. I work with Illustrator and Photoshop mainly, and create artwork for clients, as well as selling my art on Society6. Check ww. out e more elpro of my s work com at @thepixelprosites www.jamesgilleard.com and follow me on Behance at www.behance.net/ jamesgilleard. “The client came to me with a pitch for a cartoon, which contained images the creator had sketched and someone else had coloured. They wanted me to remake it as a single image,” says James Gilleard, explaining the earlystepsof Cartoon Background,whichhasbeen viewed over 50,000 times on Behance. Photoshop can be an illustrator’s best friend, and James uses it to add texture and colour to his line drawings. “I use Photoshop to…

KEEP IT TIDY All these textures can get messy, so make sure you do your work in a pan to hold your ingredients and make it easy to clean up. FOAMY SWIRLS The technique involving shaving cream also involves food colouring. This can get messy but is also very cheap and easy. WATER MARBLE The technique involving nail polish only needs two materials (most likely things you have to hand) so it’s easy. When thinking about marble, your mind may think of classical Greek or Roman sculptures; a white stone with dark or coloured veins that makes the human figures it represents seem oddly alive. Marble was a trademark of class, style and technical excellence. Today, marble takes a different form – fancy fingernail designs boast a swirling marble pattern;…

GUIDES Adding guides to your project means that you’ll be able to adhere to a structure when you create your banner. FUTURE-PROOF When you adapt your banner for different sites, you will likely use the top half, so keep that in mind when designing. RULE OF THIRDS The Rule of Thirds is most often used in cropping, but it is a useful tool when building a composition. PLACING IMAGES The Rule of Thirds states that by placing objects on the intersection of the guides, your image will be more aesthetically pleasing.…

MONOCHROME BASE A black-and-white layer underneath prevents the graphic from looking too bright or saturated with colour. THE PERFECT MATCH Blend the edges of the graphic around the hairline using a soft brush, and leave some hair overlapping for realism. The Displace filter in Photoshop is not the most well-known filter, and lacks a certain amount of kudos for what it can do. This is partly because it’s not the easiest filter to get to grips with and, on top of that, it’s been hidden halfway down the Filter menu. So, we feel a duty to put it to good use and give it the credit it deserves. This is why we’ve created this tutorial to prove just how easy the Displace filter is, and how applying effects is more…

EASY EDIT TECHNIQUES Learn how to use layer masks to edit an incredible scene and add cool effects. On the FileSilo Download your free resources at www.filesilo.co.uk/photoshopcreative In this tutorial we’re going to take a photo of a normal watermelon and transform it into a surreal underwater image to play with your sense of reality. We’ll start by using basic filters to blur the background and then jump into layer masks to compose the incredible scene and add a semitransparent effect. Over the course of the tutorial, we’ll explore other essential features such as adjustment layers to enhance the tones and colours, and Refine Edge to refine the selections. You’ll also learn how to use blend modes to make quick colour corrections and create shadows in your image. The major…

Price Approx £60 / $89.99 US Web www.escapemotions.com OTHER TOOLS Use the Pen, Eraser or even Fill tools to assist with your brushwork. These can help you craft a composition as you build your layers. LAYERS Build your effects with the Layers palette. Alter the opacity of each effect and change blend modes to work subtly and precisely. COLOURS AND GRADIENT Change the colour of your brushes by altering the hue or selecting a gradient, in the top right-hand corner of the program. PRESET BRUSHES Choose a preset brush before altering the dynamics of it. You can also add or remove preset brushes from the window. Brushes can be one of the most exciting tools in Photoshop. They bring all kinds of interesting effects to your work, but the best…

Sketch Start by sketching the subject onto a piece of paper, and then import it into Photoshop. For this particular image, I wanted to keep the drawn ‘paper and pencil’ feeling of the original image. Embellish the sketch With the outline finished, start to add grunge elements and paint splatters around the hair of the model. It gives the image a watercolour effect and an inky texture. Build the effect Now it’s a case of adding further colours to the image and altering the blend modes to make it more vivid and to give it a spilled, splattered, textured look. Finishing touches When it comes to finishing the image, I find it useful to add a pale yellow layer set to the Multiply blending mode at 84% Fill, which helps…

YOUR BONUS RESOURCES ON FILESILO THIS ISSUE, FREE AND EXCLUSIVE FOR EVERY READER, YOU WILL FIND: • 121 textures by designmeahuman, Go Media and Media Militia worth $35 • 100 brushes by Imagine Publishing • 10 actions by SparkleStock worth $5 • 8 poster mockups by SparkleStock worth $8 • 5 logos by Aloysius Patrimonio worth $129 • 1 font by Typogama worth $26 • 1 plug-in by Klaia • Plus tutorial files to follow the tutorials! THIS ISSUE’S RESOURCE VALUE: $200+ FILESILO – THE HOME OF GREAT RESOURCES DISCOVER YOUR FREE ONLINE ASSETS A rapidly growing library Updated continually with cool resources Lets you keep your downloads organised Browse and access your content from anywhere No more torn disc pages to ruin your magazines No more broken discs Print…

There’s nothing more inspiring than surfing the internet and seeing what other artists are creating, and we encourage you to do so. Here are some of our favourite pictures that caught our attention recently, from some of the world’s most exciting artists and designers. Johnny Kotze www.themotel.co.za This is an illustration inspired by daily swims and hikes by the seaside in South Africa. It was created on paper with a pencil before it was worked on in Illustrator and then Photoshop, where all the colours came in. Gerone Perez www.behance.net/ GeronePerez This was originally a painting with natural skin tone. I then decided to desaturate the entire image and through layer masking, I picked which areas should be left with colour until I was satisfied with the image as a…

TGFX Design Studio is the brainchild of its creative director and founder, Jae Tan. The studio has worked for big-name clients like BMW and Subway, but has always worked steadily on smaller, often local projects. Over the years it has expanded its services through branding and print design into web development. Recently Tan also added video production to the list of skills TGFX can offer its clients. “Our success is that we do all these things at above average quality with fast turnarounds,” says Tan. “A smart business move is that the more diverse you are, the more opportunities can come into your business.” The company started simply enough, back when Tan was studying his craft at Melbourne’s RMIT University (which is now another client). He explains: “I started TGFX…

Layers often get taken for granted. There is no doubt that they are an excellent way to keep organised, but the really exciting thing about layers is discovering how you can harness them to create amazing, ambitious artwork of any kind. We often associate layers with photomanipulation. The idea of building a project with dozens of stock images means that layers are central in crafting, but managing them in groups and using clipping masks, is just as important. However, even simple photo editing can become a densely layered project if you’re adding more and more to your picture; remember too that you can create a merged layer in your work at the top of the stack by hitting Cmd/ Ctrl+Alt/Opt+Shift+E, and you might want to create a new layer for…

FINISH WITH ADJUSTMENTS Merge your layers and add adjustments such as Photo Filters and Gradient Maps to unify the colours. When people think of Photoshop, they often think of bad compositing edits where the subjects don’t look as if they’re actually in the place they’re supposed to be. This is often down to the edge of the subject, as it’s extremely hard to get perfect hair and blurring between your subject and the background. The Refine Edge tool is perfect for making a realistic selection; situated in the Selection tools of Elements towards the bottom of your screen. It’s a vital tool in so many tutorials, as it makes it easy to soften and smooth an outline. But with different sliders, icons and viewing modes, it’s sometimes hard working out…

Creating banners, images and icons can be a fun project, and one that tests how cohesive and consistent you can be in designing all kinds of web elements. So if you’ve got a website or you’re looking to create one, this is the perfect project to start with. Layers help you manage your projects and enable non-destructive editing, which means your web banner can be adapted for Facebook, Twitter or any other site that you need; simply change the text and crop to the right size. Remember to vary the elements of this tutorial to suit your own needs. If you’re designing a personal website, you might want to use a picture of yourself, instead of our supplied subject. If it’s a website of a brand, you can vary the…

KEEP COLOURS CONSISTENT Use the same few colours when you’re creating your banner for a cohesive, more professional look. Now the fun bit: this is the part of the project where you can get as creative as you like. Alter blend modes and use masks to ensure that everything looks and feels unified on the banner. Clipping masks can be vital in this stage of the project too, as they can transform ordinary shapes into exciting objects. Finally, finish everything off with some bold, bright text on the left of your image. 01 Cut out the subject Cut your subject out from its background by grabbing the Quick Selection tool and dragging over the layer. Add or remove with the Shift and Alt/Opt keys; use the Refine Edge tool if…

01 Prepare the displacement Open up the start photo from the FileSilo and go to Enhance>Convert to Black and White. Choose the Newspaper preset. Go to Filter>Blur>Gaussian Blur, and set Radius to 20. Go to File>Save As, call it Displace and save as a PSD. Go to File>Close. 02 Position the graphic Go to File>Open and re-open the start photo. Go to File>Place and open the supplied graphic and enlarge it to fit over the face. Lower its opacity to be able to position it accurately. When in place, increase its opacity back to 100%, then hit Enter. 03 Displace the graphic Next go to Filter>Distort>Displace and hit OK. Set both Scale figures to 15, choose Stretch to Fit and Repeat Edge Pixels. When you hit OK a window will…

01 Set the stage Go to File>Open ‘Background.jpg. Now let’s apply the Gaussian Blur filter. First go to Layer>Simplify Layer. Now go to Filter> Blur>Gaussian Blur. Set the Radius to 7 pixels and click OK. 02 Use a layer mask Go to File>Place ‘Sand.jpg’. Grab the Quick Selection tool (Shift+A). In the tool options, choose a large, soft brush, check Auto-Enhance and then select the sand. Add a layer mask by going to Layer>Layer Mask> Reveal Selection. 03 Enhance the tones To enhance the tones go to Layer>New Adjustment Layer>Levels. In the dialog box, check ‘Use Previous Layer to Create Clipping Mask’ and click OK. Set the Input Levels to 10, 0.65 and 225. 04 Add a soft shadow Create a new layer (Shift+Cmd/Ctrl+N) and name it Shadow. Check ‘Use…

01 Create a new file To create a new file, go to File>New> Blank File. When the box pops up, name your file and set the size that you need. Also make sure that the background is set to Transparent. 02 Place your image You now need to add your chosen image. Go to File>Place and select the file you want from the pop-up box. Click Place to add it to your workspace. If you want to use the image we’ve used here, download it from the FileSilo. 03 Resize the image Use the Free Transform tool to resize the image. Go to Image>Transform> Free Transform or use the shortcut Cmd/ Ctrl+T. Hover the cursor over the corners, then click and drag at the same time to resize. To keep…

Price £35 (approx) / $49.99 US Web www.jixipix.com LAYERS Add multiple layers of different artistic styles, or erase everything to just reveal a canvas. LAYERS PALETTE Control everything from layer order to opacity using the Photoshop-style layers palette in the top-right of the program. SLIDERS Alter aspects of an effect in any layer with the in-depth sliders, and create something unique every time. If you’re not an expert in digital painting – or any kind of painting, come to that – filters can be a big help. They can magically turn your picture into a series of brushstrokes with just a few clicks; the only downside being that there isn’t much individuality or room for creativity in this method. If you’re using the Filter Gallery in Photoshop, the chances are…

01 Brush a rainbow with your cursor. Create a striking pattern over your picture, on a new layer, to add colour to this composition. Select the Lighten option in Blending on the left. 02 Add some flames For real drama, try out some of the fire brushes. Select Flame in the Presets and alter some of the other brushes, such as Noise and Feather, to be bright, orange/yellow in colour and light enough to create a blaze across your picture. 03 Bring in the subject Duplicate your subject layer and move it to the top of the stack. You can’t mask in Flame Painter, so go to the top-left of the program, select the Eraser, and brush the outline of the subject until your brushed layers reveal themselves. Start by…

Patrizia Burra www.photoshopcreative. co.uk/user/PATRIZIABURRA Image of the issue I adjusted the perspective and shape of each object with the Warp tool. I added a lot of adjustment layers, switched blend modes and finished everything off with the High Pass filter. The important thing is to keep everything looking realistic. Adam Pike www.photoshopcreative. co.uk/user/AdamPikeDesign This picture was created using a photograph I took myself. I used the ordinary image of terrace houses and some stock photos, such as the fire and spaceship to create the scenario of an alien invasion. Vanessa Pádua www.photoshopcreative.co.uk/ user/Vanessa%20Padua I always start images by thinking of a scenario and fitting stock images together. Here, I placed the child and then the horse. I turned the horse into a unicorn by adding the horn. Tarek Hakeem www.photoshopcreative.co.uk/user/…

Essentials Works with Elements CS CC What you’ll learn Improve your workflow with Smart Objects and adjustment layers Time taken 2 hours Expert Daniel Sinoca “With Smart Objects, you can edit as many times as you want without touching the pixels in the original image. “I started to get involved in the digital world more than 10 years ago and have been working as a freelance artist ever since, creating all kinds of multimedia projects and tutorial guides.” Learn how to design an eye-catching photo composition using a variety of lighting effects, blend modes and colour adjustments. We’ll show you how to speed up your workflow using Smart Objects, adjustment layers and simple techniques to improve your design skills. You’ll learn how to use the gradient fill, blend modes and…

01 Make a selection Start off by grabbing the Quick Selection tool, and drag the cursor over your subject to create a rough selection. Keep the size of the Quick Selection small so that you can reach the smaller areas, and don’t worry about being 100 per cent accurate. 02 Adjust the sliders Next, use the sliders to touch-up the edge of your selection. Up the Radius to increase the edge outline, and then experiment with the sliders until you get a realistic outline for your subject. Change the View mode to see how things are progressing. 03 Brush and erase Use the Brush and Erase icons on the left-hand side of the panel to add and remove from the selection. This part of the Refine Edge tool is perfect…

As exciting as it can be to start with a blank canvas in Elements and just see where your creativity takes you, designing for the web is rarely so unplanned. Making a template for your web banner and finding the main image you want to base your banner around is perhaps the most important step. This is where your brand begins – not just your banner – so choose something bright and striking. Remember too that you can save your template with the guides intact, and use this for other web banners. This is particularly useful if you are working on a series. 01 Create a new document Start off by going to File>New. To have ample resolution, make sure you pick 300ppi. For the width, choose 1920px to accommodate…

HIGH PASS FILTER Sharpen your web banner slightly before exporting it for use on social media or your website. FORMATS Save as a JPG for use online. If you have transparent elements in your header, save as a PNG file. SIZING Save your project at exactly the right size for a banner on any website, using the size boxes. With your header pretty much designed, it’s time to save your work. But unlike most projects, this needs a bit of planning and is one of the most important parts of the process. Saving to a specific ratio and making sure that the elements of your design are all in the right place is what makes a great web banner. This is also why layers are so key: you can move…

Clip the adjustment Add a Hue/Saturation adjustment layer using the drop-down list at the top of the Layers panel. So that it only affects the graphic layer, go to Layer>Create Clipping Mask. Inside the adjustment, slide the Hue slider to -150 to turn the blue to yellow. Purple variations Why not try a vibrant purple variation? Tick the Colorize box and set Hue to 300 and Saturation to 53. By sliding the Hue adjustment, you can choose any colour you like. Try changing how much black is in the face paint by sliding the Lightness to the left. Thicker paint You can add a Brightness/Contrast adjustment, also clipped to the graphic layer, and set Brightness to -25 and Contrast to 100 for darker blacks. This makes the paint appear thicker…

Photoshop Elements has several auto-enhancement commands to improve the appearance of an image with just one click. You can make colour corrections, improve contrast and lighting, and so on. You can find them in the Enhance menu. These options are very easy to understand and practical to use. The downside is that sometimes the results aren’t that great and once you apply an effect to an image, it will change it permanently. If you want to modify something later on, you basically have to start over again. To apply the Auto-fix to a Smart Object, you first need to simplify the layer and then apply the effect. Don’t be intimidated to explore these features; they can be very handy in many situations. Shortcut Press F5 in order to quickly show…

If you want something different to the grey effect, the Pen and Ink filter can also provide sketched lines with a little colour. When you first select the filter it gives you four options; three are colour. But even if you choose the grey tone you can go back and add colour by using the Hue slider in the filter’s Pen settings. When you have finished editing your image, select the Pen and Ink filter again and your image will pop up in the box. As you slide the Hue slider from left to right the colour will change. When you have found a tone that you prefer, click OK and it will apply it to the image.…

01 Chalk The Chalk style is subtle but colourful. It looks artistic, but it doesn’t look like it’s too sophisticated, which makes it perfect as a creative base on which to place more filters. You can have fun with textures too, as they shine through the strokes. 02 Charcoal The Charcoal styles are strong, monochrome and a great option for overlaying on top of a colourful style to emphasise it further. They work fine on their own as well, and can give a classic and simple look to any image. 03 Conte Of all the styles available in Pastello, Conte is the best option for block colour, and as is the case with both Charcoal and Chalk, it can provide an excellent base layer to build artwork upon, or it…

Any of you who have ever upgraded to a faster, more efficient workstation will know that new equipment can change the way you work. A new workstation can drastically speed up your workflow and keep your creative process running efficiently, and a sharper monitor, a powerful processor and professional graphics all make for more ambitious projects, which, let’s be honest, we’re always going to be excited about. The Dell Precision 15 5000 Series workstation is a recent example of a mobile workstation that can transform the way you approach creative projects, through both its convenient design and computing power. You may think that a traditional notebook packs enough of a punch for you to nail creative projects, but upgrading to a workstation like the Dell Precision 15 5000 is a…