Tag Archives: how to

How to Design the Apple iPad in Photoshop

With the release of the Apple iPad, we all knew it wouldn’t take long for the first tutorial on how to recreate it would appear on the net. In this tutorial, you’ll be learning how to design the Apple iPad in Adobe Photoshop.

We’ll be using various different tools, such as shape tools, gradient tools, different blending mode tools and loads of great techniques. Let’s get started!

Tutorial Outcome

At the end of this tutorial, you should have something that looks like the image at the top of this post.

Step 1

As in any tutorial, we firstly need to create a new document. Open up Photoshop and create a new document by going to File > New. I’m using a Web preset, set to 1280×1024 pixels.

Step 2

Change your Background Layers background color to a dark grey – as we’ll be working with a light grey color to begin with, this just makes it easier. Create a New Layer in your Layers Palette, rename it to ‘iPad Bevel’.

Grab the Rounded Rectangle Tool and change the corner radius to 25px.

Drag a new rectangle out about the same size as the iPad, if you’re going for a realistic look I’d recommend grabbing an image of the iPad from the Apple iPad page, pasting it into the document and drawing the rectangle over it. In fact, you’ll probably find this tutorial a whole lot easier if you have a reference photo of the iPad whilst following each step. Make sure you use either white or a light grey for your rectangle. Hit Cmd+E on your Shape Layer so it merges down into your iPad Bevel layer.

Make another New Layer and call it ‘iPad Screen Border’. Repeat this same step again, this time making the the rectangle a little smaller, be sure to use a dark grey colour (I used #2E3035) so you can see what you’re doing. Place the new rectangle in the middle of the first rectangle you made, making sure each side has an equal gap. Once again, hit Cmd+E to merge the new shape layer down to our iPad Screen Border layer.

Make yet another New Layer and call it ‘iPad Screen’. Repeat the last step again, this time using the regular Rectangle Tool – you can use any colour you wish for this, we’ll be placing it with an image later on. Again, make sure the gaps around the edges are equal. Once done, hit the Cmd+E combination shortcut to merge the shape layer down to our iPad Screen layer.

Step 3

So far we have a very simple shape of the Apple iPad. It’s time to start adding some shadows and realistic effects. Select your iPad Bevel layer, right-click and select Blending Options. Add a Gradient Overlay and an Inner Shadow. The settings I used can be seen below in the screenshots.

Open up the Blending Options for your iPad Screen Border layer. Apply a Gradient Overlay and an Inner Shadow – my settings can be seen below.

Head back to the Apple iPad page and crop the main screen of one of the iPad screenshots out. Paste it into your document and place it in the exact same place as our blue screen.

Right click on the iPad Screen layer and open up the Blending Options menu. Add an Inner Shadow, use the settings in the screenshot below. This doesn’t make too much difference, but all adds to the realistic-ness of the final piece.

Step 4

Our iPad is now starting to look like an actual iPad! It’s time to add some more highlights and shadows. With your bevel layer selected, zoom right into a certain area – I’m starting with the top.

Make a new layer (it should automatically go above your bevel layer) and call it Bevel Highlights. With the new layer selected, select the Brush Tool. Use a small, soft white brush and start brushing around the inner part of the bevel.

Carry on using the white brush all round the iPad’s bevel. This is what I ended up with…

You might be thinking it looks a little, uh.. white? Well, it does! It’s time to add some shadows. Make another new layer above our highlights layer, and call it Bevel Shadows. Select a medium grey (I used #8E8F93) before doing anything else. Whilst holding the Cmd key, click on the thumbnail image of the iPad Bevel layer – this should make a selection of the main shape of our iPad. Start brushing around the outside of the iPad, making sure it is a VERY fine line. You might find this easier using a graphics tablet if you have one!

When you get to the corners of your iPad, make sure you brush over a few times – if you refer to a source photo of the iPad, you’ll see that the corners tend to be darker than the rest of the bevel.

Because we did this using our bare hands, some areas might be a little off. Try neating up any areas that can be, and then apply a very light Guassian Blur – go to Filter > Blur > Gaussian Blur and blur your layer by a radius of 1 pixel. This is my outcome…

Step 5

We’re almost there! It’s time to add the buttons to our iPad. This includes: the center home button, a stand-by button (on top), a lock button (on the right side) and the volume buttons (on the right side).

Create a new layer below our iPad Bevel layer and call it ‘Side Buttons’. Select the Rectangular Marquee Tool and make a small rectangular selection. Line it up with the edge of your iPads screen, and fill it with black. Feather down the top corners of the button using a very small, soft eraser.

Use the same techniques to create the other side buttons (the lock and volume buttons).

Create another new layer above our iPad Screen Border layer and call it ‘Home Button’. Select the Elleptical Marquee Tool – whilst holding the Shift Key, drag out a small circle. Fill it with white and position it in the correct place – you can line the circle up using guides or by placing it directly in between the two bottom icons of our screen and then shifting it down using the cursor keys – because the border is quite small, it’s relatively easy to go by eye.

Right click on your new layer and select Blending Options – add a Gradient Overlay using the settings in the screenshot below.

Select the Rounded Rectangle tool (the one we used at the beginning of the tutorial) and change the radius to 2px. Drag out a small rectangle in the middle of our circle button.

Right click on our new shape layer and click Rasterize Layer. With the Cmd Key held, click on the thumbnail of the new layer – this should, once again, select our new shape. Hit the delete key, and then go to Edit > Stroke. Change the size of your stroke to 1px, and select ‘inside’. Click OK. You should be left with something looking like this…

Step 6

We’ve finished our iPad, but we still have a little more to do. First of all, change the background of your image to white.

Select all of your layers but the background, and place them into a new folder in your layers palette – call the folder ‘iPad’. Duplicate the (full) folder, and rename it to ‘Reflection’. Go to Edit > Transform > Flip Vertical. Move the iPad down to underneath our original.

Unselect all of your layers and folders apart from our reflection folder – right click and select Merge Visible. Check all of our other layers back on. Select the Rectangular Marquee tool and make a selection over the bottom of our reflection iPad. Right-Click and select Feather – insert the value of 30 and hit OK. Hit delete three to five times, and lower the opacity of the layer to 35%.

Make another new layer beneath your iPad folder, and select the Elleptical Marquee tool. Fill it with black.

Go to Filter > Blue > Gaussian Blur and insert the value 4. Hit OK. You should be left with something like this after lowering the opacity to 10%.

Last step..! Make one more layer, and call it ‘White Reflection’. Select the Polygonal Lasso tool and make a triangle shape over one corner of your iPad, fill the selection with white and lower the opacity to 10%. Use the eraser to remove some of the reflection; you should end up with something like this…

Conclusion

All done! Easy, huh? You can use these techniques to make almost any Apple product, so get going! ;) If you liked this tutorial, please leave a comment and help promote it by stumbling, digging and retweeting it.. Thanks! :D

Like this tutorial? You may also like…

Pass your 646-363 exam fast with help of latest 642-524 dumps and 642-373 sample questions prepared by testking.

The Super Easy Guide on how to Back Up WordPress

If you’re a frequent blogger/writer you’ll know how valuable in terms of time and effort your articles are, especially if you’re writing isn’t earning you a living. What protection do you have though for your long coffee drinking sessions of inspiration?

Well, you have this somewhat illusive process called backing up. Unfortunately this relatively pain-free process is often overlooked. In this article I’ll show you how you can keep piece of mind by backing up your WordPress (WP) blog – saving you days and hours of torment when that horrible day comes and your site gets erased from the face of the WWW (this can also be applied to many other blogging systems and database driven sites so don’t run away just yet if you’re not using WordPress).

What’s going to get backed up
  • The WordPress database
  • A WordPress XML file (details on this later)
  • Remote WordPress Core files
  • Local WordPress Core files
Set up a folder structure

You need to be organised on your local machine before we do anything. Dedicate a backup folder for each of your websites and create folders inside this that indicate the date and type of backup. By type, I mean local or remote backups. I’d advise remote and local copies just incase there any differences in the WP installation. This may include any updates to plugins or similar updates done with your browser.

First, backup your database

Right, I’m going to say it, brace yourselves, SQL. Yes, the best type of backup you can possibly do is to export your WordPress database to an SQL file.

Depending on your hosting company, you should have access to cPanel or phpMyAdmin at the least, so we’ll use phpMyAdmin for this. Open phpMyAdmin and select Export from the top menu.

You should now see the Export options. First, choose the database you want to export, in my case ‘nouvelle_worpdress’. Next, select the export file type, choose SQL. Make sure you tick the ‘Save as file’ option and choose either ‘zipped’ or ‘gzipped’. Then hit go!

You should now be downloading a zipped up SQL file. Once downloaded, place it in your remote backup folder for the current day. That’s your entire WP database backed up, simples?

XML time

WP has an in-built tool for exporting your posts, pages, comments, custom fields, categories, and tags. Though you shouldn’t rely on this method as your main backup, it’s still best to get your XML fix. Log into your WP admin area and select ‘Tools’, then ‘Export’.

All you need to do now is to select which authors you want to export (I recommend exporting all the authors each time) and hit ‘Download Export File’. This will give you an XML file which you should place in the same folder as the SQL file.

WordPress’s core files

You should have an up-to-date copy of your entire site (WP installation) on your local machine, cut this from the current folder and place it into the local backup folder for the current day. Now re-download from your FTP server what you just cut from your local files and copy it into your remote backup folder for the current day.

You should now have a local copy of your of:

  • Remote SQL file
  • Remote XML file
  • Remote WP Core files
  • Local WP Core files

Once you have all these files you should then backup your information to an external HDD or use a system similar to Time Machine. Your backup should now be complete!

How often should I back up?

Well, this purely depends on how much and how often your write. Usually a week’s backup will suffice but if you do any larger changes then a backup on that day wouldn’t go a miss.

Programs like Time Machine will help to keep your local backups up-to-date by the hour if needed but remember, you’ll still have to monitor your remote backups too.

Automation? Cron jobs, at your service

If you don’t want to keep going into phpMyAdmin to export your database to SQL every time you can use something called a ‘Cron Job’ to do the hard work for you. Cron jobs are simply pieces of scripts that are executed by your server at a given time. These are normally handled in the cPanel (or similar) interface (You can find them under ‘Advanced Tools’).

There are many ways you can configure each job so I’ll just show one method for now. Go into the ‘Cron Job’s section and choose ‘Advanced (Unix Style)’ and paste in the below code into the ‘Command Line’. This will export your database to an SQL file in the specified directory, make sure you’ve replaced the capital letters in the code with your information.

You will also need to specify a date for this function to occur. In this case I’ve used 1 1 * * 1 which will export my database on the first minute, of the first hour on the first day of each week. Then I simply download it from my FTP.

mysqldump -uUSER_NAME -pPASSWORD DATABASE_NAME > /home/username/www/path_to_backup/localhost.sql

Conclusion

I hope you found some of the processes helpful to backup your blogs and if you have any questions please leave a comment. If you have any backup methods of your own, let us know!

Become expert in wordpress with testking SSCP web designing course. We offer best quality testking XK0-002 resources with thousands of free testking HP2-T16 graphic tutorials for practice and review.

Design a Modern and Sleek Web Design Mockup in Photoshop plus a Free Template!

In this tutorial you’ll be learning several techniques on how to design a modern and stylish web design mock-up ready to be coded into xHTML. The purpose of the mock-up is aimed at a company or individual who offer services, such as a designer or photographer. There is plenty of nice, clean space to present your content, followed by a smooth scroller to present some of your latest work.

If you’re here for the free template mock-up, don’t worry, I haven’t forgot! You can download the .PSD right here! If you code it up in xHTML and CSS, please let me know – I’d love to see how it turns out!

 

Step 1: Setting up your document.

Open up Photoshop and make a new RGB document for the web; I used the document size 1280×1024 pixels. On the background layer, select a light grey and fill it with the Paint Bucket Tool. I used the colour #e9e9e9.

 

Step 2: Laying out the page.

Make a new layer and select the Rectangular Marquee Tool. Change your foreground colour to white. From the Marquees option palette (at the top of the screen) select ‘Fixed Size’ from the Styles drop-down menu. Change the width to 1000px and the height to 500px. Click on your canvas and on the new layer, fill your selection with white. Make sure your selection is centre by hitting Cmnd+T and making sure the ‘X’ field has the digits ’680′ in it.

Repeat the step again, this time setting the height of your marquee tool to 250px. Fill your selection with white on another new layer. Centre your new white box and position it beneath your other box.

 

Step 3: Adding blending modes to your boxes.

Select both of your white boxes at the same time by Cmnd+Shift+Clicking on the two thumbnails beside your two layers. Go to Select>Modify>Smooth and enter a Sample Radius of 15 pixels and then hit OK. Go to Select>Inverse, then hit your delete key to remove the corners of your boxs – you’ll have to press delete twice, once for each layer.

With Layer 1 selected, go to Layer>Layer Style>Blending Options. Add a color overlay (I used #f3f6f5: light grey with a hint of blue), a 1px white stroke, and a drop shadow (settings can be seen below). Go to Layer>Layer Style>Copy Layer Style, and then through the same menu, paste it on to Layer 2.


 

Step 4: Adding some scrollers.

Select the Elliptical Marquee Tool. Select Fixed Size from the drop down styles menu and change the height and width to 64px. Click somewhere on your canvas, and on a new layer (Layer 3) fill the circle with white. Repeat the step on another new layer (Layer 4).

With Layer 3 selected, hit Cmnd+T and enter 140px into the X field and 812px into the Y field. Do the same with Layer 4 but change the X field to 1140px. With Layer 4 selected, press Cmnd+E to merge the layer down, press it again to merge the two circles to your layer with the blending mode applied.

Reselect the Rectangular Marquee Tool and select fixed size from the drop down styles menu. Change the width to 300px and the height to 210px. Click somewhere on your screen, and on a new layer fill the selection with white. Fill in two more selections on the same layer. Hit Cmnd+T and fill in the X field with 680px to align them to the centre, and the Y field with 812px to align them with our circles.

Open up 3 different images (photos or designs) in new documents. Select the Crop Tool and change the width and height settings to 290px and 200px. Crop each image down, and once done drag the layer over to our web design document. Using the shift+cursor keys, nudge the images into place. They should fit nicely into our white boxes with a nice 10px white border.

Merge all the new image layers together using Cmnd+E, then open up the Blending Options. Add a Drop Shadow (settings can be seen below).

On a new layer, select the Polygonal Lasso Tool. Whilst holding the shift key (to keep things at a 45 degree angle), draw a triangle shape. Fill it with a medium grey (I used #8d8d8d). Duplicate the layer, and arrange it into place next to our first layer using the cursor keys.

Once you’ve merged the layer down by hitting Cmnd+E, you should have a nice rewind button. Hit Cmnd+T and whilst holding the shift key scale the icon down so it can fit in our left circle.

Duplicate the layer and go to Edit>Transform>Flip Horizontal to reproduce our arrows but facing the other way. Use the nudge tools to reposition them into place on the other side of our layout.

 

Step 5: Adding a text-based logo, some navigation and some content.

Select the Type Tool and change the font to Helvetica. Type your portfolios name. Change the colour of your type to colour of your choice – this will be the sites secondary colour, and the second part of your name (if you have one) to bold.

It’s time to add some animation. Drag out a text box on the right side of our upper-box. With a medium to dark grey, write a few headinds. I’m using: home, services, portfolio, studio, blog, and contact.

Select the Single Column Marquee Tool, and on a new layer, click beside your navigation items. Fill the selection with white. With the cursor keys, nudge the selection once to the left and fill it with a dark grey.

Grab the Eraser tool and select a soft brush, remove some areas of the top and bottom of our lines so that they don’t overlap our top box. Lower the opacity of your lines to 20%.

I changed the size of my navigation items, nudged them about and moved the seperator line into a more suitable place. Play about with the composition until it looks right.

Now we’ve got some main content going onto our mockup, it’s best to add some guides. Go to View>Show Ruler. Once the ruler is showing, you can simply click and drag from the ruler to place a guide on your page.

Add some text to your mockup. I’ve just used some placeholders that I made up. Put emphasis on the headers by making them slightly darker and larger. You can also increase the leading between the header and first line.

Add some more text to completely fill your design – I’m filled mine with a ‘Currently working on’ section and my Twitter feed. Highlight any links and change the colour to the same that used in your logo, and change the current page (in this case ‘home’) to the same colour.


 

Step 6: Add some social bookmarking icons.

Head over to Nouveller and download the awesome free icon pack. Place a few icons into your document by going to File>Place, and rearrange them beneath your navigation menu. Make sure they are equally spaced by zooming in and using the cursor keys to nudge each individual item.

Step 7: Adding some texture and colour.

One of the design trends of 2009 is mixing simplistic and minimal layouts with some subtle grunge. To do this, we need to use texture. Head over to Caleb Kimbroughs new site Textur.es and download this texture. Insert it into your document by going to File>Place. Rearrange it and place it beneath all other layers apart from your background layer. Resize it to something like below:

Grab a soft eraser and erase some of the sides of your texture. Go to Layer>New Adjustment Layer>Hue/Saturation and drop the saturation right down so the layer turns black and white. Hit Cmnd+E on the new adjustment layer to merge it with out texture – this stops it from effecting any other layers beneath the adjustment layer. Set the textures blending mode to overlay, and lower the opacity to 70%. Go to View>Clear Guides; we don’t need them anymore!

Select the background layer and go to Filter>Noise>Add Noise. Make sure the settings are the same as in the screenshot below:

 

Step 8: Adding the ‘Letterpress Type Effect’.

Find your logo type, click on the layer and go to Layer>Layer Style>Blending Options. Add a drop shadow, inner shadow and stroke – all of the options can be seen below.

 

That’s it!

That’s the end of the tutorial – I hope you’ve learn a few new tricks on how to create your own website mock up. If you were to get your site coded up, you’re probably want to mockup various other things, such as the other pages, any hover links or jQuery effects or even CSS styles. Here’s my final template mock-up:

If you liked this tutorial, please subscribe to the Circlebox Feed and help promote the post using the various social bookmarking buttons below such as DesignBump, Twitter and Digg. Thanks!

Find the best quality 642-456 products by top certified professional team at testking and pass your 646-985 as well as 646-671 exam fast.

How to Create a Retro Hippy Van Poster in Photoshop

In this tutorial you’ll be learning several Photoshop tools and techniques, as well as a couple of Illustrator techniques to create a trendy, retro/abstract style Hippy Van poster from scratch.

I use my Hippy Van Vector in this tutorial, which you can make yourself by following a tutorial I wrote a few weeks back called ‘How to Create a Hippy Van Vector in Illustrator‘. If you’re looking for some Hippy Van inspiration, check out my photos from Bug Jam 23. I also use several textures in this tutorial, so head over to my other blog Circlebox Textures or Lost + Taken to download some awesome textures.

Lets get straight to work. Before opening Photoshop, or any other piece of digital software for that matter, grab a pen and a notebook. As followers of Circlebox will know, I turn to the notepad for almost any project of any form or size – it’s a great way to brainstorm and get some ideas down on paper without spending too much time on it …or staring at a blank canvas in Photoshop, which can be quite daunting with so many tools at your disposal!

This is the kind of look I want to go for (excuse the drawing – I did say I don’t spend to much time on it!):

How to Create a Retro Hippy Van Poster in Photoshop

With some rough ideas in your head, head over to Photoshop. Open a new document, I’m not planning on printing mine so I’m just opening a simple screen document (72dpi RGB). If you’re planning on printing in large scales, you’ll probably want to set up bleeds, use a Resolution above 300dpi and use CMYK instead of RGB. I’ve used an A4 size document.

Before I start anything else, I’m going to use a nice paper texture to give myself something to start with. Download a nice simple texture, I’m using one of my Red & Yellow Dyed Paper Textures. Fill the background with a creamy colour (I used #F2EBD7), and place (File > Place) your texture on top. Resize and move your texture into a suitable place and then desaturate it. Change the blending mode of your texture layer to overlay.

How to Create a Retro Hippy Van Poster in Photoshop

Locate your hippy van (or any other object your planning on using) and place it in your document. Resize, rotate and move it into a place you’re happy with. Remember it can be moved later!

How to Create a Retro Hippy Van Poster in Photoshop

With our vector placed, duplicate the layer. Hide the bottom one and rasterize the top one. This way, incase there are any problems, you always have a duplicate layer to work on underneath.

Grab the Burn Tool, and on our rasterized van, add some custom shadows round the bottom of the van. Do the same to the paper texture and background colour directly beneath the van – don’t over do it though! You can reverse the effect of the Burn Tool with the Dodge Tool.

How to Create a Retro Hippy Van Poster in Photoshop

Already our hippy van is looking more involved with the background. Grab another texture, and place it on top of all other layers. I used one of my own Grunge Watercolour Textures. Hold Cmnd (or Ctrl on a PC) and click the thumbnail image of our Hippy Van in the layers palette. Select the inverse of the selection and hit delete to remove any texture outside the van.

How to Create a Retro Hippy Van Poster in Photoshop

How to Create a Retro Hippy Van Poster in Photoshop

 


 

Desaturate the new texture layer, change the blending mode to overlay and lower the opacity to about 50%.

How to Create a Retro Hippy Van Poster in Photoshop

Repeat the step we took before with the Burn Tool, but this time only burning some areas of the most recent texture.

Open up Illustrator and create 4 25x25px squares placed directly next to each other. Change each square to a different colour, something you think will match your poster.

How to Create a Retro Hippy Van Poster in Photoshop

Select all your squares and create a new Art Brush by clicking the New button in the Brushes palette. Name it a suitable name and make sure the Direction is either heading up or down.

Grab the Pen Tool and make an interesting line. With your line selected, select the Art Brush we just made. Repeat the process to make another pattern.

How to Create a Retro Hippy Van Poster in Photoshop

Select both objects, copy and paste them into your Photoshop document as a Smart Object. As they’re smart objects, it allows us to resize and stretch them without being distorted. Once your lines are in place, make sure you rasterize them to turn them into pixels.

How to Create a Retro Hippy Van Poster in Photoshop

Duplicate your straight line. Rotate one of them, and place it above the original, set it to Difference and lower the opacity to 25%.

How to Create a Retro Hippy Van Poster in Photoshop

Select the Elliptical Marquee Tool and draw a circle whilst holding the shift key. Fill it with the same colour you used on your outer line of the art brush. Place the circle below your other straight line and merge the two layers together. Set its Blending Mode to Colour Burn.

How to Create a Retro Hippy Van Poster in Photoshop

Duplicate the straight line once again but this time leaving it in place. Lower the Opacity to 50%. All this does is makes the colours a little more intense.

How to Create a Retro Hippy Van Poster in Photoshop

Select the curvy line layer. Using the Polygonal Lasso Tool, delete some areas of the end of the line. You might decide, like me, to move the line a little. Use a soft eraser to get rid of any areas you don’t want.

How to Create a Retro Hippy Van Poster in Photoshop

Repeat the process we took with the circle on the straight line to produce some ‘filler’ shapes. I call them this because they’re main purpose, other than looking cool, is to fill in some empty space. Try removing some areas inside the circles for an even cooler shape. You can of course use Illustrator to do this if you wish. You can also use gradients on circles, or a soft brush, to create lighter looking shapes.

How to Create a Retro Hippy Van Poster in Photoshop

Choose yet another texture and place it on top of the curvy line. Get the outline of the curvy line by Cmnd (or Ctrl) clicking on the layer thumbnail, select the inverse of the selection and delete. I’m using another Grunge Watercolor texture.

How to Create a Retro Hippy Van Poster in Photoshop

Set the blending mode of the new texture to Overlay and decrease the opacity to 50%. Merge it down to the curvy line layer. Duplicate the now combined layer. Move the bottom curvy line to somewhere else on the screen and set it to overlay. Now set the top curvy line to Linear Burn.

How to Create a Retro Hippy Van Poster in Photoshop

Make a new layer and fill it with a colour using a soft brush that goes with your design.

How to Create a Retro Hippy Van Poster in Photoshop

Go to Filter > Noise > Add Noise. Make sure Monochromatic is ticked and add some noise to your newly painted layer – I used 35%. Set the layer to Overlay, and with a soft brush, erase some areas of the noise. Lower the opacity to 50%.

How to Create a Retro Hippy Van Poster in Photoshop

Duplicate the hippy van, and on the lower layer go to Filter > Blur > Motion Blur. Use settings that best suit your piece.

How to Create a Retro Hippy Van Poster in Photoshop

 



 

Once again grab the eraser tool, using a large soft brush, delete some areas you don’t need.

How to Create a Retro Hippy Van Poster in Photoshop

The post is getting there. Select a soft brush and open the Brush Panel. Select scattering, and change the scatter percentage, as well as the count. I used 1000% for scatter, 1 for count, and 60% for count jitter. Make sure your brush is white, and on a new layer brush over your canvas. Make a new layer and repeat the process a couple of times with different brush sizes.

How to Create a Retro Hippy Van Poster in Photoshop

Change the blending modes and opacities of your new layers. I used Overlay at 45% for one, and Soft Light at 65% for the other.

How to Create a Retro Hippy Van Poster in Photoshop

If you feel it’ll improve your work, you can repeat the process again using different shaped brushes at different sizes, different colours and different blending modes.

How to Create a Retro Hippy Van Poster in Photoshop

How to Create a Retro Hippy Van Poster in Photoshop

I want a little bit of text in my poster – I’m just going to use the words ‘Retro Van’. Select the text tool and type your words. Select a font that goes with your poster, I used ‘Steiner’. I used a mid-dark red colour from my poster that I selected using the eyedropper tool.

How to Create a Retro Hippy Van Poster in Photoshop

Duplicate your text layer, and resize the text on the bottom text layer so that it’s bigger than the original text. Select another colour thats been used in your design, I went for a lighter yellow this time. Reposition the text and select a different blending mode: I used overlay.

How to Create a Retro Hippy Van Poster in Photoshop

I repeated the previous step again using the same size text and a blue which I took from the hippy van.

How to Create a Retro Hippy Van Poster in Photoshop

Make a new layer, and using the polygonal lasso tool, make some custom shapes to make some ends of the letters come off the screen.

How to Create a Retro Hippy Van Poster in Photoshop

Time for some finishing touches. Make another new layer, and select a large soft brush. Select a colour from your design using the eyedropper tool and brush over some areas on your screen. Create another layer, and do the same again with a different colour. Repeat the process until you have something that looks like this:

How to Create a Retro Hippy Van Poster in Photoshop

Change the blending modes and opacities of each layer to something different. Make sure to experiment, as different blending modes on different layers will give you different effects. This is how mine turned out using a combination of overlays, hard lights, soft lights and vivid lights:

How to Create a Retro Hippy Van Poster in Photoshop

Make yet another new layer, and select a dark blue soft brush. Brush round the edges of your poster so you have something that looks like this:

How to Create a Retro Hippy Van Poster in Photoshop

Change the blending mode to Colour Burn and lower the opacity to about 7%.

How to Create a Retro Hippy Van Poster in Photoshop

Repeat the process with a smaller black brush, this time using the blending mode darken set to about 10%.

How to Create a Retro Hippy Van Poster in Photoshop

Enhance your image a little by increasing the contrast, and save! Here’s my final result:

How to Create a Retro Hippy Van Poster in Photoshop

Visit PsPrint and learn how you can create effective and excellent-looking posters.

Download testking 70-448 dumps to learn how to create unique web page designs using testking 642-072 resources and testking E22-280 video tutorials.