B2evolution Skins: Hirideyo Series

Published by Andrew Hreschak in Web Development, b2evolution 1.10.x, b2evolution blog skins
Published on 10/05/07 @ 01:47:00 pm using 511 words, and has 80743 views

The Hirideyo series of b2evo skins was originally developed alongside the ‘Smoothe’ series of blog templates which I designed for b2evolution 1.10.2. The Hirideyo series was designed for my friend Iris Watts Hirideyo’s blog site. She needed a place to publish her short writings and screenplay ideas, and we decided a blog might be the most favorable forum for her to do so. (Now that she’s learned more than just the basics of blogging, I think she’s becoming quite addicted to the medium.)

The Hirideyo series of templates reflects an Eastern motif, using such elements as rice-paper fans, cherry blossom branches, and stylized flower patterns. Since Iris is running her site as a single-blog system, these blog skins were designed for single-blog use, but can be altered for multi-blog use quite easily by adjusting only two lines of code in the CSS Stylesheet.

Click on the thumbnails to view larger versions of the skins, or visit Iris’ Journal for yourself and explore some of her writing and her thoughts.

Blue Fan (skin for b2evolution 1.10.x)
This was one of the first b2evo skins in the Hirideyo series which used a rice-paper fan in the header. I reoriented the stock photo of the fan, resizing and rotating it to a more interesting perspective, before layering a blueish hue on top of the original image.

Alright… so the color-scheme is a little more sea-green than blue… ;)

Flower Fan (skin for b2evolution 1.10.x)
This design also uses an image of a fan which has been resized and reoriented. The fan displays images of flowers, though I don’t know exactly what kind of flowers they are. This design is, I think, my favorite in the Hirideyo series for its several shades of blue contrasting with the black background.

Read the full story

A Watchful Corner: photo manipulation project

Published by Andrew Hreschak in Graphic Design, cyberpunk
Published on 10/03/07 @ 12:11:00 pm using 356 words, and has 16248 views

I didn’t have a clear idea of the final image when I started this graphic design project, though I did know that I was seeking something representative of the cyberpunk genre and postmodern decay or an urban jungle. As I worked with an assortment of organic and non-organic textures to use as overlays in Adobe Photoshop, the image hidden within their blend began to reveal itself, and I had something more concrete to aim for. The final graphic design became, in my eyes, the image of a homeless street girl peering around the corner of a building, her face a mixture of weariness and wariness. The way her shoulder blended into the corner of the wall appears to resemble a skull, perhaps some type of stylized graffiti painted on the wall.

This is a photo-manipulation project designed entirely in Adobe Photoshop CS2 over the course of several nights and several hours of spare time. The image is 2657x4000 pixels and is, at full resolution, approximately 2.2ft wide by 3.5ft tall at 100dpi. The source image of the model was blended in Photoshop with several layers of organic and non-organic textures at varying opacity and mixing modes and later touched-up with an assortment of custom filters and brushes from my Photoshop toolkit.

[Click on any of the thumbnails to the right for a full-resolution swatch of the image…]

A Watchful Corner, photo-manipulation project

Photo manipulation and layering, thumbnail of left eye and cheek

Photo editing and blending, thumbnail of lips and chin

Photoshop layer blending, thumbnail of shoulder resembling graffito of skull

Photoshop blending techniques, thumbnail of wall texture

Graphic design and manipulation, thumbnail of wall texture

Photo blending processes, thumbnail of wrist bone and skin texture

Advanced Photoshop layer blending techniques, thumbnail of wall relief and hair

I’d love to hear some feedback on my graphic design and photo manipulation projects, so feel free to leave a comment. Let me know what you like, what you don’t like, etc.

If you have a high-resolution photo of yourself (preferably on a solid [black] background) and would like to see it transformed into a similarly styled design, get in touch. You’ll of course retain full credit as the model and I’ll retain credit as the designer/masher-upper. None of the work will be used for commercial purposes unless we agree beforehand to do so.

Contemporaneous Auditory Narcotics:
or, What my speakers are currently pumping…
Infected Mushroom - Cities of the Future (Promo)

Creative Commons LicenseThis post is the creative work of Yours Truly and is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.

New b2evo Skin: Vastitude

Published by Andrew Hreschak in Web Development, b2evolution 1.10.x, b2evolution blog skins
Published on 09/27/07 @ 02:07:00 pm using 382 words, and has 35223 views

b2evo skin: VastitudeThe Vastitude b2evo template is a design I completed a couple weeks ago but never got around to posting about. It’s a design inspired while looking through a series of photos of the Grand Canyon and the wide open flatlands of Arizona.

This b2evo skin was designed to give the look and feel of open expanses of red clay desert under steel grey early morning skies. The completed blog template has something of a somber, melancholy mood, which was unintentional, but I think the overall design turned out nicely.

The Vastitude skin for b2evolution follows closely in the footsteps of previous b2evo skins released in the ‘Smoothe’ series and is 100% XHTML Transitional compliant. It uses valid CSS 2.0 style sheets. Additionally, as with previous releases in the ‘Smoothe’ series of b2evo skins, Vastitude has been designed for 1024x768 monitor resolution.

b2evo skin Vastitude released for download

The version of the Vastitude skin available for download here is more current than the version available in the skin repository on b2evolution.net. This copy contains a revised _lastcomments.php file and accompanying CSS styles for smoother display of most recent comments.

Read the full story

Kybernetik: Interstitial / Photoshop Photo Manipulation

Published by Andrew Hreschak in Graphic Design, cyberpunk
Published on 09/23/07 @ 04:58:00 pm using 328 words, and has 15010 views

in·ter·sti·tial   (ĭn’tər-stĭsh’əl)
adjective
1. Relating to, occurring in, or affecting interstices.
2. Anatomy Relating to or situated in the small, narrow spaces between tissues or parts of an organ: interstitial cells; interstitial fluid.

This is the first in a series of cyberpunk art and graphic designs on which I’ve recently been working in my spare time. I’ve decided to call the series ‘Kybernetik,’ and am attempting to diverge slightly from what I would consider more typical examples of cyberpunk artwork, and its abundance of dark shadows and neon shades of green. I’m a fan of the cyberpunk genre, but I find certain aspects of it to be played out.

This graphic design project is intended to show the shedding of skin, revealing subtle cybernetics and wetwired circuitry beneath… a more subtle and organic blending of man (alright, woman) and machine. This series utilizes an original set of techniques, some of which came about through trial and error as I worked with various custom brushes and textures in Photoshop.

[click the thumbnails to view full-resolution swatches from the design]

Kybernetik: Interstitial (full image reduced to 410px width)

Full-resolution swatch: hand and fingers

Full-resolution swatch: left shoulder circuitry, close-up

Full-resolution swatch: right shoulder and shedding skin

Full-resolution swatch: center of back and peeling skin

Full-resolution swatch: kanji tattoo close-up

Full-resolution swatch: lower back shedding skin

Full-resolution swatch: left shoulder-blade, skin and circuitry

This photo-manipulation project was carried out entirely in Photoshop CS2, and makes use of high-resolution stock photography layered onto the background image. I added several layers of organic textures to the overall design, and made extensive use of Photoshop’s masking tools to gradually add layered textures. The photograph of the model making up the background of the composite is 2657x4000 pixels. The finished graphic design has a resolution of 100dpi and prints at approx 2.25 x 3.5 feet. Total time for this project is unknown as it was developed during my spare time in the evenings over the course of two or three weeks. The Photoshop .psd file for this project is 327Mb.

Other images in the Kybernetik Series:
kybernetik: techtonik

Contemporaneous Auditory Narcotics:
or, What my speakers are currently pumping…
Infected Mushroom - Artificial Visualization

Creative Commons LicenseThis post is the creative work of Yours Truly and is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.

New b2evo Skin: Route 53

Published by Andrew Hreschak in Web Development, b2evolution 1.10.x, b2evolution blog skins
Published on 09/09/07 @ 10:15:00 pm using 335 words, and has 66071 views

b2evo skin: Route 53B2Evo Skin: Route 53
The Route 53 template is the newest design in the ‘Smoothe’ series of b2evo skins. This design was born of memories of Sunday drives along colorful country roads in autumn.

The Route 53 b2evo skin follows closely in the footsteps of previous template designs released in the ‘Smoothe’ series and is 100% XHTML Transitional compliant. It uses valid CSS 2.0 style sheets. Additionally, as with previous releases in the ‘Smoothe’ series of b2evo skins, Route 53 has been designed for 1024x768 monitor resolution.

Thanks go to Trisha for naming this b2evolution skin.

b2evo skin Route 53 released for download

The Route 53 skin available for download here has been reduced of extras and will function smoothly on a base b2evolution 1.10.x installation. This copy contains customized stylesheet entries for the Search Cloud plugin available from the b2evolution website.

Read the full story

New b2evo Skin: Viper Flats

Published by Andrew Hreschak in Web Development, b2evolution 1.10.x, b2evolution blog skins
Published on 08/09/07 @ 12:27:00 am using 355 words, and has 39514 views

b2evo skin: Viper FlatsHad a little spare time this evening while listening to some music and thinking about why I wasn’t yet asleep, so I opened up Adobe Photoshop (CS2) and put together this template for b2evolution.

Yes, it’s another b2evolution skin for the ‘Smoothe’ series (there will be many because I like the layout).

The speakers on my HTPC had just started getting a nice exercise playing the Witchman - Explorimenting Beats album at around the same time I decided on the header image for this b2evo template, hence this skin is named after the first track on the album, Viper Flats. (Incidentally, if you like dry, dusty drum and bass music, check out the Witchman.)

It’s not quite production-ready… I think the text color in the sidebar may be a little too pale for comfort or, rather, not pale enough. I’m going to revise it a little in the morning and probably shift the link and text color to approach white, which should make it somewhat more comfortable on the eyes.

Read the full story

New b2evolution Skin: Sojourn

Published by Andrew Hreschak in Web Development, b2evolution 1.10.x, b2evolution blog skins
Published on 08/08/07 @ 12:20:00 am using 131 words, and has 61598 views

b2evo skin: SojournThe Sojourn template is our newest design in the ‘Smoothe’ series of skins for b2evolution. This design uses a warm, earthy palette of colors, reminiscent of desert tones under wide and open blue skies.

The Sojourn b2evolution skin follows closely in the footsteps of previous designs released in the ‘Smoothe’ series and is 100% XHTML Transitional compliant. It uses valid CSS 2.0 style sheets. Additionally, as with previous releases in the ‘Smoothe’ series, Sojourn has been designed for 1024x768 monitor resolution.

Be sure to check out the ‘b2evo blog skins’ category for more custom blog template designs…

Contemporaneous Auditory Narcotics:
or, What my speakers are currently pumping…
The Velvet Underground - The Velvet Underground and Nico

Creative Commons LicenseThis post is the creative work of Yours Truly and is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.