tag:blogger.com,1999:blog-38132061790458275782009-10-18T04:08:43.016+03:00ТЫ ДИЗАЙНЕРДля всех ценителей прекрасного, ведь в каждом из нас живет дизайнер!Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.comBlogger24125tag:blogger.com,1999:blog-3813206179045827578.post-43541749781521092312009-05-05T13:59:00.009+03:002009-05-05T15:10:03.540+03:00Размышления на тему веб дизайна.В одной из предыдущих своих заметок я кратко описала 5 необходимых навыков для дизайнера. Сейчас я хочу более подробнее поговорить о них.<br /><br />Так как на первое место я поставила веб-дизайн, то сегодня речь пойдет именно о нем.<br /><br />Одна из самых важных составляющих на сайте - это <span style="font-weight:bold;">Контент</span> (содержание) и <span style="font-weight:bold;">юзабилити</span>. Ведь если на сайте нет полезной информации или ее слишком сложно найти, то такой сайт будет не интересен пользователю. Пользователь возвращается только на те сайты, которые дали ему полезную, интересную информацию. Поэтому Вам, как веб дизайнеру, необходимо полностью понимать для чего делается сайт, продумать его структуру и помочь заказчику, если это будет необходимо, сделать дизайн сайта максимально удобным.<br /><br /><span style="font-weight:bold;">Дизайн</span> - вторая по важности составляющая хорошего сайта. Ведь как говориться "Встречают по одежке". Для того что бы разработать хороший дизайн совсем не обязательно заполнять его полностью графикой или флеш анимацией. Для сайта важен <span style="font-weight:bold;">стиль</span>, который и будет служить главным аргументом качественно дизайна. Необходимо понимать целевую аудиторию пользователей и в соответствии с этим выбирать стиль.<br /><br /><span style="font-weight:bold;">Скорость загрузки страниц</span> - это так же не мало важно. Не один обычный пользователь не станет ждать загрузки сайта, если это буде продолжаться дольше 10 сек. Отсюда вывод - чем больше графики, тем дольше загрузка страницы. Поэтому я не люблю сайты полностью сделанные на флеш (хотя, обычно, они красивы).<br /><br />Ну и последнее что бы я хотела выделить по этой теме. Старайтесь как можно меньше делать орфографических и грамматических ошибок. Пользователю будет приятно читать такой текст.<br /><br />И на по следок несколько дизайнов, которые мне нравятся.<br /><br /><a href="http://www.pixel-house.com.au/"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 219px;" src="http://3.bp.blogspot.com/_M6FjZrLed0Y/SgAr_WTT5BI/AAAAAAAAADI/icfHpgh2Lc8/s400/pixel.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5332310326124995602" /></a><br /><br /><a href="http://www.ps-designstudio.de/informatives.html?D=2"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://3.bp.blogspot.com/_M6FjZrLed0Y/SgAqM8x5X5I/AAAAAAAAADA/PHCpC0T4xfA/s400/2s.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5332308360768872338" /></a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-4354174978152109231?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-36594753679542322242009-04-19T12:53:00.004+03:002009-04-19T13:24:20.414+03:00Создание иконки favicon<img style="float:left; margin:0 10px 10px 0;" src="http://3.bp.blogspot.com/_M6FjZrLed0Y/Ser5Mo1QcuI/AAAAAAAAAC4/RxfH1OB5z58/s400/favicon.png"/><br />Хочу поделиться с Вами очень хорошим ресурсом с помощью которого можно создавать иконки favicon. Интерфейс очень простой и удобный! <br />Вы можете с помощью этого сайта (<a href="http://www.favicon.cc/">www.favicon.cc</a>) преобразовать ранее созданную иконку, создать новую прямо на сайте или даже анимированную.<br />Я достаточно часто пользуюсь этим ресурсом. <br />Надеюсь эта информация поможет Вам и пригодиться для работы.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-3659475367954232224?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-37566840622805591242009-04-06T14:48:00.006+03:002009-04-06T16:39:26.839+03:005 необходимых навыков для дизайнераЕсли хочешь получить хорошую работу или хороших заказчиков, необходимо сохранять конкурентоспособность, особенно это актуально сейчас, когда идет волна сокращений. Работодатели ищут хороших и надежных дизайнеров, чтобы вы были не только веб дизайнером, но, по возможности, знали и другие направления в вебе.<br /><br />Если вы работаете из дома, то вам необходимо еще больше навыков, что бы найти заказчиков, раскрутить себя и иметь более стабильный зароботок. Ниже приведены некоторые из них, которые я рекомендую дизайнерам фрилансерам.<br /><br /><span style="font-weight:bold;">1. Веб-дизайн</span><br /><br />Веб-дизайн, вероятно, самый ценный навык для дизайнера фрилансера. С помощью его вы можете достойно оформить свое портфолио, а портфолио это ваше лицо, ваши умения. Будучи веб-дизайнером и зная какой-нибудь язык программирования, не только облегчит вам работу из дома, но и сделает вас более привлекательным для потенциальных работодателей, которые хотят сократить расходы на поиск нескольких талантливых дизайнеров.<br /><br /><span style="font-weight:bold;">2. Иллюстрация</span><br /><br />Для веб дизайнера как и для графического дизайнера важно уметь рисовать иллюстрации. Необходимо постоянно усовершенствовать свои знания в этой области, читайте уроки, рисуйте - это вам поможет делать дизайны красивыми и привлекательными. Тем более это может стать прекрасным украшением вашего портфолио.<br /><br /><span style="font-weight:bold;">3. Интернет маркетинг</span><br /><br />Интернет маркетинг является важным навыком для любого фрилансера. Зная хорошие маркетинговые тактики, поможет вам получить уважение, имя и признание клиентов. Существуют много легких путей для увеличения посетителей на Ваш сайт и портфолио и не воспользоваться таким шансом было бы глупо!<br /><br /><span style="font-weight:bold;">4. Поисковая оптимизация (SEO)</span><br /><br />Поисковая оптимизация лежит в основе любого бизнеса через интернет. Любой, кто работает в сети, должен иметь навыки в области поисковой оптимизации Плохая оптимизация может плохо повлиять на ваш сайт и не принести никаких результатов, но хорошая SEO оптимизация может предоставить вам постоянный приток новых клиентов, и действительно, вы можете перейти на новый уровень.<br /><br /><span style="font-weight:bold;">5. Блоги</span><br /><br />Запуск блога, возможно, самый простой и лучший вариант, чтобы рассказать о себе, своих способностях и взглядах. Зная веб-дизайн, Интернет-маркетинг и SEO оптимизацию, которые я упомянула выше, вы можете превратить ваш блог в мощный и полезный инструмент, а не в пустую трату времени. Делитесь на нем своими знаниями! Это поможет создать вам хорошую репутацию. Пишите регулярно и результаты не заставят себя долго ждать.<br /><br />Надеюсь вам пригодятся мои советы!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-3756684062280559124?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-34774588830726570772009-03-24T13:07:00.004+02:002009-03-24T13:36:42.245+02:00Создание эффекта 3D текстНедавно мне понадобилось создать эффект 3D текста. Теперь хочу поделиться с вами одним из очень простых способов создания такого эффекта в Photoshop.<br /><br /><img src="http://4.bp.blogspot.com/_M6FjZrLed0Y/ScjFHFT5XgI/AAAAAAAAACw/XEU-i42pa_U/s400/Logo+%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F.jpg" width="250"/><br /><br />1. Сделайте надпись необходимым шрифтом.<br />2. Затем задайте параметры слоя кликнув на слой 2 раза мышкой<br />3. В разделе Тиснение (Bevel and Emboss) задаем параметры по своему усмотрению<br />4. Выберите инструмент Перемещение (горячая кнопка V)<br />4. Теперь не отпуская Alt жмем кнопку вправо (или в любую другую сторону) до получения желаемого результата, альт дает новую копию слоя в соответствующую сторону.<br />5. Если результат Вас устраивает можно склеить все слои в один, но по своему опыту могу сказать, что верхний слой оставить в дальнейшем это поможет вам при редактировании.<br /><br />Это собственно и все.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-3477458883072657077?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-30724561271610948962009-01-17T16:09:00.005+02:002009-02-20T12:07:07.323+02:00Элементы интерфейсов с хорошим юзабилитиКак я уже писала раньше, юзабилити очень важная ступень в разработке сайта. Чем лучше юзабилите, тем больше вероятно что пользователь останеться на вашем сайте. Главное правило юзабилити - "не заставляйте пользователя думать".<br /><br />Хочу показать вам примеры хорошо разработанного юзабилити.<br /><br /><a href="http://www.kontain.com/">Kontain’s</a><br /><img src="http://3.bp.blogspot.com/_M6FjZrLed0Y/SZ5-utsEWuI/AAAAAAAAACQ/DY8qXCcNB1E/s400/kontain_search.png" alt="Kontain’s Site"/><div style="clear:both;"></div><br /><br /><br /><a href="http://www.goplan.info/">Goplan</a><br /><img src="http://3.bp.blogspot.com/_M6FjZrLed0Y/SZ5_G2DHhXI/AAAAAAAAACY/vmo5QQPqNwY/s400/goplan_signin.png" alt="Goplan Sie" /><div style="clear:both;"></div><br /><br /><br /><a href="http://www.backpackit.com/">Backpack</a><br /><img src="http://3.bp.blogspot.com/_M6FjZrLed0Y/SZ5_djpEpyI/AAAAAAAAACg/l1PyuNn4sLk/s400/backpack_calendar_picker.png" alt="Backpack Sie" /><div style="clear:both;"></div><br /><br /><br /><a href="http://www.collabfinder.com/">CollabFinder</a><br /><img src="http://2.bp.blogspot.com/_M6FjZrLed0Y/SZ5_yEcBAdI/AAAAAAAAACo/nLmVySw1eJI/s400/collabfinder_search.png" alt="CollabFinder Site" /><div style="clear:both;"></div><br /><br />По материалам сайта <a href="http://www.smashingmagazine.com/">smashingmagazine</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-3072456127161094896?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-4740147751191232562009-01-15T18:18:00.006+02:002009-01-15T18:46:39.089+02:00Подбор цветовой палитрыЯ уже раньше описывала как правильно <a href="http://youdesigner.blogspot.com/2008/07/1.html">подобрать цвет к изображению</a>. Но сегодня я хочу рассказать вам о сайтах которые помогают подобрать приятное сочетание цветов для вашего проекта или просто изображения.<br /><br /><img style="float:left; margin:0 10px 10px 0;" src="http://3.bp.blogspot.com/_M6FjZrLed0Y/SW9my7OqI4I/AAAAAAAAACA/7sCticiITrc/s400/%D0%91%D0%B5%D0%B7%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-2+%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F.jpg" border="0" />Во-первых это <a href="http://www.themaninblue.com/experiment/Technicolor/">сайт подборки цветовой палитры</a> к заданному вами основному цвету. Вы задаете цвет, программа генерирует подходящие цвета, и нажав кнопку "Auto-paint the web page" можно просмотреть как эти цвета будут смотреться в сочетании друг с другом (в данном случае на веб странице).<br /><div style="clear:both;"></div> <br /><br /><img style="float:left; margin:0 10px 10px 0;" src="http://4.bp.blogspot.com/_M6FjZrLed0Y/SW9m5wSrHqI/AAAAAAAAACI/fdqMK0otWTo/s400/%D0%91%D0%B5%D0%B7%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1.jpg" border="0"/>Если же вам надо просто подобрать приятную палитру цветов, Вы можете обратиться к другому не менее удобному сайту. <a href="http://kuler.adobe.com/#themes/rating?time=30">Сайт предлагает приятные палитры</a> в большом количестве. Он динамичный и приятный в использовании. Мне очень нравиться что при клике на палитре она разворачиватся на полный экран и можно более глобально посмотреть на сочетание цветов.<div style="clear:both;"></div><br /><br />Эти сайты помогали мне неоднократно. Они делают работу легче и приятнее.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-474014775119123256?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-72918139798138260052009-01-12T15:01:00.004+02:002009-01-12T16:13:18.138+02:00Что нужно знать web дизайнеру<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.andrastudio.com/images/my-web-design-showcase.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 300px; " src="http://www.andrastudio.com/images/my-web-design-showcase.png" border="0" alt="" /></a><br />В первую очередь хочу сказать, что веб-дизайнер — это специалист, который выполняет отрисовку графического дизайна сайта.<br /><br />Я занимаюсь разработкой дизайна уже больше 3-х лет и знаю, что это занимает достаточно много времени и требует знаний и в других областях. Что же тогда нужно знать web дизайнеру?<br /><br />В первую очередь я считаю, что для дизайнера важны знания юзабилити. В переводе с английского usability означает "удобство пользования", т.е. максимально понятные интерфейсы для пользователя. По юзабилити написано много статей, книг и хорошему дизайнеру просто необходимо знать эту область.<br /><br />Дизайн - это мода, одежда для сайта, поэтому за ней необходимо постоянно следить, что появляется нового, в каком направлении вам необходимо двигаться.<br /><br />Так же не помешало бы знать, что можно написать на Ajax. Это вам поможет внести свежие нотки в дизайн который вы разрабатываете.<br /><br />Развивайте в себе чувство стиля, чувство цвета его сочетаний, будьте оригинальны.<br /><br />Желаю вам успехов.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-7291813979813826005?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-3557207099194274132008-08-18T11:12:00.004+03:002008-08-18T11:51:59.020+03:00Искусство рисования на кофе латтеРисовать можно практически везде и на всем. Например, мне очень нравиться идея рисовать на кофе - это своего рода искусство.<br /><br />Мне всегда нравилось кофе латте за его очень мягкий и легкий вкус и за возможнось на нем создавать, с помощью молока и шоколада, незамысловатые картинки.<br /><br />Хочу предложить вашему вниманию урок, как нарисовать картинку на кофе латте. В этом ролике показано как рисуются милые мордашки и абстрактные красивые цветы. Думаю если потренироваться, то и Вы сможете освоить это мастерство.<br /><br />Приятного просмотра.<br /><br /><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/fZvoqNiOnG4&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/fZvoqNiOnG4&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-355720709919427413?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-11445486029449390052008-08-03T16:05:00.002+03:002008-08-03T16:12:37.533+03:00Уроки Photoshop - Коррекция фигурыХочу предложить вашему вниманию урок по Photoshop как откорректировать фигуру.<br />Видео урок описан на русском языке и понятен для восприятия. Здесь вы научитесь увеличивать достоинства фигуры и уменьшать ее недостатки делая тело совершенным.<br />Так же в видео уроке показано как наложить загар на тело.<br />Поэкспериментировав, Вы можете добиться хороших результатов.<br />Удачи.<br /><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/gvbAmNqheQg&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/gvbAmNqheQg&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object><br />В дальнейшем Вы сможете найти на этом сайте еще и другие уроки.<br /><a href="http://youdesigner.blogspot.com/2008/07/photoshop.html">Уроки Photoshop - Как наложить декоративные тени на глаза</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-1144548602944939005?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-67289940762948664452008-07-30T12:29:00.002+03:002008-07-30T12:43:26.090+03:00Лучшие фотографииНа бесконечных просторах интернета, есть очень много достойных и красивых фотографий. Одни из радуют, другие впечатляют. Их можно пересматривать часами, если Вы, конечно, любите фотографию. <br /><br />Хочу поделится с Вами своей подборкой красивых фотографий, талантливых фотографов. Адрес сайта <a href="http://photoblog.com.ua/">http://photoblog.com.ua/ </a>. Здесь Вы можете комментировать работы, ставить им рейтинг или просто любоваться.<br /><br />Буду рада помощи, если у Вас есть свои фотографии или подборка качественных и удачных снимков. Я буду рада разместить их у себя на сайте.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-6728994076294866445?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-72352108153365838152008-07-25T12:22:00.006+03:002008-07-25T13:44:36.837+03:00Подборка. Элегантные дизайны.Хочу предложить Вашему вниманию несколько сайтов, которые мне понравились в плане юзабилити, цветовой палитры и разными интересными подходами, например, навигации.<br /><a href="http://intype.info/home/index.php">Intype</a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_M6FjZrLed0Y/SImoL0yrHLI/AAAAAAAAAAo/7BGGi9t8KK8/s1600-h/intype.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/_M6FjZrLed0Y/SImoL0yrHLI/AAAAAAAAAAo/7BGGi9t8KK8/s400/intype.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5226893763643382962" /></a><div style="clear:both;"></div><br /><a href="http://www.bigfilebox.com/">BigFilebox</a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_M6FjZrLed0Y/SImo8LRavTI/AAAAAAAAAAw/X67UFMnPPhQ/s1600-h/bigfilebox.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/_M6FjZrLed0Y/SImo8LRavTI/AAAAAAAAAAw/X67UFMnPPhQ/s400/bigfilebox.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5226894594311634226" /></a><div style="clear:both;"></div><<br /><a href="http://freelanceswitch.com/">FreelanceSwitch</a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp2.blogger.com/_M6FjZrLed0Y/SImqv5KMs8I/AAAAAAAAAA4/a5ZvR8UvmMc/s1600-h/freelance.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp2.blogger.com/_M6FjZrLed0Y/SImqv5KMs8I/AAAAAAAAAA4/a5ZvR8UvmMc/s400/freelance.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5226896582314341314" /></a><br /><div style="clear:both;"></div><br /><a href="http://www.panic.com/coda/">Coda</a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_M6FjZrLed0Y/SIms_BUudfI/AAAAAAAAABA/HgzAT12plRo/s1600-h/coda.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/_M6FjZrLed0Y/SIms_BUudfI/AAAAAAAAABA/HgzAT12plRo/s400/coda.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5226899041227273714" /></a><div style="clear:both;"></div><br /><a href="http://www.outline2design.com/">OUTLINE to DESIGN</a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp3.blogger.com/_M6FjZrLed0Y/SImtT3HZjGI/AAAAAAAAABI/CdZbdvaOWa8/s1600-h/outline2design.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp3.blogger.com/_M6FjZrLed0Y/SImtT3HZjGI/AAAAAAAAABI/CdZbdvaOWa8/s400/outline2design.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5226899399264275554" /></a><div style="clear:both;"></div><br /><a href="http://www.immovarro.be/">Immo Varro vastgoedmakelaar</a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp2.blogger.com/_M6FjZrLed0Y/SImt6ZmKHkI/AAAAAAAAABQ/Mr29U6_zIkE/s1600-h/immo.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp2.blogger.com/_M6FjZrLed0Y/SImt6ZmKHkI/AAAAAAAAABQ/Mr29U6_zIkE/s400/immo.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5226900061355122242" /></a><div style="clear:both;"></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-7235210815336583815?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-60298964602432535862008-07-24T12:51:00.012+03:002008-07-24T14:22:48.287+03:00Подборка. Красивые черно-белые фотографии<a href="http://2photo.ru/2008/05/30/legendarnaja_toni_frissell.html">Toni Frissell</a><br />Фотографии легендарного Тони Frissell впечатляют сочетанием модных тенденцией и сюрреализма. Одна из его фотографий представлена ниже, где черно-белые тона является одновременно и резкими и четкими. Достигнуть такого уровня реальности в черно-белом стиле чрезвычайно сложно.<br /><img src="http://2photo.ru/uploads/posts/7891/20080530/toni_frissell/30_05_2008_0331009001212103124_toni_frissell.jpg" border="0" alt="черно-белое фото" /><div style="clear:both;"></div><br /><a href="http://www.behance.net/Gallery/Street/81466">Alin Ciortea</a><br />Alin Ciortea на своих фотографиях показывает примеры современных улиц. В черно-белом цвете, конечно.<br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://behance.vo.llnwd.net/profiles/58513/projects/81466/585131206397715.jpg" border="0" alt="черно-белое фото" /><div style="clear:both;"></div><br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://behance.vo.llnwd.net/profiles/58513/projects/81466/585131206397728.jpg" border="0" alt="черно-белое фото" /><div style="clear:both;"></div><br /><a href="http://www.anetakowalczyk.com/galleries.html">Aneta Kowalczyk</a><br />Aneta Kowalczyk специализируется на портретной фотографии. Некоторые из ее фотографий провоцируют, некоторые - довольно странные, а некоторые просто очень красивые. Ниже фотография, которая показывает красивую сторону ее черно-белых работ.<br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://www.anetakowalczyk.com/galleries/MartaJanczak/mar4.jpg" border="0" alt="черно-белое фото" /><div style="clear:both;"></div><br /><a href="http://www.wired.com/culture/art/multimedia/2008/05/gallery_top_10_black_white?slide=9&slideView=7">Топ 10 лучших черно-белых фото</a><br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://www.wired.com/images/slideshow/2008/05/gallery_top_ten_black_white/4.jpg" border="0" alt="черно-белое фото" /><div style="clear:both;"></div><br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://www.wired.com/images/slideshow/2008/05/gallery_top_ten_black_white/9.jpg" border="0" alt="черно-белое фото" /><div style="clear:both;"></div><br />Источник <a href="http://www.smashingmagazine.com/">http://www.smashingmagazine.com/</a><br />Перевод <a href="http://youdesigner.blogspot.com/">Юлии Ворожко</a><br />Так же смотрите подборку лучших фотографий на <a href="http://photoblog.com.ua/">http://photoblog.com.ua/</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-6029896460243253586?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-7169261616513555022008-07-23T17:56:00.004+03:002008-07-23T19:22:13.539+03:00Стильные и оригинальные бизнес визиткиПодборка стильных и оригинальных визиток для бизнеса и для себя лично.<br />Необычный подход создания визиток. Очень креативно и смело!<br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2352/2226557827_defc32e03e_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2284/2226557719_cb17670f56_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2403/2226557565_dec0ee01c3_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2169/2226557499_e67eb68fed_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2056/2227347670_1de1c31692_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2348/2226557277_f3d65f1b08_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2030/2227347472_8cd3c41e20_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2416/2227347336_11197a6af1_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2293/2226556921_06f4cf3fee_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2407/2226556829_a7dee8a619_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2117/2226556621_260c91f339_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2235/2227346832_2381f4c3b3_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2358/2226556391_3265111e5f_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2116/2226556185_0249e92424_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2133/2226556091_0fdf33fc14_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2106/2227346158_04ae0d8673_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2138/2226555735_2510223d46_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2096/2227345948_7e1e173e5a_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2190/2227345782_24d991d6d6_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2187/2227343164_a4cc2917d9_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2001/2227342528_35dc81242a_o.jpg" border="0" alt="" /><div style="clear:both;"></div> <br /><br />И другие визитки Вы можете найти на сайте <a href="http://inspiredology.com/2008/01/28/cool-business-cards/">inspiredology.com</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-716926161651355502?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-20021580206210182022008-07-22T08:00:00.002+03:002008-07-22T08:01:54.294+03:00Что за шрифт на картинке?Я думаю многие из нас, по своей работе, или в других целях, часто сталкиваюсь с проблемой определения шрифта, который изображен на картинке. <br />Поиск похожего шрифта занимает достаточно много времени и сил, но я хочу поделиться с Вами программой, которая помогла мне решить эту проблему.<br /><br />Собственно эта программа расположена на сайте <a href="http://www.myfonts.com/WhatTheFont/">http://www.myfonts.com</a>. <br />В управлении она очень проста. Вам необходимо загрузить изображение размером не более 360 x 275 пикселей в формате GIF, JPEG, TIFF, BMP.<br /><br />Покажу ее работу на примере. <br />Для определения шрифта я использовала логотип известной интернет энциклопедии - <a href="www.wikipedia.org/">Wikipedia</a>.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_M6FjZrLed0Y/SISci9ZEVOI/AAAAAAAAAAQ/GgYLtK50mYk/s1600-h/wikipedia.jpg"><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/_M6FjZrLed0Y/SISci9ZEVOI/AAAAAAAAAAQ/GgYLtK50mYk/s320/wikipedia.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5225473592065807586" /></a><div style="clear:both;"></div><br />Загрузив изображение я получила следующее:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_M6FjZrLed0Y/SISdMsYdaRI/AAAAAAAAAAY/guu_on8YeHE/s1600-h/wikipedia1.jpg"><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://bp1.blogger.com/_M6FjZrLed0Y/SISdMsYdaRI/AAAAAAAAAAY/guu_on8YeHE/s320/wikipedia1.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5225474309054359826" /></a><div style="clear:both;"></div><br />В поле "Character" я прописала буквы как на картинке, т.к. программа не всегда способна распознать их. Затем нажала кнопку поиска.<br />Программа нашла 30 похожих шрифтов.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp2.blogger.com/_M6FjZrLed0Y/SISeJ6EdT5I/AAAAAAAAAAg/fHbXoEgNI9I/s1600-h/wikipedia2.jpg"><img style="float:left; margin:0 1px 1px 0;cursor:pointer; cursor:hand;" src="http://bp2.blogger.com/_M6FjZrLed0Y/SISeJ6EdT5I/AAAAAAAAAAg/fHbXoEgNI9I/s320/wikipedia2.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5225475360700583826" /></a><div style="clear:both;"></div><br />Исходя из этого я могу предположить, что в логотипе Wikipedia используется шрифт Weiss Bold, т.к. он, по-моему мнению, больше всего соответствует тому что на картинке.<br /><br />Удачных экспериментов. Надеюсь эта программа поможет Вам в дальнейшем<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-2002158020621018202?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-70103401004925110342008-07-21T16:24:00.004+03:002008-07-21T16:40:41.290+03:00Профессиональная обработка фотографииНа обложках модных журналов мы часто видем моделей сногсшибательной красоты. Такие ли они на самом деле? Или это магия Photoshop?<br /><br />Ниже представлен видео ролик, в котором показана обработка фотографии. Неправда ли, - замечательный результат!<br /><span style="font-weight:bold;">До:</span><br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm3.static.flickr.com/2050/2498507594_33d0ac76a4.jpg" border="0" alt="обработка фотографии" /><div style="clear:both;"></div><br /><span style="font-weight:bold;">После:</span><br /><img style="float:left; margin:0 0px 0px 0;cursor:pointer; cursor:hand;" src="http://farm4.static.flickr.com/3249/2387697604_d40411c787.jpg" border="0" alt="обработка фотографии" /><div style="clear:both;"></div><br /><span style="font-weight:bold;">Как это делалось:</span><br /><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/tBt6GQU6_-A&hl=en"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/tBt6GQU6_-A&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="344"></embed></object><br /><br />Пост написан по материалам сайта <a href="http://abduzeedo.com/perfect-lie-photoshop">http://abduzeedo.com</a><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-7010340100492511034?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-35561264506596928522008-07-19T14:08:00.026+03:002008-07-19T16:09:17.159+03:00Уроки Photoshop - Как наложить декоративные тени на глаза<span style="font-weight:bold;">Photoshop </span>открывает перед нами огромное количество возможностей. Вы можите создать макияж, подправить неровности, удалить морщинки, или просто поэксперементировать со своей фотографией или фотографией друга.<br /><br />Хочу предоставить Вашему вниманию урок в графическом редакторе Photoshop, - как наложить декоративные тени на глаза. Урок не сложный, но на мой взгляд очень полезный и просто красивый. В дальнейшем Вы можете применять его и на раскраске и других объектов.<br /><h2>Наложение декоративных теней на глаза</h2><br />До:<br /><img style="float:left; margin:0 10px 10px 0;" src="http://www.dphotojournal.com/wp-content/makeup/makeup01.jpg" border="0" aligen="left"/><div style="clear:both;"></div>После:<img style="float:left; margin:0 10px 10px 0;" src="http://www.dphotojournal.com/wp-content/makeup/makeup01b.jpg" border="0" alt="уроки photoshop" /><br /><div style="clear:both;"></div><br /><span style="font-weight:bold;">Шаг 1:</span><br />Откройте вашу фотографию и создайте 3 новых слоя, нажав "Create a new layers".<br /><img style="float:left; margin:0 10px 10px 0;" src="http://www.dphotojournal.com/wp-content/makeup/makeup02.jpg" border="0" alt="уроки photoshop" /> <br /><div style="clear:both;"></div><br /><span style="font-weight:bold;">Шаг 2:</span><br />Выберите размер кисти. В данном случае я использую кисть размером 17. Двойном кликом на палитре цветов, задайте цвет. Я установила CMYK: 100, 50, 0, 0.<br /><img style="float:left; margin:0 10px 10px 0;" src="http://www.dphotojournal.com/wp-content/makeup/makeup03.jpg" border="0" alt="уроки photoshop" /><div style="clear:both;"></div> <img style="float:left; margin:0 10px 10px 0; "src="http://www.dphotojournal.com/wp-content/makeup/makeup04.jpg" border="0" alt="уроки photoshop" /><br /><div style="clear:both;"></div><br /><span style="font-weight:bold;">Шаг 3:</span><br />Кликните на первый новый слой "Layer 1" и поставьте для него режим смешивания "Color" и начните кистью зарисовывать веки девушки, как это показано на картинке. <br /><img style="float:left; margin:0 10px 10px 0; "src="http://www.dphotojournal.com/wp-content/makeup/makeup05.jpg" border="0" alt="уроки photoshop" /><br /><div style="clear:both;"></div><br /><span style="font-weight:bold;">Шаг 4:</span><br />Измените цвет кисти на более светлый. Выделите второй новый слой "Layer 2" и поставьте для него режим смешивания "Soft Light". Затем наложите верхние тени на фотографию. Вы можете менять размер кисти. <br /><img style="float:left; margin:0 0px 0px 0; "src="http://www.dphotojournal.com/wp-content/makeup/makeup06.jpg" border="0" alt="уроки photoshop" /><br /><div style="clear:both;"></div><br />Вот и все! <br />Удачных экспериментов!<br />По материалам сайта <a href="http://www.dphotojournal.com">http://www.dphotojournal.com</a>. Перевод <a href="http://youdesigner.blogspot.com/">Юлии Ворожко</a>.<br />Скоро я опубликую новые уроки по Photoshop. Буду рада Вас увидеть снова. <br />Если будут вопросы, оставляйте их в комментариях, обязательно отвечу.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-3556126450659692852?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-61026511470403901362008-07-18T12:07:00.011+03:002008-07-18T13:08:32.193+03:00Бесплатные векторные и растровые иконки для веб-дизайнеровХочу предоставить вашему вниманию несколько наборов векторных и растровых иконок. Все иконки являются бесплатными и Вы можите использовать их в своих проектах. Иконки Вы можете скачивать себе на компьютер в архивах.<br /><br /><img src="http://vremenno.net/files/uploads/free_icons_for_web_developers/77_vector_buttons.jpg" alt="векторные иконки" border="0" /><br />Вы можете <a href="http://www.gosquared.com/images/help_sheets/Button_Set_1.ai">скачать 77 векторных кнопок</a><br /><br /><img src="http://vremenno.net/files/uploads/free_icons_for_web_developers/Fwdw_icons.jpg" alt="иконки" border="0" /><br />Бесплатные растровые иконки можно скачать <a href="http://www.freeiconsdownload.com/Downloads_Files.asp?images_id=265&amp;download_id=1">тут</a><br /><br /><img src="http://vremenno.net/files/uploads/free_icons_for_web_developers/kombine_toolbar_icons.png" alt="иконки" border="0" /><br />Еще одна коллекция иконок, которую вы можете использовать совершенно свободно. В архиве <a href="http://kombine.net/download/Kombine_toolbar_free.zip">45 растровых иконок</a>.<br /><br /><img src="http://vremenno.net/files/uploads/free_icons_for_web_developers/web-application-icons.png" alt="иконки" border="0" /><br /><a href="http://www.webappers.com/download/Web-Application-Icons-Set.zip">Коллекция иконок</a> 48х48, 32х32, 24х24 пиксела. Использование не ограничено.<br /><br /><img src="http://vremenno.net/files/uploads/free_icons_for_web_developers/PI_Diagon_Icons.jpg" alt="иконки" border="0" /><br />Еще одна большая коллекция растровых иконок в PNG формате (400 шт.) Адресс на сайт с которого можно их скачать <a href="http://www.freeiconsdownload.com/">тут.</a><br /><br />Другие векторные и растровые клипарты и кнопки вы можете найти на <a href="http://vremenno.net/">http://vremenno.net/</a>, но также не забывайте следить и за <a href="http://youdesigner.blogspot.com/">http://youdesigner.blogspot.com/</a>, скоро новые коллекции векторных и растровых клипартов пополнят этот блог.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-6102651147040390136?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-22474245913612312792008-07-16T14:45:00.010+03:002008-07-24T12:38:21.149+03:00Открытие кулинарного форумаЯ запустила свой новый проект - Кулинарный форум <a href="http://www.cookforum.info/">http://www.cookforum.info/</a><br /><br /><img src="http://cookforum.info/forums/templates/subSilver/images/cookforum_logo.png" alt="кулинарный форум" border="0" /><br />Моим хобби является кулинария и фотография, поэтому в этом форуме я буду совмещать свои увлечения.<br /><br />Фотография, как и кулинария, - это своего рода исскуство. С помощью них можно передать свое настроение, удивить, порадовать, да и просто показать свои таланты, ну или просто возможности. :-)<br /><br />Я с детства любила готовить, поэтому рецептов накопилось много, полезных и вкусных. Буду рада поделится ими со всеми желающими и пополнить свою коллекцию рецептов новыми. Буду выкладывать и фотографии готовых блюд и повышать свой уровень фотомастерства.<br /><br />Если у кого-то будут советы или вопросы по этому поводу - пишите мне свои мысли и делитесь своими рецептами. ;-)<br /><br />Милости прошу к моему шалашу!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-2247424591361231279?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-15506980088697740992008-07-15T14:40:00.005+03:002008-07-18T11:39:24.983+03:00Как подобрать идеальный цвет - Часть 4<strong>Источник:</strong> <a href="http://www.bamagazine.com/">Журнал Before&amp;After</a><br /><strong>Статья:</strong> "How to find a perfect color"<br /><strong>Перевод:</strong> Юлия Ворожко<br /><br /><a title="Часть 1 - как подобрать идеальный цвет" href="http://youdesigner.blogspot.com/2008/07/1.html">Часть 1 - как подобрать идеальный цвет</a><br /><a title="Часть 2 - как подобрать идеальный цвет" href="http://youdesigner.blogspot.com/2008/07/2.html">Часть 2 - как подобрать идеальный цвет<br /></a><a title="Часть 2 - как подобрать идеальный цвет" href="http://youdesigner.blogspot.com/2008/07/3.html">Часть 3 - как подобрать идеальный цвет</a><br /><br /><strong>4 Редактируйте и используйте</strong><br /><br /><span style="font-weight: normal">Разрабатывая дизайн, необходимо делать реальный выбор. Так много прекрасных сочетаний, как выбрать лучшее? Подумайте над задачей. Вы можете отдавать предпочтение нескольким цветам. Не спешите. Работая самостоятельно или в группе, взвешивайте первоначальной цели. Подумайте, о чем должен говорить дизайн? В данном случае цель заключается в том, чтобы дизайн смотрелся серьезно и по-деловому, однако, был светлым и стильным.</span><br /><br /><span style="font-weight: bold">Деловой стиль</span><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/15c7614ec363.jpg" alt="15c7614ec363.jpg"/> <br/>Голубой цвет для делового стиля - фаворит. Что интересно, здесь синий и оранжевый цвет, являющиеся приоритетными на фотографии, придавая ей прекрасную природную контрастность. Синий фон, как бы сливается с ее жакетом, при этом позволяя ее пристальному взгляду выйти на передний план. Красиво и деловито.<br /><br /><span style="font-weight: bold">Случайная</span><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/dd3e89ea9bad.jpg" alt="dd3e89ea9bad.jpg"/> <br/>Хорошие цвета, которые не используются на фотографии. Их различие добавляет глубину и жизнерадостность, какое-то расслабляющее ощущение; теперь картинка более понятна. Ее глаза, которые на самом деле голубые, теперь выглядят зелеными. Написав текст светлым оранжевым цветом, вы создадите мягкий контраст.<br style="font-weight: normal" /> <span style="font-weight: normal"><br /><span style="font-weight: bold">Привлекательная</span><br /></span><img src="http://pro100pro.com/wp-content/uploads/2008/03/03a70ae0ae1f.jpg" alt="03a70ae0ae1f.jpg"/><br/><span style="font-weight: normal"> Еще один вариант цвета, который не используется на исходной фотографии.</span><span style="font-weight: normal"> Сине-фиолетовый цвет является результатом смещения в сторону красного; получившийся результат - немного плоское изображение, так как лицо, волосы и фон теперь выглядят более похожими. Сине-фиолетовый цвет является холодным цветом, и как правило, ассоциируется с мягкостью, женственностью, и весной (с оттенком свежести).</span><br /><br /><span style="font-weight: bold">Уверенная</span><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/63891183cbf8.jpg" alt="63891183cbf8.jpg"/> <br/> Светлый цвет волос укрепляют эту страницу; синий цвет дает контраст и глубину. Неожиданно интересным является желтый заголовок, он будто вырезан из фотографии. Дизайн умеренно плоский с очень сильным сочетанием и привлекательностью (выигрывает в плане дизайна), но он требует смелости клиента, чтобы тот выбрал его.<br /><br /><span style="font-weight: bold">Серьезная</span><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/28c7008d932b.jpg" alt="28c7008d932b.jpg"/> <br/>Эта палитра начинается с темно-красного цвета ее волос, и в качестве дополнения переходит на 2 шага в сторону теплого желтого цвета. Теперь ее глаза и жакет отступают на задний план, создавая контраст. Помните, что красный цвет ее волос сам по себе весьма сильный, но только в качестве фона, он приобретает настоящую силу. Читатель чувствует серьезность и тепло в дизайне.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-1550698008869774099?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-33693844384226806372008-07-14T15:15:00.007+03:002008-07-14T15:22:15.802+03:005 лучших векторных клипарт ресурсов для дизайнеровВ создании дизайна часто необходимы клипарты (картинки, фотографии и т.д) на различные тематики.<br />Хочу предложить Вам лучшие источники клипартов, которыми пользуюсь сама.<br /><br />1. <a href="http://russki.istockphoto.com/index.php">http://russki.istockphoto.com</a> - большая коллекция фотографий, иллюстраций, рамок, коллажей<br />2. <a href="http://www.photos.com/en/index">http://www.photos.com</a> - большая подборка фотографий<a href="http://www.photos.com/en/index"><br /></a>3. <a href="http://demiart.ru/forum/index.php?showforum=73&amp;prune_day=100&amp;sort_by=Z-A&amp;sort_key=last_post&amp;st=0">http://demiart.ru/forum</a> - лучший дизайнерский форум, клипарты на разные тематики<br />4. <a href="http://www.lenagold.ru/">http://www.lenagold.ru</a> - подборка рамок и фотографий<br />5. <a onclick="return top.js.OpenExtLink(window,event,this)" href="http://minima.ru/photo/clipart/katalog.php" target="_blank">http://minima.ru</a> - подборка фотографий<br /><br />Желаю приятного времяпроведения на этих сайтах и поиска вдохновений!<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-3369384438422680637?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-79968005474148188742008-07-12T10:41:00.011+03:002008-07-18T11:55:45.691+03:00Как подобрать идеальный цвет - Часть 3<strong>Источник:</strong> <a href="http://www.bamagazine.com/" target="_blank">Журнал Before&amp;After</a><br /><strong>Статья:</strong> "How to find a perfect color"<br /><strong>Перевод:</strong> Юлия Ворожко<br /><br /><a title="Часть 1 - как подобрать идеальный цвет" href="http://youdesigner.blogspot.com/2008/07/1.html">Часть 1 - как подобрать идеальный цвет</a><br /><a title="Часть 2 - как подобрать идеальный цвет" href="http://youdesigner.blogspot.com/2008/07/2.html">Часть 2 - как подобрать идеальный цвет</a><br /><br /><strong>3 Сделайте цветовую палитру</strong><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/ebe4b05f3701.jpg" alt="cvetovoy_kryg"/> <br/><span style="font-weight: normal">Добавьте больше оттенков! Выберите любой из оттенков, например, синий, и найдите его или похожий цвет на цветовом круге. Мы назовем его базовым цветом. Мы уже знаем, что базовый цвет есть на фотографии. Наша задача состоит в том, чтобы найти цвета, которые сочетаются с базовым цветом. Помните, если на брошюре </span><span style="font-weight: normal">имеется </span><span style="font-weight: normal"> и другая графика, то нам необходимы как темные, так и светлые цвета для контраста.</span><br /><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/795084d91c2b.jpg" alt="795084d91c2b.jpg" align="left" width="300" />Во-первых, разложите <span style="font-weight: normal">базовый цвет </span><span style="font-weight: normal">на темные, средние и светлые оттенки. Это <em>однотонная</em> палитра. У нее нет разнообразия цвета, но она обеспечивает контрастность оттенков, что очень важно для хорошего дизайна.</span><br/><br/><br/><br/><br /><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/79aad6a83b2c.jpg" alt="79aad6a83b2c.jpg" align="left" width="300"/> Один <em>цветовой шаг</em> по обе стороны от базового цвета сделайте аналогично. Цветовые оттенки, в данном случае, - сине-зеленый, синий и сине-фиолетовый, которые создают замечательную, с низким уровнем контраста, гармонию. Такие палитры богаты и с ними всегда легко работать.<br/><br/><br/><br /><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/1e3f55292d85.jpg" alt="1e3f55292d85.jpg" align="left" width="300"/>Напротив базового цвета, расположите оранжевые оттенки, они будут <em>дополнять</em> его. Они будут дополнять друг друга благодаря контрасту. Базовый цвет, в сочетании с его контрастом, способен передавать энергию, силу и радость. Как правило, не стоит использовать много контраста; достаточно одного оранжевого пятнышка на голубом фоне, как в примере.<br/><br/><br /><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/ac93e93a41d0.jpg" alt="ac93e93a41d0.jpg" align="left" width="300"/>Еще одним способом, является дополнение аналогичными оттенками. Эта палитра называется <em>"разбитое дополнение"</em>. Ее достоинство в низко-контрастных аналогичных оттенках. В данном случае, голубой, скорее всего, не будет использоваться как основной цвет.<br/><br/><br/><br /><br /><img src="http://pro100pro.com/wp-content/uploads/2008/03/b08f1ab9684c.jpg" alt="b08f1ab9684c.jpg" align="left" width="300"/>Цвета, аналогичные базовому, создают хорошую палитру цвета, которую можно разбавить контрастной точкой дополнительного цвета. Помните, что цвета одной <em style="font-weight: normal">насыщенности</em><span style="font-weight: normal"> имеют тенденцию к вытеснению друг друга, однако дополняют, если насыщенность разная. Вот почему вам необходимо подбирать в палитру и светлые, и средние, и темные оттенки каждого цвета.</span><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-7996800547414818874?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-80774155610131719452008-07-11T17:32:00.011+03:002008-07-18T11:57:56.024+03:00Как подобрать идеальный цвет - Часть 2<strong>Источник:</strong> <a href="http://www.bamagazine.com/">Журнал Before&amp;After</a><br /><strong>Статья:</strong> "How to find a perfect color"<br /><strong>Перевод:</strong> Юлия Ворожко<br /><br /><a title="Часть 1 - как подобрать идеальный цвет" href="http://youdesigner.blogspot.com/2008/07/1.html">Часть 1 - как подобрать идеальный цвет</a><br/><br /><strong>2 Найдите все варианты</strong><br/><br />Поместите фотографию на все найденные цвета. Неплохой результат, не так ли? Что интересно, независимо от цвета, фотография смотрится очень хорошо, потому что используемые цвета уже присутствуют в ней. Это правило дизайна. Работайте с тем, что перед вами. Не делайте лишнего.<br /><br /><strong>Теплые оттенки</strong> - розовый, оранжево-розовый, ярко-коричневый, коричневый - это цвет волос девушки. В теплых тонах она выглядит более мягкой и женственной. Эти оттенки больше подходят для косметологии и в области социальной защиты.<br /><br /><img style="border: 0px none ;" src="http://pro100pro.com/wp-content/uploads/2008/03/64456b890b881.jpg" alt="64456b890b88" border="0" /><br /><br /><strong>Холодные оттенки</strong> - жакет, в основном используются для более серьезных, деловых целей. Посмотрите, чем темнее фон, тем ярче лицо девушки и тем сильнее оно выделяется.<br /><br /><img style="border: 0px none ;" src="http://pro100pro.com/wp-content/uploads/2008/03/2060fb3885511.jpg" alt="2060fb388551" border="0"/><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-8077415561013171945?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-24789879082787796372008-07-10T20:50:00.006+03:002008-07-11T17:48:15.579+03:00Как подобрать идеальный цвет - Часть 1<strong>Источник:</strong> <a href="http://www.bamagazine.com/">Журнал Before&amp;After</a><br /><strong>Статья:</strong> "How to find a perfect color"<br /><strong>Перевод:</strong> Юлия Ворожко<br /><br /><em>Вашей брошюре необходим дизайн и у Вас есть фотография. Нужно подобрать к ней правильный цвет. Ниже описано как создать полную палитру. </em><br /><br />Дело в том, что подбор идеального цвета является частью искусства, частью науки. Мы покажем вам простой способ.<br /><br /><strong>Вот ситуация.</strong> Нам необходимо сделать дизайн для академического женского колледжа, и у нас есть фотография рыжеволосой девушки в веснушках. Цель в том, чтобы дизайн выглядел свежим, живым и индивидуальным (без зданий и открытых местностей), необходимо создать впечатление, что программа носит серьезный и деловой характер. И цвет должен соответствовать этому.<br /><strong><img style="border-width: 0px;" src="http://pro100pro.com/wp-content/uploads/2008/03/7f85850dcb63.jpg" alt="7f85850dcb63" align="middle" border="0" height="432" width="302" /></strong><br />Ни один визуальный элемент не воздействует на зрителя больше, чем цвет. Он передает информацию, задает настроение. Работа с цветом должна быть веселой! Но какой цвет правильный? Мы подбираем идеальный цвет, но это субъективное мнение и не всегда верное. Это больше чем наука.<br /><br />Ключ в том, что цвет является относительным. В природе он сочетается друг с другом. Для наглядного примера рассмотрим наше фото, найдем в нем цвета, которые сочетаются друг с другом, и когда мы найдем их, то найдем и решение задачи.<br/><br /><strong>1 Выбор палитры из фотографии</strong><br/><br />Фотография - это основа для подбора необходимого цвета. Что на ней изображено? Лицо, рыжие волосы, голубые глаза, синий пиджак. Увеличьте картинку, и, если вы не делали этого раньше, вы будете удивлены разнообразием цвета! Во-первых, выделите основные цвета уменьшив ее палитру (16, 32, 64 основных цвета). (Продублируйте слой с фотографией (чтобы не портить оригинал), после чего выберете Filter&gt; Pixelate&gt; Mosaic примечание от переводчика). Большой размер ячейки даст вам небольшое количество цветов; если вам необходима большая палитра, просто уменьшите размер ячейки. С помощью пипетки подбирайте темные, средние и светлые оттенки каждой детали фотографии.<br /><br /><img style="border-width: 0px;" src="http://pro100pro.com/wp-content/uploads/2008/03/c5878a851446.jpg" alt="c5878a851446" border="0" height="429" width="534" /><br /><br />В первую очередь, работайте с основными цветами. Речь идет о деталях, которые видны с первого взгляда: ее лицо, цвет волос и синий пиджак. Затем сконцентрируйтесь на более редких оттенках - цвет глаз, губы, отблеск волос и мягкие тени. Вы можете увидеть более темные и светлые участки - это не страшно, но уделите этому внимание. Отсортируйте эти результаты по цвету, а затем каждый цвет по оттенку (от светлого к темному). Удалите повторяющиеся оттенки. И Вы будете приятно удивлены от того, что вы обнаружите.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-2478987908278779637?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0tag:blogger.com,1999:blog-3813206179045827578.post-46571320577763645272008-07-06T12:52:00.005+03:002008-07-06T15:01:36.835+03:00Векторные клипарты - золотая коллекция дизайнера<p>Для создания логотипов, элементов оформления, а так же в полиграфии применяют изображения векторной графики. К графическим векторным программам относятся Coral Draw и Adobe Illustrator.</p> <p>Если векторную картинку распечатать она будет намного качественнее, чем растровое изображение. Преимущества векторных изображений еще и в том, что при увеличении растрового изображения теряется его качество и четкость, а при увеличении векторного изображения - качество не теряется. Поэтому, часто необходимы и векторные клипарты.</p> <p>Хочу поделиться с вами ссылками, где Вы сможете найти много векторных клипартов:</p> <p>1. <a href="http://www.westportal.ru/vectorniy_clipart">http://www.westportal.ru/vectorniy_clipart</a> - отличный ресурс по векторым клипартам и не только. Все для дизайнера.<br />2. <a href="http://iv12.narod.ru/frame/fra_1.htm">http://iv12.narod.ru</a> - Рамки, узорные линии, орнаменты и другое картинки в формате EMF<br />3. <a href="http://www.lenagold.ru/" target="_blank">http://www.lenagold.ru/</a> - Большое колличество картинок в PNG (на прозрачном фоне) для составления коллажей и любых других целей, а так же GIF анимации<br />4. <a href="http://www.vectory.ru/">http://www.vectory.ru/</a> - Тематические векторные клипарты<br />5. <a href="http://www.lika-clipart.ru/tree.shtml">http://www.lika-clipart.ru/tree.shtml</a> - природа, люди, узоры, рамки</p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3813206179045827578-4657132057776364527?l=youdesigner.blogspot.com'/></div>Юлия Ворожкоhttp://www.blogger.com/profile/14502695990868068369noreply@blogger.com0