TitaXium - Tag - photoshop

Un tutoriel complet pour faire votre site sous Photoshop

TitaX — Mon, 14 Dec 2009 13:37:00 +0100

Pas facile de débuter dans le design de site web.
L'idéal reste qu'on nous montre la voie.

Heureusement le site ourtuts.com propose un tutoriel (en anglais) très détaillé et extrêmement bien réaliser pour réaliser un design de site web sous photoshop très efficace avec toutes les techniques actuelles.

Alors prêt pour une séance d'apprentissage accéléré ? Cliquez ici

Brushes pour Photoshop spécial Noël

TitaX — Thu, 03 Dec 2009 13:37:00 +0100

Bientôt Noël, la neige, le sapin et le père Noël.
Alors pourquoi ne pas mettre un petit peu de Noël dans vos créations ?

C'est plus que simple grâce au site naldzgraphics.net qui nous propose gratuitement une sélection de 35 brushes pour incorporer à votre photoshop !

Alors et vous, votre site web, vous allez le décorer pour Noël ?

kit complet pour créer votre template de site web

TitaX — Mon, 30 Nov 2009 13:37:00 +0100

Pas facile de commencer son site web ?
Alors le site bestblogbox.com nous propose un kit complet au format .psd (éditable sous photoshop) afin de faciliter la création et l'intégration de votre futur site web.

Voici ce que contient le kit :

17 fichiers .psd (Chaque élément est séparé dans un fichier .psd différent)
1 fichier .psd (tous les élements y sont inclus).
Tous les éléments sont clairement organisés dans des calques et groupes de claques différents.
Facile à utiliser et à modifier.
Toutes les zones de texte sont éditables.
Les couleurs sont aussi totalement éditables.
Police de caractère standard: Arial
Documentation complète
Images pré visualisées au format PNG incluses

Ne perdez plus une seule seconde, téléchargez gratuitement ce kit en cliquant ici
Que demander de plus ?

Comment faire de la manipulation de photographie

TitaX — Sat, 28 Nov 2009 13:37:00 +0100

La manipulation de photo est une grosse activité qui demande beaucoup de patience, de temps et de connaissance, avec je vous l'accorde une pointe de talent non négligeable si on veut arriver à quelques choses de beau et d'harmonieux.

Toujours dans un but de facilité et d'apprentissage amélioré, le site acrisdesign.com propose une sélection de 60 tutoriaux sur la manipulation de photo vraiment très bien fait et compréhensible même s'ils sont la plupart du temps en anglais, cela est tout à fait réalisable.

Certains tutoriaux arrivent à des résultats à vous couper le souffle !
A vous de jouer

Android GUI PSD

TitaX — Thu, 26 Nov 2009 13:37:00 +0100

Alors qu'il y a peu de temps, je vous présentais une sélection d'icône spécialement réalisée pour les applications Android.
Voilà maintenant que le site matcheck.cz met à notre disposition un superbe kit avec fichier source .psd (pour votre photoshop) afin de réaliser encore plus facilement vos applications et en faire la promotion, la démo etc etc

Voilà ce que cela donne :

Vous pouvez télécharger gratuitement ce kit en cliquant directement ici, n'oubliez pas de remercier son auteur !

Alors et vous, vous en pensez quoi d'Android ?

psdmag 6 est disponible chez votre marchand de journaux

TitaX — Thu, 19 Nov 2009 13:37:00 +0100

Le nouveau numéro .psd 6/2009 : "Alchimie du regard est disponible chez votre marchand de journaux".

Vous retrouverez au sommaire :

Réglage de tonalité – corrigez la tonalité de vos photos avec Photoshop
Nuit et jour – gardez les nuances des couleurs en format RAW
Om Sweet Om – réalisez une image dans le style mixed-media
Dix pièges courants du photomontage
Photographier votre premier modèle – photos de studio, faites vos premiers pas

Et sur le DVD vous trouverez le cours multimédia Possibilités de photoshop Elements 7.

Plus d'informations :
www.psdmag.org

Les logiciels de graphisme

TitaX — Thu, 12 Nov 2009 13:37:00 +0100

Vous pensiez qu'il n'existait seulement photoshop ou The Gimp ?
Belle erreur !!!

Il y a beaucoup de logiciels sur différentes plateformes qui permettent de faire du design, du webdesign et de la manipulation de photographie, c'est juste que photoshop est considéré comme une grosse référence, mais il y a des concurrents, il existe des alternatives !

Le site bestdesigntuts.com nous présente une sélection exceptionnelle de 20 logiciels de graphisme qui peuvent remplacer plus ou moins photoshop, ces logiciels sont parfois gratuit, parfois opensource mais c'est certain que vous y trouverez toujours votre bonheur.

Et vous vouez utiliser quel logiciel ?

Textures pour Photoshop

TitaX — Wed, 11 Nov 2009 13:37:00 +0100

Vos créations manquent parfois d'un tout petit plus, un petit rien, mais cela reste un manque.
Les textures, une fois inclus à photoshop, permettent très souvent d'améliorer vos créations et vos manipulations photographiques en leur ajoutant une espèce de relief très intéressant.

Le site noupe.com propose en téléchargement une grande collection de textures très bien travaillées et surement très utiles dans vos futures créations !
Vous avez les outils, laisser faire maintenant votre créativité

Ressources Photoshop - plus de 1000 Brushes à télécharger

TitaX — Tue, 03 Nov 2009 13:37:00 +0100

C'est pas toujours facile de trouver des brushes pour photoshop de bonne qualité !

Le site noupe.com propose 1000 brushes à télécharger gratuitement et sans limite.

Les brushes ça facilité la vie, et ça permet d'améliorer significativement la qualité de vos réalisations.
Cliquez vite sur noupe.com pour choisir les brushes qui vous seront le plus utiles.

Réaliser un preloader

TitaX — Sat, 17 Oct 2009 13:37:00 +0200

Faut s'y faire, l'AJAX fait maintenant partie entière de notre navigation sur le web.
Très souvent le contenu de nos sites web demande un léger temps de chargement et il est devenu coutume dorénavant de faire patienter le visiteur avec un petit gif animé de toute splendeur.

Ouais je sais, ça en jette un max !!

Bon comment on fait ces petits trucs ? Très simple soit on passe un temps fou à créer soit même l'icône sous photoshop ou The Gimp puis encore un temps de dingue à l'animer, soit on utilise le service gratuit des sites ajaxload.info ou encore preloaders.net qui vont vous réaliser des images de preloader classique ou en 3D en quelques cliques et gratuitement !!!

Et voilà le résultat :

A vous de jouer maintenant !!!

TitaXium recherche des contributeurs

TitaX — Wed, 14 Oct 2009 13:37:00 +0200

TitaXium recherche des contributeurs pour notre communauté, si vous désirez vous investir sérieusement dans une communauté de service bénévole spécialisée dans le webdesign et le développement, vous êtes la personne que nous recherchons !

Vous aimez le Webdesign, vous utilisez photoshop ou The Gimp, vous aimez aider les associations, et les personnes qui en ont vraiment besoin ?
Vous êtes un jeune développeur plein de talent, ne demandant qu'a progresser en participant à des projets collaboratifs ?
Vous êtes juste un geek qui aime l'actu du Webdesign, des logiciels et du web en général et vous avez une assez bonne orthographe?

Nous avons besoin de vous pour être rédacteur sur le portfolio TitaXium, nous avons besoin de vous pour prendre en charge les projets graphique et de développement d'association à but non lucratif à la recherche d'une vitrine sur le web.
N'hésitez plus ! Investissez vous en nous contactant ou bien en vous présentant sur notre forum.

A très vite !!!

Personnaliser son site pour Halloween

TitaX — Sun, 11 Oct 2009 13:37:00 +0200

Bientôt, la fête d'Halloween va déferler sur la France, et la nuit du 31 Octobre au 1er Novembre sera la nuit de toutes les peurs !

Alors et si vous personnalisiez votre site web, votre forum ou votre Blog pour effrayer vos visiteurs ?
Voyons comment faire.

La typographie

Choisir une police de caractère pour annoncer l'événement est très simple ou encore modifier le titre de votre site pour le rendre plus effrayant, beaucoup de site web proposent des polices que l'on peut télécharger et utiliser dans n'importe lequel des logiciels de graphisme (comme photoshop ou The Gimp). Personnelement je vous conseil le site Dafont.com qui possède une bonne sélection de polices de caractère pour Halloween.

Les images

Ce qui marche aussi très bien c'est l'ajout d'images représentant Halloween sur votre site, par exemple dans votre Header ou bien près de votre logo ou slogan.
On peut trouver un bon nombre d'image avec une simple recherche sur Google, méfiez vous tout de même de respecter les droits d'auteur de l'image ou de la photo que vous allez utiliser.
Mais d'autres sources d'images sont disponibles sur Internet, moi j'utilise beaucoup le site Deviantart.com qui peut fournir par exemple ce genre d'image facilement utilisable (toujours avec l'accord de l'auteur bien entendu) :

Ou encore des banques d'images que l'on peut utiliser comme par exemple www.sxc.hu, avec tout ça impossible de ne pas trouver son bonheur !

Les smileys

Si vous possédez un Blog ou un Forum, vos utilisateurs apprécieront fortement que vous puissiez mettre à leur disposition un thème de smiley adapté pour la saison d'Halloween, les smileys sont souvent en téléchargement gratuit sur un bon nombre de site web une simple recherche sur google pourra vous apporter par exemple ce site, ou celui là, ou encore celui-ci enfin bref il y en a tout plein.

Les templates

Vous utilisez un CMS ou un moteur de blog, pourquoi travailler alors que d'autres l'ont déjà fait pour vous ? téléchargez simplement vos thèmes Halloween pour Wordpress, pour Joomla, pour Drupal, etc etc
Vous avez un peu d'argent ? achetez-vous un template comme celui-ci ou alors inspirez-vous en pour réaliser le votre vous même et pourquoi pas en faire profiter une communauté en le distribuant gratuitement

Les brushes

Vous avez décidez de réaliser votre thème Halloween vous même ? félicitation c'est le meilleur choix que vous pouvez faire !
Pour vous aider vous trouverez plus de 200 brushes en téléchargement gratuit à ajouter à votre logiciel photoshop :

Et vous, vous avez d'autres idées pour Halloween ?
A vous de jouer maintenant, n'hésitez pas à nous faire partager vos créations sur notre forum ou bien en commentaire.

A+

Les stars avant/après les retouches Photoshop

Méthylbro — Thu, 08 Oct 2009 19:00:00 +0200

L'art du trucage photo est souvent utile à ces dames pour se rendre plus belles. On refait la coiffure à coups de gomme, on améliore la forme de ses seins avec un zeste de flou ou de je ne sait quel outil.

Photoshop est passé maître dans l'art de la retouche de photo pour ces stars qui veulent apparaître au top sur le papier glacé des magazines.

Gregory Moine nous propose sur son blog une petite compilation de photo de star avant et après avoir été retouché par le célèbre logiciel d'adobe.

Les stars avant/après les retouches Photoshop

[Documentation] Comment créer une signature ?

Méthylbro — Sat, 27 Jun 2009 15:27:00 +0200

Sayu propose un tutoriel sur Photoshop très intéressant. En effet ce dernier décompose et nous explique toutes les étapes de la réalisation d'une signature. Un tutoriel tout en image à découvrir sur son portfolio : sayu.communaute-graphique.fr

Réalisation d'une signature avec PhotoShop

Tutoriaux vidéos gratuits pour Adobe Photoshop

TitaX — Sun, 21 Sep 2008 14:02:00 +0200

La meilleur façon d'apprendre c'est encore de voir comment font les autres, c'est pour cela que les tutoriaux vidéos sont le meilleur outil pour appréhender et maitriser les diverses facettes d'un logiciel comme Photoshop.

Il est difficile de trouver de bonnes explications sur une technique en vidéos et gratuitement, j'aimerai donc vous faire découvrir le site Tutcast.com qui regroupe un tas de tutoriaux vidéos qui bien qu'en anglais sont très bien détaillés et beaucoup plus instructifs que la découverte seul d'un logiciel comme Photoshop.

En clair si vous voulez apprendre certaines techniques, et méthodes pour vos réalisations les plus avancées, consultez Tutcast.com.

Voici un exemple de tutoriaux vidéos disponible sur Tutcast.com

Photoshop: Awesome Brown Eyes

Et vous vous avez des ressources pour un apprentissage vidéo gratuit sur Internet ?

[Documentation] Créer un bouton Glossy sous Photoshop

TitaX — Sat, 17 May 2008 02:00:00 +0200

Nos créations sont souvent sublimées par un petit rien, une petite touche, un joli effet.
L'utilisation d'un effet brillant (souvent nommé glossy) sur un bouton donne cette petite touche qui fait que votre interface sera belle et remarquable !
Je l'utilise souvent sur TitaXium pour les boutons ou pour les menus, cet effet est devenu très à la mode avec les designs web2.0.

Nous allons voir comment réaliser en quelques minutes cet effet glossy, cette documentation s'adresse à toutes les personnes désireuses de réaliser de belles interfaces web par exemple, du débutant à l'expert.

Création du fond du bouton

Commençons donc par créer une nouvelle image (CTRL+N) de la taille que vous désirez et remplissez-le avec la couleur blanche.

Nous allons créer un rectangle aux bords arrondis grâce à l'outil "Rectangle Arrondi" avec un rayon de 5px de la couleur que vous souhaitez.

Agrémentons le fond de notre bouton avec une petite ombre portée avec les options ci-dessous (vous pouvez adapter en fonction de vos besoins/gouts) :

Création de l'effet glossy

Nous allons créer un nouveau calque et le nommer glossy puis sélectionner un rectangle autour de notre fond comme ci-dessous :

Puis le remplir avec un dégradé un peu plus clair que votre couleur de fond afin de réaliser l'effet de brillance.

Reprenons ensuite la sélection de notre fond en cliquant dans votre liste de calques sur votre forme en appuyant simultanément sur CTRL.

Une fois notre sélection récupérée, il faudra la contracter de 2 px (sélection > modifier > contracter) puis l'intervertir (Maj+CTRL+I).
Ensuite nous allons supprimer sur le calque "glossy" tout se qui appartient à cette sélection :

Continuons maintenant en modifiant un peu la forme de notre effet brillant pour le rendre plus rond sur le bas.
Nous allons donc transformer le calque "glossy" (CTRL+T) puis le déformer (édition > transformation > déformation) pour le rendre rond sur le bas.
N'hésitez pas à zoomer pour être encore plus précis.

Enfin pour peaufiner notre bouton nous allons ajouter un petit trait blanc sur le contour haut du fond du bouton pour donner une certaine profondeur.
Nous ajoutons donc un contour dans options de fusion du calque "glossy" avec les options ci-dessous ( à adapter en fonction de vos besoins bien sûr)

Et voilà notre bouton est terminé, il nous vous reste plus qu'à ajouter votre texte.

Vous pouvez télécharger le fichier source de notre exemple au format .PSD

Bien sûr vous l'aurez remarqué il y a plusieurs façons de réaliser cet effet et chaque option est modifiable afin de coller au mieux à l'effet final désiré.
Bon courage à tous

TitaX

[Documentation] Réaliser une interface web sous Photoshop

TitaX — Mon, 12 May 2008 09:00:00 +0200

La création d'interface graphique pour un site web est souvent un exercice difficile dans lequel il faut maitriser beaucoup d'outils spécifiques à Photoshop mais aussi avoir une vision précise de l'interface de nous voulons créer afin de faciliter son intégration pour le futur développeur qui devra s'occuper du découpage de l'interface.

Plusieurs facteurs sont donc à prendre en compte aussi bien sur l'harmonie des couleurs, la disposition des blocs mais aussi la faisabilité de la découpe de votre futur interface, nous allons vous présenter comment réaliser une interface simple, facile à découper et qui pourtant répondra à la majorité des cahiers des charges de vos demandes en interface graphique de site web.

Cette documentation tout d'abord au débutant mais pourra aussi convenir aux utilisateurs de Photoshop plus aguerri.

Pour cette documentation nous aurons tout d'abord besoin de ces deux images qui seront utilisées pour le haut de l'interface (header) et le bas de l'interface (footer) :

Créez un nouveau document de 1000*600 pixels et remplissez le en blanc.

Créez un nouveau calque "motif" et remplissez le avec ce motif :

Vous devez donc avoir deux calques comme ceci :

Créez un nouveau calque, que vous appellerez "body" (au dessus du calque "motif").
Sur le calque "body", faire une sélection rectangulaire (M) de 692px de largeur et 600px de hauteur. Remplissez la sélection de blanc.
Cliquez droit sur le calque "body" puis Option de fusion et ajouter une ombre portée de 36% d'opacité, distance 0, grossi 0, taille 6, d'un angle 90°.
Puis valider !

Créez un nouveau calque "header", insérez l'image "header" et mettez celui-ci en haut du calque "body".

Créez un nouveau calque "dégradé". Faire une sélection, remplissez de blanc puis aller dans les options de fusion et mettez les mêmes valeurs que sur l'image ci-dessous :

Pareil pour l'ombre portée :

Dupliquez le calque "dégradé" puis mettez le en bas du design.
Importez l'image "footer" et mettez là en dessous du calque "dégradé copie".

Et voilà, le design est enfin prêt à être découpé !

A vous de jouer maintenant, vous avez toutes les cartes entre les mains

(Merci à Freak. pour la rédaction de cette documentation)

[Documentation] Les bases de la colorisation sous Photoshop

TitaX — Thu, 08 May 2008 09:30:00 +0200

Parmis les multiples possibilités du logiciel Photoshop, nous en avons une souvent utilisés mais rarement maitrisée, celle de la colorisation où comment remplir son dessin fait à la main en noir et blanc avec de jolies couleurs pour lui donner une vie et un réalisme plus grand.

Cette documentation présentera les bases de la colorisation à tous les dessinateurs débutants souhaitant évoluer rapidement et présenter des créations originales de meilleure qualité avec un rendu parfait.

Présentation des outils nécessaires

Voici les différents outils dont vous aurez essentiellement besoin pour coloriser :

Outil pinceau (pour mettre une couleur)
Outil doigt (pour étaler une couleur)
Outil baguette magique (pour faire une sélection d’une zone)
Outil pot de peinture (pour remplir une zone d’une couleur)

Vous pourrez aussi avoir à utiliser d’autres outils de manière occasionelle, mais ceux-ci seront vraiment indispensable

Etape 1 - La couleur de base :

Tout d’abord, veuillez à ce que votre lineart (le contour de votre image sans aucune couleur) soit net, comme celui-ci :

Créez un nouveau calque (CTRL+MAJ+N) que vous appellerez « Clair » par exemple.
Revenez sur le calque de départ et sélectionnez toutes les zones que vous voulez faire avec la première couleur grâce à l’outil Baguette Magique, maintenez la touche MAJ enfoncée pour sélectionner plusieurs zones à la fois, vous devriez arriver à quelque chose comme cela :

Puis revenez sur le calque Clair et appliquez votre couleur avec l’outil Pot de Peinture. Changez ensuite le mode de fusion si nécessaire, en mode Produit par exemple on obtient un meilleur rendu. Vous devriez avoir un rendu tel que celui-ci maintenant :

Maintenant, nous allons passer aux ombres.

Etape 2 - Les ombres :

Pour donner un bon effet d’ombre, l’idéal est de prendre comme couleur de base le noir #000000. Créez un nouveau calque que vous appellerez « Ombre », changez son mode de fusion, personnellement j’utilise essentiellement les modes Produit ou Lumière Tamisée 20 ou 30% d'opacité.

Maintenant, prenez l’outil Pinceau, vous allez faire CTRL+Clic sur le calque Clair pour le sélectionner tout entier.
A partir de cette sélection, vous allez étaler le noir là où vous pensez mettre votre ombre, tenez compte de là où vous pensez que se trouve votre source de lumière, soyez cohérents, par exemple, si votre lumière vient de la droite, la partie gauche sera ombrée. Voilà ce que cela donne :

Ici par exemple nous avons placé les ombres de sorte à ce que la source de lumière soit derrière la lionne au dessus d’elle.
Vous allez maintenant utiliser l’outil Doigt pour adoucir vos ombres, réglez le de la manière suivante : Mode: Normal, Intensité: entre 40 et 50%.
Passez votre doigt sur vos zones d’ombre, et essayez de faire des contours harmonieux, suivants les formes du corps. Vous devriez obtenir quelque chose de ce style après quelques essais infructueux (pour annuler une action, faites CTRL+Z, ou pour plusieurs actions, CTRL+ALT+Z) :

Vous pouvez ajouter de nouveaux calques d’ombre par-dessus le premier pour faire des ombres plus réalistes :

Passons maintenant aux lumières.

Etape 3 - Les lumières :

Pour les lumières, créez un nouveau calque, appelez-le « Lumière » et passez-le en mode Lumière Tamisée ou Incrustation, n’hésitez pas à changer son opacité aussi.

Prenez maintenant du blanc #FFFFFF et procédez comme pour les ombres, étalez donc votre blanc sur la zone où vous pensez mettre vos lumières, et soyez toujours cohérents.
Comme pour les ombres vous pouvez rajouter plusieurs niveaux de lumière après avoir fini le premier.

Au final voilà ce que cela peut donner :

Nous ne pouvons vous apprendre comment vous servir des outils évoqués, cela vient avec le temps et l’expérience, mais vous avez maintenant la méthode
Bon courage

(Merci à Hikawa pour la rédaction de cette documentation)

[Documentation] Utilisation des couches sous Photoshop

TitaX — Wed, 07 May 2008 08:55:00 +0200

Les couches sont très utilisées sur Photoshop lors de retouche photographique, mais aussi lors de création d'interface pour donner un effet sur une portion d'image.
La maitrise de l'utilisation des couches est indispensable à la bonne réalisation d'une création quelque quelle soit, même les plus simples.
Cette documentation vise donc tous les débutants pour qui les couches sont encore un outil secret que son utilisation relève du mystère.

Les couches sont comme une sélection et s'utilisent de la même manière, voyons cela d'un peu plus près.

Quels sont les avantages ?

Vous pouvez enregistrer une selection,donc vous pouvez en faire autant avec les couches, les enregistrements ne sont pas limités. .

Vous pouvez faire une selection avec un effet de fondu,comme pour les masques, la difference est qu'un masque sert à masquer une zone alors qu'une couche sert à tout sauf à masquer,donc vous pouvez :

- Ajouter des filtres
- Faire des reglages de l'image (niveaux, balance de couleurs, courbes...etc...etc)
- Effacer
- Déformer

Comment ca marche ?

Comme les masques, les couches fonctionnent avec le niveaux de gris :

Blanc : zone visible
Noir : zone qui ne vais pas partie de la sélection
Gris : Sélection avec de l'opacité

Pour les masques, le noir sert à cacher, donc dans les couches, tout ce qui es blanc sur la couche est visible ,c'est la zone sélectionnée.

Par défaut, le panneau de couches se trouve à coté du panneau de calques, si vous ne le trouvez pas, allez dans BarreMenu > Fenetre > Couches

Vous pouvez créer une nouvelle couche (comme indiqué sur l'image)
Donc maintenant qu'elle est créee, un nouveau calque apparaît (Alpha 1).
Vous pouvez distinquer que c'est noir, donc par défaut, rien n'est sélectionné.

Si vous prenez par exemple, l'outil Pinceau de couleur blanche et disons en dureté 100%, la zone que vous aurez dessinée sera une sélection.

Comment récuperer cette selection ?

En étant sur le panneau calques, vous allez dans BarreMenu > Selection > Récuperer une sélection

A partir de là vous aurez une petite fenêtre :

Document : votre document
Couche : la couché créee, dont "Alpha 1"
Inverser : la zone de sélection, sera inversée, donc ce qui était dessiné en blanc avec le pinceau, deviendra noir et le noir deviendra blanc.

Donc en cliquant OK, vous aurez une sélection de la zone que vous avez dessiné en blanc.

Maintenant je vous conseille de refaire toutes les étapes, mais au lieu de dessiner avec le Pinceau, tracez un dégradé du noir au blanc, il va me servir à faire des effets sur une image que nous avons choisi : la Boite TitaXium

Nous allons créer un degradé sur une nouvelle couche, en sorte qu'une partie du degradé ayant beaucoup de blanc touche la boite, tout ce qui est blanc sera appliqué, mais aussi les zones grises qui vont avoir l'effet de fondu avec un filtre que nous allons utiliser.

Voici comment nous avons fait :

Quand la couche est créee, récuperez la selection (si vous voulez pas passer par toutes les etapes precisées plus haut, maintenez CTRL et cliquez sur le calque de la couche du degradé) ... quand elle sera recuperée, vous verrez que seulement une zone est selectionée

Pourquoi ?

Car la sélection, prends seulement, tout ce qui va du blanc vers le gris de 50%, et depassé la zone selectionnée, le gris est en dessous de 50% , mais ca ne beux absolument pas dire que l'effet ne sera pas appliqué.

Alors maintenant que cette zone est selectionée, nous allons appliquer 1 ou 2 filtres et faire un réglage de couleurs sur cette petite boite.

Donc ici nous avons simplement ajouté un filtre de :

- Contours accentué
- Embalage plastique
- Flou directionnel

Et réglage de Teintes bien entendu !
Et voila notre boite qui arrive en feu.

L'utilisation des couches donne des possibilités infinies, à vous de jouer maintenant

(Merci à DxS pour la rédaction de cette documentation)

[Documentation] Les bases de l'utilisation de la plume sous Photoshop

TitaX — Tue, 06 May 2008 08:45:00 +0200

L'outil plume sous Photoshop est certainement l'outil le plus important pour tout webdesigner qui se respect.
Il permet de réaliser des formes personnalisées très utilisées dans la réalisation de template de site web.
Mais cet outil n'est pas facile à prendre en main, cette documentation vise essentiellement les débutants qui veulent se parfaire dans la maitrise de la plume pour augmenter la valeur de leur création.

Nous allons donc voir pas à pas les bases de l'utilisation de la plume.

La première chose à faire est de remplir votre calque de la couleur désirée pour le fond.
Puis de recréer un autre calque par dessus le précédent.
Activer la plume, vérifier bien d'avoir les mêmes paramêtres comme montré sur l'image ci-dessous.

Vous activez votre Calque 2 en cliquant dessus, puis faites un point avec la plume, puis un second et avec celui-ci vous pouvez bouger votre souris afin de lui donner la courbe voulue, vous pouvez mettre autant de courbe à la plume que vous souhaitez.

Une fois la courbe réalisée avec la plume, il vous faudra activez votre pinceau, couleur d'avant plan désirée.
Dans cet exercice nous avons choisi le blanc.
Vérifiez bien la barre des paramêtres du pinceau dans le haut.
Pour la forme nous avons choisi 4 étant donné que nous ne voulions pas trop mince, Opacité 100% et Flux 100%. Une fois les paramêtres bien réglés nous sommes prêt à rendre notre courbe visible, on se dirige dans l'onglet Tracés, puis en bas de cette palette vous allez cliquer sur le deuxième rond à partir de la gauche qui nous donnera Contour du tracé avec la forme.

Voilà notre courbe est visible mais on voit toujours les traits de la plume.
Donc prenez le et faite le glisser jusqu'à la poubelle dans le bas à droite de l'onglet Tracés.

Une fois ce trait retiré, on ne voit plus que la courbe que nous avions réaliser.

Petite astuce: Quelques fois on peut remarquer sur certaines créations une ligne ou courbe pixellisée et qui rend le travail moins esthétique et beaucoup moins soigné.
Nous avons une petite astuce pour remédier à ce petit problème.

Activez l'outil Doigt, puis dans la barre de paramêtres tout en haut ajustez la Forme a environ 9 tout dépend de la largeur de la ligne pixellisée et pour finir ajustez l'intensité à environ 6.
Voilà une fois les paramêtres bien établis nous pouvons passer à l'action ... passez le doigt sur la ligne ou courbe pixellisée, parfois un seul coup suffit et d'autre fois il faut passer 2 ou 3 fois, mais il est impératif de bien suivre la ligne ou courbe et surtout ne pas aller trop vite.

Voilà en espérant que cette astuce vous aidera à peaufiner vos créations.

(Merci à Eltasia pour la rédaction de cette documentation)