Créer des patterns sous photoshop

Sorry in French only!

Et un tuto Photoshop pour Laure qui se demande comment j'ai structure le motif de Tampopo d'hier! Je me suis inspiree d'une structure de papier peint classique dont le raccord se fait sur un rectangle.

Je ne pense pas que c'est un tuto facile, aussi attention, lisez moi attentivement!

1. J'ai ouvert un nouveau document avec une taille en pixel facile a travailler : 512x600 pixels. J'ai ensuite trace un losange dont la largeur et la hauteur correspondent a 2/3 de la surface de mon motif. En suite j'ai dessine dans ce losange en respectant une regle stricte: a chaque fois que je depasse du trait avec mon dessin, je reserve un espace equivalent ( du blanc) a l'interieur du losange sur le cote correspondant au raccord. Par exemple mes feuilles depassent en bas a droite, le losange est donc vide sur une proportion equivalente en haut a gauche.

J'ai dessine ici 3 affreux bouquets de couleurs differentes pour que ce soit plus facile a suivre, sur un layer transparent. Il serait normalement plus fute de les faire plus homogene, le but de cet exercice etant de "perdre l'oeil" de telle sorte que le motif ne paraisse plus repetitif.

Si vous avez passe cette etape, le plus dur est fait!

2.Dupliquez le layer de  dessin.  Faites une symetrie d'axe vertical sur le nouveau layer. Ensuite ouvrez le filtre " offset" (Filtres > Divers > Décalage) et deplacez le motif de 50% en hauteur seulement.

Vous obtenez une guirlande verticale qui tient exactement 50% de l'espace du motif.

3. Groupez les deux layers, applatisser le resultat sur un layer ( toujours transparent). Dupliquez le layer resultant. Cela revient a avoir deux fois la meme guirlande sur deux layers differents. Sur l'un des layers, reutilisez le filtre Offset , avec un deplacement de 50 % a l'horizontale et de 25% a la verticale.

4. Ouf c'est fini.Une fois repete plusieurs fois le motif doit tromper l'oeil de telle sorte que la grille de repetition  ne soit pas trop visible.

Je rajoute souvent une couche de dessin pour rendre le resultat plus harmonieux. Ici on aurait un tres beau papier peint pour des toilettes de Barbie, hum.

Cette image est une repetition du motif,vous pouvez telecharger le motif final ici:

Download bouquet_rouge04.jpg

Il y a bien sur d'autres structures possibles, selon des geometries differentes, mais en regardant autour de vous, vous serez etonne de voir combien de motifs utilisent le meme systeme de repetition!

About Icons

Same tips in English here

A propos des Icones, vous avez pose ici quelques questions qui meritent reponse.

Comment installer les icones?
✿ Il y a un tres bon tutorial en Anglais chez pixel girl pour Mac ou PC

Comment faire vos propres icones?
❀Vous pouvez toujours copier coller l'icone d'une image que vous aimez bien, mais ca ne donne pas toujours des resultats concluants.

❁Ou vous pouvez utiliser un utilitaire qui va transformer vos images en icones en respectant les tailles et les systemes: Il y a surement des dizaines d'autres programmes, mais j'ai utilise la version d'essai de Icon builder par icon Factory pendant quelques temps avant de l'acheter parcequ'elle me convenait bien. Il faut utiliser une image de reference et passer par Photoshop, mais j'ai trouve qu'il y avait peu de bugs en sortie et ca vaut un petit effort!

Icon builder pour Mac
Icon builder pour Windows

Je vous conseille de bien lire les notices avant de commencer!

❂ Et si vous avez la flemme,  retrouvez mes icones et d'autre freebies ici

Chouette , une nouvelle categorie dans la colonne de droite!!

Bon, pour les freebies, soyons clairs: pas de redistribution, utilisation personnelle et non commerciale seulement, tous droits reserves....amusez-vous bien!

About Icons:

-How to install them: a very good tutorial at pixel girl for Mac or PC

-How to make them: you can copy and paste the icon of a picture you made, but it's not always really satisfying. What I suggest is using a software like Icon builder. There are many other softwares who do the same trick, but I found Icon Builder quite reliable.

Icon builder for Mac

Icon builder for Windows

The trying version is plainly functioning, so you'll be able to make your own opinion. I recommand reading the support pages firts.

You can find my icons and other (copyrighted, all right reserved, personal and non commercial use only) freebies here:

enjoy!

One girly thing

Click on the image to see it full size - enjoy!

I forgot a rule : try them in the shop long enough to see if they hurt or not.

J'ai oublie une regle: essayez les dans la boutique assez longtemps pour voir si ca va faire mal.
Et si il y  a de la place derriere le talon et que vous avez les doigts de pieds tout tasses, c'est que ca va pas du tout du tout non plus.

Aquarelle a la pelle| Watercolor tutorial

Tuto tout con.  Il faut savoir utiliser Photoshop un petit peu, demandez si vous ne savez pas.
A very simple tutorial for watercolor painting effects using  Photoshop.

1. first, scan your picture and setup your levels (ctrl+L)

This tutorial works better with white or very light paper

1. scanner votre image, mettez les niveaux a votre gout (ctrl+L)
Ce tuto aura meilleur effet avec du papier blanc, ou clair.

2. add a new layer, in multiply mode (open the layer window in view)

2. ajoutez un nouveau layer, en mode produit.

3.Paint this layer with a nice water color brush, or use mine :

Download aquarelle_brosse.zip

3.Peignez dans ce layer avec une jolie brosse, ou utilisez la mienne

Download aquarelle_brosse.zip

4. add a simple, normal layer and paint hightlights. Done! The whole tutorial took me ten minutes to process, half an hour to write, enjoy!

4.Ajoutez un layer normal, peignez des lumieres et des rehauts, c'est fini!

Cette image m'a pris 10 minutes, le tuto une demi-heure...Amusez-vous !

de coloribus

For the moment in French only

De gustibus et coloribus non disputandum

Mais par contre la couleur, oui, j'ai des choses a dire.   A force de jouer avec j'ai appris quelques petites choses qui pourront peut-etre vous aider a raccourcir un chemin que j'ai trouvé bien tortueux. Voici les deux premières pages d'une documentation que j'espere un jour assez fournie, qui sait, pour la publier!

Pour telecharger le document pdf sur la couleur : cliquez ici

Chiyogami Tutorial

Today I made an onishiki ban ( it's not really the right size, I now, but it would be nice in an Onishikiban plate) pattern of blossom and stylised leaves. It was very difficult to find a geometric progression of color that could suits me. Please click here for translation of the tutorial.

Le chiyogami, papier ancien du Japon imperial, est un papier imprimé sur washi ( papier de bois de murier) en gravure sur bois. J'ai essayé de reproduire ici differents aspects, qui devraient  vous aider a creer les vôtres:

1 Un nombre limite de couleurs : il faut une plaque par couleur. Je reproduis ceci en dessinant dans des masques de layers de couleur unie.

2 Des couleurs primaires : bleu rouge jaune rose vert bleu pale jaune safran noir et blanc.

3.Un papier de fond creme et texturé. Je rajoute de la texture par dessus pour donner un peu de matière, c'est plus joli. Vous pouvez utiliser cette texture de toile par exemple:

Download toile.jpg

4. J'ai aussi reproduit le décalage qui se produit inévitablement à l'impression entre les plaques, d'ou des petits débords de couleurs...

On peut bien sur utiliser plus de couleurs, et ne pas se casser la tête avec la palette de couleur, et....De toutes les facons il n'y a pas de régles en dessin autres que celles que l'on choisit de s'imposer.

Ce pour la technique. Il y a aussi des motifs plus ou moins classiques, j'en reparlerais.

Chiyogami is a traditionnal paper printed on washi paper. It was done by woodblock printers. Here is some tips to create your own "digital woodblock printing" Chiyogami patterns:

1 Each color was printed with a different woodblock. I reproduce this by drawing in layer masks. Each layer has a different color.
2 Use primary colors : blue red yellow pink green sky blue safron yellow black and white
3.I used this texture over the picture, in a "multiply" layer , to create a paper effect.

Download toile.jpg

4. I tried also to reproduce the woodblock overlay by  offseting of my layer masks

Of course you can use more colors, different colors, or : whatever.

There is no rules in art except the ones you choose.

Enjoy!

Un tuto pour les jours sombres

Click on "continue reading" for translation

Tuto pour les jours sombres:

Vous avez pris une photo de votre derniere oeuvre...ou d'un objet que vous aimez bien, mais flute c'est l'hiver, ou la fin de l'apres midi, et l'image est un peu triste et un poil floue...On ne va pas la bogger comme ca! Aller hop, sur Photoshop:

1. couleur automatique : CTRL+ shift + B
epatant ce petit coup de soleil...

Mais ca ne suffit pas.
2. dupliquez le layer de base, et passez le en noir et blanc (CTRL+SHIFT+U)

3. Passez un coup de filtre "high pass" malheureusement je ne connait pas la traduction, c'est dans la derniere boite de filtres en bas du menu filtres. Reglez le filtre  entre 1et 8 pixels. Ce filtre repere les legers changements de lumieres sur quelques pixels, et passe le reste en gris a 50%

4.mettre ce layer en mode "overlay" (non, pas multiplier, et non je ne connais pas la traduction, il ya-t-il un traducteur dans l'assistance?)...Hop ca fait ressortir  les petits details...C'est mieux que "sharpen" qui empate un peu tout je trouve....

5. C'est frais, c'est gai, trois coccinelles, un jet de paillette et on poste!

Bon maintenant j'ai un truc a vous avouer:

Je pars 10 jours a Tahiti et je ne vais pas poster pendant ce temps la...

This tutorial is for greyish days...You took a picture but it's dark, here is how to help fixing it in Photoshop:

1. Automatic color : CTRL+ shift + B
Give it some sun...

For additional sharpness
2. Duplicate your color layer , make it black and white only  (CTRL+SHIFT+U)

3. Use the filter "high pass" with an array of 1to 8 pixels.

4.Put this  layer   "overlay" mode(...The details become more crisp and clear. You can use the filter "sharpen " too, but if find my way less messy and bulky.

5. add a little fun and post it!

And now I have to tell you: I'm leaving to Tahiti for a few days...No posts for at least a week!

Gifs animes fastoche

Il vous faut Photoshop et Image Ready (normalement ils sont vendus ensemble)
You'll need Photoshop and Adobe Image Ready

1.Photoshop:
Creez une image de fond contenant la partie non animee, ici la petite fille
Create one background image for the non animated part of your image.
Puis deux layers, un layer par etape d'animation, ici deux mouvements de main.
Then draw 2 other layers, one for each animation step ( here the hand movement).

2.Image ready:

Faites ctrl+shift+M pour acceder a Image ready. Ca ressemble a ca. Vous n'avez pas besoin d'aller sur Image Ready si vous avec Photoshop CS2, la barre d'animation est accecssible dans Photoshop maintenant :)

Do ctrl+shift+M to go to Image ready. I should look like this.
You don't need to go to Image ready if you already have upgraded to CS2. The animation window is now in Photoshop.

Si la barre d'animation n'apparait pas, ouvrez la ici:
If you don't see the animation window, open it here: 

3.Setup the first step of animation in the layer window by showing only one hand movement.
Creez la premier image de votre animation en montrant seulement un layer des deux layers de main.

4.Duplicate current frame by clicking this icon in the animation window
Dupliquez la premier etape d'animation en cliquant sur cette icone

Now you have 2 animation frames
Maintenant vous avez deux etapes d'animation.

5.Setup the second step of animation in the layer window by showing the other hand movement.
Reglez la deuxieme etape de l'animation en montrant seulement le deuxieme layer de bras.

You can add as much layers as you want for simple animations. You can also setup how much time an animation step will last just by clicking on it.
Vous  pouvez ajouter autant de layers que vous voulez pour vos animations. Vous pouvez aussi regler la duree de chacune des etapes d'animation en cliquant sur le nombre de secondes.

6.Do "save as " in gif format (.gif) or "save optimized as" in gif too.
That's it, all you have to do is import it in your website...

Sauvez l'animation en format gif
Voila, il n'y a plus qu'a l'importer dans un post :)

J'attends de voir vos animes avec impatience!

Next time will see how to save in Gif without losing too much informations 
La prochaine fois nous verrons comment sauvegarder des gif proprement.

Je reve ou j'ai l'impression d'etre en cours la? huhu