Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Lignes D'Encart


Ce petit et simple effet est souvent utilisé par les webdesigner pour détailler leur site , séparer les contenus , etc.  Apprendre comment les créer a été une des premières choses que j'ai faites quand j'ai commencé à créer des sites et je continue encore à utiliser cette technique quelques fois encore .  Alors maintenant à vous d'être éclairé :}

Étape 1
Créez un nouveau document de n'importe quelle tailler et créer un rectangle qui servira de ond pour créer l'effet (peut importe la couleur. Si vous voulez vous pouvez utilisé celui ci en l'enregistrant). Attention à ne quand même pas utiliser de couleur vraiment trop foncée (le noir au hasard ?) ou trop clair car l'effet ne serait pas assez visible.



Étape 2 - Les Lignes
Créez un nouveau calque et avec l'outil de selection rectangulaire faites de fines sélections (environ 1 ou 2px de haut max) et remplissez-les de noir en utilisant la commande Edition > Remplir... Créez autant de lignes que vous le souhaitez (attention à ne pas trop surcharger quand même).



Étape 3 - L'effet de profondeur
Maintenant dupliquez votre calque contenant les lignes noires : Calque > Dupliquer le calque… Sélectionnez votre premier calque et faites : Image > Réglages > Négatif .  Vous devriez avoir maintenant 2 calques contenant des lignes : le premier contenant des lignes noires et l'autre des blanches mais seul les lignes noires devraient être visibles sur votre image. Il vous suffit maintenant de déplacer votre calque contenant vos lignes blanches de 1px vers le bas et 1px vers la gauche et de changer son mode de fusion de Normal à lumière tamisée. Et voila c'est fini :}



Autre alternative
Au lieu de s'embéter avec plusieurs calques , il vous suffit de travailler l'ombre portée ce qui est nettement plus simple et plus rapide je trouves.   Pour cela il vous suffit à la fin de l'étape 2 d'intégrer ces paramètres pour l'ombre portée :



Variations
Cet paramètre marchent mieux sur des lignes qui n'ont aucun aliasing.   Vous pouvez bien sur utiliser cet effet sur autre chose que des simples lignes et vous verrez comme c'est parfois surprenant comment un effet aussi simple peut très bien ressortir dans une interface même très simple :}

- Tutorial written by Man1c M0g
- Translation by Bana

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese
Amazing Font Pack!

Featured Tutorialsmore

Anti-Aliasing Inte...
Anti-Aliasing Inte...
- Adobe Photoshop -
Thermoptic Camoufl...
Thermoptic Camoufl...
- Adobe Photoshop -
Artificial 3D Effe...
Artificial 3D Effe...
- Adobe Photoshop -
Realistic Water Dr...
Realistic Water Dr...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Download Source File
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 890 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1055 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1055 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1938 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1834 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14444 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2757 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2777 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3441 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2357 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2500 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2800 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673