Liens 2D : Photoshop, Gimp, Webdesign, Dessin, etc.

LIENS 2D

Web-design, le graphisme, le dessin, la mise en couleur, Photoshop, Gimp, etc.

Je vous renvoie aussi aux autres articles.

• Liens 3D
• Pourquoi Pierrot n'aime pas les filtres
• Comment débuter en dessin ?
• Qu'est-ce que le design?
• Règlement

Sommaire

[les liens vous renverront directement vers la rubrique]

I - Logiciels
0. Lesquels ? Les trouver
1. Photoshop
2. Painter
3. The Gimp
4. Flash
5. Illustrator
6. Fireworks

II - Web-Design
1. Théorie, Bases & choses à savoir
2. Ergonomie
3. Réaliser une interface

III - Le dessin - Traditionnel & Numérique
1. Apprendre à dessiner
2. Encrage [LineArt propre]
3. Mise en couleur
4. Effets particuliers

IV - Ressources
1. Théorie
2. Textures, Pattern & Brush
3. Anatomie
4. Listes de Tutorials
5. Forums
6. Photographies
7. Oekaki
8. Heberger ses images

V - Artistes & Sites : Design/Graphisme
1. Annuaires
2. Portfolios
3. Etrange


VI - Artistes & Sites : Illustration
1. Peinture
2. Dessin
3. PixelArt
4. Blogs

0. Lesquels ? Les trouver

La discussion à propos des logiciels.

Les payants [Démos]

• versions d'essais de Photoshop : permet de presque tout faire ; ses possibilités sont infinies.
• version d'essai de painter 9 : Painter 9 est un logiciel totalement orienté pour la peinture numérique.
• version d'essai de PaintSHopPro 9 : Edition/retouche photo bitmap.
• version d'essai d'Illustrator CS2 : Logiciel vectoriel.
• version d'essai de Flash 8 : Logiciel vectoriel. Il permet de faire des animations et de programmer des jeux/sites en ActionScript.
• version d'essai de Fireworks MX 2004 : Pour créer des images et des animations.
• version d'essai de PhotoshopAlbum 2.0
• version d'essai de Premiere 2.0 Logiciel de montage vidéo.
• version d'essai de After Effect 2.0 Logiciel d'animation & d'effets spéciaux.
• version d'essai de Pro Motion : Logiciel tourné vers la création de Pixelart.

Les gratuits

• The Gimp : The gimp est un logiciel bitamp Opensource ; Il est génial et parfait.
• Paint.NET : Logiciel de retouche photo.
• Artweaver : ce logiciel gratuit est orienté peinture numérique. A vrai dire ; c'est une copie quasi-conforme de Painter 7.
• Inkscape [+ tutos] : Inkscape est un éditeur qui offre à peu près les même fonctionnalité qu'Illustrator.
• Sodipodi : Sodipodi est un freeware pour la création vectorielle.
• Artrage : Artrage est un petit logiciel qui permet de simuler la peinture traditionelle.
• Live Swif Lite : Ce soft est un éditeur d'animation vectorielle ; il est compatible avec le format Flash.
• Pixia [+tutos] : Pixia est logiciel qui offre des possibilités analogues à celles de Photoshop ; dans une certaine mesure toutefois.
• Graphex3 : Freeware de retouche d'images qui offre aussi 18 outils de dessins.
• Photofiltre : Un truc avec des filtres.
• Drawplus4 : Freeware pour créer des logos, des illustrations.
• PhotoPlus6 : Freeware de retouche d'image.
• Artpad : Ce n'est pas un logiciel mais un site qui permet de dessiner en ligne gràce à Flash.
• FlashPaint : Ce n'est pas un logiciel mais un site, pas encore fini, qui permet de dessiner en ligne.

Outils Divers

• démo de MioToolbox : offre une règle, un nuancier, une loupe, une capture d'écran, les informations du curseur et les codes couleurs.
• démo de EasyImageResizer : Comme son nom l'indique il pertmet de redimensionner facilement des images.
• ImageConverter : Freeware permettant de convertir des images.
• Pixie : Petit freeware permettant de récupérer la couleur de n'importe quel pixel sur l'écran.
• freewares pour la gestion des couleurs : A vous de faire votre choix.
• Tuxpaint : Ce pas un générateur de Tux ; mais un logiciel de dessin pour enfant.

1. Photoshop

Les tutoriels des zéros

- le plume
- Imagerie numerique
- Espace de travail
- palette
- Anglais-Français
- Raccourcis Photoshop
- Raccourcis Photoshop 2
- Les calques
- Plume Photoshop 1
- Plume Photoshop 2
- Courbes
- Les masques
- Scripts
- Les motifs
- enregistrer pour le Web
- Astuces diverses
- Séléction vectorielle
- Sélection vectorielle
- Les brosses
- Apprendre à utiliser photoshop (Galdon)


2. Painter

- Découvrir painter 7
- Des tips & astues 2
- Divers tutorials en anglais
- Divers tutorials
- Colorisation
- Colorisation 2


3. Gimp

- Aide à l'utilisation de Gimp
- Guide de l'utilisateur
- Premiers pas
- Documentation
- Traduction de Grokking the Gimp
- Divers tutoriels de bases (
- Courbes de bézier
- Dessiner des formes avec l'outil bézier
- La retouche d'image
- Masques de calques
- Utilisation des calques
- Les calques
- Les calques et modes de fusion
- Creer un arbre
- Coloriage d'un dessin
- Pseudo 3D
- Un bouton aqua
- Pensez réutilisable
- Transparence
- Gimp4you
- Forum dédié à Gimp
- Forum de Linuxgraphic
- Forum Gimp attitude


4. Flash

- LE forum sur flash ; Mediabox
- Actionscript.org
- flash-france
- flashkod
- Flashxpress
- flashkit
- flashhouse
- Yazo
- Comment dessiner avec Flash (bases)
- utilisations des fonctions de dessin
- Animation de base
- Tutoriel : interface, dessiner, interpolation.

5. Illustrator

- Débuter avec la plume
- vectoriser une image simple

6. Fireworks

- L'interface
- Aperçu général
- Raccourcis clavier
- Effet "Brush"
- Découpage Design
- Découpage au lasso polygonal
- Plume
- Vectoriser un dessin
- Roues dentées
- Animation
- Mettre en page son design
- GIF transparent
- Créer une LED I
- Créer une LED II
- Réaliser une gemme
- Réaliser une sphère
- Optimiser ses images
- Texte suivant une forme

- FWdesign [Forum]

Apprenez à créer vos propres designs.

1. Bases, Théorie & trucs à savoir

- Découper une interface
- Découper un design
- Découper un design 2

- A quoi sert le graphisme d'un site ?
- Le graphisme, comment réflechir à un Design ? (Mat90)
- Le topic "qu'est-ce que le design ?"
- Qu'est-ce qu'une charte graphique ? Son but ?
- Concevoir une charte graphique + Ergonomie
- Autopsie d'un logo
- Comment les utilisateurs naviguent sur un site
- Hiérarchisations des éléments sur une page web
- La pertinence d'une information
- Les couleurs : Harmonie, équilibre et symboles

2. Ergonomie

- Encyclopédie de l'ergonomie Web
- 11 règles de bases pour créer des sites faciles à utiliser
- Ergologique.com
- Ergonomie
- Ergonomie 2
- Ergonomie 3
- Ergolab : Ergonomie & Flash
- Critique de Flash d'un point de vue ergologique (Par Jakob Nielsen)
- Les erreurs de conception Flash


3. Réaliser une interface / Elément d'interface

- Elements futuristes & trash
- Découpe d'interface, Donner du volume, Reflets, Cables, Objets translucides
- lissage de forme
- motifs de fond
- Barre de navigation
- Interface style Walkman
- Interface style MP3
- Remote Control Interface
- Interface triangulaire
- Inset Buttons
- Interface métallisée
- Boule incrustée
- bouton style gemme
- Bouton style gel
- Bouton lumineux
- Bouton métallique
- Icone
- Cables
- Police trash
- Texte gravé
- Textures
- Des tutos avec des filtres, des effets de calques, etc.

Apprenez à dessiner et à mettre en couleur.

Mon Tutoriel pour débuter le dessin.
Voir aussi la partie ressource pour l'anatomie, laperspective, la couleur & la lumière

1. Comment dessiner?

- Dessiner
- Progresser
- Conseils de base
- Quelques conseils
- Observer/Analyser
- Dessin d'après modèle vivant
- Dessin sans modèles
- Pourquoi débuter par le manga "caricatural" est Mal!
- Trouver son "style" ?
- Exercices
- Matériel 1
- Matériel 2
- Matériel 3
- Tenir son crayon?
- Les étapes du dessin
- Le sens du trait
- Effets de matière
- Technique du croisillon
- Technique des points
- Utiliser sa gomme comme crayon
- les plis des vêtements
- PolyKarbon : Plis des vêtements
- Schématiser
- plis des vêtements & Drapés
- Plis & drapés
- Comment construire un personnage
- Arbres et feuillages
- feutres
- Divers conseils pour un style "BD"
- Dessiner tintin
- Visage réaliste
- Canon des hommes réalistes
- Les personnages en perspective
- Les âges
- Poses dynamiques
- Les model-Sheets
- Le portrait


2. Faire un encrage propre (Line)

- Encrage
- Encrage traditionnel
- Faire un LineArt [PolyKarbon]
- Faire un LineArt [Shotaro]
- Manga: faire un LineArt
- Encrage : les pleins & délies [JeP]
- Discussion sur encrage


3. Mise en Couleurs

Avec line

- Colorisation d'un Line
- Zero2lyon 1
- Zero2lyon 2
- Zero2lyon 3
- Zero2lyon 4
- Zero2lyon5
- neozoom 1
- neozoom 2
- Abe
- Abe 2
- Abe 3
- _HK_
- Bengal
- A'DN
- Serguey
- Caza
- El Coro
- Brian Despain
- Jeremy Enecio
- Arnold Tsang
- Adi Granov
- Willy
- Socar Myles
- Sedevcic Leonard
- Sebeu
- inconnu
- Sijun
- Kosal
- Rafchan
- Catox
- Ramy
- AugustC4
- Abuze
- Coey

Sans line

- Deepnight [Le couloir de l'angoisse]
- Deepnight [7, rue du pendu]
- Deepnight [7, rue du pendu [Gif]]
- Deepnight [Scalpel 1912]
- Deepnight [Foxy]
- Deepnight [Maison abandonnée]
- Deepnight [Forêt paisible][Unfinished]
- Pas à pas : Visage (Gif)
- Biotechbob [Pirate
- Biotechbob [Titan]
- Biotechbob [Gardien]
- Biotechbob [Gorille]
- Biotechbob [Chaman]
- Eliixirdevie[visage]
- Cucik [Forêt marécageuse
- Lostspirit
- Cyber-angel
- Ryla [Poupée vovodoo]
- Kenët 1
- Kenët 2
- Sparth 1
- Sparth 2
- Black Frog
- Riddick
- Promotheus
- Merekat
- Merekat 2
- Francis Tsai
- Sixio
- Sixio 2


4. Effets particuliers

a) Pixel Art :
- PixelArt & 3D
- Texte en 3D
- Cube
- Cylindre
- Pyramide
- Sphère
- immeuble
- Immeuble 2
- Maison
- Plante
- Boutton 1
- Diode
- Personnage
- Personnage 2
- Jupe plissée
- Cheveux I
- Cheveux II

d) Peau :
- Peau
- Peau 2
- Peau#1
- Peau#2
- The Skin, Light, Grain


e) Nuages :
- Nuages
- Nuages 2
- Nuages 3
- Nuages 4

f) Cheveux :
- Faire des cheveux 1
- Faire des cheveux 2
- Faire des cheveux 3
- Faire des cheveux 4
- Faire des cheveux 5

g) Parties du visage :
- Lèvres
- Oeil
- Nez, bouche, eyes, peau, brushes
- Painting eyes
- Painting a face

h) Nature [Herbe, poils, bois] :
- Herbe & rochers
- Fourrure
- Plume

i) Autres :
- Peindre une pomme
- Dessiner de façon "réaliste"
- L'apprenti Mangaka
- Code barre
- Maillon
- Rendu trash [Pierrot]
- Rendu Composite Photo/Dessin [Pierrot]
- Brume [Pierrot]
- tentacules
- Simili 3D
- Tentacules ensanglantés

Ressources

1. Théorie

a) Perspective :
- Perspective [catox]
- Les bases de la PERSPECTIVE (Tophy)
- Ellipses en perspective

b)Composition :
- Composition & nombre d'or
- les formes en communication
- Plus de précision dans le Post-It Comment débuter en dessin ?

c) Couleur :
- Tout sur la couleur
- la couleur ?
- Color Match
- Color Schemer
- Guide de la couleur et de l'impression
- la couleur numérique
- Accord chromatique des couleurs
- Roue chromatique

D) Lumière :
- historique de la lumière [De Démocrite à De Broblie]
- Ombres & Lumière
- Comprendre la lumière et les ombres
- Lumière & visage


2. Textures & Brush

Textures

- Textures 1
- Textures 2
- Textures 3 (Good!)
- Free Textures (Hi-res)
- Textures diverses
- Textures
- Pack à télécharger

Patterns

- PatternBomb
- Patterns pour Photoshop & Illustrator
- Patterns Funky

Brush

- De nombreuses brush sur DeviantART
- The BrushSearchEngine (Photoshop, Gimp, PaintShopro, etc.)
- Vbrushs
- Brushes (Photoshop)
- Brushes 2


3. Anatomie

1. Homme :

- Proportions
- Musculature
- Myologie : 1 Bras levé ; 1 Bras baissé
- Myologie : 1 Bras levé ; 1 Bras baissé : verso
- PolyKarbon : Corps
- PolyKarbon : Torse
- PolyKarbon : Tête 3/4
- Expressions
- PolyKarbon : Action

2. Femme :

- Différences Homme/femme
- La femme : Proportions & Musculature
- PolyKarbon : Corps
- PolyKarbon : Visage
- PolyKarbon : Face
- PolyKarbon : Profil
- PolyKarbon : Tête 3/4
- PolyKarbon : Yeux
- PolyKarbon : Lèvres
- PolyKarbon : SuperDeformed
- Dessiner des seins
- Photos hanches
- Femme nue (Haute Qualité)
- Nombreux modèles [profils & face]


3. Parties :

- Tête & Visages :
- Têtes & visages
- Tête
- Tête : Morphologie, Structure

- Mains :
- Mains : Structure Myologie & Proportions
- Squelette : Recto
- Squelette : Verso
- Mains
- PolyKarbon : Mains 1
- PolyKarbon : Mains 2
- photos de mains
- Photos de mains 2
- Myologie du bras

- Pieds :
- Pieds : Squelette & Myologie
- PolyKarbon : Pieds
- La marche

- Autres :
- Anatomie du dragon
- Anatomie du cheval

- Ressources :
- Structures, os & muscles
-Corps humain
- FineArt.sk : Modèles & planches anatomiques
- Proportions
- Proportions & muscles
- The visible man
- Modèles nus 1
- Modèles nus 2
- Poses (fée)


4. Listes de liens tutorials :

- Tutorials divers
- Polykarbon
- Sumaleth
- Totaltutorials


5. Forums

- CaféSalé
- Conceptart
- Piregwan
- Pixelfr
- CG Talk
- Catsuka
- Sijun
- DesignStudio Press
- Drawing Board
- Matte Painting
- CGChannel
- Atelier magique [traditionnel]


6. Photos :

- Photos d'arbres
- Photos de montagnes
- Divers
- Divers 2
- Divers 3 (alphabet)
- Animaux
- Nature 1
- Architecture 1
- Architecture 2
- Architecture (batiments abandonnés)
- Photovault
- Corbis
- Getty Images

7. Oekaki

- Oekaki Circus
- Rikki's Oekaki
- E-Oekaki

8. Sites gratuits pour vos images

http://1asphost.com
https://www.250free.com
http://www.cliparthost.com
http://www.domaindlx.com
http://www.free-host.com
http://www.gazler.com
http://www.imagemagician.com
http://www.imagestation.com
http://www.photobucket.com
http://pictureposter.allbrand.nu
http://www.ripway.com
http://www.uploadit.org
http://www.villagephotos.com
http://www.imageshack.us

Des artistes/Sites pros ou amateur pour s'inspirer.

1. Général & Annuaires :

- PixelCréation
- MadeInStrator
- Microbians
- StrangeFruits
- Moluv
- The FWA

2. Portfolios :

- Laurentz
-


3. Par Pays :

a) Asie


b) Moyen-Orient [Gros travail sur la typo]

- Mehdi Saeedi
- Reza Abedini
- Tahamtan Aminian
- Yossi Lemel
- Saed Meshki


c) Amérique du sud

- Yomar Augusto (Brésil)

4. Originalité & Etrangeté :

a) Navigation "[semi]-réelle"

- Fonky Family
- Admire
- AgencyNet
- Pulcomayo
- Poaplume
- Carlos Marcelo
- Sidloe
- CouleursBlanches
- Stéphane Guillot
- JK Rowling
- BullsEyesCreative

Des artistes/Sites pros ou amateur pour s'inspirer.

Dur de trier, de choisir un système ; Alphabétique ? Outils ? Nationalités ? Style ? Dur de définir des styles, de cloisonner des artistes...


1. Peintres Numériques

- kness
- Bengal
- M4de
- Brachypelman
- Icha
- Sephiel
- BenGrrr
- Sparth
- Yuio
- Joslin
- AK
- Nuro
- Viag
- Swarm
- Feng Zhu
- Craig Mullins
- Chris Glenn
- Jason Manley
- Ralph McQuarrie
- Scott Robertson
- Adi Granov
- Anders Finer
- Ben Henry
- Celia Calle
- Don Seegmiller
- Ed Lee
- Francis Tsai
- Jake Parker
- James Clyne
- James Hawkins
- Jan Op De Beeck
- Jeffrey Jones
- Jon Foster
- Julie Dillon
- Justin Cherry
- kami
- Liquid


2. Dessin Numérique


3. Pixel-Art

- NASCImpact
- DrDoom
- PixelJoint
- PixelBot [Blog]
- PixelFreaks
- PXTemple
- DeviantArt
- Pixel-Arts
- MrWrong
- Pixelio
- MedievalDesign

Projets :
-
- PixelDam
- PixelMoon
- The Joint
- IsoCity



4. Blog dessinés


5.