mercredi 31 août 2011

acotte: RT @carrefour_edu: Cessons de bouder les jeux en classe. Ce dossier de Carrefour éducation vous fera découvrir l'univers des jeux «... h ...

Twitter / acotte
acotte: RT @carrefour_edu: Cessons de bouder les jeux en classe. Ce dossier de Carrefour éducation vous fera découvrir l'univers des jeux «... h ...
Sent with Reeder

Sent from my iPhone

Posted via email from passionfp

David Bowie's 'Space Oddity' turned into children's book

Graphic Design News

David Bowie 's single 'Space Oddity' has been turned into a children's book. The lyrics from the 1969 track have been illustrated by Canadian graphic designer Andrew Kolb and a digital copy of the book is available freely from his website .

Sent with Reeder

Sent from my iPhone

Posted via email from Steve Prud'Homme Graphic Design Blog

Codecademy Is a Free, Interactive Webapp That Teaches You How to Code [Programming]

Lifehacker
Webapp Codecademy teaches you how to code using an interactive console, motivates your with badges, and walks you through lessons in a straightforward curriculum. Best of all, it's free. More »


Sent with Reeder

Sent from my iPhone

Posted via email from Steve Prud'Homme Graphic Design Blog

lundi 29 août 2011

Quick Tip: Vector File Compression in Adobe Illustrator

Vectortuts+

In this tutorial we will learn how to compress vector files up to 3 times using the standard tools of Adobe Illustrator. This method is useful for uploading files larger than 25 Mb. When applying this tip, you will be able to save intermediate stages of work, which is convenient for common projects, tutorials and everyday work, if you need to go a few steps back. This simple and brilliant idea occurred to my friend Igor Tshernitsyn.


Introduction

A lot of the files with your works are greater than 25 Mb in size, this is due to the properties of vector performance itself. Files containing 3D objects, textures, plenty of vector objects resulting from tracing, elements with raster effects, etc. will be huge in size. Almost all email services have 20-25 Mb limit on the attachment files size. To transfer files exceeding this size, we will have to use third-party file archive server. Let’s learn how to compress them.


Step 1

As an example, I took a file containing a lot of vector objects.

Its size in the format of EPS is 28.4 Mb.

What is usually advised to reduce the file? Clean up Symbols, Brushes, Swatches and Graphic Styles palettes. Those who resorted to this tip know that these actions will reduce the size of your file to a hundred kilobytes at most. Reduce its size in another way. Select all the objects of our work and save them as a new symbol in the like-named palette.


Step 2

Now delete all the objects of our work and save the empty file, rename it, so that we had something to compare it with.

Find your file on the hard disk; its size is 9.32 Mb now. The size shrank more than in 3 times!


Step 3

In order to extract such a file you have to drag the symbol into the workspace of the document.

Now click on the Break Link button in the top panel in order to break the link with the symbol.


Step 4

A new layer named New Symbol has appeared in the Layers palette.

You can pull it out from the layer in which it is located and rename it so that it had a regular look.


Step 5

Saving your work in the Symbols palette can be used to save the stages of your work. It often happens that you go down the wrong path and you need to get back to a certain step, so that you do not have to redo everything from the very beginning. Keyboard shortcut Command + Z (undo command) will not help here, since there is a limit on steps back. Just delete all the work and pull out saved stage to which you want to go back from the Symbols palette. This method works well when writing tutorials, saving the steps or stages containing configuration parameters, such as 3D objects before applying Expand Appearance command to them.


Conclusion

In my opinion, this is a very useful tip which will help you to optimize your work and in the long run will save your time valuable for creativity.

Sent with Reeder

Sent from my iPhone

Posted via email from Steve Prud'Homme Graphic Design Blog

Quick Tip : Create a Fresh Cucumber Text Effect

Vectortuts+

Follow this quick tip to learn how to create a fresh and realistic cucumber text effect. You will work with multiple appearances, blending modes and effects like: Feather, Inner Glow, Roughen and Pointillize. You will also learn to create a multipurpose water drop. Let’s start.


Step 1

Open a new web document and type "Fresh" using the Type Tool (T). The font used is called Blob Round and you can find it here. I picked it because there is enough space for the core of the cucumber slices, where the seeds are.

Go to the Object menu and choose Expand then Ungroup. Next arrange the letters so that the space between them to be approximately equal. Select them then go to Effect > Stylize > Round Corners and apply a 10 px Radius. Choose Expand Appearance and Ungroup from the Object menu and you are done with the text for now.


Step 2

Take the Ellipse Tool (L) and draw a circle then fill it with the radial gradient shown. Give it a 1.5 pt green Stroke and select Align Stroke to Inside from the Stroke Panel. Go to Effect > Stylize > Feather and apply a 2 px Radius but only for the green stroke.


Step 3

From the Appearance Panel, open the fly-out menu and choose Add New Fill. Change the fill color to the one indicated and drag the fill under the first one. Now having this second fill selected go to Effect > Path > Offset Path and apply a 2 px Offset value to obtain the peel around the cucumber slice.


Step 4

Also for the second fill apply the Roughen effect that you can find in the Effect menu under Stylize. Next go back to Effect > Stylize and this time apply the Inner Glow effect (not only for the second fill) using the green color shown.


Step 5

Select Add New Fill from the Appearance Panel and use black as the fill color. This third fill must be above the first one. Go to Effect > Pixelate and apply the Pointillize effect then change the Blending mode to Screen and reduce the Opacity to 15%.


Step 6

Now that you are done, make sure all the attributes are in the correct order then, having the circle selected, drag the thumbnail from the Appearance Panel into the Graphic Styles Panel to save the cucumber slice style. Next select all the letters and apply this style.


Step 7

Take the Polygon Tool and click on your working area to open the Polygon window. Select 25 px for the Radius and 3 sides to obtain a triangle. Go to Object menu > Path and use the Add Anchor Points option to add the middle points on the sides then draw the three lines between the points, using the Pen Tool (P), like in the image. Now move the middle points closer to the center with the Direct Selection Tool (A) and use the green lines as reference to help you keep the symmetry. When you are done select these three points and click on the Convert Selected Anchor Points to Smooth option.

Multiply the resulting shape and place one on each letter. Lightly rotate them so they don’t look identical. Fill these shapes with the yellow to white radial gradient shown and change the Blending mode to Multiply because this way white becomes transparent.


Step 8

Take the Rounded Rectangle Tool and click on your working area to open the window then enter the numbers shown. Select for this small rectangle a black fill and a 1 pt white Stroke then multiply it and arrange four in a row. Now take the Direct Selection Tool (A) and move some of the points to distort them a bit and also rotate them lightly. Group these four shapes then go to Effect > Warp and apply the Arch effect. Choose Expand Appearance from the Object menu then drag the group into the Brushes Panel and select New Art Brush.

In the Art Brush Options window select the direction and Tints as the Colorization method.


Step 9

Next draw with the Pen Tool (P) the three black paths around the shape obtained at the step 7. Stroke these paths using the Art Brush defined earlier then change the Stroke color with the one shown and reduce the Weight value to 0.4 pt. Do the same thing for the other letters but for the letters "R" and "S" select a thinner Weight because the space is narrower. When you are done with all of them, go to the Object menu and choose Expand Appearance then change the Blending mode to Multiply and lower the Opacity to 60%.


Step 10

Use the Ellipse Tool (L) to draw an oval shape having the dimensions shown then take the Direct Selection Tool (A) and move the top and bottom points to distort the shape. You can also move the handles a bit. Next multiply this shape and place them like in the image. Group them then go to Effect > Blur and apply a 1 px Gaussian Blur. Do the same thing for the other letters.


Step 11

To create the seeds first draw a straight path having a 1 pt Stroke then place an oval shape on its right side and fill it with the radial gradient shown. In the image below you can see another kind of seed that has a thinner stroke and the oval is a bit distorted using the Direct Selection Tool (A) because no seed is perfect. Multiply the seeds, rotate and place them randomly like in the image.


Step 12

This is my version of a water drop. Because I used only white, gray and black it is a multi-purpose water drop and you can use it in any other project and on almost any background color. First draw an oval shape and fill it with a radial gradient from white to black then use the Gradient Tool (G) to adjust it. Change the Blending mode to Screen. Copy and Paste in back this oval and move it a bit down and to the right. Fill it with a white to gray radial gradient then set it to Color Burn. Now you obtained a small shadow at the bottom of the water drop. Next draw a shape like the one in the image, at the top, fill it with white then go to Effect > Stylize > Feather and select a 2 px Radius. Scale this shape to obtain a smaller one and just give it a white fill (no Feather).

Group all the shapes and before you place the water drop on one of the letters, go to Effect > Stylize and apply the Drop Shadow effect. Now you can multiply it and scale it to obtain bigger or smaller water drops.


Step 13

In the final image there is a light shadow behind the letters. To add it, Copy and Paste in back the letter shapes and delete all the attributes. Fill them with black then go to Effect > Stylize and apply the Drop Shadow effect.


Final Image

You are done and here is the final image:

Sent with Reeder

Sent from my iPhone

Posted via email from Steve Prud'Homme Graphic Design Blog

Créer des sphères 3D avec Photoshop

Tuto Photoshop les meilleurs tutoriaux photoshop parmis les tutoriaux photoshop du net cs4, cs3 et cs2
Créer des sphères 3D avec Photoshop.
Dans ce tutoriel nous allons apprendre comment réaliser des magnifiques sphères 3D sans passer par les options 3D, on peut même le réaliser en utilisant les anciennes versions de Photoshop, une méthode ultra facile.

Créer des sphères 3D avec Photoshop

 

Voilà un petit aperçu du résultat final

Photoshop tutorials Créer des sphères 3D avec Photoshop  

Nous allons commencer par ouvrir un nouveau document de 1600x1050 pixels résolution 72Dpi couleurs RVB8bits puis ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Photoshop tutorials Créer des sphères 3D avec Photoshop

Photoshop tutorials Créer des sphères 3D avec Photoshop

Créez un nouveau calque ( Ctrl+Shift+N ), prenez l'outil rectangle de sélection (M) et faite une sélection rectangulaire comme ceci.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Remplissez la sélection avec du Noir en utilisant l'outil pot de peinture (G) .

Photoshop tutorials Créer des sphères 3D avec Photoshop

Ensuite allez dans Menu > Filtre > Rendu > Halo

Photoshop tutorials Créer des sphères 3D avec Photoshop

Photoshop tutorials Créer des sphères 3D avec Photoshop

Toujours en laissant la sélection active, allez dans Menu > Filtre > Déformation > Coordonnées polaires.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Photoshop tutorials Créer des sphères 3D avec Photoshop

Ensuite allez dans Menu > Edition > Transformation > Symétrie axe vertical

Photoshop tutorials Créer des sphères 3D avec Photoshop

Puis allez dans Menu > Filtre > Déformation > Coordonnées polaires.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Photoshop tutorials Créer des sphères 3D avec Photoshop

Maintenant il nous reste qu'a sélectionné notre sphère, prenez l'outil Ellipse de sélection (M) et faites une sélection radial.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Ensuite allez dans Menu > Calque > Masque de fusion > Faire apparaitre la sélection.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Allez dans Menu > Image > Réglages > Teinte et saturation

Photoshop tutorials Créer des sphères 3D avec Photoshop

Photoshop tutorials Créer des sphères 3D avec Photoshop

Réduisez un peu la taille de votre sphère ( Ctrl+T ).

Photoshop tutorials Créer des sphères 3D avec Photoshop

Rendez-vous dans les options de fusion

Photoshop tutorials Créer des sphères 3D avec Photoshop

Photoshop tutorials Créer des sphères 3D avec Photoshop

Ce qui vous donne

Photoshop tutorials Créer des sphères 3D avec Photoshop

Dupliquez la sphère (Ctrl+J) ensuite allez dans Menu > Edition > Transformation > Symétrie axe vertical puis déplacez-la vers le bas.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Prenez l'outil gomme (E) et effacez la partie inférieur de votre sphère pour obtenir un effet de reflet.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Dessinez un rond Noir comme ceci en utilisant l'outil ellipse (U) .

Photoshop tutorials Créer des sphères 3D avec Photoshop

Puis appliquez dessus un Filtre flou gaussien en allant dans Menu > Filtre > Atténuation > Flou gaussien.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Photoshop tutorials Créer des sphères 3D avec Photoshop

Réduisez son opacité à 65%.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Dupliquez votre sphère plusieurs fois et ajoutez un calque de réglage courbe de transfert de dégradé en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé , changez son mode de fusion en Incrustation et réduisez son opacité à 59%.

Photoshop tutorials Créer des sphères 3D avec Photoshop

Et voilà le résultat final

Photoshop tutorials Créer des sphères 3D avec Photoshop

Sent with Reeder

Sent from my iPhone

Posted via email from Steve Prud'Homme Graphic Design Blog