GIMP - Création d'icônes
Intention
Presque tous les ambience bureau que j'ai vu a une application spéciale pour la création d'icônes, généralement une application de dessin très limité. Dans ce court tutoriel, nous allons vous montrer comment GIMP (programme GNU Image Manipulation) peut vous aider à créer des icônes pour votre bureau.
Avant que tu commences
Comme pour toute nouvelle tâche, il vous aidera à avoir un peu d'information de fond:
Structure et noms de fichiers
GIMP vous permet d'enregistrer des fichiers compressés et travailler avec eux de manière transparente, en utilisant le format .xcf. Cependant, étant donné que nous travaillons avec les très petits fichiers, la compression ne SimplÉpargnes pas assez d'espace pour justifier l'effort. D'autant plus que filemanagers comme Nautilus ont des problèmes avec la création de vignettes pour les images compressées, il est préférable d'accompagner tous les fichiers .XCF que vous produisez avec une version .png. (Voir ci-dessus l'image)
Nautilus (gnome-VFS) ne peut pas encore gérer les fichiers natifs GIMP comprimé
Le choix d'une palette de couleurs
Si vous préférez créer votre propre palette, il est préférable de définir simplement les couleurs les plus élémentaires. À savoir, mettre l'accent principalement sur la définition d'un ensemble de couleurs que vous allez utiliser. Par la suite, vous pouvez modifier la valeur ou la saturation pour créer des ombres ou de temps forts cette couleur particulière. Avoir une palette complexe avec de nombreuses variations, il sera complexe et difficile à naviguer.
Commencer
Pour créer un nouveau fichier d'image, appuyez sur Ctrl + N. Sélectionnez une image de pixels 48x48, la taille des icônes standard Gnome. Parce que travailler sur un petit pixmap nécessite beaucoup de détails, zoomer pour travailler sur un niveau pixel par pixel. Essayez 8: 1 grossissement (Affichage -> Zoom -> 8: 1).
A ce grossissement, cependant, vous commencerez à perdre de vue. Il est préférable de garder une fenêtre supplémentaire ouverte avec une vue non agrandie, afin que vous puissiez voir ce que l'icône ressemblera. Pour ce faire, choisissez Affichage -> Nouvelle vue dans le menu contextuel de l'image (la petite flèche dans le coin supérieur gauche de la fenêtre). Utilisez un 1: 1 zoom sur ce point de vue, de sorte que vous pouvez peindre à un zoom 8: 1 et voir les résultats immédiatement.
Quelques trucs
Il semble tout d'abord que la création d'une icône est incroyablement restrictive. Après tout, il vous suffit d'une grille minuscule où vous courrez bientôt de pixels. Cependant, il y a quelques trucs que vous pouvez utiliser pour tromper l'oeil humain et de faire vos icônes mieux. Fondamentalement, vous serez Simuler ou impliquant la forme d'une valeur de couleur et l'opacité.
Anti crénelage
L'un des aspects fondamentaux des images bitmap est l'effet négatif de crénelage.
Bien que de nombreux outils tels que l'outil pinceau fonctionnent bien dans les grandes images, ils ne sont pas efficaces à la taille des icônes. dessin en particulier, avec une brosse de pixel 1x1 ne se comporte pas aussi bien que l'on pouvait espérer.
La solution est d'anti-alias manuellement. Certaines personnes préfèrent travailler à une résolution plus élevée, avec anti-aliasing complet, puis une petite échelle, mais l'icône perd la douceur et la plupart des avantages de la plus grande taille. En fin de compte, il est nécessaire de toucher l'image manuellement. Dans la plupart des cas, vous êtes mieux de commencer avec juste votre carré 48x48 et non mise à l'échelle.
Autant que cela puisse paraître dur, anti-aliasing manuel est facile et même amusant. Tout ce que vous avez besoin pour cela est le réglage d'opacité de l'outil crayon. Disons que nous avons un aperçu qui est aliasé (comme l'image à gauche). Sélectionnez une brosse 1x1 et réglez l'opacité à quelque chose comme 40%. Lorsque vous commencez à dessiner avec cette brosse noire en cliquant sur la surface blanche, il deviendra gris clair. Un clic et il devient plus sombre. De cette façon, vous pouvez facilement créer des transitions entre les deux fluent couleurs de bordure. Vous pouvez également modifier la couleur active en utilisant les touches Ctrl -leftMB ou tout simplement en échangeant forground et les couleurs d'arrière-plan (X).
Si vous utilisez des couches pour avoir une plus grande liberté d'expérimenter, vous trouverez l'outil d'effacement comme utile pour l'anti-aliasing comme le crayon (image de droite). Assurez-vous que vous activez l'option bords durs, pour une précision maximale.
Ombrage avec Dégradés
Vous pouvez utiliser des gradients pour améliorer la forme d'un objet. Pour les objets ronds, pour choisir un gradient radial, et pour les courbes, en utilisant un gradient linéaire. Pour les surfaces de remplissage, vous aurez envie d'utiliser des gradients linéaires presque à chaque fois. Même lorsque la surface est censé être plat, un léger gradient ajoute du réalisme. Assurez-vous de maintenir le subtil dégradé, cependant: trop de différence entre les deux extrêmes et vous ruiner l'effet.
Lumières et des ombres
Pour tout objet donné, assurez-vous d'expérimenter un peu avec lumières et les ombres, et pas seulement l'ombre de baisse régulière utilisée sur la plupart des icônes Gnome. Essayez de donner l'icône réelle des propriétés des matériaux avec des reflets de lumière. Que ce soit juste une petite lueur ou qu'il fasse beau d'un coin ou une suggestion de la profondeur en abaissant la saturation ou la valeur d'un coin à l'arrière, vous pouvez améliorer l'apparence d'une icône avec juste un peu de travail.
Pour ombrage lisse, sélectionnez la zone que vous voulez travailler avec et ensuite appliquer l'outil aérographe. Vous n'affectera la sélection, de sorte que vous n'avez pas à vous soucier de surpulvérisation. Pour ce faire, les faits saillants dur, utilisez l'un des outils de crayon de pixels et, comme précédemment, une opacité réduit pour la couleur.
Exemple de travail
Dans ce petit tutoriel, l'artiste Jakub Steiner Ximian démontrera la plupart des techniques décrites dans la section intitulée « Quelques trucs », comme il dessine une icône de la télévision.
Forme de base
Normalement, vous devriez utiliser l'outil de Bézier pour le montage de forme, mais une silhouette de télévision est assez simple que nous allons commencer avec l'outil de sélection rectangulaire.
Créer une couche de premier plan séparé pour la forme, et choisissez une lumière, mais pas complètement blanc, la couleur pour la couche de fond. Une fois que vous avez terminé avec l'icône, vous pouvez faire glisser les couleurs de la palette à la couche de fond pour vous assurer que l'icône ressemble à droite sur un arrière-plan.
Faites glisser le rectangle d'aperçu noir de la boîte à outils, ou appuyez sur Ctrl + pour remplir la silhouette. Vous devriez avoir un carré noir sur fond clair. Ensuite, utilisez l'outil Gomme pour lisser les bords de la place pour que la forme est meilleure. Cela permettra également d'ajouter un léger éclat blanc aux coins de l'image.
Making it en plastique
, Nous allons utiliser suivant le mélange alpha d'une sélection pour donner un plus trois dimensions aspect à la silhouette.
Sélectionnez la silhouette TV par un clic droit sur la couche dans la fenêtre de la couche et en choisissant Alpha à la sélection. Réduction de la sélection de 1 pixel et le remplir avec un gradient linéaire similaire à l'image ci-dessus. Maintenant, vous avez une forme gris foncé avec un contour noir, et des coins légèrement brillant.
Maintenant, il est temps d'ajouter un peu plus en profondeur, en utilisant l'astuce de la surbrillance section intitulée « Faits saillants et les ombres ». Utilisez un crayon 1x1 blanc pour créer des reflets et un noir pour créer des ombres. En réglant l'opacité de la brosse à quelque chose comme 20%, vous pouvez obtenir des résultats similaires à l'image ci-dessus.
Modélisation de l'écran
Bien sûr, une télévision est pas seulement un seul carré avec un contour. Vous pouvez créer l'écran de la même façon que vous avez fait la silhouette de la télévision. Créez un nouveau calque, et ajouter une sélection rectangulaire plus petite, placée à l'intérieur d'une télévision. Remplir avec du noir, réduire la sélection de 1 pixel, et enfin le remplir avec un gradient linéaire pour former un écran tel que celui représenté sur l'image ci-dessus.
Un aspect important des surfaces de verre est le reflet. Pour l'écran de télévision un aspect brillant et réfléchi, réduire la sélection par un autre pixel et créer une nouvelle couche. Maintenant, choisissez l'outil aérographe et une brosse floue de taille moyenne. Peindre un reflet blanc comme celui de l'image ci-dessus.
Si vous voulez créer des lignes horizontales moniteur sur l'écran, vous pouvez utiliser l'effet entrelacée. Pour ce faire, créer une nouvelle couche au-dessus l'actuelle. Rendu des lignes horizontales blanches avec Filtres -> Rendu -> Motif -> Grille. Assurez-vous de définir le mode de calque sur Recouvrement.
Après cela, vous aurez envie de créer des boutons. Ceci est relativement simple: il suffit de créer une sélection circulaire avec l'outil Elipse et le remplir avec gradient radial (image ci-dessus). Le choix d'un gradient au lieu d'un remplissage solide offre un peu de brillance à la touche, même si elle est juste quelques pixels à travers, il semble distinct et en trois dimensions.
Modélisation de la télécommande
Cette fois, nous allons utiliser l'outil de sélection de Bézier pour créer le contour d'un objet. Avec une petite forme, il peut parfois être difficile d'utiliser l'outil de Bézier, il est difficile de créer une petite forme, parce que les nœuds se calent sur la grille de pixels, mais il vaut la peine, car il rend la forme semble forte, comme celle-ci . Vous pouvez regarder dans le manuel GIMP pour plus d'informations sur la modification des chemins de Bézier et de travailler avec l'outil Bézier.
Pour créer une ombre pour la télécommande, copiez la fenêtre de chemin et se déplaçant juste un noeud. L'ombre dans cette image se fait exactement de cette façon.
Maintenant, pour faire l'objet un peu plus réaliste, nous allons utiliser notre truc fort. Utiliser l'outil de crayon avec une brosse de pixels 1x1 et l'opacité fixé assez bas, près de 20%. Le résultat fait l'objet très réel.
Pour créer des boutons de la télécommande, utilisez la même technique que vous avez fait pour créer le bouton sur le téléviseur. Faire une sélection avec l'outil bezeier, puis le remplir avec un dégradé, et d'appliquer avec lumières et les ombres de l'outil crayon, au besoin.
Ajout Glow
Pour plus de réalisme, vous pouvez ajouter une lueur de télévision. Créer une couche au-dessus de l'écran, mais au-dessous de la télécommande. Créer une sélection rectangulaire de l'écran, puis augmenter sa taille de 6 pixels et de le remplir avec du bleu. Or, cette sélection se contracter par 3 pixels et remplir de blanc. Désélectionner le sont avec Ctrl-Shift-A et appliquer le filtre -> Flou -> Flou gaussien RLE d'environ 5 pixels. Réglez ensuite le calque en mode superposition. créant l'effet de transparence.
Le produit final
Maintenant, vous avez un produit final: une télévision, avec télécommande.