Рисуем оттиск в стиле гранж | Урок Фотошоп

exgrange13.jpg

Уроки фотошоп. Идея данного урока принадлежит 10steps.sg. Я лишь приспособила его для своих целей и перевела на русский. В оригинальном уроке используется текстура дерева, но мы возьмем старую ржавую пластину и отпечатаем на нем увесистый такой оттиск. Любители гранжа — подходите ближе :)

Для начала скачаем какую-нибудь хорошую ржавую текстуру. Где качать — не вопрос. Гугль в помощь. Этого добра сейчас в сети просто море. Я нашла текстурку в своих бездонных запасничках, поэтому где скачала — уже и не припомню.

Итак! Открываем Фотошоп, создаем новый документ 570х400 пикселей и поверх него копируем и вставляем нашу картинку со ржавой пластиной.

exgrange1.jpg

Читать далее…

5 свежих шрифтов в стиле ретро

Лето, как известно — пора затишья в сайтостроительной деятельности. А значит самое время собирать новые инструменты: кисточки, шрифты, векторные шейпы и прочие замечательные вещицы, так необходимые любому веб-дизайнеру.

Сегодня я раздобыла пять свеженьких и очень симпатичных шрифтов в стиле ретро. И пусть этот стиль пока еще не прижился как следует в рунете, однако потенциал у него огромен.

Marketing Script

newrertofont1.gif

Ballpark

newrertofont2.gif

Betty Noir

newrertofont3.gif

Airstream

newrertofont4.gif

Ayosmonika

newrertofont5.gif

Значение хорошего дизайна для сайта

Webdesignerwall опубликовал любопытный гостевой пост-исследование от канадского сервиса Webcopyplus, специализирующегося на веб-контенте. Суть данного исследования в следующем: был произведен опрос среди 318 пользователей Интернета с целью выявить, что конкретно заставляет их с негодованием закрыть какую-либо веб-страницу и более туда не возвращаться никогда? На выбор были заданы три варианта ответов:

  1. Плохой дизайн;
  2. Слабый контент;
  3. Медленная загрузка.

В процентном соотношении ответы распределились следующим образом:

  1. Плохой или откровенно бедный диз вызвал желание побыстрее распрощаться с сайтом у 24,2% респондентов;
  2. Слабый по уровню и информативности контент расстроил бы 24,8 % респондентов;
  3. Медленная загрузка, пока еще, лидирует — 50,9 %, но это дело времени, и в скором будущем уже не будет иметь большого значения.

Интересно тут вот что. Точно такое же исследование группа проводила в 2007 году. Участников опроса, правда, было поменьше — 258 человек, но не думаю, что этот как-то кардинально изменило выборку. А результаты того исследования следующие:

  1. Против медленной загрузки высказались 51.2%;
  2. Против слабого контента — 42.2%
  3. А вот против низкого качества дизайна — всего 6.6%

Что не может не радовать, так как явно показывает достаточно сильно возросшую роль качественного дизайна в успешном развитии веб-проекта.

Новые шрифты в стиле гранж

fonts4.gif

На дворе лето, правильные люди правильно отдыхают, а не сидят сиднем в сети. А потому и писать в блог что-то серьезное и вдумчивое нет особого смысла. Поразмыслив так на досуге, решила я возродить практику периодического добавления (или разбавления, если угодно) в качестве постов — обычные наборчики свеженайденных шрифтов, кисточек для ФШ и всего такого прочего.

Вот и сегодня я предлагаю всем желающим, кому небезразличен такой жутко интересный и креативный стиль как гранж, скачать небольшой набор свеженьких шрифтов. Один из них, кстати, поддерживает кириллицу.

Вес упаковки около 800 кБ в архиве. Скачать новые шрифты в силе гранж

Секреты успешного веб-дизайнера. Личное обаяние

charm.jpg

Начиная с этого поста, я буду понемножку делиться секретами своего собственного успеха на ниве веб-дизайна. Думаю, это будет интересно и полезно многим творческим личностям, кто тем или иным путем пытается приобщиться к данному виду деятельности. А самое главное — попытаться заработать на этом денежку. Большую или маленькую — все зависит от ваших собственных устремлений, настойчивости и желания. Да, да! Нужно непременно желать, искренне и без лишней скромности. Только тогда во всем этом будет определенный смысл. А иначе лишь суета и пустая трата времени и сил.

Сегодняшний пост будет посвящен… Нет, не созданию своего личного блога или портфолио на каком-либо из фрилансерских ресурсов. Начнем мы с личного обаяния :) А для начала нарисуем виртуальный портрет Идеального Дизайнера (ИД). Чем кардинально отличается ИД от, скажем, его братьев по оружию — верстальщика или программиста? Креативом? Фонтанированием идеями? Или может перманентно измененным состоянием сознания?

Нет. Все гораздо проще. ИД обладает простой, но в тоже время очень нужной способностью к общению. Ни программисту, ни верстальщику, при условии верно и точно выполненной работы, нет нужды что-то объяснять или показывать заказчику. Работает? Извольте принять. Объяснять детали не имеет смысла в силу сложности предмета и заведомой некомпетентности заказчика в большинстве случаев.

Совершенно другой компот происходит с веб-дизайнером. Не секрет, что зачастую заказчик всеми правдами и неправдами пытается «рулить проектом и показывать как надо», забывая, что дизайнер — это не просто художник, способный нарисовать требуемую картинку, но и вполне компетентный специалист, который не понаслышке знает о гармонии цвета, ритме, типографике и пр. В результате имеем сплошь и рядом ситуации, когда дизайнеру просто необходимо уметь разговаривать. И не просто разговаривать, а еще и убеждать людей в правильности своего видения предмета. Поэтому личное обаяние, как предмет во всех отношениях крайне полезный и в чем-то даже решающий, выступает здесь на первое место.

Из чего же складывается это личное обаяние? Да еще и в условиях виртуального общения, а не тет-а-тет. А теперь внимание! Секретные списки советов и не советов от Насти Манно, гарантирующие счастье и процветание любому начинающему или продолжающему веб-дизайнеру! Читать в укромном месте, лучше под одеялом, заперев комнату на ключ и отключив телефон. После прочтения выбросить в Корзину, удерживая нажатой клавишу Shift.

Читать далее…

Бесплатный шаблон или услуги дизайнера?

Поиск соответствующего шаблона для сайта, будь то бизнес-проект или простое отражение вашего хобби, не такое уж легкое занятие. Большинство бесплатных или очень дешевых шаблонов являются морально устаревшими, зачастую выполнены крайне непрофессионально и, самое удручающее, они наверняка уже клонированы армией других владельцев веб-сайтов.

Если намерения ваши серьезны, лоб холодный, а рука покоится на котлетке дензнаков в инвалюте, то вполне вероятно, что вы все и давным-давно уже решили для себя.

Тем же, кто только задумывается над извечной дилеммой «халява или за деньги», хочу предложить свое видение проблемы, основанное на простейшем делении на плюсы и минусы. Естественно, что вИдение это сугубо субъективное. Более того, оно явно предвзятое и крайне протекционистское (в мою пользу, разумеется). Ну, а как же иначе-то? :) А посему, считайте это мудрыми советами, прислушиваться к которым стоит, но выполнять — это уж как пожелаете.

Итак, рассмотрим вначале бесплатный вариант. Без привязки к какой-либо CMS вообще. Просто free templates.

Плюсы:

1. Бесплатно, либо условно-бесплатно, что в рунете практически идентично.
2. Их миллионы! А на самом деле, прикидывал ли кто-нибудь хоть примерно, сколько тонн халявы в Интернете?
3. При минимуме навыков можно попробовать слепить из 10 бесплатных один почти уникальный. И продать (я этого не говорила, чур меня).
4. Можно менять как перчатки в зависимости от настроения, насущных задач или просто так.
5. Быстрота установки.
6. Наигрались — выбросили и забыли. Деньги не профукали, жизнь продолжается!

Минусы:

1. Примитивный дизайн. Плашка, плашка, кругляшок — это мой «хомяк», ребята!
2. Их используют миллионы! Ну, второй такой уж точно есть в сети.
3. Устаревший код, часто без DOCTYPE, часто на таблицах, с кучей ошибок.
4. Слово «бесплатно» — развращает. Оно изначально настраивает вас на несерьезное отношение к делу. Втройне странно это выглядит в случае использования бесплатного шаблона для бизнес-сайта.
5. Следствие пункта 4 — уныние и свербящая мысль о собственной неполноценности.
6. Снисходительные ухмылки коллег, заказавших платный дизайн у профессионального дизайнера.
7. Невозможность расширения в случае успешного развития проекта.
8. Посторонние ссылки, зачастую отнюдь не на сайт автора шаблона, а заметно левее.
9. Самое жуткое — вероятность подхватить шпиона-вируса или еще чего похуже.

Платный вариант. Или иначе — правильный.

Плюсы:

1. Индивидуализм. Вы такой один, и краше вашего сайта не сыскать во всем белом свете. Конечно при условии, что вам не впарили за деньги бесплатный вариант.
2. Вы знаете, чего вы хотите получить.
3. Вы серьезно относитесь к делу, и за это да воздастся вам сторицей!
4. Вы имеете возможность пообщаться со знающими людьми. В случае чего, они вас выведут на путь истинный и не дадут заплутать в море информации.
5. Вы получаете современный сайт. Современный как в плане дизайна, так и по внутреннему содержанию, то есть верстке.
6. Вам и только вам решать, что будет отражено в дизайне. Никаких лишних ссылок, чужой рекламы и прочего мусора.
7. Возможность частичной корректировки дизайна и всяческой постподдержки со стороны изготовителя (дизайнера).
8. Чувство душевного равновесия и пусть небольшого, но все же превосходства над друзьями-коллегами, до сих пор пользующимися бесплатными шаблонами.
9. Выгодное вложение денег. При случае сайт можно продать. Индивидуальный дизайн явится неоспоримым плюсом такой сделки.
10. Это, в конце концов, просто красиво.

Минусы:

1. Это дорого. Но не дороже денег.
2. Это не быстро. Однако порой перебирание тысяч бесплатных шаблонов может затянуться на неопределенный срок.
3. Это ответственность. В том числе и за вложенные деньги. Хотя в личном плане ответственность — это несомненный плюс.

А теперь, после такой оптимистичной установки, делаем Правильный выбор. Ведь на самом деле самый большой и жирный плюс — это сама возможность выбора. :)

Реклама веб-дизайна в офф-лайне

Если вы интересуетесь веб-дизайном и созданием сайтов, то наверняка обращали внимание на рекламные клочки бумаги, развешанные по городу, в которых предлагаются услуги по созданию сайта за недорого. Реклама, прямо скажем, не очень привлекательная. Сильно подозреваю, что КПД ее не превышает 1%, если вообще он существует. Ведь, по сути, такая реклама не несет никакой полезной информации: ни примеров, ни расценок.

Куда грамотнее было бы напечатать плакатик А3 с цветными иллюстрациями из портфолио дизайнера и указать вилку цен. Несомненно, такая реклама обошлась бы заметно дороже, но и результат мог бы стать более ощутимым.

С другой стороны, есть масса альтернативных решений, и вот о них я хочу поговорить более подробно.

Вчера я познакомилась с замечательным дизайнером Авдотьей Сумкинс, которая создает просто потрясающие сумки-авоськи. Просто, но очень и очень стильно.

asumkins.jpg

asumkins2.jpg

Не скрою, у меня самой давно зреет подобная идея, о которой я как-то уже упоминала: печать интересных наклеек для ноутов. Но формат наклеек слишком мал для рекламы, а вот сумка или, например, футболка — то, что надо. Пусть даже эту сумку или футболку буду носить я сама, и никто другой не захочет их купить. Этого и не требуется. Достаточно того, что я сама буду таким оригинальным способом рекламить самое себя.

Другой пример — собственное авто. Если у вас есть машина, то почему бы не договориться с художником-аэрографом, чтобы он раскрасил машинку картинками из вашего портфолио? Это стоит дорого, но оно того стоит, и уж точно не останется незамеченным.

Если вы делаете стильные и современные дизайны, то можно воспользоваться услугами тех, кто увлекается граффити. Название вашего дизайнерского ресурса в соответствующем окружении — яркий и запоминающийся символ, который достаточно надолго поселится в городе и будет привлекать внимание.

Это примеры разовой, «точечной» рекламы, которая привлекает своей необычностью, а не назойливой массовостью, въедающейся в подсознание. Если у вас есть подобные идеи, поделитесь. Возможно найдутся те, кто сможет помочь вам их реализовать.

Универсальное ТЗ

Как написать универсальное ТЗ

Рано или поздно, но наверняка любой фрилансер приходит к мысли, что работать лишь на общих началах — выходит не всегда удачно. Часто возникает проблема недопонимания между заказчиком и фрилансером, потому как первый хотел одно, а второй «увидел» это по-своему.

Кроме того, имеет место быть и такая неприглядная вещь как заведомый обман исполнителя, с целью получить бесплатно интересный дизайн, а потом отказаться от услуг и перепоручить изготовление сайта своему человечку.

Есть и еще одно негативное свойство такого подхода — недостаточная серьезность, или иными словами, возможность возникновения сомнений в профессиональных навыках фрилансера со стороны потенциальных и серьезных заказчиков.

Ведь как получается на деле: обращается заказчик и просит создать дизайн для будущего сайта. Известна только тема. Как должен выглядеть сайт — толком объяснить заказчик не может. Красиво! Стильно! Как-то-там-супер-еще! Исполнитель предлагает: давайте вы опишете в общих чертах, своими словами, как вы это видите, а я что-то постараюсь придумать.

В результате заказчик может решить, что данный исполнитель не серьезно относится к делу. Привожу в пример исключительно себя. Как оно у других — не берусь утверждать, хотя и не сомневаюсь, что очень похоже.

Поэтому любой фрилансер со временем приходит к мысли, что нужно как-то упорядочить свои взаимоотношения с заказчиками. Техническое задание (ТЗ) — вот что первым делом приходит в голову.

Но как его правильно оформить? Если задать в Гугле такой запрос, то полученная картинка мало обрадует. Если и есть готовые примеры, то довольно пространные, а зачастую просто непотребные из-за обилия букаф и заведомо лишних деталей.

Потому я и задалась целью попробовать создать простой и универсальный опросник для ТЗ. Такой опросник будет предлагаться заказчику на предмет заполнения, причем вопросы там должны быть строго однозначны, дабы не было даже повода интерпретировать их как-то иначе.

То есть, все прозрачно и предельно ясно. Тогда, на основе данного опросника, фрилансер уже самостоятельно сможет составить грамотное ТЗ. После чего дает ознакомиться с ним заказчику, и если все устраивает, можно начинать работу.

В связи с этим у меня ко всем вам, уважаемые читатели, огромная просьба: если у вас есть удачные примеры ТЗ или опыт составления подобных опросников, плиз, набросайте ссылочек или просто расскажите в комментах к этому посту.

Спасибо!

Дизайнер в поиске вдохновения

webdeswall.jpg

Недавно Ник Ла (Nick La) опубликовал на своем блоге интересную статью о поиске вдохновения Finding Inspiration, в котором перманентно находится любой творческий человек. По мнению Ника, сидеть дома за компом и просматривать в сети всевозможные галереи а ля «101 бэст дезигн» — неимоверно скучное занятие. Таким способом, считает он, можно, конечно же, найти что-то новое в работах других веб-дизайнеров, но этого нового так исчезающее мало, что говорить о полноценном вдохновении не приходится.

Мнение довольно спорное. Можно возразить, что Ник не умеет искать. Но речь сейчас не о том. В конце концов, у каждого свои предпочтения. Кто-то любит сидеть дома в спокойной обстановке и серфить по сети в поисках интересного, а кто-то, как Ник, например, предпочитает окопаться в любимом кафе и глазеть по сторонам, заряжаясь креативом. В своей статье Ник дает несколько наводок, где можно найти массу интересных идей для творчества. Перечислим вкратце:

1. Кафе. О нем я уже упомянула. В кафешках всегда появляются новые люди. Любой новый человек — это прям рассадник идей! :) Его одежда, какие-то фенечки, наколки — все, что угодно. Любая деталь может оказаться для вас новой и неожиданной. Здесь я бы еще дополнила, что полезно прислушиваться к разговорам людей. Не к досужим и пустым сплетням, а именно к интересным беседам «по теме». И возможно, кем-то случайно сказанное слово явится ответом на ваш внутренний вопрос, станет своеобразной подсказкой в ваших поисках. Ведь ничего случайного на самом деле не бывает.

2. Книжные и арт-магазины. Печатная продукция — еще один неисчерпаемый источник творческих идей. И хотя веб-дизайн, по сути своей, не является художеством в чистом виде, однако позволяет с успехом использовать изобразительные средства (в меру, конечно же).

3. Арт-галереи. Любые. Картины, фотографии, инсталляции. Любых направлений и концепций. Стоит только абстрагироваться от сути, самой темы, смыслового центра (ect.) той или иной выставки и просто наблюдать за образами или даже деталями. Как конструктор, который в автомобиле видит, прежде всего, не красивый силуэт, а детали, из которых этот силуэт строится.

4. Природа. Это, пожалуй, самый богатый источник для вдохновения. В каждой травинке, букашке или строении цветка можно найти бесконечное число вариаций форм и линий.

То есть, общая идея в том, чтобы не ограничиваться только тем, что уже нашли и используют другие веб-дизайнеры, а самостоятельно отыскивать новые формы и идеи. И при этом использовать не только Интернет, но и оффлайн-источники. Буду рада услышать ваше мнение на этот счет. Поделитесь вашими находками и источниками креатива.

Рисуем швейную строчку | Урок Фотошоп

strochko0.jpg

Уроки фотошоп. В уроке по рисованию ярлыка мы уже рисовали нитку. Используя почти что тот же самый способ, нарисуем теперь швейную строчку. Этот элемент тоже довольно успешно применяется в современном веб-дизайне.

Для начала создадим подходящую кисть. Стежок швейной строчки имеет в общих чертах вид вытянутого эллипса. Такой и нарисуем. Размер документа, скажем, 20х5 пикселов с прозрачным фоном. На нем при помощи инструмента Rounded Ellipse Tool (Эллипс) нарисуем вот такую заготовку (увеличено):

strochko1.gif

Затем выполняем Layer – Rasterize – Shape. Далее заходим в закладку Edit, находим пункт Define Brush Preset, кликаем по нему и в появившемся окошке задаем имя новой кисточке:

strochko2.gif

Читать далее…