forum d'entraide Sketchup Artlantis Archicad et bien d'autres
Bonjour sunny

Bonjour et bienvenue sur biblio3d, forum destiné à l'entraide concernant plus particulièrement les logiciels

SKETCHUP - ARTLANTIS - ARCHICAD - PIRANESI
Basketball

Attention : concernant les nouveaux venus, l'inscription est obligatoire pour accéder à la totalité du forum. Après inscription, veuillez vous présenter dans la section adéquate. Nous serons ravis de vous souhaiter la bienvenue dans la communauté ! sourire
addthis
Derniers sujets
» [ WIP ] les travaux à Nono .....
par nono.lerat Hier à 14:51

» [ CINEMA4D ] XPresso (scène "Loop" et contrôleur d'objets)
par freroil Hier à 13:12

» [ AUTRES LOGICIELS ] Un SpaceClaim free ? DesignSpark 4.0 !
par Pilou Hier à 11:40

» [AUTRES LOGICIELS] MagicaVoxel!
par Pilou Hier à 11:38

» [ CINEMA4D ] Script PYTHON (RayCollider)
par YPY Hier à 8:20

» [ CINEMA4D ] plugin jet fluids
par YPY Mar 22 Jan 2019 - 16:14

» [ AUTRES LOGICIELS ] FlowScape : paysages pour le plaisir des yeux!
par Pilou Lun 21 Jan 2019 - 19:26

» [ WIP ] projet design construction à la cité Mame à Tours ... fini!!!
par Yanosh HRDY Ven 18 Jan 2019 - 17:11

» [ CINEMA4D ] Les Plugins de NITRO4D (payant et FREE)
par YPY Ven 18 Jan 2019 - 13:01

» [ CINEMA4D ] Générateur de Tuiles (plugin)
par YPY Lun 14 Jan 2019 - 12:47

» [ AUTRES LOGICIELS ] Quel logiciel pour modélisation organique paramétrique ?
par freroil Lun 14 Jan 2019 - 12:31

» [ UNREAL ENGINE ] nuages ​​volumétrique gratuit pour Unreal Engine
par tenrev Lun 14 Jan 2019 - 11:28

» [ AUTRES LOGICIELS ] Moteur de Rendu Nebula Render
par Pilou Lun 7 Jan 2019 - 15:14

» [ WIP ] Un lit pour ma fille!
par rascal Dim 6 Jan 2019 - 9:28

» [WIP] mes ....? .. travaux.... du moins ce que j'essais de faire ..
par freroil Lun 31 Déc 2018 - 8:34

» [WIP] J'attends vos commentaires sur mon projet "Villa Savoye"
par Chayebespert Dim 30 Déc 2018 - 20:28

» [PRESENTATION ] 6TMD-Modeling
par freroil Jeu 20 Déc 2018 - 16:39

» [ CINEMA4D ] Diviser un objet en plusieurs groupes de polygones
par youyou40 Jeu 20 Déc 2018 - 9:49

» [ PRESENTATION ] Je me présente : YPY ,'-)
par tenrev Mar 18 Déc 2018 - 16:05

» [ WIP ] ARCHICAD21 - Bibliothèque (Bâtiment construit en 1988)
par Wutxo Mar 18 Déc 2018 - 12:05

» [ CINEMA4D ] Plugin : Urender
par YPY Mar 18 Déc 2018 - 11:43

» [ CINEMA4D ] Jingle Biblio3D à la manière de NT1 TV
par YPY Mar 18 Déc 2018 - 8:03

» [ PRESENTATION ]
par Coulou Lun 17 Déc 2018 - 13:37

» [ WIP ] Rénovation et Aménagement longère
par rascal Dim 16 Déc 2018 - 8:57

» [ AUTRES LOGICIELS ] sortie de Unity 2018.3 beta
par Pilou Ven 14 Déc 2018 - 12:48

» [ AUTRES LOGICIELS ] formation free de 2h30 sur TINKERCAD logiciel 3d en ligne gratuit
par Pilou Ven 14 Déc 2018 - 10:03

» [ UNREAL ENGINE ] UIWS - Unified Interactive Water System (Plugin)
par tenrev Mer 12 Déc 2018 - 16:43

» [ PRESENTATION ]
par Pilou Mar 11 Déc 2018 - 10:51

» [ CINEMA4D ] [ OCTANE ] [ SCATTER ]
par YPY Mar 11 Déc 2018 - 9:38

» [ CINEMA4D ] [ CLONER ] [ MOGRAPH ]
par YPY Mar 11 Déc 2018 - 9:31

» [ PRESENTATION ] Bonjour la communauté biblio3D
par Coulou Lun 10 Déc 2018 - 11:40

» [ AUTRES LOGICIELS ] EYECAD VR
par tenrev Ven 7 Déc 2018 - 16:32

» [ CINEMA4D ] Softbody - Créez un bonbon Arlequin -
par YPY Ven 7 Déc 2018 - 16:24

» [ CINEMA4D ] TIPS : Rendu Vidéo OpenGL
par Pilou Ven 7 Déc 2018 - 12:40

» [ Autres Logiciels ] PolyBrush
par tenrev Jeu 6 Déc 2018 - 13:13

» [ CINEMA4D ] Bump, Déplacement, Normal etc. (Materialize -FREE-)
par rascal Lun 3 Déc 2018 - 19:52

» [ AUTRES LOGICIELS ] WingsD 2.2.1 (PBR - Booléens)
par Pilou Lun 3 Déc 2018 - 19:38

» [ AUTRES LOGICIELS ] Anim8Or V 1.0
par YPY Lun 3 Déc 2018 - 16:22

» [ AUTRES LOGICIELS ] 3DCoat et le Hard Surface en Voxel ou l'architecture de ruines!
par tenrev Lun 3 Déc 2018 - 10:02

» [ CINEMA4D ] C'est bientot l'ouverture ....
par rascal Jeu 29 Nov 2018 - 16:57

» [ AUTRES LOGICIELS ] outil basé sur Blender pour générer des arbres biologiquement plausibles
par YPY Jeu 29 Nov 2018 - 16:21

» [ CINEMA4D ] Plugin STREETVIEW4D
par YPY Jeu 29 Nov 2018 - 16:13

» [ CINEMA4D ] Focus sur Philippe Froesch (VisualForensic) ( FR )
par YPY Jeu 29 Nov 2018 - 14:19

» [ WIP ] Projet salle polyvalente - rendu maquette blanche
par billel Jeu 29 Nov 2018 - 13:43

» [ CINEMA4D ] Plugin C4DOME (éclairage HDRI)
par freroil Mar 27 Nov 2018 - 11:49

» [LA PROGRESSION DE VOS TRAVAUX]Le Labo de Nùmenor
par Nùmenor Mer 21 Nov 2018 - 11:24

» [ CINEMA4D ] tuto Forester pour c4d (plugin)
par YPY Mar 20 Nov 2018 - 11:00

» [ PRESENTATION ] Bonjour
par freroil Lun 19 Nov 2018 - 16:28

» [ AUTRES LOGICIELS ] ARTLANTIS vers SKETCHFAB
par Martin Vantage Sam 17 Nov 2018 - 9:23

» [ WIP ] Dessin "La Mésange" (C4D + VRAY)
par YPY Ven 16 Nov 2018 - 14:22

biblio3d
upload



Uploader ici vos fichiers
à partager sur le forum

livre doh Sketchup

biblio3d sur facebook
biblio3d sur google+
biblio3d sur Google+
Les posteurs les plus actifs du mois
tenrev
 
rascal
 
Pilou
 
freroil
 
cestquoiladresse
 
YPY
 
Coulou
 
Taz
 
youyou40
 
Farkas
 

Statistiques
Nous avons 15378 membres enregistrés
L'utilisateur enregistré le plus récent est pierre75

Nos membres ont posté un total de 144583 messages dans 11940 sujets

Design du futur site internet de l'Ordre Phoenix

Page 1 sur 2 1, 2  Suivant

Aller en bas

Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Sam 28 Déc 2013 - 2:51

Salut à tous

Alors le travail que je vais vous présenter ici est purement 2D. Ca sort un peu du lot étant donné qu'ici on présente pratiquement que de la 3D, mais je pense que ça pourra en inspirer plus d'un sur les possibilités offertes par Photoshop et Illustrator. De plus, je suis très intéresser d'avoir l'avis des infographistes et designers du forum, ainsi que tous ceux qui maîtrisent Photoshop clindoeil

Alors le site internet en question est un site de joueurs en ligne, principalement pour les MMORPG (jeux de rôle en ligne), et surtout Guild Wars 2 pour le moment. La principale activité du site tourne autour de son forum. L'Ordre Phoenix est en fait une sorte de confrérie de joueurs qui jouent ensemble sur ces jeux en ligne, un peu comme ici, mais dans le domaine des jeux.

Le site actuel est relativement pourri, que ce soit au niveau de la programmation comme au niveau du design... Il faut tout de même admettre qu'il n'est pas tout récent.

[Vous devez être inscrit et connecté pour voir cette image]

BREF, étant donné le peu de succès du site après des membres de l'Ordre, un membre s'est proposé pour créer un nouveau site entièrement reprogrammé pour le rendre plus lisible et convivial. De mon côté, je me suis proposé pour m'occuper de tout ce qui touche à l'infographie, au design.

Après une trèèèès longue discussion avec les membres, il a été décidé :
- qu'il fallait créer un logo
- qu'il était plus logique d'opter pour des couleurs chaudes, quelque chose de flamboyant
- qu'il faut néanmoins garder du violet quelque part car c'est la couleur officielle de l'Ordre depuis longtemps
- qu'il est préférable d'avoir un fond clair (plus agréable pour les yeux)
...
Concilier tout ça va être difficile.

Alors dans un premier temps et par facilité, le programmeur a repris un modèle de site pré-programmé sur lequel je suis sensé me baser pour y remplacer les images de fond pour le design. La couleur des typos et autres éléments vectoriels viendra par la suite.

[Vous devez être inscrit et connecté pour voir cette image]

Y a plus qu'à ...

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Sam 28 Déc 2013 - 3:05

Première étape : le logo. Voici le "logo" actuel qui sera remplacé... Je ne sais pas si on peut parler de logo.

[Vous devez être inscrit et connecté pour voir cette image]

Rien de tel que du calque, un crayon et une gomme...

[Vous devez être inscrit et connecté pour voir cette image]

Augmentation du contraste sous Photoshop, vectorisation dynamique avec Illustrator et ensuite retouchage point par point pour obtenir un résultat bien propre...

[Vous devez être inscrit et connecté pour voir cette image]

Ce logo est une base qui pourra être déclinée de mille et une façon en fonction de résultat souhaité...
J'avais notamment fait quelques essais préalables avec un autre logo trouvé sur internet :
[Vous devez être inscrit et connecté pour voir cette image] [Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image]


Dernière édition par Farkas le Sam 28 Déc 2013 - 3:51, édité 2 fois

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Sam 28 Déc 2013 - 3:24

Maintenant que j'ai ce logo, je peux m'attaquer à la bannière du site.

Pour faire simple, on doit y trouver :
- le logo bien mis en valeur
- la dénomination : Ordre Phoenix
- le slogan : Nous renaîtrons de nos cendres
- un espace vide sur lequel viendront s'implanter les différentes sections du site sous forme de bandeau menu

L'image existante étant la suivante ...

[Vous devez être inscrit et connecté pour voir cette image]

... il faut donc que je crée une image ayant la même résolution avec la position des menus au mêmes endroits, tout en tenant compte de la position et la largeur des colonnes qui ne peuvent visiblement pas être réadaptés (codage trop complexe m'a-t-on dit).

C'est parti pour le travail sur Photoshop.

Un phénix, logiquement, ça brûle. En suivant ce tuto (merci encore Yanosh), le résultat est ± convainquant.

[Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image]

Maintenant, il faut ajouter le texte. J'ai retenu 2 typos :
- Northwood High
- Fire of Ysgard

[Vous devez être inscrit et connecté pour voir cette image]

Un peu plat... J'ai ensuite ajouté cette image de braises en deux exemplaires en avant-plan avec les mode de fusion "obscurcir" et "incrustation" en opacité 27 et 64 %.

[Vous devez être inscrit et connecté pour voir cette image]

[Vous devez être inscrit et connecté pour voir cette image]

Il ne reste plus qu'à rendre ça un peu plus luisant... un effet "ombre portée" sur les typos avec les réglages suivants :

[Vous devez être inscrit et connecté pour voir cette image]

Et on obtient ceci.

[Vous devez être inscrit et connecté pour voir cette image]

Pour renaître de ces cendres ... il faut des cendres, ou plutôt des braises. En faisant quelques recherches sur Google images, j'ai sélectionné une série d'images avec des braises qui m'ont servi de base pour mon assemblage qui constituera mon lit de braises. Homothéties, rotations, déformations, application de masques de fusion, ajustement de teintes et saturations, ... je vous passe les détails. Le tout en mode de fusion "éclaircir" pour masquer le fond noir de chaque image.

[Vous devez être inscrit et connecté pour voir cette image]

Des braises, ça fume. On peut trouver de magnifiques photos de fumées sur CGtextures. Assemblage de 3 photos avec masques de fusion, opacité 30%, mode de fusion "superposition".

[Vous devez être inscrit et connecté pour voir cette image]


Dernière édition par Farkas le Sam 28 Déc 2013 - 4:22, édité 2 fois

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Sam 28 Déc 2013 - 4:03

Maintenant il faut ajouter un fond à cette bannière, ça peut pas juste rester noir. En fouillant sur Google image avec les mots clé "Guild Wars 2", j'ai retrouvé quelques images du jeu qui peuvent servir de base. Masque de fusion, réglage luminosité / contraste / teinte / saturation / opacité...


[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir cette image]

[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir cette image]

[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir cette image]

[Vous devez être inscrit et connecté pour voir cette image]

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Sam 28 Déc 2013 - 4:17

Finalement, les membres ont opté pour la 3ème proposition, mais il fallait introduire du violet quelque part (couleur officielle de l'Ordre). J'ai donc dupliqué le fond, adapté la teinte, appliqué un masque de fusion sur le duplicata pour laisser apparaître les météores dans leur couleur originale.

[Vous devez être inscrit et connecté pour voir cette image]

Maintenant, il faut étendre la bannière pour les écrans larges... Un assemblage de plusieurs photos (avec masques de fusion, bidouillage de la luminosité, teinte, saturation et modes de fusion variés, ... vous connaissez la chanson) fera l'affaire.

[Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image]

[Vous devez être inscrit et connecté pour voir cette image]

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Sam 28 Déc 2013 - 4:21

La bannière est provisoirement terminée. J'attaque le corps du site prochainement clindoeil

N'hésitez pas à faire vos commentaires, ça pourrait m'être très utile pour améliorer ma technique ou encore explorer d'autres possibilités. A force d'avoir la tête dedans, je pourrais louper certains détails importants !

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par nicolaco le Sam 28 Déc 2013 - 11:05

Salut Farkas,

Très sympa de nous présenter tout ça !  bravo bravo 
J'aurais sélectionné la même bannière. Je n'ai pas grand chose à ajouter, juste bravo  bien

-------------------------------------------------------------------------------------------------------------------------

Windows 10 64- I7 6700K - 16 Go RAM DDR4 - GTX 980Ti STRIX
Windows 10 64 - i7 2600K - 16 Go RAM - GTX TITAN - 27"
Windows 10 64 - i7 930 - 16 Go RAM - GTX 960 - 27"

Sketchup - Blender - Thea/Presto Render - Shadermap2
- Photoshop
nicolaco
nicolaco
modérateur
modérateur

Masculin Taureau
Humeur : Tranquille
Date d'inscription : 14/03/2010
Nombre de messages : 3779
Points : 6961
Age : 35
Localisation : Sur une autre planete
Emploi : Illustrateur 3D freelance - Architecture

http://www.nicolas-corsi.fr

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par freroil le Sam 28 Déc 2013 - 11:57

+1
j'aime beaucoup le final et le travail autour de la bannière  bravo 

-------------------------------------------------------------------------------------------------------------------------
Le coup le plus rusé que le diable ait jamais réussi, ça a été de faire croire à tout le monde qu'il n'existait pas

MacPro 2008 - MacPro 2013 - Tour PC i7-2600k W7 - Portable PC 7700HQ W10
freroil
freroil
modérateur
modérateur

Masculin Scorpion
Humeur : Je suis Oli .... ;)
Date d'inscription : 25/09/2008
Nombre de messages : 11324
Points : 19748
Age : 44
Localisation : Bordeaux
Emploi : architecture, design,..

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par CROWS-ZERO le Sam 28 Déc 2013 - 15:19

Farkas tu joue a GW2?
PS: vraiment bien tes images, tu parles de 2D mais y'a un sentiment d'animation,, très jolie à regarder

CROWS-ZERO
super posteur
super posteur

Masculin Date d'inscription : 22/10/2012
Nombre de messages : 129
Points : 395
Localisation : POITOU-CHARENTE (86)
Emploi : Dessinateur

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Sam 28 Déc 2013 - 15:42

CROWS-ZERO a écrit:Farkas tu joue a GW2?
Oui quand j'ai le temps ... en général c'est entre 21h et 03h. Farkas.1942 sur Fort Ranik, si ça intéresse qqn clindoeil

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Coulou le Jeu 2 Jan 2014 - 9:31

Hello Farkas,
Très joli tout ça  bravo 

Ça donne envie de s'inscrire sur ce forum ... pour quoi faire me diras-tu?  scratch   :icon_wink: 

-------------------------------------------------------------------------------------------------------------------------
Win10 Pro / Nvidia GeForce GT 740 2Go / i7 / 8Go RAM / sata 1To + SSD 180Go (non c'est moi qui est copié sur Chapi)


Moi aussi j'étais aventurier autrefois, et puis, j'ai pris une flèche dans le genou.
Coulou
Coulou
modérateur
modérateur

Masculin Vierge
Humeur : Ça dépend, ça dépasse
Date d'inscription : 29/06/2010
Nombre de messages : 7117
Points : 11264
Age : 38
Localisation : Metz
Emploi : Dessinateur / Sorceleur (à mi-temps)

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Ven 14 Mar 2014 - 2:05

Bon ... je m'attaque au corps du site en lui-même.

Préparation du canevas et des divisions pour chaque partie...

[Vous devez être inscrit et connecté pour voir cette image]

Petite composition en noir avec des brush fumée et tache de peinture pour mieux intégrer la bannière :

[Vous devez être inscrit et connecté pour voir cette image]

Application d'une texture de fond et d'un cadre avec autre texture + effet filtre rougeoyant :

[Vous devez être inscrit et connecté pour voir cette image]

Application aléatoire de 2 brush "fissure" avec opacités variables + fondu noir sur les extrémités :

[Vous devez être inscrit et connecté pour voir cette image]

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Ven 14 Mar 2014 - 2:22

Pour les côtés latéraux ... retour au bon vieux crayons sur du calque pour y intégrer le logo sous forme de motif répétitif.

[Vous devez être inscrit et connecté pour voir cette image]

... et re-vectorisation avec Illustrator.

[Vous devez être inscrit et connecté pour voir cette image]

Intégration du motif avec effet de biseautage et opacité réduite + incrustation de couleur.

[Vous devez être inscrit et connecté pour voir cette image]

Incrustation de parties d'images pour simuler le sommet en ruines :
Images de base :

[Vous devez être inscrit et connecté pour voir cette image] [Vous devez être inscrit et connecté pour voir cette image]

[Vous devez être inscrit et connecté pour voir cette image]

Mise en relief (ombre artificielle) du cadre et application d'une corniche en pierre + motif périphérique avec biseautage et opacité réduite :

[Vous devez être inscrit et connecté pour voir cette image]

[Vous devez être inscrit et connecté pour voir cette image]

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Ven 14 Mar 2014 - 2:32

Bon ... là je sèche un peu. Il y a encore deux choses à prévoir :
- les boutons du menu principal horizontal
- les couleurs des cadres et polices du contenu

Idéalement, ça devrait être écrit en foncé sur fond clair, mais j'ai quelques soucis de compatibilité esthétique avec le fond du site.

Voici ce que j'ai pour le moment, mais j'en suis pas vraiment satisfait...

[Vous devez être inscrit et connecté pour voir cette image]

Qu'en pensez-vous ?

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Yanosh HRDY le Ven 14 Mar 2014 - 8:55

du beau boulot, j'aime bien l'ambiance de ton image de fond et le travail de matiere/ relief... ça fait que je ne suis pas vraiment convaincu de l'effet des motifs sur les cotés, peut etre trop lisses, en tout cas ils manque un peu de matiere... un effet tissu? parchemin? ecorce? pierre?....je ne sais pas
bravo en tout cas, tes nuits sont bien remplies... rigole


Dernière édition par Yanosh HRDY le Ven 14 Mar 2014 - 8:56, édité 1 fois (Raison : a)

-------------------------------------------------------------------------------------------------------------------------
Dell Precision T7500 - Win 7 x64 -Xeon 6 coeurs - 56 Go ram - NVIDIA Geforce GTX 980Ti !!!.
Dell Precision M 6600 - Win 7 x64 -I7 4 coeurs - 16 Go ram - Quadro 4000.
Dell Precision T5400 - Win 7 x64 -Xeon 4 coeurs - 32 Go ram - NVIDIA FX 1700.


...un demi citron vert coupé en 6, sucre roux, menthe, le tout pilé...
...la bonne dose de Havana... glace pilée, Perrier et quelques gouttes d'Angostura....
Mmmmmmmmhhh!!! RRhhââââ lovely....

[Vous devez être inscrit et connecté pour voir cette image]
Yanosh HRDY
Yanosh HRDY
modérateur
modérateur

Masculin Cancer
Humeur : plutôt cocasse, mais faut par faire chier...
Date d'inscription : 12/10/2012
Nombre de messages : 8100
Points : 18310
Age : 46
Localisation : Tours (37)
Emploi : Designer - Archviz - Bureau d'étude Décorateur - Chef Constructeur -Constructeur - et des fois repos ;)

http://www.hyh.fr

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par tenrev le Ven 14 Mar 2014 - 11:45

c'est les vacances aux sports d'hiver qui t'ont inspiré ?  ca tranche avec la neige !!!!
sinon super taf , bravo j'aime beaucoup

-------------------------------------------------------------------------------------------------------------------------
je ne sais pas grand chose , mais le peu que je sache , je le partage [Vous devez être inscrit et connecté pour voir cette image]

[Vous devez être inscrit et connecté pour voir cette image]

Un PC portable MSI TITAN PRO écran 17''  win10 64 bits  intel i7 Quad core  ram 32go CG GFORCE GTX1080
Un PC portable Dell avec Linux Ubuntu 18
Des Raspberry pi  (zero et 3 ) avec Kodi - Raspian - Android - Retropie
-----------------------------------------------------
Modélisation : Sketchup - Rhino - Pconplanner
Rendu : Artlantis - Keyshot - Unreal Engine
Autres : Photoshop - Illustrator - Indesign - Vidéostudio - After Effect - Première et bien d'autres.... la liste est trop longue  [Vous devez être inscrit et connecté pour voir cette image]
tenrev
tenrev
FONDATEUR DE BIBLIO3D
FONDATEUR DE BIBLIO3D

Masculin Bélier
Humeur : excellente comme toujours
Date d'inscription : 19/01/2008
Nombre de messages : 13595
Points : 21443
Age : 55
Localisation : Dans la quatrieme dimension
Emploi : archi d'intérieur salarié

https://www.biblio3d.com

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Domix le Ven 14 Mar 2014 - 15:17

Rien à redire, je suis sous le charme.
Pour l'implantation des cellules forum, sur certain hébergeur il est possible de mettre le fond transparent. Juste laissé le cadre des cellules, histoire de garder la structure.
Ton texte se retrouvera directement sur le backround que tu a très bien réalisé.  bravo2 

-------------------------------------------------------------------------------------------------------------------------
Mes objets --> [Vous devez être inscrit et connecté pour voir ce lien]
Domix
Domix
méga posteur
méga posteur

Masculin Date d'inscription : 13/02/2014
Nombre de messages : 694
Points : 1426
Localisation : Proche Dijon
Emploi : Dessinateur

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Ven 14 Mar 2014 - 15:26

Merci à vous pour les compliments.

Jack, ça fait un bien fou, l'air de la montagne ! Par contre, en ce qui concerne mon inspiration, en général c'est pendant la nuit qu'elle est à son summum, ça ne se commande pas  langue 

Merci Yanosh pour la remarque au sujet des latéraux, suis d'accord avec toi, je vais retoucher ça prochainement.

Pour les cellules du forum, je pense aussi que je vais partir sur un cadre légèrement transparent et épuré dans un premier temps. J'ai déjà envoyé les fichiers background au programmeur pour qu'il mette ça en musique. Je vous ferai une capture d'écran une fois qu'il l'aura fait. clindoeil

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Ven 4 Avr 2014 - 0:44

Bon ... le programmeur se fait attendre. Donc je poursuis le design du fond.

J'ai ajouté des boutons pour le menu principal (horizontal) et appliqué une texture légère sur les latéraux.

[Vous devez être inscrit et connecté pour voir cette image]

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Coulou le Ven 4 Avr 2014 - 9:15

bravo bravo 
Vraiment attrayant comme design!!!!

-------------------------------------------------------------------------------------------------------------------------
Win10 Pro / Nvidia GeForce GT 740 2Go / i7 / 8Go RAM / sata 1To + SSD 180Go (non c'est moi qui est copié sur Chapi)


Moi aussi j'étais aventurier autrefois, et puis, j'ai pris une flèche dans le genou.
Coulou
Coulou
modérateur
modérateur

Masculin Vierge
Humeur : Ça dépend, ça dépasse
Date d'inscription : 29/06/2010
Nombre de messages : 7117
Points : 11264
Age : 38
Localisation : Metz
Emploi : Dessinateur / Sorceleur (à mi-temps)

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par chalex02 le Ven 4 Avr 2014 - 16:16

Super intéressant, je ne savais pas trop comment tout cela était monté, et du coup au final tu as une image et comment ça se passe pour activer ton texte? (je suis curieux jusqu'au bout).
Super bien les pierres en tout cas et le fond aussi évidemment. (juste un doute sur la teinte du rouge/argile.

-------------------------------------------------------------------------------------------------------------------------
JAC
◔‿◔
chalex02
chalex02
super posteur
super posteur

Masculin Date d'inscription : 30/04/2013
Nombre de messages : 136
Points : 342
Localisation : PARIS
Emploi : ARCHITECTE D INTERIEUR ET DESIGNER SUR PARIS SECTEUR LUXE

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Ven 4 Avr 2014 - 17:05

chalex02 a écrit:Super intéressant, je ne savais pas trop comment tout cela était monté, et du coup au final tu as une image et comment ça se passe pour activer ton texte? (je suis curieux jusqu'au bout).
Heu ... j'ai pas compris la question content

chalex02 a écrit:Super bien les pierres en tout cas et le fond aussi évidemment. (juste un doute sur la teinte du rouge/argile.
Oui j'y avais également réfléchi un peu mais que suggèrerais-tu comme teinte à la place du rouge/argile ?

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par chalex02 le Ven 4 Avr 2014 - 17:23

J'aurai eu tendance à mettre plus dans les beige/sable/terre cuite blanche histoire de rendre moins agressive la lecture et fatigué l'oeil.
[Vous devez être inscrit et connecté pour voir ce lien]

-------------------------------------------------------------------------------------------------------------------------
JAC
◔‿◔
chalex02
chalex02
super posteur
super posteur

Masculin Date d'inscription : 30/04/2013
Nombre de messages : 136
Points : 342
Localisation : PARIS
Emploi : ARCHITECTE D INTERIEUR ET DESIGNER SUR PARIS SECTEUR LUXE

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Farkas le Ven 4 Avr 2014 - 17:28

OK je vais faire quelques tests pour voir ce que ça donne.

merci Chalex c'est le genre de critique que j'apprécie bcp clindoeil

-------------------------------------------------------------------------------------------------------------------------
Farkas se prononce fɔʁkɔʃ

iMac 27" -- Intel i7 (3,4 GHz) -- 16 Go -- GeForce GTX 680MX (2Go) -- Mac OS 10.10
iHack dual screen -- Intel i7 (4,3 GHz) -- 16 Go -- GeForce GTX 970 (4Go) -- Mac OS 10.10 / Windows 7
HackBook Pro -- MSI GP72VR 7RF -- Intel i7 7700HG (3,6 GHz) -- Intel HD630 + GTX 1060 (4Go) -- Mac OS 10.12 / Windows 10
Farkas
Farkas
Administrateurs
Administrateurs

Masculin Capricorne
Humeur : Mise à jour terminée. Redémarrage ...
Date d'inscription : 29/11/2012
Nombre de messages : 4034
Points : 8059
Age : 33
Localisation : 北京
Emploi : Architecte

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par chalex02 le Lun 7 Avr 2014 - 9:31

@ Farkas au plaisir, bien que les goûts et les couleurs mais une neutralité c'est toujours bon. clindoeil 

-------------------------------------------------------------------------------------------------------------------------
JAC
◔‿◔
chalex02
chalex02
super posteur
super posteur

Masculin Date d'inscription : 30/04/2013
Nombre de messages : 136
Points : 342
Localisation : PARIS
Emploi : ARCHITECTE D INTERIEUR ET DESIGNER SUR PARIS SECTEUR LUXE

Revenir en haut Aller en bas

Re: Design du futur site internet de l'Ordre Phoenix

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 1 sur 2 1, 2  Suivant

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum