mardi 28 octobre 2008

[photoshop] Trucs et astuces sur l'espace de travail

Tous les trucs et astuces de cette page sont valables pour photoshop CS3 et supérieurs.

J'ai une grande image. Je veux zoomer sur un endroit très précis de l'image, pour que celui-ci prenne la totalité de la fenêtre de mon document :
- Je clique sur Z pour sélectionner l'outil Zoom ,
- je sélectionne l'espace sur lequel je veux zoomer en maintenant le clic gauche,
- et lorsque je lâche tout, l'espace sur lequel je veux zoomer prend la totalité de la fenêtre de mon document.

Je veux faire une sélection parfaitement ronde :
- Je clique sur Alt+M pour sélectionner l'outil sélection "ellipse" ,
- je positionne ma souris au centre du rond que je veux faire,
- je maintiens les touches Alt + Maj enfoncées, et je glisse ma souris pour qu'elle dessine une sélection parfaitement ronde.
A noter : ça marche aussi pour faire un carré parfait !

Je veux que l'historique retienne plus d'étapes en mémoire, afin de pouvoir revenir plus loin en arrière :
- Edition > Préférences > Performance > Etat d'historique
- Vous pouvez prendre des instantanés dans votre historique : un instantané est un enregistrement du travail à un moment donné. Vous pouvez par exemple traiter votre image de trois manières différentes, et ensuite choisir laquelle vous allez garder. Un instantané d'historique se prend dans la palette de l'historique, en bas, cliquer sur .

- L'idéal, ce serait que l'on puisse effacer certaines modifications dans l'historique, mais en laissant celles où l'on est satisfait : il s'agit de l'utilisation de l'outil forme d'historique (Y) .

Personnalisez votre espace de travail en fonction du travail que vous voulez faire :
Fenêtre > Espace de travail > et vous avez le choix...

vendredi 24 octobre 2008

Jolies couleurs

Le site ColourLovers (en anglais) est une source d'inspiration pour toute personne cherchant des couleurs à appliquer à une charte graphique. A l'heure où j'écris ces lignes, 26902 palettes répertoriées. En voici 3 que j'ai trouvé particulièrement sympa :

ze cod 200
Color by COLOURlovers

Hello September
Color by COLOURlovers

living blindfolded
Color by COLOURlovers

lundi 20 octobre 2008

[spip] Un tableau pas spip avec des rayures

Spip permet, depuis bien longtemps, de personnaliser de manière assez sympa les tableaux qu'on fait via l'interface privée, comme c'est très bien expliqué ici.

Nous voulons une mise en page du même style, mais mise en place à travers une boucle, dans les squelettes. Pour cela, nous allons demander à Spip de compter, et d'agir en fonction du nombre. BOUCLE + Code HTML :

<table class="pyjama">
<tr> <td> <strong>Nom et prénom</strong> </td> <td> <strong>Spécialités</strong></td> </tr>
<BOUCLE_Arts(ARTICLES){id_rubrique=36}{id_groupe=2}{par titre}{unique}>
<tr class="row_[(#COMPTEUR_BOUCLE|alterner{'paire','impaire'})]">
<td> [(#TITRE|supprimer_numero)]</td>
<td> <BOUCLE_Mot2(MOTS){id_article}{id_groupe=2}{", "}>
[(#TITRE|supprimer_numero)]</BOUCLE_Mot2> </td>
</tr> </BOUCLE_Arts>
</table>


CSS qui vont avec :

table.pyjama { font-size:.9em; padding:5px; border: 1px solid #999999; }
tr.row_paire { background-color:#acd8eb; }
tr.row_impaire { background-color:#c5abcd;}
.pyjama td { padding:5px;}

Et voilà ! Vous pouvez voir ce que ça donne ici.

L'exemple ci-dessus est fait avec un système de paire / impaire, mais vous pouvez faire les couleurs de l'arc-en-ciel si vous voulez !

jeudi 16 octobre 2008

Chats

dimanche 12 octobre 2008

[photoshop] Enregistrer des fichiers au format .ico

Comment enregistrer des fichiers au format .ico dans photoshop, mais aussi dans Elements, AfterEffects, Premiere, PhotoDeluxe, Corel PhotoPaint, PaintShop Pro, Painter, and Photo... Il s'agit d'un plugin à ajouter. Il se trouve ici.

- Téléchargez le zip, dézippez-le
- Copiez les fichiers ico.8bi et png.8bi dans le répertoire d'installation de photoshop sur votre disque dur, plus exactement dans le sous-répertoire /Modules externes/Formats de fichiers/
- Redémarrez le logiciel s'il est en route pendant que vous faites ça et c'est bon !

mercredi 8 octobre 2008

[spip] Dates de publication antérieures à 1996 et /ou supérieures à + 3 ans

Petite manip pour proposer aux rédacteurs des dates de publication antérieures à 1996 et / ou supérieures à + 3 ans :

Antérieures à 1996
Il faut modifier le fichier ecrire/inc/date.php à la ligne 57 : remplacer function afficher_annee($annee, $attributs, $debut=1950) {
par function afficher_annee($annee, $attributs, $debut=1950) { ou tout simplement changer la date, comme vous pouvez le constater en comparant les deux lignes.

Supérieures à + 3 ans
C'est dans le même fichier, la ligne 59 qu'il faut modifier :
for ($i=$debut; $i < date("Y") + 3; $i++) {
Remplacez le chiffre 3 par le nombre d'années que vous voulez ajouter à l'année actuelle.

La manip est a refaire à chaque mise à jour de spip... si quelqu'un sait comment mettre ce minuscule changement en plugin, qu'il me fasse signe !

Pour éviter de modifier le code spip, vous pouvez aussi utiliser les dates de rédaction antérieure, mais ce menu présente deux inconvénients :
- il destabilise les utilisateurs,
- et vous rendra plus compliquée la création des squelettes quand il faudra classer par date.

samedi 4 octobre 2008

[(x)html valide] Afficher une liste plus à gauche avec IE

En (X)HTML l'élément ul accuse une marge gauche de manière naturelle. Quelques fois nous avons envie de réduire cette marge, et le réflexe serait d'ajouter une marge négative à ul ou à li... Mais si Firefox comprend très bien les marges négatives et les affiche correctement, IE ne les comprend pas bien et le résultat sera une liste avec des mots tronqués.

La solution pour obtenir un résultat valable sous IE aussi est de ne pas appliquer la marge négative à l'élément ul lui-même (ou à li), mais de l'entourer d'une div à laquelle nous appliquons la marge négative.

Nous avons donc notre liste dans notre page (x)html :
<ul>
<li>blablabla </li>
<li>bliblibli </li>
</ul>


Nous l'entourons d'une div :
<div class="reculer"> <ul>
<li>blablabla </li>
<li>bliblibli </li>
</ul> </div>


et dans note feuille de style nous indiquons les marges de la classe correspondante :
.reculer { margin:0 0 0 -15px;}