Archive for the ‘Photoshop News’ Category

Online Web Conference

I have been teaching some of my students Photoshop in a live web conferencing system so thought I would share it.

Learn the secrets of how small businesses are “communicating with clients and each other” for a fraction of the cost corporate giants are paying with VOIP Web Conferencing.

presentation

Online Web Conferencing has always been available to the large corporate sites and techies. Now you can use this brand new software to run your own web conferencing and even generate residual income just like the professionals with no knowledge of programming required.

VOIP or Voice Over Inernet Protocol is becoming one of the fastest growing technologies on the internet today. You can talk with a business associate, friend or family member anywhere in the world.

To find out more go here.

Discover the best FREE Graphics program that you can use as an alternative to photoshop.

If your looking for professional graphics program I suggest you learn Photoshop however if you want a simple graphics program for web and general use then you have come to the right place!

fgs150I searched for years for software like this for my students and now you can profit from all my research. No this eBook cover is not made with the software but the header is and some samples below.

This Software is an open source, raster graphics editing program for Windows, developed on the .NET Framework. The Software has evolved from a simple replacement for the Microsoft Paint program, which is included with Windows, into a powerful editor with support for layers, blending, transparency, and plugins. It is available under MIT License.

Get your FREE Copy here

Another Photoshop How-to-Crop Marks and Bleeding

If you are an artist of any kind, you probably have to have some of your prints printed at a professional printer. That means that you must have the proper specifications for printers to produce quality work for you. If you are designing your digital photos in Adobe Photoshop, crop marks and bleeds will be very useful to you.

Adobe InDesign and Adobe Illustrator are equipped to handle bleeds and apply crop marks automatically. Adobe Photoshop allows you Print with Previews crop marks and bleed options. This means that you can, and often will have to make your own crop marks. Just in case you are still in that dark or if you are just getting started on your art journey in Photoshop, let???s talk about what crop marks are. Crop marks show where the page will be cut or trimmed once it is printed. The image usually goes all the way to the edge of the printed page after cropping. A bleed is typically used when this happens. When you hear someone use the term ???bleed???, they are referring to the ink that is extended past the crop marks. This makes sure that the little mistakes in registration or trimming does not make an undesirable white line at the edge of the image.

If you are going to make a bleed, you will need to make the decision. Photoshop???s Print and Preview allows you to make bleeds of 0.125 inch. If you choose to use a bleed of 0.125 you will need a canvas size one-quarter inch wider and taller than the art you are creating. In order to place guides numerically, you will go to Photoshop???s menu and click on ???View>New Guide???.

At the time you are ready to output, go to Photoshop???s ???File>Print??? with the Preview command. Once the Print with Preview dialog box opens up check, ???Show More Options???. Point your mouse arrow in the Output area and select the Corner Crop Marks box. Next, click on the Bleed button. Choose between 0.0 to 0.125 inches for the proper bleed you want. The crop marks will be moved inward when the page is printed out.

Before you print your artwork, it is important to know if the ink will bleed off of the edge of the page. It is important to know if your work will bleed before it is printed because the trimming knives cut the area of one of more edges. Bleeds don???t really run off the page. Instead the trimming knives slice so close that the ink looks like it is running off the edge. That means that your printer might need a larger press sheet to print your work. A large press sheet may only be available in a larger press, thus costing you more money. This is why it is important that you call ahead before you take your artwork to a specific printer.

If you want to use the Adobe Illustrator, you can build a bleed into your document by setting the document size to your actual trim size. Extend the area of the color beyond the edges of your document. You will want to be careful when you are determining the exact bleed measurement. Extend the area of the color to the measurement.

Bleeds vary greatly, so you will want to ask your printer how much of a bleed they require before you take in your artwork. Crop marks are not always a necessity but they can occasionally help your avoid some issues. You will need them in Illustrator sequences you plan to import and to keep the alignment of your images. Using crop marks will help you avoid recompressing the layer. Importing vector files without crop marks in Photoshop can leave you with sharp lines on your artwork because Photoshop changes the image.

********

10 Websites with Wood

Natural elements lend themselves well to websites, they bring something that we can all relate to to our screens and soften what can otherwise be a sterile and lifeless environment. Wood is one natural element that has been used frequently, today we’re going to look at some of the best examples in recent web design …


Electric Pulp – I’ve been a big fan of this design since it launched – it blends faux-water color techniques with a dark wooden background

117.jpg


ISO50 – Portfolio of Scott Hanse, one of the first sites I remember seeing that used wood as background

213.jpg


Fish Marketing – A wooden chopping board and a fish that loses his head, what more do you need ?

36.jpg


DJ Art – Dennis Jones uses a wooden frame to display his excellent illustrations

46.jpg


Delicious Monster – Organisational software framed with wood

57.jpg


BSSP Family – Pine (or is it maple?) flash-based goodness

67.jpg


Meubelen Van Aerde – Dark wood background ties in with the rich photography nicely on this furniture web site

75.jpg


Capitol Media – A deep red wood is used as a background on this web design company’s site

85.jpg


Rayform Design – Dark wood encases this portfolio site

95.jpg


Mondonation – This site uses grained wood as a footer

105.jpg


10 Monochrome Websites

Monochrome websites can be very effective, especially when combined with a solid grid layout, continuing our color series today we take a look at 10 of the best …


Stefan Persson

116.jpg


Pre Voce

210.jpg


One Twenty Six

35.jpg


Design View

45.jpg


Abercrombie & Fitch

55.jpg


5 Thirty One

65.jpg


Subtraction

74.jpg


Hot Meteor

84.jpg


Xtendio

94.jpg


SunV1

104.jpg


30 Great Website Designs (Part3)

Today we have a bit of mid-week inspiration, lets take a look at some great examples of standards-compliant web designs. If you missed them, have a look at part one and part two as well.


Band Push

114.jpg


Apple

28.jpg


Emes

181.jpg


Oak Tree Creative

34.jpg


Creative Binge

161.jpg


Erratic Wisdom

43.jpg


Giant Peach

54.jpg


Kretivia

64.jpg


Troovy

73.jpg


Biola

83.jpg


Virb

93.jpg


North X East

103.jpg


Knoxville Life Church

115.jpg


Open Doors Student Site

122.jpg


Hardees

132.jpg


SR28

142.jpg


All Pay Media

152.jpg


Wathen-Castanos

171.jpg


Dynamix

191.jpg


New Era Design

201.jpg


Gnomonology

212.jpg


Hrasti

221.jpg


Fluidbook

231.jpg


Silkjaer

241.jpg


Mindfour Design

251.jpg


Red Revolution

261.jpg


Erik Mazzone

271.jpg


Design Art Net

281.jpg


Linkin Park

291.jpg


Designwise Studios

30.jpg


25 Code Snippets for Web Designers (Part5)

Part 5 of the code snippets series sees us take a look at more handy pieces of html, css, javascript and other usefull things to a web designer …


Web Project Framework – The ESWAT web project framework is a kit that contains a folder structure and some pre-written components that I use whenever I start off a new web project

79.jpg


SwfIR – Using the dark arts of JavaScript and Flash, swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website

206.jpg


Sexy Buttons with CSS – This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS

128.jpg


Uni-Form – Uni-Form is an attempt to standardize form markup (xhtml) and css, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms

225.jpg


PNG Overlay – Basically, it involves creating a transparent PNG overlay which can be used as a mask / frame around regular JPEG or GIF. This way, a typical CMS installation can be configured so users can upload photos without having to worry about using any graphics program to apply filters

2111.jpg


CSS-Based Form Template – Provided here is a flexible, semantically correct, and dare I say, accessible form template

312.jpg


CSS Cheat Sheet – All the CSS properties at a glance

48.jpg


New Clearing Method for IE7 – The easy clearing method described at Position Is Everything uses that to create a very convenient way of clearing floats without having to add extra markup. Unless I’m wrong that method will not work in IE7, since the box model bug was fixed in the original IE7 Beta 2 Preview

58.jpg


10 Free CSS and Javascript Calendars – Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. Here are a list of various css and javascript calendars for use on your site

68.jpg


10 Free CSS Graph Resources – Often in web-based applications, developers want to be able to display on the fly graphs. Here are 10 CSS Generators or Techniques that may help you in generating CSS graphs

88.jpg


Master Stylesheet – One of the most common mistakes I see beginners and intermediates fall victim to when it comes to CSS is not removing the default browser styling

98.jpg


Grid Calculator – Change the settings (by dragging the sliders, clicking on the bars, or editing the values) to calculate the overall width of your grid

108.jpg


Subtraction – It’s been about a year now since I first started thinking about creating some kind of definitive documentation about my approach to designing for the Web with the typographic grid as my primary layout tool

1112.jpg


101 CSS Resources – All the cool kids are using CSS to separate content from appearance on their sites. Here is 101 resources that will get your feet wet with CSS

129.jpg


CSS Boxes with Outside Frame (Rounded or Not) – The designer I work with wanted to have a site with information inside boxes. He also said that there would be a lot of boxes of variable height and width. More to that, the boxes needed to have a custom border all around and both the bottom side and the left one of the box would have a shadow that would be positioned above a random pattern

137.jpg


Ajaxian – JavaScript Round Corners with Drop Shadow

146.jpg


Heat Map – ClickHeat is a visual heatmap of clicks on a HTML page, showing hot and cold click zones

157.jpg


Ajax Poll Script – Download this Ajax script for creating a poll on your site

167.jpg


Ajax Load – Create your own animated gifs to indicate Ajax activity on your site

177.jpg


Ajaxian – Dynamic Right Click Context Menu

187.jpg


Plotr – I came across PlotKit, a well written piece of javascript that enables developers to use Canvas or SVG elements for rendering bar, line and pie charts. The only thing was that PlotKit needed the Mochikit library to work. So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr

197.jpg


Simple PHP randomizer – Display list items randomized

226.jpg


CSS Solid block menu – This is a lean, professional looking CSS menu that’s draped in a solid two color background image

235.jpg


8 Web Menus – I will show you some great examples in this posting which I hope you will enjoy and use on your websites. Some of them are built by me while other have credits but are free to use

245.jpg


CSS Link Backgrounds – Offering in-line external link backgrounds is challenging, especially getting them to work and look right with Internet Explorer 6. I decided to try it for myself to see what the fuss was all about

255.jpg


30 Great Website Designs (Part2)

Today we have a bit of mid-week inspiration, lets take a look at some great examples of standards-compliant web designs. If you missed it, have a look at part one as well.


Vorsat

313.jpg


Knoxville

89.jpg


Tomas Ledba

274.jpg


Jesus Rodriguez Velasco

59.jpg


Fluid Book

158.jpg


Rick Davidson

130.jpg


Danny Blackman

710.jpg


Svenigson

198.jpg


Tony2Nice

49.jpg


Soul Survivor

69.jpg


Intype

168.jpg


Etnies

99.jpg


Krabi and Mask

227.jpg


Blissfully Aware

109.jpg


Darren Hoyt

1113.jpg


WotNext

1210.jpg


Crossroads

138.jpg


Outline to Design

207.jpg


Shifting Creations

147.jpg


Inspired Web

178.jpg


Breeze

188.jpg


Simply Fired

2112.jpg


Quo Consulting

228.jpg


San Diego Brewing Company

236.jpg


Stuff and Nonsense

246.jpg


Mezzoblue

256.jpg


Vagrant Radio

264.jpg


Fresh View

284.jpg


Dreamscaper

294.jpg


Scrapblog

304.jpg


Other Products