Date:
18.05.2016
Author:
Pierre-Philippe


Date:
16.05.2016
Author:
Pierre-Philippe

http://etapes.com/la-villa-hermosa-atelier-de-design-graphique-bruxellois

Capture d’écran 2016-05-16 à 14.54.07


Date:
16.05.2016
Author:
Pierre-Philippe

typedesign_workshop_poster1

Vous voulez apprendre à créer une typo de A à Z ou vous avez déjà un projet qui dort dans un tiroir, Love-letters vous invite à participer à son workshop qui aura lieu à Bruxelles, à la Villa Hermosa, du 23 au 26 mai et du 27 au 30 juin.

Au cours du workshop, vous acquerrez les principes du dessin de lettres d’après l’analyse de modèles historiques et contemporains. Vous serez accompagné dans la création et le développement de votre projet personnel. En fonction des besoins de votre projet, vous vous familiariserez avec les outils de la création d’une typographie digitale comme la vectorisation, les courbes de Bezier, les approches de lettres, le kerning, l’interpolation et le workflow.

lire la suite


Date:
16.05.2016
Author:
Pierre-Philippe

Créer en postcolonie 2000—2015. Voix et dissidences belgo-congolaises rassemble les contributions de 60 auteurs sous la direction de Sarah Demart et Gia Abrassart. Cet ouvrage, édité par Bozar Books et Africalia, a été mis en page par Pierre-Philippe Duchâtelet en étroite collaboration avec Gia Abrassart.

pierrephilippeduchatelet_postcolonie_livre_cover_blog

pierrephilippeduchatelet_postcolonie_livre_p294_blog pierrephilippeduchatelet_postcolonie_livre_p200_blog pierrephilippeduchatelet_postcolonie_livre_p116_blog pierrephilippeduchatelet_postcolonie_livre_p88_blog pierrephilippeduchatelet_postcolonie_livre_p70_blog

 


Date:
01.05.2016
Author:
Pierre-Philippe

c’est par ici: https://abmag.be/article/La-Villa-Hermosa-nous-dit-quoi

ABM-LaVillaHermosa-5b


Date:
02.02.2016
Author:
Pierre-Philippe

Quelques images du workshop Coaldigger mené du 25 au 28 janvier 2016 à l’EESAB de Rennes avec les étudiants de 4e et 5e année en communication. Nous remercions Kevin Donnot pour l’invitation. Coaldigger est un programme développé par Lionel Maes (la Villa Hermosa) en 2010 pour collecter, filtrer et traiter des données à partir d’un flux de contenus d’actualité sur Internet en temps réel. Coaldigger fonctionne en continu depuis janvier 2014. Sa base de données contient plus de 250000 articles et images. Notre atelier de recherches graphiques a porté sur la réalisation d’objets graphiques à partir de données — images et textes — collectées sur Internet avec ce programme.

étudiants: Camille Bonnivard, Hugo Calonnec, Geoffrey Carpentier, Julie Ducarne, Jeanne Hubert, Mathilde Julan, Élise Kasztelan, Zoé Lecossois, Pierre Martel, Malou Messien, Léa Michel, Loriane Panel, Adeline Racaud, Marie Remize, Manon Riet, Hadja Saran Condé, Lucie Soquet, Marielle Voisin, Clément Wibaut

DSC_0349 LVH_Coaldigger_Rennes_1

lire la suite


Date:
21.12.2015
Author:
Lionel

Entre juillet et septembre 2015, à la demande de la caravane graphique OSP, j’ai contribué au développement des outils de mise en page pour la réalisation du magasine Médor. Médor est ce « magazine trimestriel belge et coopératif d’enquêtes et de récits » qui, à peine imprimé, a été interdit de diffusion pour être autorisé 12 jours après (voir ici puis ici, et ). Une des particularités de Médor est qu’il est mis en page via des outils utilisés habituellement pour le web et que cette mise en page, par les outils utilisés qui sont des langages standards du web, est essentiellement (d)écrite. Les graphistes d’OSP explorent depuis un moment les possibilités d’utilisation des ces outils web pour l’édition (voir leur outil html2print) et j’ai de mon côté développé l’idée dans le cadre des supports imprimés pour le BRASS.

Pour Médor, ma contribution a été essentiellement d’écrire un court script (en less) qui permet de générer automatiquement des règles de positionnement de blocs en CSS selon une grille donnée. L’idée était de donner la possibilité aux graphistes de créer des blocs de contenu attachés à la grille, sans devoir calculer la position ou les dimensions des blocs. Où le code html suivant:

 <div class="x3 y2 w3 h4"></div>

Crée un bloc aligné sur la 3ème colonne et sur la 2ème ligne de la grille, dont la largeur est égale à 3 colonnes et la hauteur à 4 lignes. Pour que cela fonctionne, il faut que les classes x3 y2 w3 et h4 aient été générées et c’est précisément l’utilité du script, que voici:

/*Page setup*/
@page-width: 482pt;
@page-height: 652pt;

/* Margins */
@page-margin-inside: 34pt;
@page-margin-outside: 24pt;
@page-margin-top: 24pt;
@page-margin-bottom: 40pt;

@body-width:@page-width - @page-margin-inside - @page-margin-outside;
@body-height:@page-height - @page-margin-top - @page-margin-bottom;

/*Grid setup*/
@col-number: 9;
@col-gutter: 6pt;

@row-number: 9;
@row-gutter: 6pt;

/*Grid builder*/
@col-width: (@body-width - ((@col-number - 1) * @col-gutter)) / @col-number;
@row-height: (@body-height - ((@row-number - 1) * @row-gutter)) / @row-number;

@col-gutter-width: @col-width+@col-gutter;
@row-gutter-height: @row-height+@row-gutter;

/* x classes */
.create-x-classes(@i:0) when(@i < @col-number){
    .x@{i}{
       left:@i * @col-width + @i * @col-gutter;
    }
    .create-x-classes(@i + 1);
}
.create-x-classes();

/* y classes */
.create-y-classes(@i:0) when(@i < @row-number){
    .y@{i}{
       top:@i * @row-height + @i * @row-gutter;
    }
    .create-y-classes(@i + 1);
}
.create-y-classes();

/* width classes */
.create-w-classes(@i:1) when(@i <= @col-number){
    .w@{i}{
       width:@col-width * @i + @col-gutter * (@i - 1);
    }
    .create-w-classes(@i + 1);
}
.create-w-classes();

/* height classes */
.create-h-classes(@i:1) when(@i <= @row-number){
    .h@{i}{
       height:@row-height * @i + @row-gutter * (@i - 1);
    }
    .create-h-classes(@i + 1);
}
.create-h-classes();

La conversion colorimétrique des documents pdfs à envoyer à l’imprimeur a été assurée par l’outil « color_convert.sh » dont j’ai déjà parlé dans un article sur le BRASS.


Date:
10.12.2015
Author:
Pierre-Philippe

Affiche, dépliant et éléments signalétiques réalisés par Pierre-Philippe Duchâtelet pour La Bonne Nouvelle – évènement dédié au Food design du 5 au 16 décembre dans la vitrine du 4 Place de Brouckère à Bruxelles. Durant 12 jours, « La Bonne Nouvelle » questionnera comment design, sciences, technologie et art peuvent se rencontrer et donner un éclairage nouveau sur la cuisine, conjuguée au futur comme au passé. La Bonne Nouvelle est une création de MAD Brussels – Centre de la Mode et du Design et du studio La Bouche.  photo: Miko/Miko Studio

LaBonneNouvelle_MAD_Lavillahermosa_MikoMikoStudio-14

lire la suite


Date:
10.12.2015
Author:
Pierre-Philippe

Noir + Bagnard (le caractère typographique de Sebastien Sanfilippo) (www.love-letters.be).carte_lavillahermosa


Date:
10.12.2015
Author:
Pierre-Philippe

Brochure de demi-saison pour le BRASS toujours avec les illustrations de Fanny Dreyer.

Brass_2016_LaVillaHermosa