Archive for the ‘Design’ Category
Actions in Adobe Photoshop
Friday, November 9th, 2007
An action is a way of automatically applying a technique to an image using a prerecorded series of commands. Actions are triggered either by pressing one or a combination of keys or selecting the action from the Actions palette (1). Many actions
are already supplied with Photoshop and can be found at the bottom of the Actions menu (2) by clicking on the side-arrow at the top right of the Actions palette.
An action can be as simple as opening a new canvas or as advanced as creating a drop shadow on an existing picture or, as
in our example, making snow.
Ready-made actions can be downloaded from the internet, saved to your hard drive and then installed in Photoshop. Use the Load Actions command (3) in the Actions menu to search for and install the downloaded ATN or Photoshop Actions fi le.
(more…)
Create Animation in Adobe Photoshop!
Friday, November 9th, 2007
Today we learn how to create animations in Photoshop! My example is with text because i don’t have photos for this kind of tutorial! Let’s start!
[1] Open Adobe Photoshop and create a new page with the size 350px x 150px!
Create a Search Form in HTML!
Thursday, November 8th, 2007
Today we learn how to create a search form in HTML! You have all files here and the
final result here!
[1] Open Notepad and type the next code.
<html>
<head>
<title>PiticStyle - Create a Search Form</title>
<style type=”text/css”>
body {
background-image: url(”bg.gif”);
}
img {
float: left;
}
</style>
</head>
<body><br>
<form action=”http://www.google.com/search” method=”get”><img src=”search.gif” mce_src=”search.gif”>
<input type=”text” name=”q”>
<input type=”submit” value=”Search”>
</form>
</body>
</html>
Photo Effect - Play with Radial Blur in Adobe Photoshop
Thursday, November 8th, 2007
Opacity in CSS
Wednesday, November 7th, 2007
Today we learn about opacity in CSS! I made an example here and here you have the files.
Information about opacity in CSS:
The opacity property takes a value of the amount of transparency from 0.0 to 1.0. 0.0 is 100% transparent - anything below that element will show completely through. 1.0 is 100% opaque - nothing below the element will show through.
So to set an element to 50% transparent, you would write: opacity:0.5;
Neither IE 6 nor 7 support the CSS 3 opacity property. But you’re not out of luck. Instead, IE supports a Microsoft-only property “alpha filter”. Alpha filters in IE accept values from 0 (completely transparent) to 100 (completely opaque). So, to get your transparency in IE, you should multiply your opacity by 100 and add an alpha filter to your styles:
Alpha filter for IE: filter: alpha(opacity=50);
Alpha filter for Mozilla: -moz-opacity:0.5;
Validate HMTL & CSS from your page.
Tuesday, November 6th, 2007
Hy! Today we learn how to validate HTML and CSS from your page. This tip is usefull if you have a website about webdesign where you have tools for development! Here is the final result
with a design what i made, you have all files in the archive HERE. Let’s Start.
[1] Open your text editor and type the next HTML code
<html>
<head>
<title>Validate CSS, HTML, XHTML from your page</title>
</head>
<body>
<div>
<form method=”get” action=”http://jigsaw.w3.org/css-validator/validator” target=”_blank”>
<input name=”uri” id=”uri” size=”30″ value=”http://” /></p><br><br>
<label title=”Submit file for validation”><input type=”submit” value=”Validate CSS” /></label>
<label title=”Clear HTML data”><input type=”reset” value=”Clear” /></label>
</form>
</div>
<br>
<div>
<form method=”get” action=”http://validator.w3.org/check” target=”_blank”>
<input name=”uri” id=”uri” size=”30″ value=”http://” /></p><br><br>
<label title=”Submit”><input type=”submit” value=”Validate HTML” /></label>
<label title=”Clear”><input type=”reset” value=”Clear” /></label>
</form>
</div>
</body>
</html>
Design an FREE Coupon in Adobe Photoshop
Tuesday, November 6th, 2007
[1] Open Adobe Photoshop and create a new document with this size 200 px with 200px and with the background TRANSPARENT.
[2] Now you need to select the Custom Shape Tool.
Mobile Animations
Monday, November 5th, 2007
What Is Web 2.0
Friday, November 2nd, 2007
I found on Oreillynet.com an interesting article about what is WEB 2.0!
What Is Web 2.0
The bursting of the dot-com bubble in the fall of 2001 marked a turning point for the web. Many people concluded that the web was overhyped, when in fact bubbles and consequent shakeouts appear to be a common feature of all technological revolutions. Shakeouts typically mark the point at which an ascendant technology is ready to take its place at center stage. The pretenders are given the bum’s rush, the real success stories show their strength, and there begins to be an understanding of what separates one from the other.
The concept of “Web 2.0″ began with a conference brainstorming session between O’Reilly and MediaLive International. Dale Dougherty, web pioneer and O’Reilly VP, noted that far from having “crashed”, the web was more important than ever, with exciting new applications and sites popping up with surprising regularity. What’s more, the companies that had survived the collapse seemed to have some things in common. Could it be that the dot-com collapse marked some kind of turning point for the web, such that a call to action such as “Web 2.0″ might make sense? We agreed that it did, and so the Web 2.0 Conference was born.
(more…)
