Create site free
Форум
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Arowana 
Форум » Photoshop » Уроки наших пользователей. » уроки от Prolinetki
уроки от Prolinetki
prolineto4kaДата: Вторник, 05.08.2008, 11:16 | Сообщение # 1
Подает надежды
Группа: Проверенные
Сообщений: 107
Награды: 3
Репутация: 28
Статус: Offline
Смайл настроения:
закругленные края у картинки

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

Возьмите инструмент"Прямоугольник"

Выставите наверху следующие настройки

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

а сам задний план удаляем...В результате останется 1 слой.

Теперь рисуем прямоугольник...

Жмем Ctrl+Enter(раскладка клавиатуры должна быть английской) для преобразования в выделение.

Берем инструмент "Выделение"... Инвертируем выделение. (Select Inverse)

Получаем

Жмем Delete ...

Готово!Чтобы картинка так и осталась закругленной, сохранять нужно только в GIF.
Окончательный результат -

Добавлено (05.08.2008, 01:43)
---------------------------------------------
сглаживание шрифта

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

(без эффекта)

(с эффектом)

А делается он буквально в один клик:

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

Добавлено (05.08.2008, 01:45)
---------------------------------------------
пунктирная рамка

Пунктирная рамка делается очень просто. ;).
Откройте картинку, которую хотите"запунктирить."2 раза продублируйте слой"Задний план", сам задний план удалите.

Выведите на экран палитру"Стили".

Выберите пунктирные штрихи.

И теперь, работая на верхнем слое, выберите штрихи, которые вам по вкусу!Готово!Осталось только сохранить.

Добавлено (05.08.2008, 01:49)
---------------------------------------------
размытие заднего плана

Открываем наше изображение. Создаем копию слоя"задний план" И еще копию.Задний план удаляем. Выбираем верхний слой

Берем инструмент Магнетик Лассо (L)

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

Примерно вот так

Теперь инвертируйте выделение

Должно получитьcя

Идем Фильтh--Размытие---Радиальное размытие

Настройки:

Переходим в Имейдж Риди
Создаем дубликат кадра
Убираем глазик возле верхнего слоя

Ставим время каждого кадра - 0.2 сек.Все!

Добавлено (05.08.2008, 01:54)
---------------------------------------------
блестящая рамка

Блестящая рамка в Фотошопе.

1.Откроем наше изображение.Если вы собираетесь его обрабатывать/кадрировать - сначала сделайте все это.
2.Создайте новый слой

3.Возьмите инструмент Выделение

Выделите всю вашу картинку.

Выполните обводку.

Настройки

(Обводка -внутри! не меньше 2х пикселей, цвет - какой хотите)
4.Добавьте шум(Фильтр-Шум-Добавить шум),br> Настройки:

5.Повторите шаги 2-4, НО!Настройки шума слегка измените

6.Переходим в Image Ready (Ctrl+M)

Для первого кадра в слоях сделайте такие настройки:

Создайте дубликат кадра

Настройки слоев 2го кадра:

Поставьте время показа кадров 0.1 сек.
ГотовО!Файл-Сохранить оптимизированный как

Добавлено (05.08.2008, 10:51)
---------------------------------------------
Мигание глаз.

1.Откройте вашу картинку.Если вы собирайтесь ее уменьшить/как либо обработать, то сделайте это сразу.Однако если вы собирайтесь нанести штриховку - то сделайте это потом.
2.Создайте дубликат слоя "Задний план".

3.Возьмите инструмент "Палец".

Настройки инструмента.Ваша кисть должна быть примерно в 2 раза меньше глаз на фотографии.Мои настройки:

4.Начните аккуратно смазывать верхнюю линюю глазвниз, круговыми движениями к центру.Должно получиться что-то вроде:

5.Все получилось?Переходим в Image Ready.

Сделайте видимым слой с "закрытыми" глазами.

Поставьте время отображения кадра - 0.1 сек.

Готово!Файл--Сохранить оптимизированный как.

Добавлено (05.08.2008, 10:55)
---------------------------------------------
Штриховка.

1.Создайте новый файл размером 5*5 пикселейчем боьше будет файл,ем больше будет размер между штрихами).

Увеличьте файл до 1600 %:вместо 100%нпишете 1600% и нажмит Enter

Возьмите инструмент Карандаш.

Настройки инструмента:

Теперь аккуратно проводим карандашом диагональную линию(цвет - на ваш вкус)

Редатирование--Определить узор

Откройте вашу артинку(убедитесь, что она в режиме RGB)

Создайте новый слой

Выполняем заливку штриховкой.

Итак,вот результат!

Но штриховка слишком сильная, за ней плхо видно картинку.Поэтому уменьшим заливку слоя.

Все.Осталось добавить эффектов.Мой результат:

Добавлено (05.08.2008, 10:59)
---------------------------------------------
аватар с текстурой

1.Откройте вашу картинку, уменьшите ее до размера аватара(для аватаров с текстурой лучший размер - 100*100 пикселей).

2.Возьмите вашу текстуру

3.Убедитесь, что ваша основная картинка переведена в формат RBG.

4.Возьмите инструмент "Перемещение" и перетащите текстуру на вашу основную картинку
5.Поставьте слой с текстурой на режим наложения "Яркий свет"(еще может подойти "Жесткий микс").В случаях с другими текстурами(например, у которых черный фон), попробуйте другие режимы - Осветление, Затемнение основы.

6.В принципе, это все.Но!Мне кажется, что картинка выглядит бледновато

Поэтому щелкните правой кнопкой мыше на слое-исходнике "Задний план", нажмите "Создать дубликат слоя".

Если картинка слишком светлая - поставьте на эту копию на "Умножение", если слишком темная - на "Осветление".И отрегулируйте прозрачность.

Также можно поиграть с цветовыми тонами слоев(как сделала я).
Мой результат:

Добавлено (05.08.2008, 11:01)
---------------------------------------------
делаем юзербар

1.Создаем новый файл размером 350 на 19.Фон оставляем прозрачным(если вы впоследствии зальете его градиентом)Или заливаете нужным цветом. 2.Заливаем его градиентом, и - по желанию - штрихуем.(см.урок"Штриховка")

3.Открываем изображение, которое будет на юзербаре. Если оно нам не подходит по размеру, то идем в Редактирование---Свободное трансформирование(ctrl+t) Вырезаем изображение, и вставляем его в юзербар.Пишем шрифт.Добавляем блик сверху - создайте новый слой, возьмите инструмент "Выделение" , создайте выделение на верхней половине юзербара, залейте его белым цветом и ослабите прозрачность слоя.Готово!
А теперь - если хочется сделать более сложный и более красивый юзербар. Все делаем до3го пункта. Затем вставляете изображение(НЕТРАНСФОРМИРОВАННОЕ!)Но если оно очень уж большое, то уменьшите его. Перемещаем его так, чтобы низ вставленного изображения совпадал с низом юзербара.

Переходим в Image Ready.

Создаем дубликат кадра.

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

Создаем промежуточные кадры.

Настройки:

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

Добавлено (05.08.2008, 11:10)
---------------------------------------------
делаем is love

Для этого урока нам понадобятся:
-5 изображений
-кисточка is love

Открываем первое изображение(если хотите обработать картинку, то сделайте это сразу)и выбираем инструмент "Кадрирование"

Настройки:

Выделяем часть картинки

Получаем вот что:

Повторяем эти операции с оставшимися четыремя картинками.
Теперь перейдем непосредственно к созданию is love.Создайте новый файл:

Возвращаемся к нашему первому изображению и перетаскиваем его (инструмент "Перемещение") на только что созданный файл.

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

Теперь нам надо выполнить обводку.Щелкаем на значок возле слоя с первой перетащенной картинкой:

Настройки:

Получилось вот что:

Теперь будем делать фирменное сердечко.

Создайте новый слой

Возьмите инструмент "Кисть"

Берем нашу кисть IS LOVE:щелкаем по стрелочке возле кисти наверху(1) и затем открываем спсок кистей(2).Выбираем islove и тыкаем нашей кисточкой на свобожном месте под картинками.

Теперь напишем нужный вам текст.Берем инструмент текст с настройками:

и пишем текст.Получилось вот что:

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

Берем инструмент "Выделение"

Обводим всю нашу картинку целиком:

Щелкаем по выделению правой кнопкой мыши и жмем "Выполнить обводку"

Настройки:

Все.Сохраняем картинку.Мой результат:


(как вы понимаете, можно делать не 5, а 4 картинки, менять шрифт, цвет фона, использовать анимацию и т.д.)

Добавлено (05.08.2008, 11:16)
---------------------------------------------
анимация поочередного мигания

Откройте ваше изображение.

Если вы хотите его обработать/кадрировать, сделайте это сразу.Убедитесь, что изображение стоит в режиме RGB.

Создайте копию слоя "Задний план".Щелкните по "Задний план" правой кнопкой мыши > "Создать дубликат слоя".

Вот что у вас должно получиться:

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

Итак, начинаем осветлять наш первый элемент.

Выделите то, что будетосветлено на первом кадре.Я воспользовалась инструментом "Волшебная палочка"

(если элемент достаточно маленький, как сердечки на моем аватаре, то можно не пользоваться выделением вовсе.в этом случае при осветлениии возьмите инструмент размера меньшего, чем сам элемент и аккуратно осветляйте им элемент, стараясь не заезжать за края).

Берем инструмент "Осветление"

Настройки:

Осветлите ваш элемент (при этом возьмите достаточно большой размер осветлителя, больше самого выделенного элемента).Обычно достаточно 3х-4х кликов осветлителем.

Теперь начнем осветлять второй элемент.

Делаем видимым верхний слой и щелкаем по нему - мы будем работать на нем.

Выделяем элемент...

Осветляем.

Ползем в Image Ready .Или , оставаясь в фотошопе, достаем палитру анимации(окно>анимация).
На первом кадре делаем видимым только нижний слой.

Создаем дубликат кадра

На втором кадре делаем видимым только верхний слой

Задаем время отображения каждого кадра.На этом аватаре я поставила время отображения 0,5 сек.

Готово!Сохраняем:еслои вы в Image Ready, то "Файл">"Сохранить оптимизированный как";если в Photoshop, то "Файл">"Сохранить для Web".Мой результат:



Другим прощай часто, себе — никогда
 
S@NekДата: Вторник, 05.08.2008, 16:03 | Сообщение # 2
Подает надежды
Группа: Проверенные
Сообщений: 104
Награды: 0
Репутация: 5
Статус: Offline
Смайл настроения:
Супер! МОЛОДЕЦ!!!

 
prolineto4kaДата: Вторник, 05.08.2008, 16:06 | Сообщение # 3
Подает надежды
Группа: Проверенные
Сообщений: 107
Награды: 3
Репутация: 28
Статус: Offline
Смайл настроения:
S@Nek, спс,позже ещё сделаю уроки,мне щас влом делать скриншоты cool

Другим прощай часто, себе — никогда
 
ArowanaДата: Пятница, 19.09.2008, 11:33 | Сообщение # 4
Почетный гражданин сайта
Группа: Модераторы
Сообщений: 1907
Награды: 62
Репутация: 446
Статус: Offline
Смайл настроения:
prolineto4ka, о...спасибки! Ценные уроки ok


Почему картинки, которые ставим на рабочий стол, называем обои?? Это же СТОЛ! Значит, не обои, а скатерть. :)
 
MiikkiДата: Пятница, 29.05.2009, 18:35 | Сообщение # 5
Начал помогать
Группа: Проверенные
Сообщений: 92
Награды: 5
Репутация: 7
Статус: Offline
Смайл настроения:
Ааа..спасибо...очень помогла =*
 
NelliannaДата: Понедельник, 10.08.2009, 20:07 | Сообщение # 6
Житель Сансет-Ларизель
Группа: Проверенные
Сообщений: 262
Награды: 13
Репутация: 15
Статус: Offline
Смайл настроения:
Уроки просто супер!

Поздравь меня с Новым-годом! Тык)
 
Форум » Photoshop » Уроки наших пользователей. » уроки от Prolinetki
Страница 1 из 11
Поиск: