AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


1 résultat trouvé pour ff7c00

Gravity

LP Japanese Dream - Ven 9 Nov 2012 - 13:09

Notation Tutoriel



• Qualité du rendu3/3 (très bon)
• Intérêt des techniques2/3 (bon)
• Clarté des explications2/3 (bon)
• Présentation2/3 (bon)
• Illustrations2/3 (bon)

TOTAL de points11 points
ETOILES


Les ressources:
Attention! Les ressources que vous utiliserez dans ce tutoriel doivent impérativement être créditées si vous postez votre rendu sur un site (comme deviant-art par exemple^^) c'est d'ailler pour ça que je vous propose les liens seulement.
Spoiler:


Tutoriel : Japanese dream


Introduction:

Salut à vous =) Voilà, c’est mon premier tutoriel, donc soyez un peu indulgents ^^ ‘.
Pour ce tutoriel, je vais vous proposer de réaliser un LP (large piece).
Si vous suivez bien chaque étape, vous pouvez vous en sortir Wink Sachant que ce ne sera pas
Un tutoriel simple mais il ne sera pas compliqué non plus :p
Surtout n’oubliez pas (si vous postez votre rendu sur un site web) de créditez les ressources
Que nous allons utiliser durant ce tutoriel. Allez, assez blablaté ENJOY !

Rendu final:

http://obscuriastudio.deviantart.com/art/Japanese-dream-335343863

STEP1 : Les îlots dans les aires

Importez l’image d’arrière-plan qui nous servira de background. Veillez à ce que l’on voit bien le ciel et les collines. Une fois le background ajusté, ouvrez l’image des gros rochers sur l’océan, détourez les 2 rochers (de la méthode souhaitée) puis importez-les dans votre composition. Ils vont nous servir d’îlots flottants dans les aires ! Ensuite, faites  « CTRL+T »  puis clique droit=> symétrie axe vertical. Pour finir, gommez avec un brush à bord doux (dureté 0% et opacité 35%) les contours centraux des rochers :

Tag ff7c00 sur Never Utopia - graphisme, codage et game design 111

STEP2 : Tenir compte du temps

Pour que nos îlots  deviennent plus réalistes, nous allons procéder à la magie du temps  En effet, avec le temps, la végétation pousse, des morceaux de roches tombent... Nous allons donc mettre en œuvre cette théorie afin d’augmenter le réalisme de notre œuvre.
Nous allons commencer par le plus dure :p La végétation ! Mais vous allez voir que ça ne l’est pas en fin de compte Wink Alors vous allez déjà télécharger plusieurs images de végétations. Pour cela allez juste sur google image et tapez « végétation » . Prenez n’importe qu’elles images dans lesquelles on voit beaucoup de verdure (notez également que je vous en propose quelques-unes dans les ressources ^^).  Ensuite, vous allez être  plus autonome,  je vous explique d’abord la technique pour incruster la verdure puis vous l’utiliserez de façon à rendre ces rochers plus verdoyants (mais attention, pas trop !). Donc en gros voilà le principe : vous importez  au-dessus  des rochers une image, puis vous allez créer un masque d’écrêtage. Vous allez ensuite gommez avec un brush à bord doux (dureté 0% et opacité 100) des parties de l’image pour l’incruster (cette étape est importante, vous devez réussir à rendre  votre végétation  naturel). Pour finaliser,  sachant que la lumière provient de derrière les rochers, la face actuellement visible devrait être sombre hors, la végétation ne l’est pas. Pour cela nous allons (en sélectionnant votre image de verdure) aller dans  image=> réglage=>courbes. Réglez celle-ci  à peu près comme sur l’image ci-dessous en fonction de votre rendu.
Spoiler:


Répétez donc cette action pour chaque image. Nous allons maintenant nous attaquer aux rochers qui tombent. Pour cela nous allons de façon très simple dupliquer les rochers îlots de base puis sur cette copie, gommez les rochers jusqu’à en obtenir un tout petit ! Placez le ensuite où bon vous semble puis dupliquez  le. Placez cette copie autre part en variant sa taille et son orientation (« CTRL+T »). Vous pouvez en mettre autant que vous voulez mais attention je vous conseille d’en mettre peu (c’est seulement des détails).
Voici donc mon rendu final pour cette deuxième étape :
Tag ff7c00 sur Never Utopia - graphisme, codage et game design 311

STEP3 : De la vie sur les rochers

a) Rocher de gauche
Vous l’aurez remarqué, les rochers sont plats sur le dessus ^^ Nous allons donc rajouter des collines ! Pour cela nous n’allons pas nous embêter : dupliquez  les rochers mais ne gardez sur cette copie que celui de gauche (gommez l’autre) puis appliquez encore une fois une symétrie verticale. Vous n’avez plus qu’à le rétrécir et le placer sur  le côté gauche du rocher de gauche.
Dupliquez à nouveau les 2 îlots de bases mais cette fois-ci, gardez juste le rocher de droite (gommez l’autre) puis faîtes de même en le plaçant sur la partie droite du rocher de gauche.
Un screen sera certainement plus explicite =)
Tag ff7c00 sur Never Utopia - graphisme, codage et game design 410
Nous allons maintenant rajouter de la verdure sur ces nouveaux rochers avec la même technique que celle vue précédemment. Placez ensuite le magnifique arbre rouge là où vous le voyez le mieux. Pensez à gommez  (opacité 35%) les bords de l’arbre pour l’effet de lumière. Rajoutez l’enfant qui fait de la balançoire.

b) Rocher de droite
Placez le temple, ajoutez-y un petit filtre (image=>réglage=>filtre photo) pour qu’il s’harmonise bien niveau couleur. Mettez au pied du temple dans les extrémités, quelques brushes de plantes. Encore une fois (et oui on se répète mais courage  ) dupliquez  les rochers de bases puis gommez de façon à avoir un rocher en plus devant le temple :
Tag ff7c00 sur Never Utopia - graphisme, codage et game design 510
Place à la verdure encore une fois ! Idem que les fois précédentes un peu de verdure sur cette nouvelle roche ne fera pas de mal !

STEP4 : euh…Tarzan la banane Very Happy

Nous allons maintenant créer des lianes ! Pour se faire,  prenez l’outil de plume P et tracez en 3 points une ligne partant du rocher de droite au rocher de gauche. Prenez ensuite l’outil de conversion de point afin de les arrondir. En prenant un brush rond à bord doux (dureté 0% et opacité 100%) nous allons tracer cette liane : retournez dans l’outil de conversion de point puis clique droit=>contour du tracé… Une fenêtre s’affiche, sélectionnez comme outil « forme » et décochez la case en dessous. La liane est maintenant tracée, supprimez juste le tracé (en allant dans l’onglet « tracé » :O , puis en bas en cliquant sur la petite poubelle :p ) répétez cette action pour réaliser plusieurs lianes. Pour les rendre plus réalistes, je vous propose d’ajouter quelques brushes de plantes sur vos lianes (pensez également à assombrir certains endroits de vos lianes).
Tag ff7c00 sur Never Utopia - graphisme, codage et game design 610

STEP5 : Finalisation !

Oui nous avons presque fini !!! Nous allons juste rajouter des oiseaux, pour cela je vous conseille de vous procurer quelques brushes d’oiseaux pour en appliquer quelques un au loin dans le ciel. Puis rajoutez un ou deux renders d’oiseaux sur les lianes. Il ne nous manque plus qu’à donner un ton  de couleur plus sympathique à notre LP  Pour cela nous allons rajouter deux courbes de transferts dégradés.
La première  (en mode « lumière tamisé », opacité 45%) allant du bleu (#546b90) au orange (#ff7c00).
La deuxième (« lumière tamis » opacité 43%) allant encore du bleu (#145b78) au orange      (#fe8d23).
Nous avons maintenant un meilleur contraste et des tons de couleurs plutôt jolis .

Et voilà, le tuto touche à sa fin ! J’espère que cela n’a pas été trop dur ni trop long^^’ j’ai détaillé du mieux que j’ai pu :p
Un petit merci serai plaisant ^^ Et surtout n’hésitez pas à poster votre rendu !
Si vous avez un problème, je suis à votre disposition! :)

Tag ff7c00 sur Never Utopia - graphisme, codage et game design Asian_10


Revenir en haut

La date/heure actuelle est Dim 28 Avr 2024 - 21:00