АвторСообщение

Фантазерка Болливуда





Сообщение:2074
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:01.Заголовок:Уроки фотошопа найденные в инете


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




~Натали~
Спасибо: 1 
ПрофильЦитата Ответить
Ответов -118 ,стр: 1 2 3 4 5 6 All [только новые]



Фантазерка Болливуда





Сообщение:2075
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:03.Заголовок:Создание бесшовных и..


Создание бесшовных или затайленных текстур

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

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


~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2076
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:03.Заголовок:http://s52.radikal.r..






На первый взгляд, фотографии разные и затайливанию не подлежат. Это обманчивое впечатление. Сейчас вы сами всё увидите.


~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2077
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:03.Заголовок:Приступим. Сперва, н..


Приступим. Сперва, необходимо проверить включено ли прилипание, если - нет, включить:



Затем, выделяем инструмент Move Tool:



После, дублируем основной слой и сдвигаем его наполовину влево (или вправо, не суть), прилипание, в этом случае позволит обойтись без направляющих и лишних телодвижений, поскольку, изображение, на определённом этапе его транспортировки, всем своим центром рванёт к рамке рабочего изображения, но это будет работать, только, если у вас в руках Move Tool:


~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2078
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:03.Заголовок:http://s42.radikal.r..




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







~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2079
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:04.Заголовок:В результате, мы име..


В результате, мы имеем бесшовные изображения по вертикальным краям и кошмарные швы посередине. Будем с ними бороться, для чего выберем инструмент Ластик (Eraser Tool). В опциях ластика отключим все динамики, вообще всё, кроме Smoothing или, как я подозреваю, по-русски, сглаживания (прошу прощения, ни разу не работала в русскоговорящем фотошопе). Диаметр ластика должен быть не очень большим, чтобы не получилось слишком нечётких краёв, которые, в итоге, приведут к размытости частей изображения:

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

Теперь начинаем аккуратно вытирать часть изображения, которое приходится на центральный шов, стараясь не сильно от этого шва удаляться. Не стесняемся, в процессе, менять диаметр ластика. Для удовлетворительного результата, необходимо стирать так, чтобы открывать вменяемую часть изображения, останавливаясь на границах целых деталей, как бы вплавляя верхний слой в нижний. Хорошо, когда границы стираемой области неровные, это придаст живости и реализма конечному изображению. В принципе, процесс весьма прост, вот, что у меня, в результате, получилось (для наглядности, я отскринила результаты и с выключенным базовым слоем):



~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2080
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:04.Заголовок:http://s46.radikal.r..








Полюбовавшись на замечательный результат и подрихтовав огрехи, сливаем все имеющиеся слои в один. По вертикальным границам наши картинки теперь затайлены. Приступим к горизонтальным. Принцип тот же: берём Move Tool, дублируем слой, сдвигаем его наполовину вверх, дублируем слой, сдвигаем его наполовину вниз, сливаем слои со сдвинутым изображением, включаем, если выключили, базовый слой, берём ластик и трём (единственное отличие от первой стадии в том, что, при стирании, нельзя затрагивать изображение вплотную к боковым границам рабочего поля, иначе нарушается целостность вертикального шва, если этого не избежать, то стирать пограничное изображение придётся симметрично):



~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2081
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:04.Заголовок:http://s61.radikal.r..



















~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2082
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:04.Заголовок:Уффф... на написание..


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

www.alldesign.biz

Автор: css
`


~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2083
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:07.Заголовок:Урок по созданию кру..


Урок по созданию круглой кнопки.

Урок Adobe Photoshop по созданию круглой кнопки в стиле Web 2.0.

Итак, начнем.

Создадим новый документ с размерами 500х500 (по вашему желанию) и прозрачным фоном.

Выберем основной цвет F98203 и с помощью инструмента Элипс нарисуем круг удерживая при этом кнопку Shift для сохранения пропорций.






~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2084
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:07.Заголовок:Два раза щелкнем на ..


Два раза щелкнем на слое с кругом в палитре слоев и в открывшемся окне настроим стиль слоя.



Создадим новый слой и поместим его под слой с гругом.
После этого, удерживая кнопку Ctrl кликнем по иконке слоя с кругом в палитре слоев для создания выделенной области.
Дальше переходим в меню Выделение - Модификация - Расширить и вводим значение 15 Пикс..




~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2085
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:08.Заголовок:Выбираем инструмент ..


Выбираем инструмент Градиент (синий - желтый - синий).



И меняем цвета в панели настройки градиента.



После, убедившись что выбран новый слой, проводим линию от верхней границы выделенной области к нижней (при этом удерживаем клавишу Shift). Должно получиться следующее.




~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2086
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:08.Заголовок:Создадим еще один но..


Создадим еще один новый слой и поместим его на самый верх в палитре слоев. Удерживая клавишу Ctrl, кликнем на иконке слоя с кругом в палитре слоев. Теперь идем в меню Выделение - Модификация - Сжать и вводим значение 3 пикс..



Выберем инструмент Градиент (от белого к прозрачному) и в панели настройки градиентов заменим белый цвет на желтый.



Проведем линию от нижней границы выделенной области примерно до ее середины.





~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2087
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:08.Заголовок:Создадим новый слой ..


Создадим новый слой и выберем инструмент Овальная область, при этом отметим опцию Вычитание из выделенной области.



Теперь нарисуем круг так чтобы осталась выделенная область примерно как на рисунке.



Зальем выделенную область градиентом (от белого к прозрачному) и установим прозрачность слоя 90%.




~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2088
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:08.Заголовок:Теперь осталось толь..


Теперь осталось только добавить необходимый текст или рисунок и все, кнопка готова.





Автор: m0skit

При копировании статьи, ссылка на AllDesign.biz обязательна !!!

www.alldesign.biz


~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2089
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:10.Заголовок:Рисуем шаблон сайта ..


Рисуем шаблон сайта

Для начала стоит определиться с задачами. Итак, нам необходимо создать простой шаблон со стандартным расположением основных элементов. Т.е. у нас будет шапка сайта, левая колонка, центральная часть и так называемый "footer".

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

Данный урок не претендует на 100% инструкцию, т.е. не стоит воспринимать все действия как обязательные. Уверен, существуют более удобные и простые способы выполнения того или иного шага урока. Скорее урок надо рассматривать как описание того как я сделал данный шаблон, а не описание того как должны делать вы. Т.е. вы всегда можете сделать то или иное действие по своему, на свой взгляд и усмотрение и инструментами к которым привыкли вы.

Итак, начинаем.
Создаем новый документ с размерами 780 (ширина) пикселей Х 800 (высота) пикселей.





~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2090
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:10.Заголовок:С помощью инструмент..


С помощью инструмента Прямоугольник рисуем вот такую полоску, размером на весь лист.



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

Выставляем такие вот настройки.









~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2091
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:10.Заголовок:Настройки градиента...


Настройки градиента.



Для крайних маркеров я установил цвет #7C7C7C, а для центрального #DBDBDB.
В итоге и получим полоску как на рисунке.



Теперь с помощью инструмента Прямоугольник со скругленными углами нарисуем левую колонку.





~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2092
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:11.Заголовок:Настройки стилей для..


Настройки стилей для колонки.



Цвет я выбрал #C8C8C8





Настройки для градиента.



Далее создадим центральную колонку с помощью все того же инструмента Прямоугольник со скругленными углами и применим те же настройки стилей как и у левой колонки.



Теперь с помощью инструмента Прямоугольник рисуем прямоугольник в самой нижней части нашего шаблона. Цвет для заливки #DF6900.



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



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

Рисуем еще один прямоугольник с помощью одноименного инструмента и применяем следующие настройки стилей.




~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2093
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:11.Заголовок:Настройки градиента ..


Настройки градиента







И размещаем как показано на рисунке.



Теперь продублируем этот слой и разместим его в самом верху нашего шаблона.



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


~Натали~
Спасибо: 0 
ПрофильЦитата Ответить

Фантазерка Болливуда





Сообщение:2094
Настроение:Очумелое
Откуда:Россия
Репутация:22

Награды: :fm086: мастеру кнопок :fm105: за позитивное настроение :ms17: за наборы кнопок Душевному. :ms15: за дополнительные смайлики
ссылка на сообщение  Отправлено:20.09.09 23:12.Заголовок:Начнем с левой колон..


Начнем с левой колонки. Продублируйте слой с левой колонкой и растеризуйте его. Далее, уберем лишнее. Я это сделал инструментом "Прямоугольная область", просто выделил ненужное, вырезал на новый слой, а потом удалил. Изменим настройки стиля в оставшемся фрагменте.

Установим вместо наложения градиента наложение цвета. Цвет я выбрал #C8C8C8.



Уберем настройки тени, а обводку оставим без иизменения.

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





~Натали~
Спасибо: 0 
ПрофильЦитата Ответить
Ответов -118 ,стр: 1 2 3 4 5 6 All [только новые]
Ответ:
1 2 3 4 5 6 7 8 9
видео с youtube.com картинка из интернета картинка с компьютера ссылка файл с компьютера русская клавиатура транслитератор  цитата  кавычки оффтопик свернутый текст

показывать это сообщение только модераторам
не делать ссылки активными
Имя, пароль:      зарегистрироваться    
Тему читают:
-участник сейчас на форуме
-участник вне форума
Все даты в формате GMT  3 час. Хитов сегодня: 7
Права: смайлыда,картинкида,шрифтынет,голосованиянет
аватарыда,автозамена ссылоквкл,премодерацияоткл,правканет