Tag: layers

Create a Realistic Underwater Scene in Photoshop

Final Product What You’ll Be Creating Underwater scenes can be quite challenging to create in a realistic way. In this tutorial, we will explain how to create an Underwater scene in Photoshop using several stock photographs. Let’s get started!   Speed Art Video Take a look at this stunning speed art video that shows how this… Continue reading Create a Realistic Underwater Scene in Photoshop

The Creation Process of “Urbanized” Photo Manipulation in Photoshop

In this tutorial, I will show you the process of creating this “Urbanized” photo manipulation in Photoshop. The concept behind this work is that human is increasing living in a confined urban space and being consumed by the endless expansion of the cities. I used 3 elements in this manipulation to represent the theme “Urbanized”:… Continue reading The Creation Process of “Urbanized” Photo Manipulation in Photoshop

Create Unique Floating Rock Typography in Photoshop

In this tutorial, I will show you the process of Creating this Unique Floating Rock Typography in Photoshop. You will learn a number of brush tricks, image adjustment tips and practice your selection techniques. This is an intermediate level tutorial so some steps can be tricky, but why not have a try! Note: The Photoshop… Continue reading Create Unique Floating Rock Typography in Photoshop

Featherweight UI – A free, vector based and retina ready UI kit for web designers

has released Featherweight UI – A free, vector based and retina ready UI kit for web designers. Every element is vector based, retina ready and distributed through layers. Text and colours are easily editable. This kit is completely free for use for personal or commercial projects. The font used is Lato Normal, available from Google Web Fonts for online… Continue reading Featherweight UI – A free, vector based and retina ready UI kit for web designers

6 Free Customizable Retro/Vintage Logos & Emblems

Quickly and easily create yourself a retro/vintage style logo with these 6 free customisable insignias. Open up the file, edit the text and you instantly have a trendy emblem for some fun branding or cool apparel merchandise. Every one of these logos/emblems has been constructed in Photoshop to allow for full customisation. All the text… Continue reading 6 Free Customizable Retro/Vintage Logos & Emblems

Create a Mysterious Scene with Planets

Preview of Final Results Tutorial Resources Stars – greenaleydis-stock Cosmos Package – resurgere-stock Field – f3rd4-stock People Brush – fiftyfivepixels Trees Silhouettes – kuschelirmel-stock Trees Silhouettes 2 – winerla-stock Bushes – redheadstock Step 1: Creating a new Photoshop file Let’s start off by creating a new Photoshop file. Create a new file with the following… Continue reading Create a Mysterious Scene with Planets

How to Turn an Ordinary Landscape into a Dramatic Moonscape

Step 1 – Preparing Sky Download all the images listed as Tutorial Resources. Create a new document in Photoshop and drag a photo of “sky 1″ into it. Place it in the top left corner and name in LEFT SKY. Note: I really recommend to name all the layers in your photo manipulations. It makes… Continue reading How to Turn an Ordinary Landscape into a Dramatic Moonscape

Retinize It: Free Photoshop Action For Slicing Graphics For HD Screens

High-definition (or “Retina”) displays have spread wider and wider, and evidently their numbers will keep growing. So, as creators of products that will be consumed on Retina devices, we have to optimize our design and development workflow accordingly. Slicing graphics from finished designs to use for development is one of the less enjoyable parts of… Continue reading Retinize It: Free Photoshop Action For Slicing Graphics For HD Screens

Create your own world – part 2

Requirements: Photoshop CS6 Difficulty: Medium Time: max 1 hour   Outcome: Resources: Create your own world Part 1 PSD We will use our previous image to create a simple website template. Let’s begin: 1. Open a new document. I used 1600×950 2. Fill it with #FFECAA color using Paint Bucket Tool. ( G ) 3.… Continue reading Create your own world – part 2

Create Inspirational 3D Gold Text with Photoshop Extended

Preview of Final Results Step 1 Start by creating a new 1920×1200 pixels document. Select the Text tool and type in your inspirational text. The font we’re using is Bebas Neue and Pacifico. These fonts are free. Adjust the font size and leading to your likings. Use the Free Transform tool (Ctrl/Cmd+T or Edit >… Continue reading Create Inspirational 3D Gold Text with Photoshop Extended

Magically Turn Your Photoshop Layers Into CSS3 With CSS Hat

Today I’m going to show you a Photoshop plugin which aims to greatly improve your workflow. It’s called CSS Hat and it turns your Photoshop layers directly into valid CSS3. Further Information Download: You can grab CSS Hat from its homepage. Compatibility: CSS Hat is compatible with Photoshop CS4 and upwards, on Mac OS X… Continue reading Magically Turn Your Photoshop Layers Into CSS3 With CSS Hat

Use Photography to Create a Scenic Matte Painting From a Sketch in Photoshop

Tutorial Assets The following assets were used during the production of this tutorial. Cliff-01 Cliff-02 Jungle-01 Jungle-02 Jungle-03 Jungle-04 Jungle-05 Jungle-06 Jungle-07 Lake-01 Man-01 Mountain-01 Mountain-02 Mountain-03 Panorama-01 Ship Tree-01 Tree-02 Tree-03 Water-01 Ground-01 Jungle-08 Mountain-04 Mountain-05 Mountain-06 Tropical-foliage-01 Tropical-foliage-02 Water-02 Moss-01 Ref-sketch 1. Setting the Bases Step 1 Let’s create a new file with following… Continue reading Use Photography to Create a Scenic Matte Painting From a Sketch in Photoshop

Creating a Vector Anime Character in Adobe Photoshop – Part 1: Sketch and Line Art

This tutorial, and its second counterpart, will walk you through the process of creating a simple anime character bust from start to finish. Here we focus on the drawing side of it and creating a clean sketch, which we then render with vector to create a line art. You will need a graphics tablet or… Continue reading Creating a Vector Anime Character in Adobe Photoshop – Part 1: Sketch and Line Art

How to Create an Andy Warhol Inspired Pop Art Portrait in Illustrator

Andy Warhol‘s screen print series of Marilyn Monroe portraits were probably the main reason I was interested in creating vector art. He’s one of my all time favorite artists so creating a set of portraits inspired by his mass produced art was bound to happen at some point! In today’s tutorial I’m going to show… Continue reading How to Create an Andy Warhol Inspired Pop Art Portrait in Illustrator

Create a Cute Bunny House in Photoshop

Tutorial Resources Grass – Morguefile Daisies – Maureenolder Road – happeningstock Sky – sxc.hu Signpost – sxc.hu Big carrot – Stockfreeimages Three carrots – Stockfreeimages Roof – Morguefile Door – Stockfreeimages Rug – sxc.hu Window – sxc.hu Fence – Morguefile Bunny 1 – Morguefile Bunny 2 – Morguefile Bunny 3 – Morguefile Step 1 Create… Continue reading Create a Cute Bunny House in Photoshop

10 Photoshop Tips: Extend Your Basic Knowledge of Photoshop

Photoshop is very often the tool of choice for photo retouching, but over time it has become a widely used tool in other professional fields such as illustration, conceptual art, graphic design, web design… Therefore, it is a multi-use program that can help a lot to develop our creative work. However, it is easy for… Continue reading 10 Photoshop Tips: Extend Your Basic Knowledge of Photoshop

Create a Stylish, Heart-Shaped 3D Gift Box in Illustrator

Valentine’s Day many only come once a year, but romance is year-round, and designers that can create a warm, romantic, emotional sentiment will be busy from January through December. Whether you’re a designer or just a spouse or partner, don’t wait until February to send some hearts to your special someone. In this tutorial, I’ll… Continue reading Create a Stylish, Heart-Shaped 3D Gift Box in Illustrator

Making the Most of Photoshop Layers

The way web designers are using Photoshop is changing; pixel perfect comps are less relevant than they were a year or two ago. However, Photoshop is still an invaluable design tool and using its features properly is as important as ever. The following tips will help you master working with layers. A Quick Word About… Continue reading Making the Most of Photoshop Layers

Design an Appealing Print-Ready Restaurant Menu in Illustrator

If you’ve ever seen a “food designer” fuss over every last detail of a delicious food item, you’d understand how exquisitely visual the food marketing process can be. The visual evaluation of food has been ingrained in the human psyche for thousands of years, and the right imagery can still elicit strong, visceral reactions (mostly… Continue reading Design an Appealing Print-Ready Restaurant Menu in Illustrator

Reverse Your Layers in Photoshop

It’s not a super common occurrence, but there are certainly times when you have the need to reverse the order that your layers appear in. Whether it’s all of them, or just a select few. Reversed layers usually occur after duplications, but sometimes it can occur simply by misarrangement. Here’s a trick to fix this! The… Continue reading Reverse Your Layers in Photoshop

Tip: Smart Object Duplication

For those who use Smart Objects in Photoshop, you’re probably aware that when a Smart Object is duplicated, the duplication and the original Smart Object share the same source file. This means, that if you were to edit the source (by double-clicking on either Smart Object), the changes would be reflected on both layers. However,… Continue reading Tip: Smart Object Duplication

Portfolio PSD Website Template

Portfolio PSD website template featuring sharp, fresh, clean and modern feel. We’ve designed sleek graphics and original folded elements to make it look more vibrant. That’s why our PSD website template could turn into successful personal portfolio or advertising agency website. Either way it will surely impress all your friends and clients. All layers are… Continue reading Portfolio PSD Website Template

Quick Tip: Precision Colour Control in Photoshop

In this quick tip, I’ll show you a simple and easy way to take control of the colours in your Photoshop documents using the power of adjustment layers. We will consider two scenarios, with the second being somewhat more complex than the first. I’m always preaching about the importance of non-destructive editing in Photoshop, and… Continue reading Quick Tip: Precision Colour Control in Photoshop