background preloader

Design Tutorials

Facebook Twitter

Creating an animated gif in photoshop cc. Tutorial to create an Animated GIF in Photoshop CS5 CS6 & CC | briandalessandro.com. Let’s say you have a folder full of images that you want to sequence together as frames in an animated GIF. You can find special programs online to do this, but with some of the new features of Adobe Photoshop, it’s quite fast and simple. Gather the images you want to animate into one folder.Click File > Scripts > Load Files into Stack. When the “Load Layers” window pops up, click Browse to select & open your image files, and then click OK. This should import the files you selected as individual layers in your document. Rearrange the layers into the correct order, if necessary.This next step differs depending on what version of Photoshop you have: For Photoshop CS5: Open the Animation palette (Window > Animation).For Photoshop CS6: Open the Timeline palette (Window > Timeline ).For Photoshop CC (Creative Cloud): Open the Timeline palette (Window > Timeline ).

You will now have an animated GIF taken from a folder full of the individual frames. Tutorial to create an Animated GIF in Photoshop CS5 CS6 & CC | briandalessandro.com. Twitter Background Template for Photoshop - Seamless Design | InlineVision: Web Design / E-Commerce / PPC / Social Media | Las Vegas, NV. Here is my updated Photoshop template for the new Twitter design that is still rolling out to everyone’s accounts.

I’ve been chomping at the bit, waiting for the update to hit one of the accounts I have access to. Logging in and out, switching browsers, clearing my cache… and it finally happened! This Twitter template is very similar to the last one I created. There’s a layer group for different screen sizes. They show the visible areas for small screens (1024×600), 13″ screens (1280×800), my 15″ laptop screen (1440×900) and of course, my HD desktop monitor at 1920×1080. Necessary or not, I started breaking the Twitter UI into separate layer groups. If you want, you can grab a screenshot of your profile or a clients account and create a mockup.

All that’s left are the layers for the header and profile photo. The one thing you must do when saving the background is to resize it to 1905px wide. Like the template? Technical Drawing for Beginners: One Point Perspective. One point perspective is one of the easiest perspective drawing styles available. The reason for this is that all lines lead to a single point, and regardless of how complex your object is, it's easy to realize when you've made a mistake, and just as easy to correct it. Some Important Rules Before we jump in, there are some important rules to keep in mind when drawing in one point perspective. All vertical construction lines are parallel to one another;All horizontal construction lines are parallel to one another;Given the lack of a second and third vanishing point, this perspective relies on orthogonal construction lines;This style of perspective, although convincing, is not always accurate. When to Use One Point Perspective Whenever you need to quickly present a concept of an object or a scene to another person, you're faced with two options: technical blueprints, or a perspective thereof.

Personally, I recommend using this style of perspective for the following scenarios: Exercise 1. Step 1. How to Create an Animated GIF [Quick Tip] If you've spent any time on the internet at all, you've probably come in contact with an animated GIF. It's an image file that allows you to feature animated images that makes it seem like the image is moving. Think of them as a hybrid between a still image and a video. Why are GIFs great additions to your marketing? They're easy to consume, provide a new way to capture your viewers' attention, and can have a serious emotional impact. The best part about GIFs is that they aren't too hard to make.

Click here to download our free guide to learn how to design high-quality graphics. In the following tutorial on making animated GIFs, I'm using the Creative Cloud 2015 version of Photoshop, but the steps should be similar in other versions. How to Create an Animated GIF in Photoshop Here's an example of an animated GIF you might make using this tutorial: Alright, let's get started! Step 1: Upload your images to Photoshop. If you already have images created ... Step 2: Open up the Timeline window.

How to Create an Animated GIF [Quick Tip] Index 1000 Tutorials themes. Create On Trend Flat Type with a Nautical Theme in Adobe Illustrator. Nothing beats the beauty of painstakingly crafted hand lettered type but not all of us have the patience or ability to create such lovely letterings. With this tutorial I hope to show you a few techniques you can use to adjust pre-made fonts and break them apart to create your own masterpiece in Adobe Illustrator. For this tutorial I will be using some fonts that you can find at the following locations: Tip: Please be aware that you may have to install fonts before you open Illustrator in order for it to show up in your list of fonts. 1.

Create a New Document The size of your document for this project is entirely up to your purpose with the finished product. 2. With our document created let’s begin by creating the background of our piece. Step 1 Select the Rectangle Tool (M) and click on the art board then enter the same dimensions as your art board. Step 2 Step 3 Now let’s fill the square with a salmon color as outlined below. 3. Step 4 4. Now let’s align everything correctly. 5. Step 5 Step 6.

Social Media Stuff

40 Handy Photoshop Tutorials of 2013  We are almost entering in second quarter of year 2013 and all designers are working hard and creatively in their respective field either web or graphic designing and we choose something from this period because we would like to update our audience with latest and modern adobe Photoshop tutorials. Check below great tutorials that created by professional designers and artistes. Every designer should learn about contemporary designing techniques to produce best and award winning designs such as posters, print advertisements, logo designing, mixed media collage designs, photo manipulations, abstract arts, Photoshop 3d effects, Photoshop and illustrator mixed designs, text effects, photo effects, photoshop lightening effects, instagram effects, grunge and retro design with brushes, textures and third party elements usage techniques are here.

Add depth to mixed-media collages – Photoshop Tutorial Create an Earth Shattering Disaster Scene in Photoshop Iron Man In Illustrator And Photoshop. Creating a Bazinga! Text Treatment in Adobe Illustrator. With this tutorial I'll show you how to create a Bazinga text effect made famous by Sheldon from the sitcom The Big Bang Theory in Adobe Illustrator. We'll be using some techniques to add multiple effects to a single shape, also duplicating and copying objects quickly, as well as creating a pattern and even rotating that pattern without disrupting the shape it's applied too. Tip: Please be aware that you may have to install fonts before you open Illustrator in order for it to show up in your list of fonts. 1.

Create a New Document Let's start off by preparing our document. 2. Step 1 Now we'll create the very background color that our text will fit ons. Step 2 With the rectangle created let's style it. Step 3 You're welcome to stop here but let's give the background some depth and also add a gradient. 3. To finish the background select the Ellipse Tool (L) then click once on the document and create a circle 580px wide and 580px high. 4. 5. Now we'll adjust the angle our text is on. 6. Step 4. How to Create a Gradient on Stroke Effect in Adobe Illustrator CS5. In Adobe Illustrator CS6, Gradient on Stroke was introduced. Although you can't do this in an earlier version, we're going to show you a work around for it in Illustrator CS5. We're going to do this by creating a Blend from a Gradient and even show you how to modify it using the Width Tool (SHIFT + W). We'll then go on to create a quick trumpet illustration to show you what you can do with the Gradient. 1.

Create a Gradient Filled Rectangle Using the Rectangle Tool (M), click on the Artboard to open a dialog box. Set the width to 1pt and the height to 10pt and hit OK. 2. With the shape still selected go to Object > Expand. Now open the Layers panel and expand the Group by clicking the arrow to reveal a Clipping Path. 3. Next open the Brushes panel (Windows > Brushes). 4. With your Pen Tool (P) draw a line similar to the one shown. Now, using the Width Tool (SHIFT + W) manipulate the line until you get the desired effect. 5. 6.

Draw a large circle with the Ellipse Tool (L). 7. 8. 9. Ta Da! Beginners Guides to InDesign. Furry Text Photoshop Tutorial. A Love Affair with Ballpoint and Felt-tip Pens. Beautiful mixed-media drawings by Paul Alexander Thornton. View more art at his blog. Photos and artwork © Paul Alexander Thornton Link via Escape Into Life. Design a Sleek Google+ Icon (Plus Free Google+ Icon Set Download) Design a Sleek Google+ Icon (Plus Free Google+ Icon Set Download) Final Image Here is a preview of the image that we are going to be creating: Find Us on Google+ You can now connect with FanExtra/PSDFAN at Google+. If you’re not lucky enough to have an invite yet hopefully Google will be releasing the next batch soon Connect with FanExtra at Google+ Step 1 We’re going to be creating our icon at 128X128 (although you can use this tutorial to create an icon of any size).

Start by creating a new document (128X128px). Vertical Guides: 0px, 32px, 64px, 96px, 128px Horizontal Guides: 0px, 20px, 128px Step 2 Now go to image>canvas size. Your guides will remain central. Now create a new layer called ‘background’. Step 3 Now use your guides to create a rounded rectangle shape in the center of your canvas (128X128px). Ensure that your fill color is 343434 and your shape radius is 20px. Step 4 Now rasterize this layer (layer>rasterize>layer). Duplicate it a total of 4 times. Step 5 Step 6 Step 7 Step 8 Step 9 Step 10. How To Create a Vibrant Cloud Icon in Photoshop. Follow this step by step Adobe Photoshop tutorial to create a colourful and vibrant cloud icon.

We’ll be using plenty of gradients and lighting effects to produce a really cool icon perfect for a modern website design or mobile app. The cloud icon we’ll be creating features plenty of vibrant colours to create a three dimensional appearance. A flow of purple to blue provides the colourful base while the highlights help illuminate the icon and lift it from the screen. View the full size icon design Open up a new Photoshop document and begin by filling a black circle with the elliptical marquee tool on a new layer. Back with the elliptical marquee tool, draw a slightly larger circle and a slightly smaller circle each overlapping the original left and right circles. Fill in any gaps in the centre to finish off the graphic as a recognisable cloud shape. Double click the layer to open up Photoshop’s layer styles window and add a Gradient Overlay.

Our vibrant cloud icon is now complete. Photoshop tutorials | PSDDude. Photoshop tutorials. Remove bags and blemishes from portraits using the patch tool in Photoshop Leave a Comment The patch tool is perfect when you need to retouch a large area. After you have created a Stamp Visible (Shift+Alt+Optn+E), make a selection around the area you would like changed. These areas will include skin blemishes, under eye bags, wrinkles, dark spots, scars etc. After making your selection, click and drag inside of the selection to a similar area that does not have any blemishes.

Even though the Patch Tool is not perfect, sometimes the blending won’t look uniform. In this case the best option is to fade out the patch effect until it does blend smoothly. Final Image Video tutorial. Tutorials Archives. How to Create a Vector Image Slider in Adobe Illustrator. Image sliders have been a common element of website design over the past few years, especially in portfolio designs. In today's tutorial, I'm going to show you how to create an image slider in Adobe Illustrator. Step 1 Hit Command + N to create a New document. Enter 600 in the width box and height boxes then click on the Advanced button. Select RGB, Screen (72ppi) and make sure that the "Align New Objects to Pixel Grid" box is unchecked before your click OK. Next, you'll need a grid every 5px. Step 2 Using the Rectangle Tool (M), create a 540 by 220px shape, fill it with R=28 G=117 B=188 and go to Effect > Stylize > Rounded Corners.

Step 3 Next, you'll need this image. Step 4 Open the Transparency panel (Window > Transparency). Step 5 For this step you'll need this image. Step 6 Reselect the image and the white shape made in the previous step, open the fly-out menu of the Transparency panel and click on Make Opacity Mask. Step 7 Focus on the left masked image. Step 8 Step 9 Step 10 Step 11 Step 12.