Posted by Albert Lie | 2 comments
Why is Photoshop Good for Web Design?
Photoshop is a great graphics editor. It was originally designed for photo editing, but it can be used for many other tasks. One of such is web design. Now days, nearly all professional web designers are using Photoshop to build websites because of its powerful features and easy to use tools. If you have never designed a website before you can simply use Photoshop to handle everything from design to code for you. However, this is not the best way to design a website, but it is possible, and if you are new to the web design world you can get a website up and running quickly without learning HTML and CSS.
Using Photoshop to design a website is not the same as designing a brochure for example. You need to know the limitations of the current web browsers and the functions available on the web. For example, you might come up with something that’s totally amazing, but later you find out it isn’t buildable. Understanding the limitations will allow you to bend the rules without breaking them! Many London website design professionals tend to prefer to design the layout and graphics in Photoshop and then slice the images afterward. So if you are serious about designing websites you need to use software like Dreamweaver along with Photoshop.
Read MorePosted by Albert Lie | 2 comments
Photoshop Tips For Novice Web Designers
Have you thought about designing your own website? The truth is you don’t need to be a professional web designer to design websites? However, you do need some design background in order to create a decent looking website. If you have done some research yourself you know the first step starts from Photoshop or paper. You need to create the design first before any coding can take place. Fortunately, it’s actually quite simple when you know the basics of web design and how a website is structured. You might want to read some materials on this before designing one.
Creating a website layout in Photoshop will require you to know there are three main components – the header, the body and the footer. You might also have a sidebar. Think of these as containers that will hold your contents on the page. A web page is normally structured in this way, so if you can get your head around this you will find it much easier in designing it. You should create a folder in the layers palette for each one of these containers and put graphics, text, images in them accordingly. Doing so will keep your document organized.
The next thing you need to decide is the wide of your website. At the time of writing this article, the most common screen resolution is 1024px x 768px. Knowing this, your website layout should be no wider than 950px otherwise the scroll bar will appear. You can take a screenshot of the browser window and use that a guide to help you see how the page would look like with it. Simply cut out the content section after the printscreen command and then stick it on the very top layer. You can switch it on and off to see the difference.
Read MorePosted by Albert Lie | 3 comments
Do You Use Gravatar?
I’m going to show you about Gravatar! This article is for all of you who doesn’t know about gravatar before. What is gravatar? I’ll explain it for you!
Gravatar means Globally Recognized Avatar, an image represents yourself when you give comments in wordpress & drupal blogs. Unfortunately, blogspot doesn’t have this service at this moment. You may use any image to represent yourself. People commonly use their own photo for gravatar, while some people use their blog icon to represent theirself. You only have to submit your email address to use this service…
Posted by Albert Lie | 10 comments
80+ Graphic Design Resources You Must Know
Today, psd-tutorial.com is gonna present this new article about 80+ graphic design resources you must know. It’s not so easy finding quality graphic design authors. So to make things easier for you, here I present 80+ graphic design resources you must know. I’ve categorised these blogs by their Google PageRank (PR), which is Google’s way of determining the authority of a website / blog.
- 43 Great Fractal Art Wallpapers
- VistaIcons – Free Vista Style Icons Download
- Interview With Neo-Surrealist Artist – George Grie
- 60+ Creative Business Card Designs
“Higher pagerank does not mean better article. All of these resources have quality articles”
—————————————————————————————————————————————————————————
PR 7 blogs
Design Observer: writings about design & culture
Smashing Magazine – a weblog dedicated to web-developers and designers
Core77 / design magazine + resource /
—————————————————————————————————————————————————————————
PR 6 blogs
AdGoodness – advertising and design blog from Frederik Samuel
Authentic Boredom – by graphic designer, Cameron Moll
Coudal Partners: a forum for creativity and experimentation
CR Blog – News and views on visual communications from the writers of Creative Review
Design Notes published by Michael Surtees who tries to see life filtered through design as opposed to placing design on a pedestal
Dexigner – popular design portal featuring the latest design news
Hicksdesign – Journal of a small creative agency based in Witney, Oxfordshire, UK, authored by Jon Hicks
I Love Typography, devoted to fonts, typefaces and all things typographical.
Mark Boulton: Design Thinking. Web Delivery. By a designer based in Cardiff, UK.
Quipsologies – Corralling the most relevant and creative on- and off-line bits that pertain to the design community.
Randa Clay Design – Design, Marketing, Blogging, Branding and all things Creative
Russell Davies – incredibly diverse UK-based blog on topics associated with design
Speak Up > Design Dialog
Subtraction 7.0 – NYTimes.com’s Design Director, Khoi Vinh, blogs about design and other relevant info.
swissmiss – tina roth eisenberg | swiss designer gone nyc
Typographica. A Journal of Typography.
Veer: The Skinny – provides visual elements for use in professional creative work
Veerle’s blog 2.0 – Webdesign – XHTML CSS | Graphic Design
You the Designer – Graphic Design Blog
—————————————————————————————————————————————————————————
PR 5 blogs
Logo Design Love: a website dedicated to all things logo.
Ace Jet 170 – Found type, print and stuff
AisleOne – Design, typography and everything else.
Anamorphosis. learn design create
Be A Design Group – a blog for graphic designers, created in March of 2004 by Adrian Hanft and Bennett Holzworth.
Chris Glass, The Last 10 Days. A creative fella’s journal from Ohio.
Creative Curio – Learn, discuss and explore the realm of graphic design.
Designers who Blog – features blogs discussing graphic design, web design, illustration, marketing, photography, branding, writing and advertising
Design Adaptations | Charity Ondriezek
Design is Kinky – a proudly Australian blog on design
Design Sojourn | Strategic Industrial Design Blog
DesignM.ag — Articles and Resources for Web Designers
Design View: Articles, Essays and Opinions by Andy Rutledge
Elite By Design a freelance and web design community website
Fuel Your Creativity – Find your spark
Grain Edit – covers contemporary graphic design / illustration, as well as design from the from the golden era of advertising (1950s–1970s).
Graphic Define Magazine – focuses on the business of running a graphic, interactive, or web design studio.
ideasonideas, a blog that invites dialogue on issues relevant to communication designers and brand strategists
Inspiration Bit – Get inspired and learn from the latest technology, art and design buzz on the Web.
Inspiredology – covers everything that inspires us.
ISO50 – The Visual Work of Scott Hansen
Jasongraphix :: A journal of art, thoughts, and projects by Jason Beaird
Noisy Decent Graphics by Ben Terrett, a Graphic Designer in London
Positive Space :: The Graphic Design Blog
Spoon Graphics – the personal project of Chris Spooner, a UK based Graphic / Web Designer.
Swiss Legacy – Graphic design and typography
The Dieline – packaging design blog
The Serif – Your daily dose of design inspiration
things to look at – plenty of images, and oddly, things to look at
Type for you. A blog on typography, by Pedro Serrão, a graphic designer from Porto, Portugal.
TypeNeu dedicated to typography, fonts, lettering and typefaces
—————————————————————————————————————————————————————————
PR 4 blogs
Andy Budd :: Blogography – based in Brighton, England
BittBox – Homemade vector freebies, design tips, tutorials and bitts.
Computerlove – Connecting Creative Talents
creativebits | Apple orientated design community (must register to comment)
David the Designer – don’t underestimate the knowledge this man has acquired (and don’t call him Dave)
Elliot Swan survived three days without the internet
FormFiftyFive – Design Inspiration – the pet project of designers Glenn Garriock and Jack Daly
graphicPUSH – “a sporadically but faithfully updated design blog”
Graphic Design Blog – graphic design, freelancing, illustration, advertising, web design
Laughing Lion Design : Web, Graphic Design & Illustration Ireland
Lealea Design: Blogblog: Design inspiration and introspection
Luz Cannon: The Work of David Brooks : Designer, Photographer and Audio Producer
NOTCOT.ORG – for your ideas + aesthetics + amusement.
SeptemberIndustry | a showcase of the best in international graphic design
SonSpring | Journal by Nathan Smith
We Made This (It’s Our Blog)
Your Brain on Design: A Graphic Design Blog | Leslie Tane Design
—————————————————————————————————————————————————————————
PR 3 blogs
Binky the doormat – Thoughts on design and visual culture by Daniel Gray
CrazyLeaf Design Blog – Web Design and Graphic Design Blog
Creative Guy – tips, tricks, tutorials and discussion about Adobe Photoshop, InDesign and Illustrator for designers running Mac OSX
Designer Daily graphic design inspiration and resources
Gazelle Creative – by Elizabeth Jackson (a.k.a. Zabs)
gradient dropshadow curve – by Henry Tapia
Just Creative Design – personal blog of Jacob Cass, a graphic designer in Australia
Outlaw Design Blog – A Graphic Design Blog
Reflections – the personal blog of Paul Enderson, a freelance web and graphic designer from England
Truly Ace – Graphic Design Blog
Tutorial Blog – Design Articles and Tutorials
Posted by Albert Lie | 70 comments
Splashup | Powerful Editing Tools & Photo Man...
Today, psd-tutorial.com’s topic is about splashup, online photo editing & photo manager. at first, i really surprised to see this website. I’ve never thought that someone made this photo editing website which is very similar to adobe photoshop. I’ts very cool, huh? See the screenshot below:
Similar with adobe photoshop huh?
Click the screenshot to go to the website
Hm… I think this website is intended to built similar with adobe photoshop, although most features inside aren’t as good as adobe photoshop has. Although this website looks like adobe photoshop, it hasn’t provide shortcut for every tools. I have difficult time trying to use this website at first… But you may use it for creating objects or editing your photo. Interesting, huh?
This is the screenshot of splashup homepage, click below to visit the website
You may use splashup light, which features are specialized for photo editing & can be downloaded! Click image below to visit the website & download the tools!
If you don’t have adobe photoshop in your desktop, this website is the best solution for photo editing. You may have a difficult time adjusting with the website, but later, it’ll be easier to use it!
Read MorePosted by Albert Lie | 76 comments
Klasifikasi Font Dalam Desain Grafis
Artikel psd-tutorial kali ini akan membahas mengenai klasifikasi font dalam desain grafis atau judul sederhananya: jenis-jenis font. Hal ini pertama kali saya pelajari ketika awal-awal kuliah desain grafis. Font itu terbagi dalam 4 jenis, yaitu Serif, Sans Serif, Script dan Decorative. Masing-masing font memiliki karakteristik tersendiri dan kegunaannya masing-masing juga berbeda.
Jika anda menekuni desain grafis atau tertarik dengan desain grafis, anda perlu belajar tentang jenis-jenis font selain mempelajari software-software desain grafis seperti adobe photoshop dan adobe illustrator
Berikut ini definisi dari setiap font yang saya sajikan secara bebas:
- Serif: huruf yang memiliki kait/serif (sedikit menjorok keluar) pada bagian ujung atas atau bawahnya.
- Sans Serif: huruf yang tidak memiliki kait/serif pada ujung atas maupun bawahnya.
- Script: huruf yang bentuknya menyerupai tulisan tangan manusia.
- Decorative: huruf yang tidak termasuk ke dalam klasifikasi di atas.
Definisi serif menurut wikipedia: serifs are semi-structural details on the ends of some of the strokes that make up letters and symbols
Berikut ini adalah contoh-contoh dari setiap jenis font dan penjelasan singkat mengenai setiap font tersebut. Setiap font saya tampilkan beserta nama font-nya supaya lebih mudah dipahami.
Font Serif cenderung digunakan untuk hal-hal yang bersifat formal. Font Serif sering sekali digunakan sebagai body text dan headline. Hal ini disebabkan Font Serif relatif mudah dibaca dalam komposisi teks yang panjang. Hal ini pula yang menyebabkan koran-koran memakai Font Serif untuk setiap artikelnya.
Font Sans-serif cenderung digunakan untuk hal-hal yang semi formal dan santai. font Sans-serif lebih sederhana jika dibandingkan dengan Font Serif karena tidak mengandung Serif. Font Sans-serif sering digunakan untuk majalah-majalah dan layar komputer. Saya sendiri lebih suka menggunakan font-font Sans-seris dibandingkan Font Serif. Font favorit saya dari list di atas adalah Myriad Pro, Segoe UI dan Optima.
Ciri khas Font Script adalah menyerupai tulisan tangan (handwriting) dan umumnya terkesan anggun. Font Script selalu memiliki tebal tipis tulisan yang bervariasi dalam setiap hurufnya. Salah satu karakteristiknya adalah tidak bisa menggunakan huruf besar (capital) dalam satu kata karena akan terlihat sangat tidak rapi. Komposisi yang benar adalah huruf kecil semua atau huruf capital di depannya, sisanya menggunakan huruf kecil. Font Favorit saya dari list di atas adalah Ex Ponto Pro.
Font Decorative tidak punya karakteristik yang mirip antara satu font dengan font lainnya. Setiap Font Decorative memiliki ciri khas masing-masing sesuai dengan kemauan desainer font tersebut. Font favorit saya dari list di atas adalah Strumpf dan Flying Penguin (lucu banget).
Anda bisa mencari dan mendownload font yang anda suka di website-website ini:
- www.dafont.com
- www.1001freefonts.com
- www.fontfreak.com
- www.abstractfont.com
- www.fonts.com
- www.bumena.com (recommended)
- www.fontsquirrel.com (recommended)
- www.skout.co.za (highly recommended)
- Typoasis (highly recommended!)
Semoga bermanfaat ya!
Loading...
