Photoshop Tutorial - Broken Text Effect Wallpaper 6,103 views | 06-January-2011 | Photoshop Tutorial Hey Guys, for the first Photoshop Tutorial of the year, I'm going to teach you how to create a wallpaper with text breaking in different parts using a lot of the polygonal lasso tool and some texture. textures 99 by *Sanami276 LINK Final Result Preview Step 1: THE New Document and Background Colour Let's Start by opening photoshop and create a new document, I choose 1440x900px with a transparent background. Step 2: Text Part 1 Let's start by writing some text on the wallpaper, I wrote RNELdotNET with the Arial Black font in black, write whatever you want, you can also use another font. Step 3: Text Part 2 Now we've got our text, let's break it apart using the Polygonal Lasso Tool (L), start by making a selection of a part of the text that you want to move apart from the main part of the text, then select the Move Tool (V) and move this part where you want it to be. Step 4: Pikes Step 5: White Text Step 6: Text Blur and Shadow Final Result
Adobe Illustrator Tutorials – Best Of - Smashing Magazine Advertisement Over years Adobe Illustrator has become the standard application when it comes to illustration design. Artists, illustrators and graphic designers use Illustrator to create vector-based graphics which — contrary to raster-based editors such as Adobe Photoshop — can be easily rescaled without the loss of quality. E.g., Illustrator is often used to quickly transform hand-drawn sketches on a sheet of paper into lively and colorful digital images. However, to master Adobe Illustrator isn’t easy; and the creating process of professional illustrations requires both time and patience. In this post we present a collection of excellent Adobe Illustrator tutorials for beginners and advanced designers. Please notice that we’ve selected only those tutorials which haven’t been featured last year or were released after the article was published.you might also be interested in Adobe Photoshop Tutorials – Best Of we’ve presented few weeks ago. Illustrator Tutorials Sources and Resources
Design a Vintage Baseball Card in Photoshop In this tutorial, I will take you through the creation of a realistic vintage baseball card. You will learn how to add color to a black and white photo, how to reproduce an illustrated effect using Photoshop filters, how to create an "old print" effect, and all sorts of other goodies. We will be mixing images, textures, blending modes and adjustment layers to achieve the final design. Preview Tutorial Resources Step 1: Set Up the Photoshop Document Create a new Photoshop document (File > New) at 600x750px. Use the Gradient Tool (G) to make a subtle gradient on the Background layer. Step 2: Creating the Card’s Background Using the Rectangle Tool (U), create a rectangle (360x504px) that will represent the baseball card. Create another rectangle (which will be the inner area where the content will be) with the Rectangle Tool (U). Make sure to reset your Foreground and Background colors to black and white by pressing D on keyboard. Apply the Gaussian Blur filter at 1.5px Radius. Tutorial Summary
How to Design a 1980s Movie Poster in Photoshop In this article, we’re going to start by looking at a few inspirational movie posters from the 1980s which we’ll use for inspiration. Then, we’re going to use Adobe Photoshop to create a 1980′s style movie poster for our fictitious film titled “The Designer’s Mansion.” This tutorial is aimed for designers with a fair understanding of Photoshop. If you follow this tutorial, please feel free to post a link to your final product in the comments area below. We’d love to see it! Let’s get started! Here are 10 inspirational posters from 1980-89. 1980: The Blues Brothers A really lovely and inspirational ’80s poster that uses a limited color scheme and simple shapes to create a poster with a twist. 1981: Chariots Of Fire This poster is brought to life by the purposefully worn and noisy photograph, and it’s finished off with classic typography. 1982: A Little Sex Modern typography was clearly an inspiration in the ’80s! 1983: Scarface 1984: The Terminator 1985: Day of the Dead 1986: Under the Cherry Moon
How to Build a Basic Portfolio WordPress Theme If you’ve been following parts one and two of this portfolio website tutorial series you will already know how to design the concept in Photoshop and build a working demo in HTML/CSS. Now let’s take the design and convert it into a basic WordPress theme so you can easily manage and update your website through the popular WordPress application. The theme we’re going to create is going to be made specifically for use as a portfolio website, so many of the usual features of WordPress themes will be omitted in this guide. Our website concept isn’t a blog, so this tutorial is aimed more at using WordPress as a simple CMS. View the final portfolio theme demo Because we’re using WordPress as a basic CMS, we won’t be making use of some default template files such as archive.php or comments.php. Before working on any of the actual .php template files we first need to add the entire CSS styling the style.css WordPress stylesheet in our theme folder. The first template to work on is header.php.
Create a Wet Plate Photo Effect in Photoshop Recently we showed you how to replicate quick tintype photos. In this tutorial, you’ll learn how to recreate its sister technique, wet plate photography, for an intriguing yet timeless photo effect. The following assets were used during the production of this tutorial. Collodion wet plate photography is an extensive process where a glass plate is prepared with several chemical solutions, transferred to a camera to expose, and then developed quickly all before it dries. Wet plate photos vary in composition and detail according to the photographer’s preferences and its overall exposure time. Here are some characteristics of wet plate photography to keep in mind: Wet plates are generally gray scale (no pure whites).Chemicals may produce tinted photo with red, yellow, or blue undertones.Streaks where the chemicals drip off are common.The imperfections in each photo caused by debris, scratches, and changes in chemical reaction are what make them unique. Now it’s time to work in grayscale.
Create a Cool Ribbon Style Logo Graphic in Illustrator Follow this step by step Illustrator tutorial to create a cool ribbon style logo graphic with gradients and effects in Adobe Illustrator. We’ll create the graphic as a vector design to allow scalability as a logo and add flat and mono versions to keep the logo versatile. Usually a logo project would involve lots of research in order to develop a brand that reflects the company, but for this tutorial we’ll focus just on the practical task of building a cool looking graphic in Illustrator. View the final ribbon style logo design Open up Adobe Illustrator and draw a long thin rectangle on the artboard. Press CMD+C to Copy then Paste in Front (CMD+F) a duplicate of the rectangle then select the top two points of the overlapping rectangle with the Direct Selection tool. Select both rectangles and hit copy, then paste in front a duplicate. Zoom right in to the document and press CMD+Y to toggle on outline mode. The logo loses all of its definition without a little modification.
Create an Abstract Floating Break-Apart Rock Circle in Photoshop Create an Abstract Floating Break-Apart Rock Circle in Photoshop In this tutorial, I will show you the steps I took to Create an Abstract Floating Rock Circle in Photoshop . This is a beginner-intermediate level Photoshop tutorial aiming to show you a few tricks to manipulate and combine objects together. Note: The Photoshop tutorial is done in CS6 – therefore some screenshot may have slighting different layout as in the earlier version. Here is a preview of the final effect I have for this tutorial: (click to enlarge) PSD File Download To complete this tutorial, you will need the following stocks: Ground Rock Step 1 Create a new document sized 1400px * 800px with black background, load the ground image into Photoshop and use the Rectangular Marquee Tool to select the ground texture as shown below: Paste the selection onto our document, use a big soft eraser to fade the edges on the ground as shown below: Add the following 2 adjustment layers on top of this ground layer: Black and White Levels
Let’s Make a Playful Yet Robust 3D Letter Design A few times a each month we revisit some of our reader’s favorite posts from throughout the history of Vectortuts+. This tutorial by Jonathan was first published on February 24th 2009. This tutorial is perfect for the advanced beginner who wants to take her skills to the next level. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Step 1 Start by typing each letter separate so you can adjust the angle and 3D qualities of each. Also, use a grey or light color so when you proceed to the next step you'll be able to see what your 3D text looks like. Step 2 Go to Effect > 3D > Extrude & Bevel... Step 3 Even after you apply 3D effects that you would like your letter to have you can also continue to rotate the letter to whatever angle you like, as I've done below. Click on a color and the shading will automatically be applied to the different faces of the letter. Step 4 Use the same technique on the other letters. Step 5 Step 6 Step 7 Step 8
Logo Design Process and Walkthrough for Vivid Ways This post was originally published in 2009 The tips and techniques explained may be outdated. I recently finished up a project with Scott McIntyre of Vivid Ways and Jon Phillip of Spyre Studios. My part in the project was to work on a new logo design for the Vivid Ways website and brand. Here’s my design process and a walkthrough of how the final logo is created in Adobe Illustrator. Vivid Ways is a new blog focusing on the topic of personal development and colourful living, it aims to inspire and encourage readers through ideas and tips on how to live an amazing life. I started work sketching out my ideas for the logo, my main focus for the graphic of the logo was to display the letters V and W in a creative way that could be seen as an abstract mark, but also recognisable as the letters under closer inspection. The logos graphic were then drawn up in Adobe Illustrator and experiments were conducted on the appropriate type styles. Creating the Logo in Illustrator
Creating a Vintage Typography Layout in Adobe Illustrator Vintage style typography is classic and remains popular still today. There’s something about the hand drawn and hand placed feel of these types of layouts that is appealing and draws your eye. Lets take a look at how to create a vintage style type layout in Adobe Illustrator. Here’s a look at what we’ll be creating. Before getting started I found a great inspiration piece to use as reference for the steps will be working through in this tutorial. When putting together a design like this there are a few very important factors to consider in order to achieve that vintage look. - Fonts – You have to put in the time to seek out the right fonts. - Shapes – Shapes and elements were drawn by hand, so keep that in mind when putting together your design elements. - Symmetry – Most vintage layouts such as this one contain some degree of symmetry. Step 1 In Illustrator, on a new art board, lets start with the basic shape of our layout. Fir the background we need to create a series of wavy lines.
Create a Stunning Retro Futuristic Typography Create a Stunning Retro Futuristic Typography Posted by Alex on Wednesday, March 3, 2010 · 64 Comments Retrofuturistic design is a return to, and an enthusiasm for, the depictions of the future produced in the past, both in science fiction and in nonfiction futurism of the time, which often seem dated by modern standards. We always strive towards creating a better future. Whats more compelling than envisioning one. If the images are loading slowly, you can download the .RAR Package containing all the images here : The future as seen by many of us have been expressed in forms of art, design, movies, comics, and even cartoons. Long before the advent of technology, our ancestors tried to picturise the concept of space with mundane tools such as pencil, paper, brush to name a few. I am enthralled to announce that we have our first guest writer here. In this tutorial, we will learn some really cool techniques to help us achieve a few aspects of Retro Futurism. Step 1: Step 2: Step 3: Step 4: