Comment créer des formes de pinceau avec Photoshop?

De nombreux artistes vous proposent de télécharger leurs formes de pinceau personnalisées; mais il est peut-être encore plus intéressant de voir comment créer vos propres formes, afin d’avoir un outil qui corresponde à vos attentes. Vous avez besoin de Photoshop 7.0 ou supérieur et d’une tablette graphique wacom pour mettre en pratique les techniques dont je vais parler.

Qu’est-ce qu’une forme personnalisée?

Une forme personnalisée est une image bitmap en niveaux de gris, que l’on utilise comme forme de pinceau. C’est à dire que l’image sera dupliquée le long du trajet de votre stylet. L’outil pinceau possède de nombreux réglages très utiles, comme la variation de l’opacité. Celle-ci vous permet, par exemple, de rendre votre coup de pinceau plus transparent ou plus opaque en fonction de la pression sur le stylet.

Pourquoi utiliser une forme de pinceau personnalisée?

Pour clarifier les choses, utiliser des formes de pinceau personnalisées ne fera pas de vous un meilleur dessinateur.
J’ai déjà vu un artiste talenteux réaliser avec Photoshop un dessin digne d’une peinture traditionnelle chinoise, en utilisant uniquement le pinceau rond de base, avec des réglages très simples. Une forme de pinceau personnalisée vous permettra simplement de jouer sur la forme et la texture de vos coups de pinceau. C’est ni plus ni moins qu’un outil performant.

Comment créer une forme de pinceau personnalisée?

Pour commencer, nous allons créer un nouveau fichier. Appelons-le « forme_a01 » par exemple, choisissons une taille comprise entre 100 pixels et 500 pixels de large, ainsi qu’un contenu de l’arrière-plan de couleur blanche. Puis, cliquez sur l’outil pinceau, choisissez un gris foncé ou la couleur noire, et dessinez la forme que vous souhaitez.

N’hésitez pas à essayer différentes approches. Toute forme peut être intéressante.

Vous pouvez également importer une photo et la convertir en niveaux de gris; copiez-la et collez-la dans notre fichier forme_a01.psd, et redimensionnez-la (Edition – Transformation manuelle ou ctrl+T) afin qu’elle corresponde à la taille du fichier. Ajustez le contraste (Image – Réglages – Luminosité/Contraste) de sorte que le gris le plus foncé soit noir ou presque, et la valeur la plus claire, blanche.

Attention : chaque pixel en bordure de l’image doit être blanc, sans quoi votre forme sera tronquée. Alors soyez prudent, en particulier si vous dessinez avec un pinceau de faible dureté et de grand diamètre.

Une fois votre forme terminée, sélectionnez-la et créez une nouvelle forme de pinceau (Edition – Définir une forme prédéfinie)
Enfin cliquez sur l’outil pinceau, et choisissez votre forme dans l’onglet de la fenêtre des options.

Il est temps de tester notre forme de pinceau

Créez un nouveau fichier au format A4 (fichier – nouveau puis dans l’onglet paramètre prédéfini choisissez Papier format international, sélectionnez la taille A4 et cliquez sur OK).

Maintenant, voyons voir ce que donne cette forme de pinceau. Pour l’instant, la forme se duplique bien en suivant le trajet du stylet, mais la taille et la direction de la forme ne changent pas, ce qui ne paraît pas très naturel.

La fenêtre des formes

Ouvrez la fenêtre des formes (Fenêtre – Formes ou F5).

Dans l’onglet forme de la pointe, vous allez pouvoir choisir le diamètre, la direction, et la fréquence de répétition de votre forme.

L’option arrondi désigne en réalité une déformation, un écrasement de la forme. Cette option est souvent utilisée pour simuler la perspective. Pour cette forme de pinceau, laissons ce paramètre à 100%, c’est à dire la dimension originale de notre forme.

Dans l’onglet dynamique de forme, nous choisissons ici de contrôler la variation de la taille par la pression du stylet. Il s’agit d’un réglage très pratique et très utilisé. La valeur indique en fait l’influence d’un facteur aléatoire sur le paramètre. Ici, laissons le à 0%.

L’angle est contrôlé par la direction du stylet, ce qui signifie que le motif tourne pour suivre les courbes de notre trait, ce qui s’avère utile pour la plupart des formes de pinceau.

Vous pouvez également appliquer une déformation selon l’inclinaison du stylet par rapport à la tablette, mais pour cette forme de pinceau, désactivons cette option.

L’onglet Autre dynamique vous permet de contrôler l’opacité et le flux de notre forme. Personnellement, je préfère désactiver le contrôle du flux et contrôler l’opacité selon la pression du stylet, à vous de tester différents réglages pour trouver celui qui vous convient le mieux.

Testez maintenant sur le fichier de format A4 vos nouveaux réglages.

Une fois vos réglages terminés, je vous invite à les sauvegarder en créant une nouvelle forme prédéfinie à partir de l’onglet situé dans la barre d’options de l’outil pinceau.

Attention : si vous pouvez maintenant retrouver votre forme facilement dans l’onglet, celle-ci est enregistrée dans vos préférences Photoshop et non dans un fichier séparé.
C’est à dire que pour le moment, si Photoshop plante, vous allez perdre vos nouvelles formes de pinceau. Pour y remédier, enregistrez dès à présent votre bibliothèque de formes, toujours à partir de l’onglet des options, dans Enregistrer les formes. Vous pourrez ainsi enregistrer dans vos dossiers personnels vos bibliothèques de formes au format .abr.

Nous allons maintenant voir comment créer une forme double. Créez un fichier en niveau de gris de même taille que celui de notre forme_a01, nommez le nouveau fichier forme_b01, et dessinez une nouvelle forme de pinceau. Sélectionnez-la et définissez une forme prédéfinie. Nous allons maintenant mélanger cette forme à notre forme précédente.

Dans l’onglet d’options de l’outil pinceau, sélectionnez notre première forme de pinceau, puis affichez la fenêtre des formes et allez dans l’onglet Forme double. Vous pouvez à présent sélectionner dans la liste notre deuxième forme de pinceau, afin de mélanger nos deux formes.

Testez la forme obtenue dans le fichier au format A4 et peaufinez les différents réglages qui vous permettront de régler la façon dont la deuxième forme influe sur la première, y compris le mode de fusion, que nous avons ici réglé en mode produit. N’oubliez pas d’enregistrer votre nouvelle forme une fois satisfait de vos réglages.

Différents types de formes de pinceau

Il existe d’autres options, telles que la diffusion, dont je n’ai pas parlé, qui vous permettront de réaliser des formes de pinceau différentes. Les possibilités sont très nombreuses.

Ci-dessus, un exemple comparant trois types de formes de pinceau.

• A gauche, une forme ressemblant à un couteau à peinture. Seule l’opacité est contrôlée par la pression; la variation de la direction est désactivée. Cette forme est utile pour construire et structurer rapidement votre dessin.
• Ensuite, une forme ronde, dont la taille et l’opacité sont contrôlées par la pression. Cette forme est idéale pour les modelés et les détails.
• Enfin, une forme de matière, semblable par cet aspect à celle que nous venons de créer. La diffusion est activée; la forme gagne ainsi en expression ce qu’elle perd en précision.
• A droite, nous avons finalement une image résultant de l’utilisation successive de ces trois formes. Le couteau pour la silhouette, le pinceau rond pour les modelés et le visage, la matière pour les vêtements.

En savoir plus…

Je vous ai montré comment créer une forme Photoshop personnalisée, destinée avant tout aux effets de matière; il existe cependant d’autres façons d’utiliser les formes de pinceau.
David Levy a réalisé un DVD qui montre comment se servir des formes de pinceau pour créer des structures ou des éléments entiers de votre image.

Vous pouvez également retrouver d’autres tutoriels et articles concernant Photoshop sur mon site internet : fabienmater.com.

Cliquer ici pour voir la vidéo.

Le 13 janvier 2011, après quatre mois de préparatifs, six membres de l’équipe d’Incite s’envolent pour Thiès au Sénégal.

Parmi eux, les cergyssois: Fil Samoela, formateur multimédia , James Lord, cameraman, Morgane Canivet, logistique et réseaux informatiques, et les webdesigners Lionel Privat Leblon, Olivier Monta et Mathieu Fage.

Leur objectif est de créer avec leurs homologues thiessois, deux sites Web, l’un institutionnel pour le programme de coopération décentralisée Cergy-Thiès, l’autre accompagné d’un catalogue pour la promotion des artistes de Thiès.

Une aventure humaine et une occasion unique de rencontres constructives durant lesquelles chacun a pu exprimer ses talents et acquérir de nouvelles compétences.

Ensemble, jeunes sénégalais et français ont pleinement atteint leurs objectifs : ouverture au monde, culture, formation aux nouvelles technologies et échanges d’expériences sont les grands bénéfices de ces six mois de travail commun que tous espèrent prolonger.

Pour vous rendre dans votre interface de gestion, RDV à cette adresse :
http://nomdedomainedevotresite/wp-login.php/
→ Une fenêtre vous invite à entrer votre identifiant et mot de passe
→ puis cliquez sur Se connecter

Vous y’êtes! L’interface de gestion dans laquelle vous vous trouvez est plus communément appelée Tableau de bord (Dashboard) ou arrière-guichet (Back office) : c’est la partie d’administration /  gestion du site invisible au visiteur, comme un client d’une banque qui n’aurait pas accès à l’arrière-guichet.

Avant d’écrire un article, il peut être intéressant de bien comprendre son Tableau de bord, comme un architecte qui prépare son plan de travail. Ce n’est pas forçément évident à voir au 1er abord, mais chaque module est dépliable et refermable en déplaçant la souris dans le coin grisé en haut à droite de chaque module : une flèche orientée vers le bas apparaît, elle vous permet de fermer ou réouvrir le module. De même, vous pouvez modifier l’ordonnancement de chaque module à l’aide de la flèche de déplacement multidirections : ainsi, vous pouvez déplacer par exemple le module ‘Commentaires récents’ et le mettre à la place des ‘Brouillons récents’.On peut également ajouter ou supprimer des modules en cliquant sur les options d’écran tout-en-haut à droite du Tableau de bord, et régler le nombre de colonnes.

REDIGER VOTRE ARTICLE

Ces préliminaires établis, passons maintenant à l’essentiel : la rédaction & publication d’un article.

Sur le menu de gauche, vous vous rendez sur l’onglet Articles, et dés que la flèche vers le bas apparaît, vous déployez le module (clic gauche sur la flèche) et cliquez sur Ajouter
Vous êtes désormais dans l’éditeur visuel et vous pouvez commençer à écrire votre 1er article.

Donnez-lui un titre et allez dans le champ de saisie pour écrire votre article. Par défaut, la taille du champ de saisie est de 10 lignes : si vous êtes en mode administrateur, vous pouvez la modifier en allant dans Réglages >  Ecriture > Taille du champ de saisie. Généralement, je la règle à 30 lignes pour plus de confort visuel.

Au-dessus du champ de saisie, vous avez une barre d’outils classique assez semblable à Word : je ne m’attarderai pas sur les différentes icônes qui sont relativement explicites, cliquez sur les icônes, faites des tests, mettez en gras votre texte, soulignez-le, effacez, etc; de toute façon, du moment que vous ne publiez pas votre article et restez en mode brouillon, cela n’a aucune influence. Si vous avez des doutes sur la signification particulière d’une icône, vous laissez la souris à peu près 1 seconde sur l’icône en question et une infobulle vous renseignera. L’icône la plus importante est peut-être celle qui permet d’afficher/cacher les options avancées : cette icône permet d’afficher une 2ème ligne d’options de barre d’outils, dont le précieux ‘souligner‘. Certains boutons de cette barre d’outils peuvent paraître inutiles, voire même à double emploi, comme l’icône ‘Insérer/modifier une image‘ qui redonde avec les boutons médias ‘Envoyer/Insérer‘ : si vous êtes perfectionniste, vous pouvez très bien installer le plugin TinyMCE, qui vous permettra d’organiser votre barre d’outils comme vous l’entendez, en déplaçant des boutons de la 2ème à la 1ère ligne, en supprimant certaines icônes que vous jugez inutiles, ajouter une icône pour créer des cadres, insérer des smileys, etc. Les différentes fonctions de la barre d’outils par défaut de WordPress sont décrites dans cette image.Une autre fonction mal connue des utilisateurs débutant sur WordPress est la différence entre mode Visuel / et mode HTML. Normalement, vous n’avez pas à entrer dans le mode HTML : disons que le mode visuel vous permet de visualiser directement ce que vous écrivez avec les images, les vidéos et la mise en forme que vous insérez, tandis que le mode HTML ne contiendra seulement que des lignes de code et de texte, d’où un aspect un peu austère et déroutant. Le mode HTML est plutôt réservé à des personnes + avancées dans les langages du web, mais rien ne vous empêche de l’utiliser de temps en temps lorsque vous n’arrivez pas à insérer ce que vous voulez dans le mode visuel (un code vidéo par exemple, un code script, etc).Utile à savoir : ATTENTION aux sauts de ligne dans l’éditeur visuel de WordPress!!! Pour passer à la ligne dans WordPress (Retour Chariot), il faut appuyer simultanément sur les touches SHIFT et ENTREE. Un simple appui sur la touche ENTREE crééra automatiquement un paragraphe (une balise <p>)

Une fois la rédaction de votre article terminée, avant de le mettre en ligne, pensez toujours à le prévisualiser, car il peut y avoir parfois des différences de mise en page entre l’aspect de l’article sur votre éditeur visuel et son aspect réel sur votre site. Cette ultime vérification faite, vous pouvez désormais le mettre en ligne.

PUBLIER VOTRE ARTICLE

Sur le module Publier à droite, vous avez trois grandes options : Enregistrer votre brouillon, Prévisualiser votre article, le Publier ou le Supprimer (Déplacer dans la Corbeille).
Mais en cliquant sur les liens Modifier soulignés en Bleu, vous avez accès à des options supplémentaires : cliquez sur Annuler si vous voulez refermer le panneau de ces options.

1. vous pouvez modifier l’état de votre article, en mode brouillon ou attente de relecture.
2. vous pouvez modifier sa visibilité : que l’article soit public (visible à tous), protégé par un mot de passe pour y avoir accès, ou privé. L’option à cocher Placer cet article en tête de page est bien utile lorsqu’on veut qu’un article reste absolument en tête de la page d’accueil (par exemple, l’événement du mois à placer en page d’accueil).
3. vous pouvez modifier la date de votre article : par défaut, WordPress enregistrera automatiquement votre article à la date de sa création, mais vous pouvez très bien décider de publier cet article à une date ultérieure : par exemple, vous partez en vacances pendant un mois, mais vous devez publier des articles durant cette période : hop, vous rédigez vos articles à l’avance, vous modifiez la date de publication à un date ultérieure et vos articles seront publiés tout seuls à cette date, sur la plage, les doigts de pied en éventail .

Le module catégories

Vous pouvez sélectionner et cocher plusieurs catégories. Si vous cochez des sous-catégories, il n’est pas nécessairement obligatoire de cocher sa catégorie parente : sélectionner une sous-catégorie plaçe automatiquement l’article dans sa catégorie parente également.

Le module Mots-Clefs

Vous pouvez ajouter autant de mots-clefs que vous le désirez en rapport avec l’article. Généralement, on choisit 3 mots-clés par article; si vous en ajoutez 3 d’un coup, séparez-les par des virgules, puis cliquez sur Ajouter.
Il arrive souvent que ces mots-clés existent déjà dans votre base de données : soit vous ne vous rappelez plus les avoir enregistrés, soit c’est un autre auteur qui les a déjà créés. En cas de doute sur la présence initiale de ces mots-clés, cliquez sur Choisir parmi les mots-clefs les plus utilisés, puis sélectionnez le mot-clé qui vous intéresse (clic gauche). Ce mot-clé apparaîtra désormais dans le module, vous pouvez le supprimer en cliquant sur la petite croix. Cette option de choix des mots-clés ne va afficher que les mots-clés les plus utilisés, elle n’affiche pas tous les mots-clés : si votre mot-clé n’apparaît pas dans la liste des mots-clés les plus utilisés, commencez par taper le début de votre mot dans le champ vide Ajouter un mot-clef, et ne bougez plus le curseur pendant une seconde environ : vous verrez apparaître une infobulle qui vous propose une liste de choix des mots-clés déjà enregistrés avec la même racine de mots (dans mon exemple, si je cherche à créer le nouveau mot-clé photoshop, en arrêtant mon curseur à la racine photo, il va me proposer automatiquement les mots-clés ‘photos’, ‘Photoshop’ et ‘tuto photoshop’ : je n’ai plus qu’à faire un clic gauche sur Photoshop pour sélectionner le mot-clé).

Voilà, tout est prêt maintenant pour que votre article soit mis en ligne : cliquez sur Publier, allez sur votre site, et ô magie, votre article est en ligne!

Dans un prochain article, nous essaierons d’approfondir certaines spécificités de la barre d’outils  : l’ajout d’images, l’insertion de vidéos et l’insertion de liens.

Dans ce tutoriel je vais vous expliquer comment faire facilement un effet de grille high-tech
qui s’estompe dans le noir.

Pour commencer je vous invite à télécharger le fichier psd ici
(celui-ci contient un calque vierge ainsi que plusieurs ligne de repérage qui vous seront utiles pour la suite).
vous pouvez toutefois commencer librement.

1- Dans le menu fichier faites nouveau puis créez un document de 40 cm de largeur sur 26 cm
de hauteur avec une résolution de 300pp.

2- Appuyez sur D pour que la couleur de premier plan soit du noir , puis remplissez-le avec celle-ci.
faites un nouveau calque et allez dans édition remplir avec 50% GRIS (maj+f5) ensuite valider.

3-Allez maintenant sur le menu filtre-esquisse-trame de demi-teintes
mettez ensuite la taille à 12 contraste à 0
type: point et validé comme montré ci-dessous.

4- Pour éliminer le flou et obtenir des points bien rond, appuyez sur (ctrl-L), puis tirez ensuite
le curseur noir à gauche jusqu’à 149, faites de même pour le curseur blanc à droite jusqu’à 197,
le flou s’estompe.

Créez un nouveau calque, placez-le sous celui des points et remplissez-le d’un gris moyen (maj+F5).

5- Dans le panneau calque , cliquez sur le calque des points afin de l’activer.
Ouvrez ensuite le panneau couches (dans le menu fenêtre) Ctrl enfoncé cliquez sur la vignette de
la couche RVB, des contours de sélection entourent à présent toutes les parties blanches.

6- Comme les points blanc doivent être transparents, appuyez sur supprimer (ctrl D pour
déselectionner les points.)

Vous allez maintenant biseauter les points pour leur donner un peu de relief.
Double-cliquez sur votre calque point et mettez les valeurs suivantes illustrées ci-dessous:

Il ne reste plus qu’a fusionner définitivement nos deux calques en appuyant sur (Ctrl+E).

7- Une fois cette étape faite allez maintenant dans le menu: édition-transformation manuelle (Ctrl+T)

(Si vous n’avez pas pris le fichier joint) placez des tracés d’indication qui vous seront utiles pour
les prochaines étapes.

Cliquez sur votre calque de point et tirez maintenant sur la poignée d’angle supérieur droit et gauche
en restant appuyé sur Ctrl et ramenez-les sur votre premier trait de repérage sans dépasser du calque.

Faites de même pour les deux poignées du bas vous pouvez cependant dépasser du calque comme montré
ci-dessous.

8-Un masque de fusion et un dégradé linéaire feront disparaitre les points vers le fond de l’image.

Activez l’outil Dégradé, cliquez sur le deuxième modele, en bas du panneau calques , cliquez sur l’icône ‘ajouter un masque de fusion’.
Si la couleur de premier plan devient blanche, appuyez sur X pour la rétablir en noir.

Ensuite cliquez légèrement au dessus des points avec l’outil Dégradé et tirez vers le bas jusqu’à
atteindre la fin du calque comme montré ci-dessous.

Vous ferez de même pour chaque coté  en tirant cette de 5 cm .

9- Le réseau de points s’estompe vers le fond et les côtés, mais il faut aussi l’estomper à l’avant
pour obtenir un effet de faisceau éclairant.

Dans la borne d’options de l’outil Dégradé réduisez son Opacité à 50% puis cliquez en bas de l’image
et tirez vers le haut pour estomper délicatement ver le noir.

Il ne vous reste plus qu’a modifier la couleur de votre fond selon vos besoins; pour cela plusieurs techniques
existent je vous en citerai donc une : image- réglage-balance des couleurs.

Les +:

en préparation…

1- Pour commencer je vous invite à télécharger notre image «feu»  ici : lien

récupérez une photo de votre choix sur laquelle vous effectuerez l’effet «enflammé»

ici j’ai choisi une photo de bonne résolution (1024×768)

2- Importez ensuite la photo de votre choix ainsi que l’image «feu» sur Photoshop
-une fois vos deux images sur la barre de calque faites comme l’image illustrée ci-dessous

notez que nous utiliserons plusieurs fois l’image «feu»

3- Une fois cette étape faite dupliquez ensuite votre image et ajoutez-lui l’effet désaturation (maj+ctrl+u)
redupliquez-là ensuite comme montré ci-dessous

4- Revenez sur votre première copie et appliquez-lui l’effet négatif (ctrl+I)
allez ensuite sur votre deuxième copie et cette fois-ci appliquez-lui l’effet (contour lumineux)
pour cela allez dans la barre de menu : filtre-esthétiques-contour lumineux

-épaisseur 1
-luminosité 8
-lissage 5
mettez ensuite ce calque en lumière tamisée.

Revenez sur votre première copie et réglez son opacité à 50% appliquez-lui ensuite
un masque de fusion et gommez toute la partie chevelure comme montré ci-dessous

( vous pouvez toujours vous aider de votre calque couleur pensez à le remasquer ).

5- Passons maintenant à l’étape la plus intéressante de ce tuto
sélectionnez votre image feu, dupliquez-la, refaites-là apparaître et déverrouillez-la.
Déplacez votre image feu comme montré ci-dessous.

Faites ensuite une transformation manuelle (ctrl+T) mettez ce calque en incrustation cliquez sur l’outil
déformation et rapprochez les points le plus possible du visage.

Pour y voir un peu plus clair réduisez son opacité à environ 48% et appliquez-lui un masque de fusion utilisé ensuite une gomme sur ce masque avec une dureté de 0%.
Remettez-lui son opacité à 100% et refaites les même étapes pour la partie du corps

6- Dupliquez votre calque «feu» et placez celui-ci en premier plan
appliquez-lui  l’effet Densité linéaire -(ajout)
pour vous permettre de voir vos traits de guidage sur ce même calque faites (ctrl+T) et
orientez les flammes en fonction de votre photo
vous pouvez également réduire son opacité pour mieux voir vos traits de repérage.

7- Prenez maintenant l’outil doigt et sélectionnez la forme ci-dessous

et réglez l’intensité en fonction de vos besoins pour faire une mèche fine, par exemple réglez l’intensité
à environ 50% si au contraire vous voulez faire une mèche plus apparente reglez l’intensité sur 75%;
au final vous devriez avoir un résultat ressemblant à l’image ci-dessous

-Les +
- pour avoir un rendu semblable à l’image du tutoriel
appliquez au calque feu (partie cheveux) l’effet (luminosité et contraste)
pour cela allez dans: réglage-luminosité et contraste

.luminosité:-8
.contraste:+45

vous pouvez ajouter en plus une lueur externe rouge en double-cliquant sur le calque (cheveux) souhaité taille : 7 opacité:75%

faites de même pour la partie du visage
changez juste les valeurs

.luminosité: -92
.contraste +45

-les yeux blanc
pour les yeux blanc utilisez l’outil plume et sur un nouveau calque détourez la partie des yeux que vous voulez blanchir mettez lui une couleur blanche et double-cliquez sur celui-ci, allez ensuite dans lueur externe et réglez taille à 10 opacité 100%

« Imaginer la ville qui concentre nos vies
Déguiser un édifice le temps d’une saison
Jouer le trompe-l’oeil pour qu’il nous surprenne
Le magnifier tel une oeuvre d’art
Croire à la réalité de ses rêves »

Depuis 1986, Catherine Feff et son équipe d’artistes peintres, d’architectes et de techniciens conçoivent et réalisent des évènements artistiques.
 De nombreuses images inscrites dans la mémoire collective des grandes villes de France et d’ailleurs proviennent de l’imagination de Catherine Feff et de son expertise unique à mettre en œuvre les concepts qu’elle invente.
Catherine Feff et son atelier conçoivent et réalisent sur mesure, des toiles peintes ou imprimées s’adaptant à l’environnement géographique, architectural et culturel des sites où elles sont exposées. Après acceptation du modèle, l’image est scannée, formatée et calibrée sur CD. L’impression numérique a lieu en suivant. Les toiles imprimées sont ensuite confectionnées en vue de leur mise en place sur les structures porteuses.

Pour ce site nous avons travaillé sur :

•    analyse des besoins
•    création du graphisme, webdesign
•    intégration XHTML/CSS valide W3C
•    optimisation pour le référencement naturel
•    outils de gestion de contenu (CMS)
•    développement PHP/MYSQL
•    refonte de site internet
•    créations d’animations flash
•    création de galeries photos
•    intégration des médias
•    formation aux utilisateurs
•    relation hébergeur et maintenance

L’action de l’Association s’étend également aux jeunes majeurs et aux familles en difficulté.

A la demande du Comité d’Entreprise, nous avons commencé cette année la construction d’un site web et d’un intranet pour les nombreux salariés de cette structure d’envergure dans son domaine.

Site toujours en construction :

•    analyse des besoins
•    conseil en communication internet
•    webdesign et illustrations
•    création du logo
•    développement PHP/MYSQL
•    intégration XHTML/CSS valide W3C
•    outils de gestion de contenu (CMS)
•    formation aux utilisateurs
•    optimisation des pages pour le référencement naturel
•    hébergement du site internet et maintenance
•    interface de gestion
•    outils de gestion de contenu (CMS)
•    intranet

Ces domaines font appel à des technologies complexes, qui intègrent les dernières évolutions environnementales.

Ils assurent la mise en place, le suivi d’exploitation et de maintenance des projets qu’ils gèrent.

Nous avons donc réalisé un site internet à la fois accessible à tous et à la fois laissant transparaître le domaine d’activité du cabinet, son sérieux, ses compétences techniques.

Simple, efficace mais néanmoins attractif, et surtout évolutif, c’est pour eux un moyen de communication évident.

Pour ce site nous avons travaillé sur :

•    analyse des besoins
•    refonte de site internet
•    conseil en communication internet
•    webdesign et illustrations
•    développement PHP/MYSQL
•    intégration XHTML/CSS valide W3C
•    outils de gestion de contenu (CMS)
•    optimisation des pages pour le référencement naturel
•    intégration des médias
•    animations en Javascript
•    créations d’animations flash
•    formulaire de contact

]]> http://www.incitemedia.fr/bureau-detudes-mlc/feed/ 0 http://www.incitemedia.fr/le-plus-grand-cabaret-deaubonne/ http://www.incitemedia.fr/le-plus-grand-cabaret-deaubonne/#comments Wed, 22 Sep 2010 08:04:30 +0000 admin http://www.incitemedia.fr/?p=876

Animation pour l’habillage du DVD de la captation d’un spectacle pour la ville d’Eaubonne.

DVD

Plus quelques captures du générique:

Nous allons  installer WordPress, mais tout d’abord il faut évidemment un hébergement web doté d’un serveur
PHP (version 4.1 ou ultérieur)  et MySQL(version 3.23 ou ultérieur)
Commençons à télécharger la dernière version de WordPress sur le site officiel français :

http://www.wordpress-fr.net

Une fois téléchargé transférez via votre client FTP le contenu de votre dossier qui se nomme wordpress par défaut sur votre serveur. Ouvrez votre navigateur favori à l’adresse de votre site web. Nous allons créer le fichier de configuration de wordpress.

Lancer la configuration, il vous faut plusieurs informations.

• Le nom de la base de données, exemple : bdd
• Votre identifiant MySQL, exemple : loggin
• Votre mot de passe MySQL, exemple : motdepasse
• L’adresse de votre base de données, par défaut c’est localhost
• Le préfixe de vos tables de base de données, ici par défaut c’est wp_

Lorsque que vous avez rempli tous les champs cliquez sur Valider. Si ne trouvez pas toutes ces informations contactez votre hébergeur.

Wordpress peut maintenant communiquer avec votre base de données. On peut lancer l’installation.

Une nouvelle fenêtre apparaît. Vous allez maintenant donner un titre à votre site, puis créer  votre identifiant et votre mot de passe. Tapez deux fois votre mot de passe. Un indice  apparaît sous votre mot de passe pour vous alerter de sa force de sécurité. Vous pouvez aussi bien laisser le champs vide et un mot passe sera généré automatiquement. Indiquer ensuite votre adresse mail, vous recevrez  votre identifiant et votre mot de passe. Enfin vous avez le choix de permettre aux moteurs de recherche de référencer votre site ou non. Toutes ces informations pourront être changées après sauf  l’identifiant.

Si tout se passe bien, vous allez voir apparaître une fenêtre qui confirme la réussite de votre installation et vous redonne votre identifiant et votre mot de passe. Cliquez sur Se connecter.

Vous pouvez maintenant vous connecter pour accéder au tableau de bord de votre wordpress. Dans cet exemple l’identifiant est admin et le mot de passe est Password.

Vous êtes maintenant dans le tableau de bord de wordpress. C’est ici que vous allez pouvoir écrire vos articles, vos pages, créer des catégories et insérer vos médias.

L’installation est terminé vous pouvez aller sur votre site.

Le design de votre site est un thème par défaut. Nous verrons dans d’autres leçons comment le changer,  écrire un article, une page et personnaliser son site.

Amusez vous bien.