[phpBB Debug] PHP Notice: in file /viewtopic.php on line 943: date(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone.
[phpBB Debug] PHP Notice: in file /viewtopic.php on line 943: getdate(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected the timezone 'UTC' for now, but please set date.timezone to select your timezone.
FORUM Webmaster • [Tutoriel] Gimp : document web - papier
Crer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
Forums[Tutoriel] Gimp : document web - papier
      Imprimer le sujet FAQ  M'enregistrer 
  Vous êtes plutôt 100% Gratuit et disposez de The Gimp chez vous, pas de problèmes, la communauté a pensé à vous !
Des tutoriaux de toutes sortes pour The Gimp sont disponibles.

[Tutoriel] Gimp : document web - papier

Messagede MultiUser le 12 Nov 2009, 01:34

Image
THE GNU IMAGE MANIPULATION PROGRAM

Bonjour @ tous,

Image Préface :

Nombreux sont les utilisateurs de Photoshop qui se perdent un peu et éprouvent parfois des difficultés à s'adapter
à la logique Gimp. Beaucoup de personnes recherchent également un logiciel de retoucher et de manipulation d'images
sans toujours avoir le budget pour un logiciel payant. Gimp est l'alternative libre la plus professionnelle.

Wikipédia a écrit:GIMP (prononcez /gimp/), pour GNU Image Manipulation Program, littéralement « programme GNU de manipulation d'images » est un logiciel libre de traitement d'image bitmap (dessin, retouche, animation, etc.). Il est souvent considéré comme une alternative libre au logiciel Adobe Photoshop.
Le projet a été créé en 1995 par Spencer Kimball et Peter Mattis. Il était destiné en premier lieu aux systèmes Unix et GNU/Linux ainsi que Darwin (la base de Mac OS X) mais fonctionne aussi sous Microsoft Windows.
Sa mascotte officielle est Wilber.
Comme son nom l'indique, GIMP fait officiellement partie du projet GNU.
http://fr.wikipedia.org/wiki/GIMP

GTK+ and The GIMP installers for Windows -/- for GNU/Linux .
[ NB : Documentation Gimp en français ]

NB : PhotoFiltre est également un très bon logiciel libre ...

Image Introduction :

Image
Lorsque vous faite un travail de manipulation d'image, il vous faut connaître quelques règles élémentaires.

Premièrement, il est important de travailler à taille réelle afin d'éviter une pixelisation de l'image (perte de qualité).
(ex écran : avatar 150x150px / ex papier : A6 148,5x105mm )
Deuxièmement, et aussi en fonction de l'application, votre composition sera ou destinée à un support papier (Quadrichromie),
ou à l'affichage sur un écran d'une manière ou d'une autre. Vous devrez respecter un environnement de travail, une échelle de référence,
afin de conserver une certaine qualité & la justesse des couleurs peut importe l'endroit, le pays ou l'usage que vous en faites.
(ex écran : sRGB (RVB/RGB) / ex papier : Euroscale Coated (CMJN/CMJK) .)
+info : sur " [url=http://www.monsitegratuit.com/forum/creer-un-document-adapte-t2957.html[/url] "


Image Prise en main :

Nous allons prendre ces deux alternatives citées juste au dessus, elles sont
les plus courantes mais il en existe d'autres utilisés pour la vidéo ...
Au travers de ces exercices pratiques, nous pourront explorer les
différents outils intéressants, la logique des calques de superposition
ainsi que des manipulations utiles au quotidien (redimensionner, retoucher,
créer un fond travaillé, rédiger, composer, rajouter un effet, e.t.c. ... ).

Image Créez les deux documents adaptés :

- Document 1 : Ecran17" - 72 dpi - 1024 X 768px - RVB
&
- Document 2 : FormatA4 - 300 dpi - 297 X 210mm - CMJN (nb : Gimp ne le traite pas par défaut)

Image

Suivez les indications sur la capture d'écran, et créez deux documents distincts à partir des modèles

Image

=> " Fichier " => " Nouveau " => onglet déroulant " Modèle " => formater le document ...

Image

Intéressons nous de plus prêt à la création d'un document personnalisé et aux options avancées :

1°) Document WEB :

Image

2°) Document imprimable :

Image

NB : je vous conseille de sélectionner " Remplir avec " => " transparence "
pour votre fond, cela vous permet de créer un fond ultérieurement ou
de surtout d'éviter de devoir détourer les images importées ...

Information : " ppp " veux dire " Pixel Per Pouce " si je ne m'abuse :AAF & pourquoi 72 pour la web ?
C'est la norme de résolution et d'affichage d'écran classique ( Web / icônes système / jeux / ... ). Vous pouvez également utiliser une
définition de 96ppp ... mais l'objectif de l'optimisation web est de limiter le temps d'accès à l'image en ligne.
Pourquoi 300ppp pour un impression ? c'est également une norme standard mais dans la pratique, un document à 300ppp A4 peut être
doublé en vue de l'impression d'une affiche A3 à 150ppp ce qui est encore suffisant pour conserver une copie de qualité et non pixelisée.
Vous avez surement déjà imprimé une image pêchée sur le web qui est presque illisible tellement elle est pixelisée ...
Vous voyez donc tout à fait de quoi nous parlons et vous comprenez mieux le pourquoi du comment de ce sacré "Mr Pixel ".

Image Rentrons dans le vif du sujet :

Si tout c'est bien passé, vous vous retrouvez avec deux documents vierges sur fond transparent.
Nous allons commencer par le document adapté au web qui correspond à taille réelle à un
affichage pleine page sur un écran 17 pouces (1024 sur 768 pixels).

Comme thème WEB, nous choisirons la création d'une maquette pour un site web.

Commencez par réduire la taille d'affichage dans Gimp. Il est très important de distinguer la taille réelle paramétrée
à la création du document, & la taille d'affichage qui se compte en " % " par rapport à la taille réelle " 1/1 ".

Sélectionnez donc l'affichage à 50% pour une meilleurs vue d'ensemble.

& créer un nouveau calque dans la zone appropriée ( droite ) => " Dupliquez le calque "

Image

Faites attention de toujours être sur le calque que vous désirez modifier.
Cà à l'air bête comme çà mais c'est une erreur très fréquente, qui à tendance
au début à susciter un certain énervement lorsque cela ne fonctionne pas
comme on le voudrait. ( 1 )

Dans la zone sélectionnée en rouge dans la capture du dessous, vous pouvez distinguer trois onglets :
" Brosses " / " Motifs " / " Dégradés " ( 2 )

Faites un clic droit sur le motif indiqué ( 3 ), puis sélectionner l'outil " Remplissage " ( 4 ) dans la zone de gauche.
=> sélectionnez l'option : " Remplissage avec le motif " : "Slate" ( 5 ) => clic droit sur la zone de travail. ( 6 & 7 )

Image

Créer un nouveau calque ( 1 ) & appliquez y un dégradé modèle de haut en bas sur la zone de travail. ( 6 & 7 )
(" Rounded edge ") Puis sélectionnez " 75 % " d'opacité du calque ( 8 ). Nous avons fini le fond du site.

Image

Nous allons maintenant délimiter les différentes zones du site (maquette)
Vous verrez que j'ai renommé les calques ( 2 ), ce qui nous facilitera la tâche
lorsque nous aurons des dizaines de calques ... Suivez les indications ...

=> Créez un nouveau calque transparent toujours ... ( 1 )
=> Sélectionner un zone similaire à l'aide de l' "outil sélection" ( 4 )
=> Appliquez le motif à l'aide de l' "outil Remplissage" ( 7 )
Ce système D nous a permis de découvrir l' " outil de sélection ".

Image

Nous allons maintenant créer un deuxième ligne de démarcation avec une technique un peu différente mais pour un résultat semblable.
Créez directement un calque à la taille voulue : 928x7px + couleur d'arrière plan.

Image

Déplacez votre nouveau calque à l'aide de l' "outil Déplacement" & appliquer lui le motif "Granite #1"

Image

Sélectionnez maintenant l'outil texte et créez un zone comme indiqué. ( 2 )
"L'Editeur de texte Gimp" devrait s'ouvrir et vous permettre de rédiger ( 4 )
le menu du site avec ses différentes pages. Ajustez la zone en la centrant ( 5 )

Image

Créez maintenant un deuxième zone de texte de la même manière, pour le "footer" (Bas)

Nous allons maintenant importer une image que je vous offre : CustomArtWallMultiFA7
Cette image est de bonne qualité mais n'est pas adaptée à ce que nous voulons faire.
Nous allons donc la redimensionner à la taille voulue => Fichier => Ouvrir l'image téléchargée.

Image

Cliquez sur l'onglet " Image " => " Echelle et taille de l'image "
=> tapez 800px de largeur et validez sur la touche "Entrée"/"Enter"
Validez sur " Echelle "

Image

Ici je vous embête un peu avec les raccourcis :
=> Ctrl+A sur l'image redimensionnée (tout sélectionner) => Ctrl+C (copier)
=> Ctrl+v sur notre document de travail ... vous devriez obtenir ceci :

Image

Il est important de dé sélectionner la zone avant d'y travailler, utilisez maintenant
l' " outil de Mouvement " pour ajuster la position de l'image.
Nous allons encore l'ajuster un peu à l'aide de l' "outil de mise à l'échelle"

Image

Changer l'opacité du calque à 35% et enregistrez votre document en ".xcf "
afin de vous permettre de le retravailler ultérieurement.
Enregistrez également une version aplatie de l'image en .jpg par exemple.
=> " Enregistrer une copie... " => " Sélectionner le type de fichier "
Cette version sera visible partout et beaucoup plus légère puisqu'elle
ne comporte plus qu'une seule couche d'information.

Image

. . .

Comme thème PAPER, nous choisirons la création d'un affiche pour une soirée dansante.

. . . " ( en cours ) " . . .
Image
Avatar de l'utilisateur
MultiUser
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 15
Inscription: 15 Mai 2009, 08:14
Points: 35


Re: [Tutoriel] Gimp : document web - papier

Messagede jike63 le 25 Nov 2017, 20:13

Want to know how to guarantee an unforgettable evening in the company of beautiful women? You can find answers to all the questions on this page http://www.cheapestescort.com. Do not wait and visit her now!
Avatar de l'utilisateur
jike63
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 13
Inscription: 14 Sep 2017, 21:56
Points: 17


Re: [Tutoriel] Gimp : document web - papier

Messagede linyuanyuan le 20 Déc 2017, 11:11

canada goose outlet
cheap oakley sunglasses
ferragamo shoes
uggs outlet
the north face outlet
moncler outlet online
cheap jordan shoes
coach outlet online
coach outlet online
salvatore ferragamo outlet
coach outlet online
coach factory outlet online
pandora charms sale clearance
uggs outlet
coach outlet online
canada goose jackets
polo ralph lauren outlet
fitflop sandals
michael kors outlet
louis vuitton factory outlet
louis vuitton outlet online
uggs outlet
michael kors outlet online
canada goose jackets
north face jackets
kate spade outlet online
moncler uk
red bottom
coach outlet canada
coach factory outlet online
valentino outlet
nike shoes
adidas yeezy boost
canada goose sale
ralph lauren outlet online
moncler sale
cheap ugg boots
air max shoes
ugg outlet
birkenstock outlet
cheap jordans
pandora uk
coach outlet online
gucci outlet online
christian louboutin sale
pandora charms sale clearance
michael kors handbags
ugg outlet
coach factory outlet online
supreme uk
burberry outlet online
ralph lauren outlet online
discount oakley sunglasses
mlb jerseys
burberry outlet online
coach outlet online
cheap nike shoes
michael kors outlet canada
canada goose coats
canada goose jackets
ugg canada
louis vuitton outlet online
cheap ray bans
burberry outlet online
ralph lauren uk
canada goose jackets
coach factory outlet online
bottes ugg
polo ralph lauren outlet online
michael kors
ralph lauren uk
nike outlet store
burberry outlet
coach outlet canada
louboutin outlet
cheap ugg boots
canada goose jackets
pandora charms
yeezy boost
harden vol 1
uggs clearance
coach outlet store
kate spade handbags
moncler uk
polo ralph lauren
uggs outlet
moncler jackets
ray ban sunglasses outlet
michael kors
adidas nmd r1
pandora jewelry
adidas outlet store
cheap air jordans
coach outlet online
michael kors outlet store
moncler jacket
michael kors outlet store
north face sale
burberry handbags
uggs outlet
moncler coats
cheap jordan shoes
moncler
ugg boots
cheap jordans for sale
fred perry polo shirts
coach factory outlet online
nike outlet store online
the north face jackets
christian louboutin shoes
mulberry handbags
moncler outlet online
polo ralph lauren outlet
ugg outlet online
tory burch outlet online
timberland outlet store
ugg boots
michael kors outlet clearance
canada goose outlet
longchamp bags
pandora charms sale clearance
louis vuitton outlet store
ugg outlet
coach factory outlet online
timberland outlet
ray ban sunglasses discount
cheap ugg boots
kate spade handbags
ugg boots outlet
the north face outlet
cheap jordan shoes
ralph lauren outlet
michael kors outlet store
canada goose outlet
ugg outlet store
ralph lauren
adidas superstars
uggs outlet
polo ralph lauren outlet
coach outlet online
pandora jewelry outlet
ugg boots
coach outlet online
nike outlet store
ugg sale
adidas nmd runner
fitflops sale clearance
cheap air jordans
ugg boots
canada goose coats
michael kors outlet online
valentino
cheap air jordans
michael kors outlet online
ugg boots
moncler outlet online
coach factory outlet online
louis vuitton handbags
canada goose outlet online
adidas store
uggs on sale
pandora charms outlet
ralph lauren outlet online
coach outlet online
ferragamo outlet
michael kors outlet online
coach outlet store online
adidas yeezy shoes
uggs outlet
canada goose jackets
yeezy boost 350
coach outlet online
cheap oakley sunglasses
air max
mbt
moncler coats
uggs on sale
red bottom heels
nike air max 2018
ralph lauren sale
pandora jewelry store
uggs outlet
yeezy boost 350
polo ralph lauren outlet
canada goose sale
ugg australia outlet
uggs outlet
louis vuitton outlet online
longchamp outlet
gucci outlet
coach outlet online
pandora charms outlet
michael kors uk
canada goose jackets
michael kors outlet online
adidas nmd runner
pandora charms sale clearance
nike outlet online
canada goose parka
ugg outlet store
coach factory outlet online
canada goose jackets
hermes outlet
canada goose outlet
polo ralph lauren outlet online
moncler sale
north face outlet
coach factory outlet
coach outlet online
coach factory outlet online
louis vuitton factory outlet
cheap nfl jerseys wholesale
ugg boots sale
ugg
uggs outlet
coach factorty outlet online
coach outlet online
cheap jordan shoes
nike sneakers
canada goose jackets uk
coach factorty outlet online
birkin handbags
canada goose jackets
kate spade outlet online
cheap ugg boots
pandora charms
michael kors outlet store
kate spade outlet
ralph lauren sale
uggs clearance
longchamp bags
pandora charms outlet
coach outlet
hermens
pandora outlet
pandora charms sale
moncler jackets
michael kors
adidas yeezy boost 350
louboutin outlet
michael kors bags
nfl jerseys
adidas sneakers
canada goose jackets
ugg boots
ugg outlet store
canada goose outlet store
oakley sunglasses outlet
birkenstock shoes
coach factory outlet
ugg boots
tory burch outlet online
ugg boots
nfl jerseys
moncler pas cher
canada goose jackets
nike outlet
canada goose jackets
canada goose outlet
polo ralph lauren outlet
nike sneakers
louis vuitton outlet store
hermes bags
longchamp sale
hermes bag
canada goose jackets
coach outlet online
ugg outlet
ugg boots
polo ralph lauren
cheap uggs
ugg boots women
adidas superstar shoes
moncler coats
longchamp outlet store
michael kors outlet clearance
coach outlet store online clearance
kate spade outlet
air jordan retro
canada goose jacket
polo ralph lauren outlet
canada goose
ugg outlet online
north face outlet
jordans
uggs outlet
canada goose
canada goose outlet
salvatore ferragamo shoes
ray ban sunglasses discount
ugg boots
canada goose coats
pandora
ray bans
canada goose jackets
ralph lauren
kate spade handbags
ugg boots
ralph lauren uk
coach outlet store
yeezy boost 350
canada goose jackets
ugg boots outlet
moncler outlet online
mlb jerseys cheap
coach factory outlet
adidas outlet online
nmd adidas
coach purses
cheap jordans free shipping
canada goose coats
supreme shirts
tory burch shoes
pandora uk
ugg canada
moncler jackets
caterpillar boots
michael kors outlet online
ugg boots outlet
coach factory outlet
mlb jerseys
ray ban glasses
ugg outlet online
ralph lauren
coach factory outlet online
oakley sunglasses outlet
yeezy shoes
burberry handbags
canada goose jackets
polo outlet online
mulberry
michael kors outlet canada
cheap oakley sunglasses
uggs
coach outlet online
ugg outlet
pandora charms outlet
north face jackets
coach factory outlet online
canada goose coats
coach outlet online
canada goose jackets
polo ralph lauren outlet online
polo ralph lauren outlet online
ralph lauren
ralph lauren outlet online
mulberry uk
nike shoes
coach outlet store
louis vuitton outlet
pandora charms
michael kors outlet clearance
adidas shoes
ralph lauren outlet online
coach outlet online
canada goose
louis vuitton factory outlet
canada goose
uggs outlet
canada goose outlet online
ralph lauren outlet online
canada goose jackets
ray ban sunglasses cheap
columbia sportswear outlet
adidas outlet online
yeezy shoes
air max
canada goose coats
michael kors
ralph lauren outlet online
cheap ray ban sunglasses
red bottoms
retro 11
coach outlet online
coach factory outlet
michael kors outlet store
air jordan shoes
polo ralph lauren outlet
cheap jordan shoes
nike outlet online
coach outlet online
canada goose
supreme clothing
michael kors
canada goose sale
canada goose jackets
canada goose jackets
ray bans
adidas outlet store
canada goose sale
air jordans
yeezy shoes
coach outlet store online
canada goose sale
michael kors outlet clearance
christian louboutin shoes
kate spade outlet online
coach outlet store online
the north face outlet
fred perry shirts
michael kors
pandora charms
michael kors outlet store
mulberry outlet uk
michael kors outlet store
coach handbags outlet
adidas nmd r1
canada goose jackets
adidas yeezy boost
coach outlet online
polo ralph lauren outlet online
christian louboutin shoes
michael kors outlet online
ugg boots
burberry handbags
uggs outlet
ugg outlet store
pandora jewelry outlet
michael kors outlet online
louboutin shoes
hermes bags
toms shoes
pandora jewelry
adidas nmd r1
adidas ultra boost
hermes handbags
171220yueqin
linyuanyuan
Funny Plug'z
Funny Plug'z
 
Messages: 144
Inscription: 26 Jan 2016, 03:13
Points: 148



Retourner vers The Gimp

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités