среда, 18 августа 2010 г.

Как скруглить края изображения

В этом уроке мы бысто и легко научимся делать ваши фотографии или любые другие изображения в нетривиальной форме: с закругленными краями.

Итак, что необходимо для данной задачи?

А необходимо: желание, наличие свободного времени , фотография и конечно всеми любимый растровый редактор - Photoshop! ;)

Открываем файл с тем изображением, которое необходимо редактировать и создаем из него слой: щелкаем по слою в палитре Layers правой кнопкой мышки и в меню выбираем опцию Layer From Background.

Далее ...

Создаем новый слой Create a new layer, либо нажав (Ctrl+Shift+N) и располагаем его над нашей картинкой. С помощью инструмента Rounded Rectangle Tool (U)
создаем либо квадрат, либо прямоугольник нужного размера, выставив перед этим в меню свойств диаметр скругления - 40 - 50 px.


ВНИМАНИЕ! Чтобы просмотр скриншотов был более удобным для просмотра, кликните по ним и вам будет представлен оригинал!

У нас получился слой с формой Shape белого цвета (у вас может быть другой цвет). Щелкнув по иконке Shape вместе с нажатой клавишей Ctrl, мы выделим наш у прямоугольную форму. После данного действия сделаем инвертирование:
Shift+Ctrl+I, либо выбрав в меню панели команд Select - Inverse.

Далее ...

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

Переходим на нижний слой и щелкаем Delete на клавиатуре.



Избавляемся от выделения: Ctrl+D.

И еще ...  Чтобы удалить лишнюю прозрачную область вокруг  картинки, подрезаем изображение: Image > Trim.

Вот собственно и все, что требовалось получить!

Теперь следует грамотно сохранить данную картинку, дабы не было разочарований. Если мы сохраним файл в формате Jpeg, то получим изображение на белом фоне, так этот формат не поддерживает прозрачность.
Чтобы избежать этого досадного факта, сохраним нашу работу в другом расширении: PNG.



Изображение будет располагаться на прозрачном фоне, что позволит ему быть абсолютно самостоятельным (без фона).



Надеюсь, что информация была полезна и пополнила вашу коллекцию уроков по Photoshop.


© Гайдук Е.В. 2010 г.

ВНИМАНИЕ ДЛЯ КОПИРАЙТЕРОВ! Публикацию урока осуществлять только с согласия автора! При копировании урока соблюдать авторские права, указывая ссылку на источник!

пятница, 14 августа 2009 г.

Видеоуроки по Flash CS4


Продолжаю вести рубрику видеоуроков по работе в программах семейства Adobe.
Сегодня я хочу предложить вам Видеоуроки по Flash CS4 !

Вы еще не знаете премудростей работы во Flash, но уже давно мечтаете научиться? Вы как раз вовремя читаете данную статью!

Вы - опытный флешер? Вам будет приятно ознакомиться с новинками, которые подарила новая версия программы!

Как это сделано?

Сегодня я открываю новую рубрику "Как это сделано?" В ней я планирую собирать уроки и статьи, помогающие раскрыть секреты создания того или иного дизайнерского шедевра.

Часто, при просмотре тех или иных работ после восхищения наступает стадия неуемного желания сотворить нечто подобное. После наступает период волнения: смогу ли и я так и как это сделано? Но ... не все прилагают инструкции к своим картинкам и лишь немногие делятся с миром своими тайнами и техникой!

Тем более ценны статьи подобного рода! Будем делать библиотеку, господа! И будем брать из нее самые лучшие и самые вкусные уроки!

И я очень надеюсь, что это вызовет у вас не только интерес, но и творческое вдохновение,
которое обязательно рано или поздно приведет вас к успеху!

Добро пожаловать на первый урок - Создание постера. Автор статьи и постера - Алексей Лачинский!

Читайте, смотрите, творите!

четверг, 13 августа 2009 г.

Ах и Ой по поводу Flash-сайта!

Flash все увереннее продвигается вперед в мире интернет-технологий! Это и ролики, и фотогалереи, и открытки и наконец флэш-сайты.

Именно о последних и пойдет сейчас речь!

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

А ведь технология Flash появилась сравнительно недавно ...

1995 год - компания Future Animation разработала программу для создания векторной графики. Но, вскоре компания Macromedia выкупает и дорабатывает данную программу.
Программа приобретает новое название - "Flash", что означает "вспышка".

И уже в четвертой версии в программу была встроена поддержка языка ActiоnScript, что дало огромные возможности для создания анимации.

На сегодняшний день Flash успешно работает с импортируемой растровой, векторной графикой, звуком, видео, текстом, документами XML.

Сорри, немного отвлеклась от темы ... :)

Так вот, продолжу о flash-сайтах!

Сегодня сайты фирм и всевозможных компаний не перестают удивлять нас своими дизайнерскими находками и разнообразием стилей. И как-бы нам тоже хотелось бы иметь подобный чудо-сайт!

Но, кроме "АХ" есть еще и "ОЙ"!

Главный минус сайта состоит в том, что если он полностью выполнен в программе Flash, то существует риск того, что не всякий зритель сможет его просмотреть ...

Да! Именно так!

Ведь для просмотра сайта обязательно необходим Flash-плеер, который и дает возможность
наслаждаться просмотром сайтов новейших технологий! А даже если и есть плеер, то не исключено, что он может быть старой версии. Можно конечно предложить гостям сайта скачать этот самый плеер бесплатно, но далеко не каждый будет согласен терять на это время!

И еще актуальный момент - загрузка flash-сайта! Хорошо, если время загрузки не велико и вы сравнительно быстро попадаете туда,
куда кликнули мышкой. А ежли нет? Ну что же ... Тогда порог терпения должен быть пропорционален времени ожидания, либо превышать его! ;)

Вот вам все "Ах" и "Ой"!

Правда есть еще один вариант решения данной проблемы: владеть двумя сайтами - сайтом, выполненном на основе Flash-технологии и другим, представляющим HTML-версию сайта, то есть сайта с элементами Flash-анимации, которые не несут большой функциональной нагрузки!

Думайте сами, решайте сами! Иметь или не иметь?! )))

Видеоруководство по Photoshop CS4


В какой версии Photoshop работаешь, Дизайнер?

Кому-то привычнее работать в семерке, а кто-то любит идти в ногу со временем! На данный момент я работаю и в CS3 и в CS4.

Смотря какое у меня настроение! Если терпеливое и благостное, то я гуляю в последней версии(изучаю ее новые возможности), а если есть необходимость сделать заказ, к тому же еще и срочный, то я по самые уши в CS3. ;)

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

Рада представить вам первый в России самоучитель по новейшей версии Photoshop CS4!

Здесь дано прекрасное ВИДЕОРУКОВОДСТВО по ознакомлению и работе в самой последней версии этого редактора.

Приятного обучения и творческого порыва, господа!

пятница, 12 июня 2009 г.

Абстракт


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

ИМХО тот, кто делится с миром, тот от мира и получает! В данном случае речь идет конечно о дизайнерах.

Так вот о наших пряниках ... )))


Работа сделана в двух программах - Apophysis и Photoshop. Первый этап состоял в получении узора, выдаваемого программой Apophysis. После рендеринга, узор был
отправлен на доработку в ФШ. В чем же она состояла?

Выбираем положение узора на холсте.


Слой заливаем градиентом (подбираем цвет и вид).



Получаем примерно такое:


Далее берем кисти "нити" или "линии", кому как приятнее и используем их в своей работе. Чтобы было эффектнее можно применить фильтры, коих в ФШ очень много.
В данном случае я использовала: Twirl


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