Archive for the ‘Twitter’ Category
Eighteen More Helpful Twitter Applications for Freelancers
|
Twitter applications can help a freelancer to get even more benefits from Twitter. Last summer we took a look at 15 Useful Twitter Tools for web workers. This post examines 18 more Twitter apps that freelancers might find useful and briefly explains what each one does. Helpful Twitter AppsHere are 18 helpful Twitter applications to help you get the most from your tweets:
A Word About SecurityBe careful about giving your social media passwords out to unknown applications. Several Twitter applications have been hacked in the past and the user’s data exposed. Always check the reviews of a social media application carefully before you entrust it with your personal data. Twitter support has some specific recommendations for users. What Is Your Favorite Twitter App?Do you use any of these Twitter apps? Which ones? What do you think of them? Do you have a favorite Twitter app? Whether it’s on the list or not, why not share it here? Leave your answers in the comments |
This Weeks Twitter Design News Roundup N.25
|
A couple of days ago our follower count crossed over the 10,000 mark – which is simply awesome! A little flattering, but awesome all the same. Thanks to everyone that follows us. Anyway this is our weekly Twitter Design News Round-Up, a collection of fresh design related resources that I have shared via Twitter in the past week. Just in case you are not one of my Twitter followers, click here: twitter.com/speckyboy, and you’ll be kept up to date. As always, if you have any cool links that you would like to share, do not hesitate to share them here: Submit News. Thanks to everyone that has been emailing. A new global visual language for the BBC's digital servicesOnce in a while there is a design article published that simply blows you away – and this is one of them! Anyway, this article from the BBCs Internet Blog describes how after ten fast growing years online they decided to embark on an ambitious project, called Global Visual Language 2.0, with the aim of unifying the visual and interaction design of bbc.co.uk and its mobile website. The Definitive Guide To Styling Web LinksHyperlinks (or links) connect Web pages. They are what make the Web work, enabling us to travel from one page to the next at the click of a button. As Web Standardistas put it, “without hypertext links the Web wouldn’t be the Web, it would simply be a collection of separate, unconnected pages.”. So without links, we’d be lost. We look for them on the page when we want to venture further. Sure, we pause to read a bit, but inevitably we end up clicking a link of some sort. 10 Things I Hate About Clients!
How to Build Web Cred as a DesignerCredibility on the web is not easily earned. To be a successful designer, you need people to recognize you as skilled, competent and professional. When someone needs something designed they turn to you because you’ve proven yourself to them as capable and reliable. That’s web cred! The ABC’s of a good design proposal50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)Pros And Cons Of 3 Popular CSS Meta FrameworksA lot of perennial attention is given to the use and evangelism of CSS frameworks. By “CSS framework,” we don’t mean Blueprint or 960, but rather SASS, xCSS, and Less. These are also referred to as CSS “metaframeworks,” but the distinction between them and Blueprint lies in the distinction between form and function. The Sign Scene
|
Kind Twitter Background in Photoshop
|
If you’re on twitter and reading this blog, chances are you’ve already customized your profile with a cool twitter background. In this tutorial, we’ll create one of our own around a central mascot: a highly detailed twitter bird, that you’ll have to draw yourself! Get ready to do much more than clicking in this artistic tutorial!
IntroductionWhen creating a twitter background, there are various things to take into consideration. The biggest problem is the fact that you can’t center align an image in your twitter profile. So give up any ideas you may have about wrapping graphics around the body. You can either create a tile-able design, or left align the image. Since the body size doesn’t change according to the resolution it’s being viewed at, you also have to worry about keeping your main content visible over multiple screen sizes, and fading out your illustration seamlessly. If your text goes too far to the right, many people may not be able to read it. If your illustration is highly detailed and ends after only 250 pixels, it will look odd on large screens, because it does not fade out to the right and bottom. And lastly, you’re working in web format so think about your file size when designing it. To cope with all these requirements, we’ll create a relatively small background that will align to the left side and fade out toward the bottom and right. And by fading out, I don’t mean erasing half of the image, but gradually using fewer and fewer elements. It’s a common practice for twitter backgrounds to include a short bio and links to where the person can be found online. My own background does not have these, because I feel that the profile bio is visible anyway on the right and you also get to chose one link that people can use. I link to my portfolio, where there are multiple links of my online presence, in case anyone is interested. Anyway, for the sake of making this more practical, there’s a short bio (in this case total bogus due to lack of inspiration) and a couple of links. Final Image PreviewTake a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below or the full-size image here. Step 1The first thing to do here, is to draw the mascot, a twitter bird. There are lots of cute, bright and shiny twitter birds out there so I wanted one that was not only different, but that represented my style. After all, a twitter profile is all about the owner. The process seen below is very stretched out, but can be shortened. I don’t want you to think that this is only way you should do it, but in case you don’t have a lot of experience with line art, it’s good to take your time, and get every stage right. In time, after becoming more experienced, a simple doodle can be enough to get you started in Photoshop. For now though, start by getting a regular piece of paper and drawing out a few basic sketches of the bird. Focus on getting the posture right, and don’t worry about the details. those will be covered later. ![]() Step 2As you may notice, the position of the legs in the screenshot below is not identical to the final result. As a matter of fact, I changed them at every stage because it’s a bit difficult to make them look natural and aesthetic at the same time. Just trace a rough image of your bird in this first stage. ![]() Step 3Now you’ll need some tracing paper. It’s basically a semi-transparent paper that allows you to draw something on top of a reference image, in this case our rough sketch. I used two pencils: a 2B, and an 8B. The higher the number, the softer the tip. I used the 2B to trace the outlines and 8B to draw shadows. The eraser is cut in half, so that you can use the sharp edge to erase small areas. That’s helpful for adding highlights. I also slipped an extra sheet of tracing paper in between to make the rough sketch less visible. If your image has too much contrast, it’s a good idea to fade it out more so you don’t get confused. ![]() Step 4Use the pencil to trace the outline of the bird. You can now start to worry about the details. ![]() Step 5You should now have completed the general outline of every part of the bird. ![]() Step 6Begin to add shading, so that the bird looks 3D. Notice that the shadows are very basic, and don’t need to look very realistic. This is only a part of the whole process, and not a final image so don’t worry about making it look great. All you need to do is clearly define shapes and lighting. This part is important because all the shadows will become continuous lines in the future steps. Blank spaces are highlights and parallel lines are shadows. Make the lines more distant and shorter, and the human eye will perceive it as a gradient. This is basically a hand drawn halftone screen. ![]() Step 7Grab another piece of tracing paper and place it over the pencil sketch you made. This time we’ll use this one as a reference for the final, line art bird. ![]() Step 8Now all you have to do is draw parallel lines across the shadows. In order to fade them out, just draw the lines shorter and shorter. ![]() Step 9Remember that you can fade out the outline too, not just the shadow lines. ![]() Step 10This time, be very careful about all the details. Make those shapes look like real feathers, not simple curves. ![]() Step 11Continue this process across the head and body. Make sure to leave out enough highlights. ![]() Step 12Like I said, the feet went under one final modification. I wanted something in between an attack position and low level flying. ![]() Step 13I made the second wing generally darker than the first. That makes the drawing look more dynamic and realistic. Casting an equal light over the entire bird can make it look less interesting. Even if the posture is too symmetric, you can always rely on lighting to spice it up a bit. ![]() Step 14And there it is, all done. Perhaps a bit too tall and stretched, but it doesn’t matter since you can’t see it all in the twitter background anyway. ![]() Step 15Scan it or take a photo of it and put it in Photoshop. Go to Image > Adjustments > Levels and boost up the contrast considerably. Darken out the lines, but bring up some of the highlights too. ![]() Step 16Go to Select > Color Range. Inside the window, click on a black area of the photo so that you have a selection of the black lines. Press OK and copy the selection (Command + C). ![]() Step 17Create a new Photoshop document that is 750 px in width and 700 px in height, and at 72 dpi. Paste the bird (Command + V), double-click its layer and add a Color Overlay effect. Chose a dark blue (#387ebc) and press OK. Create a new blank layer (Command + Shift + N), click on both layers in the layer menu and merge them (Command + E). That will flatten the Layer Style. ![]() Step 18Now in a new blank layer underneath the line art, use the Pen Tool (P) to give the bird a background color (#33ccff). ![]() Step 19For this part it would be best to have a pen tablet, but it’s not completely necessary. You can either use a regular brush, or the pen tool to create the highlights and shadows. I did it with a tablet. In this step, trace the first few highlights with white and make it a clipping mask so it only appears inside the bird. ![]() Step 20Now draw larger strokes of a bright cyan (#7ff4fe). Make a separate layer for each of these. |
| Click here for full Tutorial… |
How to Create a Quirky Twitter Bird in Corel Draw
|
Learn here how to create a this bird using a few techniques in Corel Draw. Successful completion of this tutorial requires an intermediate knowledge of Corel Draw. We think it’s easy as there is no need for Art school sketches that are usually needed in the first step. Let’s get started!
Final Image PreviewBelow is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month. ![]() Step 1Create new document, whatever size. A4 is fine. Draw the shape of the bird’s body using the Free Hand Tool and make it nice with the Shape Tool. This part requires a bit of creativity ![]() Step 2Color the shape blue. Then Copy the shape and paste in the same place. Now using the Up Arrow key, move the second shape 4 pixels up. And then change the color of the second shape to a lighter blue. For better a effect use the Radial Gradient Fill Tool with a lighter to darker blue. Still the first shape should be darker to get that dark line at the bottom. ![]() Step 3Copy the shape and place it in the white area. Copy it again and paste it. Then make it a bit larger and put it over the smaller one (green on pink example). Using the Back Minus Front option Cut the shape off. Then change it to blue (or use the gradient that we did in last step). And place it on our main shape. ![]() Step 4Do the same again but cut a smaller, thiner part. Those steps are needed to add some light effects, which make it more 3D. ![]() Step 5This step uses only one simple option: Intersect (marked by red box, shown below). Just as in the steps above, select two object and Intersect. You will get the shape that both object share. This technique is an easy way to get shapes that you want in many other situations. In the picture below, notice that we used circles on the main shape, then the eye, then the eyeball, etc. Be sure to apply a radial fill to the eye as shown above. ![]() Step 6Do the same thing again. This time create the bottom part of the bird (that’s the way birds are built, a white patch makes the bird look more real). ![]() Step 7Coming back to using the Back Minus Front option. Cut off the shape of the first eyelash. Than copy, paste, resize, and rotate to put them together. Now copy the whole thing and paste in place, change to a darker blue, rotate a bit, and move it to the back. Lastly, group it and place it on the bird. ![]() Step 8To draw the legs and nose you need to use the Free Hand Tool and make it nice with the Shape Tool. In this step, we want to show you how using the same color, but in different brightness, adds more depth and dimensionality. |
| Click her for full Tutorial… |
10+ Tips For Using Twitter To Grow Your Freelance Business
|
I have heard from numerous peers of their struggles to grasp the reigns of the wild stallion that is social media marketing, but I have had measurable success learning how to utilize Twitter in ways that have increased my clientele, enlarged my network of connections, and strengthened my standing as a member of the freelance and design community. In fact, without Twitter I would not be writing for Freelance Folder! In this post I will share some basic transferable principles I have discovered that could help you not only get your feet wet with Twitter, but quite possibly could open doors you thought were locked to you and your freelance business. Get Started
For those of you who are not yet convinced you should be on Twitter, here is a brief explanation of how it can benefit you and your business.
Still not convinced? If so, all I can say then is, “What do you have to lose?” At the very least, you may waste some time if you don’t see results that have a positive impact on your business. And yes, I realize that time is money. But, the investment can be so relatively minimal with the possibility of remarkable results, why not give it a shot? Set Up Your Profile The RIGHT Way |
















































Our Favorite Tweets of the Week Feb 21-Feb 28, 2010
Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.
The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the best tweets that we sent out this past week.
Note that this is only a very small selection of the links that we tweeted about, so don’t miss out.
To keep up to date with all the cool links, simply follow us @DesignerDepot
Illustrator & Type Tips Worth Knowing: http://bit.ly/dm9W8D
Smilevetica – the younger, happier little brother of Helvetica http://bit.ly/bgGQ8W
Fish Eye Dock Style Menus: http://bit.ly/cSn8p6
A camel is a horse designed by a committee. — Sir Alec Issigonis
MVRDV Unveils Mesmerizing Water Cube Pavilion for 2012 World Expo: http://bit.ly/9DODdr
Vancouver 2010, part 1 of 2: http://bit.ly/bhrbYR
continue reading…