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.


17 résultats trouvés pour high_tech

Sparrow-style

Index - Jeu 4 Juin 2015 - 11:56

Fonds & Textures - Index





En cliquant sur un tag (mot précédé du dièse "#") indiqué dans chaque tutoriel vous afficherez tous les messages du forum comportant eux aussi le même tag.


Fonds


Fonds divers et simples (x2)
Voir le tutoriel



Textures


Effet métal "griffé"
Voir le tutoriel
Texture Asphalte / Bitume
Voir le tutoriel
Texture bois en 3 étapes
Voir le tutoriel
Texture bois (simple)
Voir le tutoriel
Faire un Schnout
Voir le tutoriel
Créer un vieux document (parchemin)
Voir le tutoriel
Map façon seigneur des anneaux
Voir le tutoriel



Effets 3D


Citrons et oranges réalistes
Voir le tutoriel
Se faire cuire un oeuf
Voir le tutoriel

Sparrow-style

Index - Jeu 4 Juin 2015 - 11:17

Bases & Astuces - Index





En cliquant sur un tag (mot précédé du dièse "#") indiqué dans chaque tutoriel vous afficherez tous les messages du forum comportant eux aussi le même tag.


Aides, Astuces



Lexique des équivalents Anglais / Français par Zayl
Lexique du vocabulaire graphique par Wasp
Faire un screenshot par Legend
Réduire une image sans la déformer par Ilan
Les bases dans une création par Spree

La Couleur


La Couleur et les 7 contrastes
Voir le tutoriel



Outils


Apprenez toutes les bases de la "Plume"
Voir le tutoriel



Le Détourage


Détourer les cheveux facilement
Voir le tutoriel
Détourer avec la gomme magique
Voir le tutoriel
Détourer une image sombre sur fond sombre
Voir le tutoriel
Détourer une image avec le lasso polygonal
Voir le tutoriel



Les Cadres


Cadres en pointillés
Voir le tutoriel
Faire des cadres simples facilement
Voir le tutoriel



La Typographie


Conseils typographiques (1)
Voir le tutoriel
Conseils typographiques (2)
Voir le tutoriel

Typographie style "logo"
Voir le tutoriel
Typographies spéciales bannière
Voir le tutoriel


Autres


Techniques diverses d'amélioration de création
Voir le tutoriel
Apprendre à faire un kit
Voir le tutoriel

Sparrow-style

Typographie high-tech - Lun 17 Mai 2010 - 23:13



Bonjour à tous !

J'attendais que le concours se termine pour poster ce tuto puisque pas mal avaient appréciés la typographie mise en place (et vu que les 15 votes ont été donnés je me permet de le poster avant qu'il ne se perde définitivement dans les méandres de mes disques durs... ^^).

Voici donc le tuto permettant de faire la typographie suivante : Lien image

Le tutoriel :

Tag high_tech sur Never Utopia - graphisme, codage et game design Mini_472214typo_graphisme


Enjoy^^

Flox - ™

Audio Player - Dim 20 Déc 2009 - 15:56


Plop ! Voici mon deuxième tuto.

Voici le tuto! Bonne chance !


Outcome : Tag high_tech sur Never Utopia - graphisme, codage et game design High-tech-tuto-16a021d

Tag high_tech sur Never Utopia - graphisme, codage et game design Tutohightechpartie1-52db3bf424
Tag high_tech sur Never Utopia - graphisme, codage et game design Tutohightechpartie2-30359ea729
Tag high_tech sur Never Utopia - graphisme, codage et game design Tutohightechpartie3-1883bb1a14
Tag high_tech sur Never Utopia - graphisme, codage et game design Tutohightechpartie4-f8010c8948

Désolé de l' avoir mis en autant de parties, c'est la première fois que je fais un fond, donc maintenant je sais que 3000 px de hauteur c'est pas assez. x)

Rendus :

Mitashi : Tag high_tech sur Never Utopia - graphisme, codage et game design 123

Shanks : Tag high_tech sur Never Utopia - graphisme, codage et game design 4b2f7b01eea65high-tech-zick

- Luffy -G - : Tag high_tech sur Never Utopia - graphisme, codage et game design Img-175643ilasm

Mao : Tag high_tech sur Never Utopia - graphisme, codage et game design 4b309a69b9baeplayer

Spartan

Serpentins 3D - Ven 7 Aoû 2009 - 16:08


• Pour mon troisième tuto, je vais vous apprendre a faire des serpentins 3D.


Tag high_tech sur Never Utopia - graphisme, codage et game design 435035Tuto_Serpent_copie

Riku Asakura

Faire un tube en verre rempli de fluide - Sam 1 Nov 2008 - 18:42


Voici un nouveau tuto, fait un peu rapidement, pas le temps de corriger d'éventuelles fautes, et pauvre en effets de décoration, m'enfin au moins vous saurez faire un tube en verre Razz

Amusez-vous bien.

Tag high_tech sur Never Utopia - graphisme, codage et game design 2004040706071322416724976
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004040706081322416724977
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004040706101322416724978

Si vous avez des questions n'hésitez pas.
Enjoy Wink

Les rendus :
Spoiler:

High-tech, créer une forme métallique en 10 commandements - Mar 7 Oct 2008 - 19:07



Ce tuto est juste énorme !! Laissez les images se charger calmement Wink

J'en profite donc pour parler un peu concernant ce tuto.
Il est issu d'une demande accompagnée de la présentation d'une création sur un de mes forums. Cette création possède un Copyright au nom d'Orion, mais je ne sais pas du tout d'où vient cette création... donc merci à Orion pour l'inspiration XD

Ce tuto synthétise un peu mes connaissances toutes neuves dans le style du high-tech... vous avez certainement pu voir une petite progression entre mon kit actuel et celui de Byakuya par exemple... celui de Bya présentant un peu plus de formes sur le métal.

C'est un peu cela que je compte vous enseigner ici... enfin, enseigner... c'est un gros mot XD

Voilà, maintenant les images doivent être chargée, vous aurez juste besoin d'un petit brush pour la fin du tuto :

Nécessaire :
- Brush lueur (clic-droit > enregistrer la cible du lien sous...)
A placer dans votre dossier formes. (c:/program files (programmes sous vista)/Adobe/Photoshop CS2/Paramètres prédéfinis/Formes/...)

Complément :
- Exemples de forme de base (clic-droit > Enregistrer la cible du lien sous...)

Voici le tuto :
------------------
Rendu
------------------

Partie intro
Partie 1
Partie 2
Partie 3
Partie 4
Partie 5
Partie 7
Partie 8
Partie 9
Partie 10 Fin

Si jamais le tuto pose, de manière générale, trop de problème, je vous fournirais mon psd...
Surtout n'hésitez pas à me corriger ou à poser des questions, mais seulement après avoir cherché par vous-même !

Merci, et surtout, COURAGE !!![/center]

Rendus

Spoiler:

Sparrow-style

Logo High-Tech - Lun 18 Aoû 2008 - 2:23



Tag high_tech sur Never Utopia - graphisme, codage et game design Quiest10


Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219241322416722918
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219221322416722916
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219241322416722917
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219271322416722919
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219281322416722920
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219331322416722922
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219321322416722921
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219371322416722924
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219361322416722923
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219391322416722925
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219401322416722926
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004031219431322416722927

Enjoy Wink

Riku Asakura

Chaînes métalliques - Lun 12 Mai 2008 - 0:26


Salut les loups.
Voici une tuto assez simple pour vous présenter la technique que j'utilise pour la création de chaînes en métal de tout genre (acier, or... hélas c'est du virtuel XD).

Voilà le tuto :

Tag high_tech sur Never Utopia - graphisme, codage et game design Tuto_113
Tag high_tech sur Never Utopia - graphisme, codage et game design Tuto_210
Tag high_tech sur Never Utopia - graphisme, codage et game design Tuto_310
Tag high_tech sur Never Utopia - graphisme, codage et game design Tuto_411

En espérant qu'il vous sera utile Wink
Au plaisir !

tivolien

Faire un cadre en métal - Lun 21 Avr 2008 - 20:36



Tag high_tech sur Never Utopia - graphisme, codage et game design 08042108343158771976894

J'espère que ce tuto vous plaira
n'hesitez pas à poster vos rendu Wink

tivolien

Fond high tech - Sam 19 Avr 2008 - 14:12



Bien que ce tuto à la base ne soit pas de moi (et ne sachant plus ou je l'ai vu pour la première fois)
Je vous le présente en image[/center]

Tag high_tech sur Never Utopia - graphisme, codage et game design 08041902093358771967239

Hisoka

Écran de Science-Fiction - Jeu 20 Mar 2008 - 1:38


Bijour tout le monde , Je vous propose mon tout premier tuto depuis que je graph' , c'est normal , je suis un pauvre débutant encore >.< et mais non ... vous moquez donc pas de moi T_T . ^^

Voila pour commencer donc , ouvrez un document , de taille que vous voulez , moi c'est du 600X500 . je l'ai prit en transparence faite comme bon vous semble les ami(e)s .

Ensuite , sur ce même calque là , faite une sélection en prenant l’outil de sélection rectangle . de la taille que vous voulez votre sélection . Ensuite , remplissez cette sélection de noir de préférence .

Tag high_tech sur Never Utopia - graphisme, codage et game design 321576Image1
Ensuite , avec le même tracer , aller sur l'autre côtés du calque pour faire la même chose , ce qui doit vous donnez ceci :

Tag high_tech sur Never Utopia - graphisme, codage et game design 345356Image2
Ensuite prenez l'outil de forme rectangle arrondie , et sélectionner une des barre faite au part avant . Ensuite , aller sur la fenêtre des calques et aller sur tracée , cliquer droit sur le calque et mettez : définir un tracé de sélection de 1 pixel .
la dupliquez le calque , et cacher votre calque précédent , pour apercevoir le premier résultat qui doit vous donnez cela :

Tag high_tech sur Never Utopia - graphisme, codage et game design 476393Image3
Faites la même choses avec l'autre barre noir qu'on a faite , ensuite , dupliquez a nouveau le calque . vous aurez ceci :

Tag high_tech sur Never Utopia - graphisme, codage et game design 321270Image4
A ce moment la , supprimez tout les calque que vous n'utilisez plus c'est à dire , les calque de tracée 1 et 2 , mais aussi le calque de départ , celui avec les deux colonnes noirs qui n'est plus d'aucune utilité .

Pour continuer , fusionnez vos deux calques restant c'est a dire les barre arrondie , pour qu'il ne vous reste plus qu'un seul calque mais aussi pour faire une option de fusion sur les deux en même temps . pour ce faire aller sur la fenêtre des calques cliquez droit sur le calque et option de fusion .
Entrez les paramètres suivants :

Tag high_tech sur Never Utopia - graphisme, codage et game design 805835Image5
Tag high_tech sur Never Utopia - graphisme, codage et game design 170736Image6
Tag high_tech sur Never Utopia - graphisme, codage et game design 480895Image7
Tag high_tech sur Never Utopia - graphisme, codage et game design 258921Image8
Tag high_tech sur Never Utopia - graphisme, codage et game design 490309Image9
Tag high_tech sur Never Utopia - graphisme, codage et game design 860538Image10
Voila . une fois ces paramètres mis , il ne reste plus grand choses a faire . Donc faites un nouveau calques ( ctrl+maj+n ) puis sur ce calque la , prenez toutes la longueur entre les deux barres , avec l'outil de sélection rectangle , et mettez le de couleur de votre choix , moi j'ai choisi le orange , je vous montre :

Tag high_tech sur Never Utopia - graphisme, codage et game design 844220Image11
Ensuite :

Tag high_tech sur Never Utopia - graphisme, codage et game design 364677Image12
Là, il ne vous reste qu'à baisser l'opacité du calque avec le orange ou la couleur que vous avez choisi , et vous avez une bannière pré-faite plus qu'à utiliser pour y ajouter une image ,ou alors l'utiliser en ce que vous voulez ^^ . moi je met d'opacité 50% en général ^^ et je rajoute des effet , voila mon résultat :

Tag high_tech sur Never Utopia - graphisme, codage et game design 166447Image13

Voila c'était mon tout premier Tuto , j’espère qu'il vous aura plus et qu'il vous sera utile , en tout cas ,j’étais bouche bée moi même quand je l'ai découvert ce truc .... ><

Merci a tous quand même et merci au cap'tain avant tout parce que c'est grâce à son tuto bannière métallique que j'ai pu réaliser celui çi .

Sparrow-style

Les Câbles métalliques - Jeu 6 Mar 2008 - 20:41



Tag high_tech sur Never Utopia - graphisme, codage et game design 811736Tuto1
Tag high_tech sur Never Utopia - graphisme, codage et game design 272176Tuto2
Tag high_tech sur Never Utopia - graphisme, codage et game design 668396Tuto3

Riku Asakura

Effet sous-verre/Effet de reflet - Dim 24 Fév 2008 - 22:19



Bonsoir à tous !
Je ne savais pas comment appeler cet effet, si certains ont des idées sur une meilleure appellation qu'ils le disent maintenant ou se taisent à jamais ( Suspect ) lol
Non sérieusement, comme ça je changerais le titre du sujet par un plus... correct ^^
En attendant cela ne change pas l'intérêt du tuto !!
S'il y a une erreur sur le tuto, merci de me prévenir !

Résultats possibles à la fin du tuto

Ressources :
- Brush : Scorp_Sparkle brushes

Tag high_tech sur Never Utopia - graphisme, codage et game design 2004040700471322416724971
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004040700461322416724970
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004040700571322416724972
Tag high_tech sur Never Utopia - graphisme, codage et game design 2004040700581322416724973


Amusez-vous bien les loups ! J'espère que ça servira à quelques uns d'entre vous !
Maintenant vous connaissez tous mes secrets Razz lol
Bonne soirée !

Sparrow-style

Forme en verre coloré - Jeu 7 Fév 2008 - 11:09



Voici un petit tuto afin d'appliquer sur une forme un effet de verre. La difficulté de ce tuto est qu'il faut adapter les valeurs à la forme choisie. En effet, les effets que je vais donner ne donneront pas la même chose sur une forme fine que sur une forme large.

Il vous faudra principalement modifier l'importance du biseautage.

De même, vous pouvez changer la couleur, pour cela, modifiez la chaque fois qu'elle apparait : changez le orange par la couleur de votre choix.

Voici donc le résultat de ce tuto :


Tag high_tech sur Never Utopia - graphisme, codage et game design Fini10


1) Ouvrez photoshop et créez un document de la taille de votre choix. Remplissez-le de noir ou de blanc (blanc pour voir l'ombre, noir si l'ensemble vous plait mieux, il vous sera possible de changer bien sûr).
Choisissez ensuite une forme que vous ferez de couleur blanche au centre de votre document. Pour visionnez les différentes formes que votre logiciel possède, allez sur l'outil forme :

Tag high_tech sur Never Utopia - graphisme, codage et game design Outils10

Puis pour la changer allez sur la barre en haut de l'écran :

Tag high_tech sur Never Utopia - graphisme, codage et game design Outils11

Appliquez cette forme, moi j'ai choisis l'empreinte de patte :

Tag high_tech sur Never Utopia - graphisme, codage et game design Img110

Tag high_tech sur Never Utopia - graphisme, codage et game design Img1a10

Dupliquez deux fois cette forme, afin d'en avoir 3 :

Tag high_tech sur Never Utopia - graphisme, codage et game design Img1a11


2) Nous allons appliquer sur chaque forme des effets avec les options de fusion, en commençant par le calque du bas, puis en remontant. Voici par étape les valeurs et effets que vous devez entrer. Je répète que rien n'est jamais figé, si l'effet ne vous convient pas c'est à vous de le modifier, c'est ainsi que j'ai moi-même procédé lorsque j'ai trouvé un tuto de ce type sur le net.

Premier calque :




Ombre portée :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img310

Ombre interne :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img410

Lueur externe :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img510

Biseautage et Estampage :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img610

Contour :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img5a10

Incrustation couleur :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img710


Résultat :

Tag high_tech sur Never Utopia - graphisme, codage et game design Img910


3) Calque 2 (celui du milieu) :


Fusion générale : couleur

Ombre portée :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img1110

Ombre interne :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img1210

Biseautage et Estampage :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img1310

Contours :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img1410


Résultat :

Tag high_tech sur Never Utopia - graphisme, codage et game design Img1510


4) Calque 3, celui du haut :


Options de fusion générales :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img1610

Ombre portée :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img1710

Ombre interne :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img1810

Lueur externe :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img1910

Biseautage et estampage :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img2010

Contour :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img2110

Incrustation couleur :
Tag high_tech sur Never Utopia - graphisme, codage et game design Img2210


Résultat final :


Tag high_tech sur Never Utopia - graphisme, codage et game design Fini11


Voilà ! ^^ En espérant que ça vous serve Wink


Merci de demander mon accord avant de copier ou même de lier ce tuto.

Riku Asakura

Placer une image sous "bulle" - Mar 8 Jan 2008 - 17:54



Voici un petit tuto de plus ^^

Tag high_tech sur Never Utopia - graphisme, codage et game design Icone_11
Tag high_tech sur Never Utopia - graphisme, codage et game design Icone_12

Pardonnez la qualité de l'image moyenne, je ne sais pas pourquoi Servimg me l'a converti en JPG au lieu de PNG.

Voilà le résultat final :
Tag high_tech sur Never Utopia - graphisme, codage et game design Naruto10

En espérant que cela vous servira. Bye bye ^^

Capucine

Boule aqua simple - Ven 28 Déc 2007 - 6:39



Coucou !

Voilou mon "petit tuto" à moi pour faire une boule aqua simple.

Tout d'abord, ce tutoriel est ma propriété. Donc merci de ne le pas vous l'attribuer à vos propres fins et en votre nom. Il est sous Copyright sur mon propre forum.


Les
boules aqua sont très à la mode en ce moment. Je vais vous expliquer
comment en faire une sous Photoshop CS en deux temps trois mouvements.





1 - Tout d'abord, ouvrez un nouveau document sur un fond transparent :


Tag high_tech sur Never Utopia - graphisme, codage et game design Nouvea10
[/center]






2 - Dans les outils, sélectionnez "Ellipse de sélection" :


Tag high_tech sur Never Utopia - graphisme, codage et game design Outils10







Puis dans votre document, tracez un cercle en maintenant la touche MAJ en foncée pour que le cercle soit bien régulier :


Tag high_tech sur Never Utopia - graphisme, codage et game design Etape110









3 - Ensuite, ouvrez le sélecteur de couleur :


Tag high_tech sur Never Utopia - graphisme, codage et game design Etape_10







Avec l'outil "Pot de peinture", remplir le cercle que vous avez tracé à l'étape précédente. Ce qui doit vous donner le résultat suivant :


Tag high_tech sur Never Utopia - graphisme, codage et game design Etape_11







4 - Maintenant, nous allons passer à la mise en lumière de la boule :


Faites Calque - Nouveau calque.


Dans la barre des outils, il faut que votre couleur de premier plan soit le blanc : Tag high_tech sur Never Utopia - graphisme, codage et game design Premie10



Ensuite, faites CTRL + D pour désélectionner votre cercle bleu. Puis prenez l'outil "Ellipse de sélection" et tracez un cercle à peu près comme ceci :


Tag high_tech sur Never Utopia - graphisme, codage et game design Etape_12







Prenez l'outil "dégradé" et vérifiez bien que votre dégradé va du blanc vers
le transparent (petite fenêtre en haut juste en dessous d'Edition) :


Tag high_tech sur Never Utopia - graphisme, codage et game design Etape_13







Puis tracez un dégradé blanc-transparent du haut vers le bas de la sélection, ce qui donne ceci :


Tag high_tech sur Never Utopia - graphisme, codage et game design Etape_14







Appuyez sur la touche entrée, cliquez sur "Outil de déplacement" dans la barre des outils et redimensionnez la "brillance" de la boule aqua pour
obtenir à peu près ceci :


Tag high_tech sur Never Utopia - graphisme, codage et game design Etape_15






Baissez l'opacité de ce calque à 80 %.



5 - Faites calque - Nouveau calque.


En bas de votre boule, tracez un cecle avec l'Ellipse de sélection comme ceci :



Tag high_tech sur Never Utopia - graphisme, codage et game design Etape_16







Selectionnez l'outil Dégradé et tracez un dégradé allant du blanc vers le
transparent de bas en haut. Réglez la taille du dégradé comme vous l'avez fait pour le précédent afin d'obtenir à peu près ceci :


Tag high_tech sur Never Utopia - graphisme, codage et game design Etape_17







Maintenant, nous allons rendre ce dégradé plus flou.


Faites :


Filtre - Atténuation - Flou Gaussien avec un rayon de 2

Filtre - Atténuation - Flou Gaussien avec un rayon de 4 (répéter une fois cette manipulation)

Baisser l'opacité à 60 %

Filtre - Atténuation - Flou Gaussien avec un rayon de 4

Filtre - Atténuation - Flou Gaussien avec un rayon de 8



6 - Nous allons donner du volume à la boule :


Repositionnez-vous sur le premier calque. Cliquez deux fois dessus pour ouvrir les options de fusion.


Tag high_tech sur Never Utopia - graphisme, codage et game design Fenetr10







Faites les réglages suivants :


Tag high_tech sur Never Utopia - graphisme, codage et game design Fusion11


Tag high_tech sur Never Utopia - graphisme, codage et game design Fusion12








Votre boule aqua est terminée. Voici le résultat final :
Tag high_tech sur Never Utopia - graphisme, codage et game design Etape_18







Vous pouvez la modifier en jouant avec l'incrustation de couleur ou de dégradé dans les options de fusion. Voici quelques exemples :



Tag high_tech sur Never Utopia - graphisme, codage et game design Ex211

Tag high_tech sur Never Utopia - graphisme, codage et game design Ex411




Tutoriel By Capucine©


Revenir en haut

La date/heure actuelle est Mar 19 Mar 2024 - 11:56