My Blog for your Knowledge

We'll make sure your website works for you...

The Road to Web designing

Art Illustrations

Do you want to look great?

27 February 2011

Simple iPhone Application


Simple iPhone App – CodeCanyon


Simple iPhone Application

Check out this Appcelerator Titanium iPhone template! – Simple iPhone App is an iOS template built on Appcelerator’s Titanium. It is designed for web and mobile app development agencies or designer portfolios. Because of it’s flexibility you can also use it for showcasing other web or mobile apps. Add as many tabs as you want to create a full personal portfolio on the iPhone!

All javascript files are well commented and sectioned off in a way where you can cut and paste certain elements and implement in to your own project. Photoshop .psd files are included to build your own pages.


25 February 2011

Add motion to an illustration using lines

In this tutorial, illustrator Eric Van Den Boom explains how you can use lines and patterns to add a sense of motion to your illustration or photograph.
Here you’ll learn how to make your own pattern swatches and transform them. You’ll then use them to make your football player appear to be at the centre of the action, resulting in a more dynamic piece.
Step 1 Place the file provided, FootballPlayer_Lineart.psd. Double-click the layer in the Layers palette (Window > Layers) and check the Template box. Name the layer ‘illustration’.
Step 2 Create a new layer named ‘decoration’. Draw a curve with the Pen tool (P). Duplicate it by dragging with Alt + Shift held down, then hit Cmd/Ctrl + D a few times to duplicate the result. Select one set of end points and bunch them together by averaging positions (hit Cmd/Ctrl + Alt + J and check ‘Both’). Select all curves and go to Object > Path > Outline Stroke. Use the Eraser tool (Shift + E) on them as needed, and change their fill to a gradient. Select all again and go to Window > Transparency, then choose Hard Light from the drop-down menu.
You can add another set of lines with a different gradient; try moving multiple anchor points and experimenting.

Step 3 Draw a straight line with the Rectangle tool, and another one aligned to it but a little thicker. Give the thicker rectangle no fill. Select both and drag-and-drop them into your Swatches panel (Window > Swatches). Select the new swatch and draw an ellipse with the Ellipse tool. Go to Object > Transform > Rotate, type 45° in the Angle field and hit OK. Make a couple of line swatches with other colours and place them in the image on your ‘decoration’ layer.

Step 4 Using the Ellipse tool (L), draw an ellipse with no fill. Go to Object > Transform > Rotate, enter 12° in the Angle field and hit the Copy button. Press Cmd/Ctrl + D several times until you’ve gone round all the way. Select the whole shape and group it (Cmd/Ctrl + G). Make a copy, go to Object > Path > Outline Stroke, and move the result to the leg, erasing most of the shape so it fits nicely. Repeat the shape elsewhere in the image where you think it will work. You can also experiment with the Transparency style (Window > Transparency), for example, by choosing Hard Light from the drop-down menu.
Step 5 Draw a narrow triangle with the Pen tool, make 12 copies and stack all the triangles as shown. Apply the Unite shape mode in the Pathfinder panel, then go to Effect > Warp > Arc. Set Bend to 25% and Distortion to 0%. With the Transparency mode set to Multiply, fill it with a gradient and move the object to the player’s head and back. Use the Eraser tool to remove parts that overlap him.

Step 6 Draw four water-drop shapes using the Pen tool and add a ‘highlight’ shape to them (top). Make copies of these drops and rotate, reflect and stretch them a bit. Bring them into the image, changing some of the colour fills to add interest. You can also add some triangles and other shapes.

Step 7 Using the Pen tool, draw several clouds, filling each of them with a gradient. Select them all, then copy them and paste in front (Cmd/Ctrl + F).
Fill the new clouds with the line swatch that we made and put in the Swatch panel earlier, then select Multiply from the drop-down menu in the Transparency palette. Keeping the clouds selected, go to Object > Transform > Rotate. Uncheck Objects and type 45° in the Angle field. Press OK.
Step 8 Use Object > Transform > Scale to vary the size of the clouds’ pattern fill (deselect Scale Strokes & Effects and Objects so you don’t scale the clouds or their strokes). Now select all the clouds and go to Effect > Warp > Arc, setting the Bend to 25% but leaving the Distortion at 0%. Arrange the results in your illustration, and add some raindrops beneath by drawing crosses with the Pen tool.

Step 9 Try making some new swatches based on what you’ve learned and add these to the image. Double click the ‘illustration’ layer, deselect Template, hit OK and you’re done. If you like, you can export the result to Photoshop for some final colour correction, as I have done with the finished artwork opposite.
Eric Van Den Boom







20 February 2011

How to Add Popular Posts Widget With Thumbnail in Blogger

Blogger has just launched Popular Posts Widget in Blogger for all blogspot user, and i would like to guide you on how to add this popular posts widget in blogger. You can show this widget with thumbnail and without thumbnail. You will also be able to show text snippet of your post.
Add Popular Posts Widget in Blogger
The Popular Posts gadget will help your readers quickly find out which of your posts have been viewed the most by your readers. The gadget also comes with several different styles and configurations. To add one of the best gadget you have to follow some simple steps given below.
Steps to Add Popular Posts Widget With Thumbnail in Blogger
#Step 1. Log in to your Blogger Dashboard and Navigate to Design> Page Element.
Design-PageElement
#Step 2. Now Find Popular Posts Gadget and (Click on Plus sign) Addit, before adding gadget you can configure the settings as per your need given in #step 3.
Add Popular Posts Widget in Blogger
#Step 3. You can choose most viewed, snippet, thumbnail and title of the widget. (Recommended settings from me are as given below.
  1. Enter Title of the widget as “Popular Posts“.
  2. In Most Viewed Choose All time.
  3. If you want your popular posts with thumbnail and snippet then check bot check boxes else choose as per your need. ( I suggest you not to use any of these both)
configure popular posts widget in blogger
#Step 4. Click on Save button and done!.
If you like it then leave comments and enjoy it...

17 February 2011

40 Excellent Examples of Interior Designs Rendered in 3D Max

3D Max is one of the commonly used software for architecture and interior design field on creating good presentation of architectural projects. Although it is not that easy to use and master the techniques to achieve the best result in a short period of time, it’s still worth to learn. Today, I collected some examples focusing more on a house interior done in 3D Max to inspire you just in case you decide to start exploring this program.
Here is 40 Excellent Examples of Interior Designs Rendered in 3D Max. Also using V-Ray plugin plays a big role on 3D Max to achieve more realistic outcome and photoshop for editing purpose such as contrast, shadows, color balance and so on. Check them out.

interior1

by : noBRART
3DMax Interior Design Render
3DMax Interior Design Render
by : Zigfil
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
by : dendoush
3DMax Interior Design Render
by : ELFTUG
3DMax Interior Design Render
by : tiamatcry
3DMax Interior Design Render
by : kmpkt
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
by : ozhan
3DMax Interior Design Render
3DMax Interior Design Render
by : gokiyan
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
by : kripal911
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
by : alradista
3DMax Interior Design Render
3DMax Interior Design Render
by : Jieda
3DMax Interior Design Render
3DMax Interior Design Render
3DMax Interior Design Render
by : 3Dskaper
3DMax Interior Design Render

Author: Ronald Bien


Follow on Buzz